@charset "utf-8";
/*CSS Document*/
@import 'reset.css';
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Lato);
html,body{ margin:0; padding:0; z-index:0; font-family: 'Open Sans', sans-serif;}
.head{height:66px; position:fixed; top:0; width:100%; z-index:0; border-bottom:1px solid #108337; background:#FFF; z-index:5;}
.sombra_top{ height:26px; top:0; position:fixed; z-index:6; width:100%; background:url(../img/top.png) repeat-x;}
.menu{ width:700px; position:relative; margin:22px auto; padding:0;}
.menu li{ position:relative; float:left; width:auto; margin:0; text-align:center; color:#545454; font-size:18px; font-family: 'Open Sans', sans-serif; border-right:1px solid #108337; padding-left:20px; padding-right:20px;}
.menu li:hover{ color:#108337; font-weight:700;}

#next7{position:absolute; right:20px; top:50px; width:30px; height:30px; background:url(../img/next.png) no-repeat;}
#next7:hover{background:url(../img/next_roll.png) no-repeat;}
#prev7{position:absolute; right:70px; top:50px; width:30px; height:30px; background:url(../img/after.png) no-repeat;}
#prev7:hover{background:url(../img/after_roll.png) no-repeat;}

.banner{ position:relative; float:left; width:100%; margin-top:67px; height:361px; -webkit-box-shadow: 2px 5px 10px #999; -moz-box-shadow: 2px 5px 10px #999;  box-shadow: 2px 5px 10px #999; z-index:4;}
.banner #logo{ position:absolute; left:0; z-index:3;}
.space{ position:relative; margin:0; width:100%; float:left; padding-bottom:120px;}
.space2{ position:relative; margin:67px auto; width:100%; float:left;}
.contenido{ position:relative; margin:40px auto; width:910px;}
.contenido .im1{ float:left; position:relative;}
.filtro{position:absolute; width:100%; height:340px; bottom:0; background:url(../img/filtro.png) repeat-x 0 150px;}

.contenido2{ position:relative; margin:40px auto; width:910px;}
.contenido2 .im1{ float:left; position:relative;}

.contactanos{ position:relative; float:left; width:610px; height:103px; background:#e0e1e2;}
.contactanos ul{ position:relative; float:left; margin-left:50px; color:#505153; font-size:14px; font-family: 'Open Sans', sans-serif; padding:0; margin-top:7px;}
.contactanos ul li{ padding:0; height:32px; position:relative; list-style-position:inside;}

.somos{ position:relative; float:right; width:352px; margin:0; color:#4d4d4d; font-family: 'Lato', sans-serif; font-size:17px; margin-top:-18px;}
.somos h1{margin:0; padding:0; color:#108337; font-family: 'Open Sans', sans-serif; font-size:28px; font-weight:400;}

.pie{ position:fixed; bottom:0; height:26px; width:100%; padding-top:11px; background:#e6e6e6; text-align:center; color:#999999; font-size:12px; 
-webkit-box-shadow: 2px 0px 20px #000; -moz-box-shadow: 2px 0px 20px #000; box-shadow: 2px 0px 20px #000;}

.circle{ position:fixed; border-radius:100%; height:500px; width:500px; left:-400px; webkit-box-shadow: 10px 0px 10px #999; -moz-box-shadow: 10px 0px 10px #999;  box-shadow: 2px 0px 10px #999; z-index:5; background:#FFF;}
#logo2{ position:absolute; right:30px; top:50%; margin-top:-51px;}

.circle2{ position:absolute; border-radius:100%; height:1000px; width:1000px; top:-850px; webkit-box-shadow: 10px 0px 10px #999; -moz-box-shadow: 10px 0px 10px #999;  box-shadow: 2px 0px 10px #999; z-index:5; background:#FFF; left:50%; margin-left:-500px;}
#logo3{ position:absolute; left:50%; bottom:20px; margin-left:-25px;}

.serv1{ width:452px; position:relative; float:left; color:#4d4d4d; font-family: 'Lato', sans-serif; font-size:15px; text-align:justify; margin-right:20px;}
.tit{margin:0; padding:0; color:#108337; font-family: 'Open Sans', sans-serif; font-size:28px; font-weight:400;}
.cuadro_serv{ float:left; position:relative; width:170px; height:195px; padding:30px; background:url(../img/cuadro.png) no-repeat; margin-left:-12px; text-align:center; color:#595b59; font-family: 'Open Sans', sans-serif; font-size:11px;}
.cuadro_serv span{ color:#108337; font-family: 'Open Sans', sans-serif; font-size:22px;}

.cuadro_serv2{ float:left; position:relative; width:170px; height:195px; padding:30px; background:url(../img/cuadro.png) no-repeat; margin-left:-12px; text-align:center; color:#595b59; font-family: 'Open Sans', sans-serif; font-size:14px;}

.nos1{ width:350px; position:relative; float:left; color:#4d4d4d; font-family: 'Lato', sans-serif; font-size:16px; text-align:left; margin-right:20px;   margin-top: 20px;}
.nos1 p span{ color:#108337;}

.nosimg{ position:fixed; right:0; top:67px;}
.mapa{position:fixed; right:0; top:67px;}

table tr td{ color:#4d4d4d; font-family: 'Lato', sans-serif; font-size:15px;}
table tr .td{ color:#108337; text-align:left;}

.in_1{ width:292px; height:25px; border:1px solid #037a21; color:#4d4d4d; font-size:15px; font-family: 'Lato', sans-serif;}
.in_2{ width:156px; height:25px; border:1px solid #037a21; color:#4d4d4d; font-size:15px; font-family: 'Lato', sans-serif; margin:0;}
.in_3{ width:124px; height:25px; border:1px solid #037a21; color:#4d4d4d; font-size:15px; font-family: 'Lato', sans-serif; margin-left:5px;}
.in_4{ width:288px; height:103px; border:1px solid #037a21; color:#4d4d4d; font-size:15px; font-family: 'Lato', sans-serif; resize:none;}

#informacion{ width:674px; height:560px; position:absolute; background:#FFF; border-radius:5px; -webkit-box-shadow: 2px -5px 10px #999; -moz-box-shadow: 2px -5px 10px #999;  box-shadow: 2px -5px 10px #999; display:none; text-align:center;}
.cerrar{ position:absolute; top:10px; right:10px; width:41px; height:41px; background:url(../img/x.png) no-repeat; z-index:11;}
#informacion h1{ color:#666666; font-size:34px; font-family: 'Open Sans', sans-serif; padding:0; font-weight:400; margin-bottom:0;}
#informacion h2{ color:#666666; font-size:20px; font-family: 'Open Sans', sans-serif; padding:0; font-weight:300; margin-top:0; margin-bottom:5px;}
#informacion .p{ color:#4d4d4d; font-family: 'Lato', sans-serif; font-size:18px; text-align:left; position:relative; margin:10px auto; width:593px; font-weight:300;}
#informacion .ul{ list-style:circle #108337; width:630px; position:relative; float:left; }
#informacion .ul li{ list-style:circle #108337; margin:0; margin-bottom:5px; olor:#4d4d4d; font-family: 'Lato', sans-serif; font-size:14px; text-align:left;}
#informacion .ul li span{ color:#108337; font-weight:700; font-size:17px;}
.zoom{ width:665px; height:328px; float:left; position:relative;}

.descripcion{ width:244px; float:left; position:relative; color:#808080; font-size:14px; font-family: 'Lato', sans-serif;}
.descripcion h3{text-align:left; color:#108337; font-weight:400; font-size:28px; font-family: 'Open Sans', sans-serif; margin-bottom:5px;}

.mini{ width:812px; height:110px; position:relative; float:left; background:#FFF;  margin-left:40px; overflow:hidden;}
.mini2{ width:892px; height:110px; position:relative; float:left; background:#FFF; border-radius:5px; -webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999;  box-shadow: 0px 0px 10px #999;}

.categorias{ width:2500px; position:relative; list-style:none; padding:0; margin:0;}
.categorias li{ text-align:center; width:150px; position:relative; margin-left:10px; margin-right:10px; padding:0; margin-top:5px; float:left;}
.categorias li img{ height:75px;}
.categorias li span{color:#808080; font-size:12px; font-family: 'Lato', sans-serif;}

#after{ position:absolute; left:5px; top:50%; margin-top:-20px;}
#next{ position:absolute; right:5px; top:50%; margin-top:-20px;}

.slidebox div img{ float:left; position:relative; max-width:658px;}
.slidebox div .inf{ position:relative; float:right; width:250px; margin-top:50px;}
.slidebox div .inf h1{color:#108337; font-weight:400; font-size:28px; font-family: 'Open Sans', sans-serif; border-bottom:solid 1px #108337; width:250px; position:relative; float:left;}
.slidebox div .inf .botones{ position:relative; float:left; width:250px;}
.next7{ position:relative; float:left; cursor:pointer;width:30px; height:30px; background:url(../img/next.png) no-repeat; margin-left:20px;}
.next7:hover{background:url(../img/next_roll.png) no-repeat;}

.after7{ position:relative; float:left; cursor:pointer; width:30px; height:30px; background:url(../img/after.png) no-repeat;}
.after7:hover{background:url(../img/after_roll.png) no-repeat;}


.clientes{ position:relative; float:left; width:425px; margin-right:20px;}
.tit_cli{color:#108337; font-weight:400; font-size:28px; font-family: 'Open Sans', sans-serif; margin-bottom:5px;}
.clientes ul{font-family: 'Lato', sans-serif; font-size:15px; padding:0; margin:0;}
.clientes ul li{ margin-bottom:10px;}
.clientes ul li a{color:#108337;}
.cli{ width:140px; height:140px; position:relative; float:left; padding:8px;}
.proyectos{ position:relative; float:left; width:450px; border-left:1px dashed #108337; padding-left:20px; margin-left:-10px;}

.informacion_cli{ width:383px; height:412px; position:relative; float:left; border-radius:5px; -webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999;  box-shadow: 0px 0px 10px #999; color:#595b59; padding:25px; font-size:15px; margin-left:20px; margin-top:10px;}
.informacion_cli h1{ padding:0; margin:0; text-align:center; font-size:34px; font-weight:400;}
.informacion_cli h2{ padding:0; margin:0; text-align:center; font-size:20px; font-weight:300;}
.informacion_cli p{ text-align:justify;}
.informacion_cli a{ color:#108337; font-size:13px; text-align:center; margin:10px auto; font-weight:700;}

#informacion2{ width:412px; height:490px; position:absolute; background:#FFF; border-radius:5px; -webkit-box-shadow: 2px -5px 10px #999; -moz-box-shadow: 2px -5px 10px #999;  box-shadow: 2px -5px 10px #999; display:none; text-align:center; font-size:12px; padding:10px;}
#informacion2 h1{ position:relative; float:right; width:200px; font-size:17px; color:#595B59; font-weight:300; margin-top:60px; text-align:right;}
#informacion2 .img_logo{ float:left;}
#informacion2 .img_proyecto{ position:absolute; bottom:0; left:0;}
#informacion2 p{ position:relative; float:left; width:410px; text-align:justify;}

.next{ position:absolute; right:-40px; top:50%; margin-top:-20px; cursor:pointer;width:30px; height:30px; background:url(../img/next.png) no-repeat;}
.next:hover{background:url(../img/next_roll.png) no-repeat;}

.after{ position:absolute; left:-40px; top:50%; margin-top:-20px; cursor:pointer;width:30px; height:30px; background:url(../img/after.png) no-repeat;}
.after:hover{background:url(../img/after_roll.png) no-repeat;}

.movil{ display:none;}
.web{ display:block;}
.up{ margin:80px auto; position:relative; cursor:pointer;}
#menu_mov{ position:absolute; top:20px; left:10px; z-index:7;}
.head2{ position:absolute; top:0; height:150px; width:100%;}

.infor_b{ position:absolute; z-index:2; width:460px; height:64px; padding:10px; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:30px; margin:0; bottom:10px; list-style:none; text-align:right; color:#FFF; right:10px;}
.infor_b li{color:#FFF; font-size:30px;  font-family: 'Open Sans', sans-serif; font-weight:300; line-height:30px;}

.success{ color:#090;}
.error{ color:#F00;}

.grises{
filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.grises:hover { 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.table{ width:292px;}

@media all and (max-width: 1100px) {
.nos1{ width:350px;}	
.contenido{ margin:40px 0; padding-left:120px; }	
}
@media all and (max-width: 970px) {
.nos1{ width:250px;}	
.contenido{ margin:40px 0; padding-left:120px; }	
}

@media all and (max-width:580px) {
	.mini{ width:86%; height:110px;}
	.mini2{ width:95%; height:110px;}
	.movil{ display:block;}	
	.web{ display:none;}
	.contenido2{ width:100%;}
	.contenido{ width:100%; margin-top:80px; margin-left:-111px; float:left;}
	.banner{width:100%; margin-top:90px; height:188px;}
	.somos{ width:92%; margin:0; padding:4%;}
	.im1{ width:94%; margin:2%;}
	.contactanos{width:94%; margin:2%; margin-bottom:40px;}
	
	 .serv1{ width:90%; padding:5%; margin:0;   margin-top: 60px;}
	 .nos1{ width:80%; padding:10%;}	
	 .next{ position:absolute; right:8px; top:50%; margin-top:-20px; cursor:pointer;}
	 .after{ position:absolute; left:8px; top:50%; margin-top:-20px; cursor:pointer;}
	 .mapa{position:relative; float:left;}
	 #informacion{ width:90%; height:auto; position:absolute; background:#FFF; border-radius:5px; -webkit-box-shadow: 2px -5px 10px #999; -moz-box-shadow: 2px -5px 10px #999;  box-shadow: 2px -5px 10px #999; display:none; text-align:center; padding:10px;}
	#informacion .p{ width:95%; }
	#informacion .ul{ width: 80%; }
	.imagenserv{ width:100%}
	.cuadro_a{ position:relative; width:100%; float:left;}
	.cuadro_serv{ left:50%; margin-left:-115px;}
	.infor_b{ width:310px;margin-left:-165px; height:41; top:70px; padding:5px; left:50%; text-align:center;}
    .infor_b li{color:#FFF; font-size:16px;  font-family: 'Open Sans', sans-serif; font-weight:300; line-height:30px;}
	.slidebox{ width:100%; margin-top:150px;}
	.slidebox div img{ float:left; position:relative; max-width:100%;}
	.slidebox div .inf{ position:relative; float:right; width:100%; margin-top:50px;}
	.slidebox div .inf h1{color:#108337; font-weight:400; font-size:28px; font-family: 'Open Sans', sans-serif; border-bottom:solid 1px #108337; width:100%; position:relative; float:left;}
	.slidebox div .inf .botones{ position:relative; float:left; width:100%;}
	
	.next7{ position:relative; float:right; cursor:pointer; width:30px; height:30px; background:url(../img/next.png) no-repeat; margin-right:30px;}
	.next7:hover{background:url(../img/next_roll.png) no-repeat;}
	
	.after7{ position:relative; float:left; cursor:pointer; width:30px; height:30px; background:url(../img/after.png) no-repeat;}
	.after7:hover{background:url(../img/after_roll.png) no-repeat;}
	
	#informacion2{ width:90%; height:auto; position:absolute; background:#FFF; border-radius:5px; -webkit-box-shadow: 2px -5px 10px #999; -moz-box-shadow: 2px -5px 10px #999;  box-shadow: 2px -5px 10px #999; display:none; text-align:center; font-size:12px; padding:10px; }
#informacion2 h1{ position:relative; float:right; width:200px; font-size:17px; color:#595B59; font-weight:300; margin-top:60px; text-align:right;}
#informacion2 .img_logo{ float:left;}
#informacion2 p{ position:relative; float:left; width:100%; text-align:justify; height:auto; height:auto;}
#informacion2 .img_proyecto{ width:100%; float:left; position:relative;}
.botones7{position: absolute;  width: 100%;  top:-19px;}
.table{ width:90%;}
.table tr td{ width:50%;}
.in_1{   width: 102%;}
.in_2{ width:100%;}
.in_3{ width:100%;}
#message{   width: 100%;}
}