@font-face {
    font-family:"avantgarde";
    src: url(avantgarde.ttf) format("truetype");
	src:url(avantgarde.eot);
}
body{ padding:0px; margin:0px;}
h1{text-align:center;font-family:Arial;letter-spacing:2px;}
h2{text-align:center;font-family:Arial;letter-spacing:2px;border-bottom:dotted 2px #676767; padding-bottom:50px; margin-bottom:0px; color:#676767; font-size:16px; padding-top:60px; margin-top:-35px; font-weight:500;}
h3{font-family:Arial;letter-spacing:2px;}
p{font-family:Arial; letter-spacing:2px;font-size:14px;}
a{font-family:Arial;letter-spacing:2px;}
label{font-family:Arial;}
.dotted{ border-bottom:dotted 2px #676767; margin-left:auto; margin-right:auto;}
.clear{clear:both;}
.center{width:100%;max-width:1000px;margin:0px auto;}
.center0{width:100%;max-width:1000px;margin:0px auto;}
::-webkit-input-placeholder { color:#999999; font-size:12px; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }
.head{float:right;margin-top:40px;text-decoration:none;color:#000000;font-size:14px;margin-left:13px;}
.menufoot{width:100%; max-width:800px; height:30px; margin: 0px auto; margin-top:-4px; padding-top:7px; box-sizing:border-box;}
.menufoot2{width:100%; height:200px; max-width:1000px; margin:0px auto; margin-top:0px; padding-top:40px; box-sizing:border-box;}
#mov{ display:none;}
#nomov{ display:block;}
/*INICIO*/
.ibanner{width:100%; max-width:2000px; overflow:hidden; margin:0px auto;}
.bannermovil{ display:none;}
.itxt1{position:absolute; top:200px; left:10%; color:#FFFFFF; font-size:25px;}
.itxt2{position:absolute; top:250px; left:10%; color:#FFFFFF;}
.negocio1{float:left;height:380px;width:23.5%;margin-right:2%;background-color:#FFCC00}
.negocio2{float:left;height:380px;width:23.5%;margin-right:2%;background-color:#FFCC00}
.negocio3{float:left;height:380px;width:23.5%;margin-right:2%;background-color:#FFCC00}
.negocio4{float:left;height:380px;width:23.5%;background-color:#FFCC00}
/*EMPRESA*/
#somos{width:100%;max-width:1000px;margin:0px auto;height:180px;}
#somos2{width:100%;max-width:1000px;margin:0px auto;height:280px;}
.somosvision{width:47%;float:left;box-sizing:border-box; height:100%; margin-left:3%;}
.somosmision{width:47%;float:left;box-sizing:border-box;height:100%; margin-right:3%;}
#emptxt{width:100%;max-width:1000px;margin:0px auto;}
.emptitulo1{float:left; width:47%; margin-right:3%;font-size:25px;margin-bottom:0px;}
.emptitulo2{float:right; width:47%; margin-left:3%;font-size:25px;margin-bottom:0px;}
.emptxt1{float:left;width:47%;margin-right:3%;text-align:justify;margin-top:0px;}
.emptxt2{float:right;width:47%;margin-left:3%;text-align:justify;margin-top:0px;}
.empimg{width:20%;float:left;text-align:left;margin-top:0px;}
.empmovil{ display:none;}
.empnomovil{ display:block;}
/*PRODUCTOS*/
#productos{width:100%;max-width:1000px;margin:0px auto;height:100%;padding-top:80px;padding-bottom:80px;}
#gaviones{width:100%;max-width:1000px;margin:0px  auto;background-image: url(../IMG/productos-banner1.png);background-repeat:no-repeat;background-size:100%;padding-top:50px; padding-bottom:90px; padding-left:20px; padding-right:20px; box-sizing:border-box;}
.piedras{ width:32%;margin-right:2%;float:left; margin-bottom:2%;}
.piedras2{ width:32%; float:left;}
.piedras3{ width:32%;margin-right:2%;float:left; margin-bottom:2%; margin-top:80px;}
.cat{width:66%; float:left; margin-top:80px;}
/*CONSTRUCCION*/
.proyecto1{width:32%;margin-right:2%;float:left; min-height:400px;}
.proyecto2{ width:32%;float:right;min-height:400px;}
/*CONTACTO*/
.datos{ width:50%; margin-left:10%; float:right;}
.formulario{ width:35%; float:right; margin-right:5%;}
.contactanos{ width:40%; box-sizing:border-box; padding:30px; float:left; padding-top:50px;}
.mapa{ width:60%;float:left; margin:0px; padding:0px;}
.cfondo{background-color:#000000; width:100%; margin:0px auto; padding:0px; height:350px;}
.movil{ display:none;}
.nonemovil{ display:block;}
.headlogo1{float:left; margin-top:10px;}
.headlogo2{float:left; margin-top:0px;}
.headlogos{text-align:center; width:100%; max-width:361px; margin:0px auto;}
@media screen and (max-width:1200px){
.itxt1{ top:150px;}
.itxt2{ top:200px;}	
}
@media screen and (max-width:1100px){
.itxt1{ top:120px;}
.itxt2{ top:170px;}	
	
}
@media screen and (max-width:1000px){
.itxt1{ top:100px;}
.itxt2{ top:150px;}	
	
}
@media screen and (max-width:920px){
/*PRODUCTOS*/
.piedras{ width:50%;float:left;box-sizing:border-box;padding:0px 3%; margin:20px 0px;}
.piedras2{ width:50%;float:left;box-sizing:border-box;padding:0px 3%; margin:20px 0px;}
#productos{ width:90%; margin:0px auto; max-width:430px; text-align:center;}
/*CONSTRUCCION*/
.proyecto1{ width:50%; float:left; box-sizing:border-box; padding-left:2%; padding-right:2%; height:auto; margin:0px;}
.proyecto2{ width:50%; float:left; box-sizing:border-box; padding-left:2%; padding-right:2%; height:auto; margin:0px;}
.movil{ display:block;}
.nonemovil{ display:none;}
.head{float:none;margin-top:0px;text-decoration:none;color:#000000;font-size:14px;text-align:center;width:100%; height:30px;}
/*INICIO*/
.itxt1{ top:80px;}
.itxt2{ top:130px;}	
.negocio1{float:left;height:380px;width:48%;background-color:#fff; margin-bottom:20px;}
.negocio2{float:left;height:380px;width:48%;background-color:#FFf;margin-bottom:20px;}
.negocio3{float:left;height:380px;width:48%;margin-right:2%;background-color:#FFf;}
.negocio4{float:left;height:380px;width:48%;background-color:#FFf;}
.negocio5{ width:100%;max-width:280px;background-color:#FFCC00;margin:auto; height:380px;}
.menufoot{ display:none;}
.menufoot2{ margin-top:-4px;}


/*CONTACTO*/
.contactanos{ width:100%; margin-bottom:70px;}
.mapa{ width:90%; margin:0px auto; float:none;}
.cfondo{ height:240px; margin-bottom:350px;}
.formulario{width:90%;margin:0px auto; max-width:500px; float:none;}
.datos{ width:90%; max-width:500px; margin:0px auto; float:none; margin-bottom:60px;}
}
@media screen and (max-width:750px){
.empimg{ width:100%; max-width:302px; margin:0px auto;float:none;}
#somos{width:100%;max-width:1000px;margin:0px auto;height:100%;}
#somos2{width:100%;max-width:1000px;margin:0px auto;height:240px;}
.somosvision{width:90%;box-sizing:border-box; height:100%; margin-left:5%;}
.somosmision{width:90%;box-sizing:border-box;height:100%; margin-left:5%; margin-bottom:50px;}
.emptitulo1{float:left; width:90%; margin-left:5%;font-size:25px;margin-bottom:0px;}
.emptitulo2{float:left; width:90%; margin-left:5%;font-size:25px;margin-bottom:0px;}
.emptxt1{float:left;width:90%;margin-left:5%;text-align:justify;margin-top:0px;}
.emptxt2{float:left;width:90%;margin-left:5%;text-align:justify;margin-top:0px;}
.empmovil{ display:block;}
.empnomovil{ display:none;}
.itxt1{position:absolute; top:60px; left:7%; color:#FFFFFF; font-size:25px;}
.itxt2{position:absolute; top:110px; left:7%; color:#FFFFFF;}
}
@media screen and (max-width: 640px){
#mov{ display:block;}
#nomov{ display:none;}
}
@media screen and (max-width:600px){
.center0{width:100%;max-width:400px;margin:0px auto;}
.piedras{ width:100%;float:none;box-sizing:border-box;padding:0px 3%; margin:20px auto !important; max-width:400px;}
.piedras2{ width:100%;float:none;box-sizing:border-box;padding:0px 3%; margin:20px auto !important; max-width:400px;}
.piedras3{ width:100%;float:none;box-sizing:border-box;padding:0px 3%; margin:20px auto !important; max-width:400px;}
.cat{width:90%; float:none; margin:10px auto 0px;}
.proyecto1{ width:100%; box-sizing:border-box; padding-left:5%; padding-right:5%; height:100%; margin:0px; margin-bottom:50px;}
.proyecto2{ width:100%;  box-sizing:border-box; padding-left:5%; padding-right:5%; height:100%; margin:0px; margin-bottom:50px;}
.bannermovil{ display:block;}
.ibanner{ display:none;}
.dotted{ display:none;}
.negocio1{float:left;height:380px;width:100%;background-color:#fff;margin-bottom:20px;}
.negocio2{float:left;height:380px;width:100%;background-color:#FFf;margin-bottom:20px;}
.negocio3{float:left;height:380px;width:100%;margin-right:2%;background-color:#FFf;margin-bottom:20px;}
.negocio4{float:left;height:380px;width:100%;background-color:#FFf;margin-bottom:20px;}
.negocio5{ width:100%;max-width:280px;background-color:#FFCC00;margin:auto; height:380px;}
}
@media screen and (max-width:380px){
.headlogo1{float:left; margin-top:13px; width:81px;}
.headlogo2{float:left; margin-top:0px; width:250px;}
.headlogos{ width:335px;}
	}
	@media screen and (max-width:340px){
.headlogo1{float:left; margin-top:15px; width:71px;}
.headlogo2{float:left; margin-top:0px; width:220px;}
.headlogos{ width:300px;}
	}
		@media screen and (max-width:310px){
.headlogo1{float:left; margin-top:15px; width:61px;}
.headlogo2{float:left; margin-top:0px; width:200px;}
.headlogos{ width:270px;}
	}