@font-face {font-family: BebasNeue; src:url(BebasNeueBold.otf);}
body{ margin:0px; padding:0px;background-color:#dedede;}
body p {font-size:13px;letter-spacing:1px;  margin:0px;line-height:20px;font-family: Arial, Helvetica, sans-serif;color:#444;}
body h1{font-size:40px;letter-spacing:3.5px;margin:0px;line-height:45px;font-family: Arial, Helvetica, sans-serif;color:#444;}
body h2{font-size:30px;letter-spacing:3px;  margin:0px;line-height:40px;font-family: Arial, Helvetica, sans-serif;color:#444;}
body h3{font-size:25px;letter-spacing:2.5px;margin:0px;line-height:35px;font-family: Arial, Helvetica, sans-serif;color:#444;}
body h4{font-size:20px;letter-spacing:2px;  margin:0px;line-height:30px;font-family: Arial, Helvetica, sans-serif;color:#444;}
body h5{font-size:17px;letter-spacing:1.5px;margin:0px;line-height:25px;font-family: Arial, Helvetica, sans-serif;color:#444;}

ul{margin-left:-23px;}
a{color:inherit;text-decoration:none;}
img{vertical-align:top;}
.clear{clear:both;}
.clear7{clear:both;height:7px;}
.clear10{clear:both;height:10px;}
.clear20{clear:both;height:20px;}
.clear30{clear:both;height:30px;}
.clear40{clear:both;height:38px;}
.clear50{clear:both;height:50px;}
.clear60{clear:both;height:60px;}
.clear70{clear:both;height:70px;}
.clear80{clear:both;height:80px;}
.clear90{clear:both;height:90px;}
.clear100{clear:both;height:100px;}
#center{width:100%;max-width:1040px;box-sizing:border-box;padding:0px 20px;margin:0px auto;}
#center0{width:100%;max-width:1000px;margin:0px auto;}
#movil{display:none;}
#nonemovil{display:block;}




.menu{width:100%;height:auto;box-sizing:border-box;padding:10px 0px;background-color:#333;}
.menu-img{width:10%;float:left;}
.menu-img img{width:100%;}

.menu-opc{width:55%;height:auto;box-sizing:border-box;padding:10px 0px 0px 10%;float:left;}
.menu-opc p{color:#fff;text-align:center;margin-left:15%;float:left;}

.menu-dat{width:20%;height:auto;box-sizing:border-box;padding:10px 0px 0px;float:left;}
.menu-dat p{color:#fff;text-align:center;}

.redes-contactoh{width:15%;float:left;box-sizing:border-box;padding:10px 0px 0px;}
.redes-contactoh img{width:23px;margin-right:14px;float:left;}

.dropdown{float:left;overflow:hidden;z-index:9999;}
.dropdown .dropbtn{cursor:pointer;border:none;outline:none;text-decoration:none;background-color:#333;box-sizing:border-box;padding:0px 0px;font-size:13px;font-family: Arial, Helvetica, sans-serif;color:#fff;margin-top:2px;}
.dropdown-content{display:none;position:absolute;background-color:#666;box-shadow:0px 0px rgba(0,0,0,0.7);z-index:9999;}
.dropdown-content a{width:100%;float:none;padding:12px 10px;text-decoration:none;display:block;text-align:left;font-size:13px;font-family: Arial, Helvetica, sans-serif;color:#fff;}
.dropdown-content a:hover{color:rgb(153,153,153);}
.show{display: block;}




.bxslider{width:100%;margin-top:50px;}
.bxslider img{width:100%;}

.principal{width:100%;height:auto;box-sizing:border-box;padding:0px 0px;position:absolute;z-index:9990;}
.principal img{width:3%;float:left;margin-right:20px;margin-top:200px;}
.principal h1{text-align:left;color:#fff;float:left;margin-top:200px;}
.principal p{width:50%;text-align:left;color:#fff;}

.frase{width:80%;height:auto;box-sizing:border-box;padding:30px 40px;background-color:#ffcc33;margin:-140px 10% 80px;position:relative;}
.frase h2{text-align:center;color:#333;margin-bottom:10px; font-size:24px;}
.frase h3{text-align:center;color:#333;margin-bottom:1px; font-size:18px;}
.frase p{text-align:center;color:#333;}


.construcciones{width:100%;height:auto;box-sizing:border-box;padding:80px 0px;background-color:#dedede;}
.zeus{width:50%;height:auto;box-sizing:border-box;padding:0px 40px 0px 0px;float:left;}
.zeus:last-child{padding:0px 0px 0px 40px;}
.zeus h3{text-align:left;color:#333;margin:40px 0px 20px;}
.zeus p{text-align:justify;color:#333;}
.zeus img{width:100%;}

.zeuscontacto-btn{box-sizing:border-box;padding:10px 30px;margin-top:20px;background-color:#000;}
.zeuscontacto-btn p{text-align:center;color:#fff;}

.civil{width:100%;height:auto;box-sizing:border-box;padding:80px 0px;background-image:url(img/fondo-servicios.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;margin-bottom:10px;}
.obra{width:50%;height:auto;box-sizing:border-box;padding:0px 40px 0px 0px;float:left;}
.obra h3{text-align:left;color:#fff;margin:40px 0px 20px;}
.obra p{text-align:justify;color:#fff;}
.obra img{width:100%;}
.obra:last-child{padding:0px 0px 0px 40px;}

.certificaciones{width:100%;height:auto;box-sizing:border-box;padding:80px 0px;background-image:url(img/certificaciones.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.certificaciones-block{width:50%;height:auto;box-sizing:border-box;padding:0px 0px;float:right;}
.certificaciones-block img{width:30%;margin-top:30px;}
.certificaciones-block h3{text-align:left;color:#333;margin-bottom:20px;}
.certificaciones-block p{text-align:justify;color:#333;}

.parallax{width:100%;height:auto;box-sizing:border-box;padding:200px 0px 80px;background-image:url(img/paralax.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.parallax-block{width:50%;height:auto;box-sizing:border-box;padding:40px 50px;background-color:rgba(0,0,0,.7);float:right;}
.parallax-block h3{text-align:left;color:#fff;}
.parallax-block hr{width:70px;display:block;border-style:solid;border-width:1px;float:left;margin:10px 0px 20px;color:#fff;}
.parallax-block p{text-align:left;color:#fff;}

.mivi{width:100%;height:auto;box-sizing:border-box;padding:80px 0px;background-color:#753684;}
.trascendencia{width:50%;height:auto;box-sizing:border-box;padding:0px 40px 40px 0px;float:left;border-right:1px solid #fff;}
.trascendencia:last-child{border-right:none;padding:80px 0px 0px 50px;}
.trascendencia h5{text-align:left;color:#fff;margin:40px 0px 10px;}
.trascendencia p{text-align:left;color:#fff;}

.contacto{width:100%;height:auto;box-sizing:border-box;padding:80px 0px 0px;background-image:url(img/contacto.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.contacto h5{color:#fff;margin-bottom:20px;}
.contacto p{color:#fff;}
.contacto img{margin-bottom:50px;}
.datos{width:50%;height:auto;box-sizing:border-box;padding:0px 0px;float:left;}
.redes-contacto{margin-top:40px;}
.redes-contacto img{margin-right:15px;}
.form {width:100%;height:45px;line-height:45px;background-color:#fff;font-size:13px;color:#212121;border:none;box-sizing:border-box;padding:10px 10px;float:left;}
.txtarea{width:100%;height:100px;background-color:#fff;font-size:13px;color:#212121;border:none;box-sizing:border-box;padding:15px 10px;float:left;resize:none;}
.sendBtn{font-size:13px;min-height:45px;line-height:45px;box-sizing:border-box;padding:0px 40px;background-color:#fff;color:#212121;margin:0px 0px;border:none;float:right;}

.footer{width:100%;height:auto;box-sizing:border-box;padding:40px 0px 0px 15%;}
.logo-footer{width:20%;height:auto;box-sizing:border-box;padding:0px 0px;float:left;}
.logo-footer img{width:50%;}
.menu-footer{width:80%;height:auto;box-sizing:border-box;padding:5px 0px 0px;float:right;}
.menu-footer ul{list-style-type:none;margin:0px;padding:0px;overflow:hidden;}
.menu-footer li{float:left;border-right:1px solid #999;}
.menu-footer li:last-child{border-right:none;}
.menu-footer li a{display:block;color:white;text-align:center;padding:4px 20px;text-decoration:none;}




@media screen and (max-width:640px){
#movil{display:block;}
#nonemovil{display:none;}
#centerM{width:100%;max-width:640px;box-sizing:border-box;padding:0px 25px;margin:0px auto;}
.bx-wrapper{display:none;}

body p {font-size:100%;letter-spacing:.4px;}
body h1{font-size:200%;letter-spacing:1.8px;}
body h2{font-size:180%;letter-spacing:1.5px;}
body h3{font-size:160%;letter-spacing:1.2px;}
body h4{font-size:1400%;letter-spacing:.9px;}
body h5{font-size:120%;letter-spacing:.6px;}
/* M E N Ú   M Ó V I L */
.headM{ position:absolute; left:0px; right:0px;text-align:center; background-color:transparent;z-index:520;opacity:.8;}
.hmb1{border-bottom:solid 5px #333;margin:0px auto 5px;text-align:center;width:50px;transition:1s;opacity:1;}
.hmb2{border-bottom:solid 5px #333;margin:0px auto 5px;text-align:center;width:50px;transition:1s; position:relative;}
.hmb3{border-bottom:solid 5px #333;margin:0px auto;text-align:center;width:50px;transition:1s; position:relative;}
.hmb{width:50px;height:35px;z-index:10;position:relative;padding-top:10px;cursor:pointer;float:right;margin-top:9px;}
.menumovil{color:#fff;float:right;display:none;}
.menumovil p{text-align:right; margin:8px 15px;color:#333;}



.principal{padding:300px 0px 350px;background-image:url(img/inicio-movil2.jpg);background-position:bottom;background-color:#fff;background-repeat:no-repeat;background-size:cover;position:inherit;z-index:inherit}
.principal img{width:80%;float:inherit;margin:0px 10%;}

.frase{width:100%;padding:20px 20px;background-color:#ffcc33;margin:0px 0px 40px;position:inherit;}

.construcciones{padding:80px 0px 100px;background-color:#fff;}
.zeus{width:100%;padding:0px 0px;float:inherit;}
.zeus:last-child{padding:0px 0px;}
.zeus h3{margin:40px 0px 20px;}

.civil{padding:160px 0px 60px;background-image:url(img/fondo-servicios-movil.png);margin-top:-200px;margin-bottom:inherit;
background-position:top;}
.obra{width:100%;padding:0px 0px;float:inherit;}
.obra:last-child{padding:0px 0px;}
.obra img{margin-top:60px;}

.certificaciones{padding:350px 0px 160px;background-image:url(img/certificaciones-movil.jpg);}
.certificaciones-block{width:100%;float:inherit;}

.mivi{width:100%;padding:80px 0px 150px;background-image:url(img/info-bg-movil.png);background-position:top;background-repeat:no-repeat;background-size:cover;margin-top:-100px;}
.trascendencia{width:100%;padding:0px 0px;float:inherit;border-right:none;}
.trascendencia:last-child{padding:0px 0px;}

.contacto{padding:150px 0px 80px;background-image:url(img/contacto-movil.png);background-position:top;margin-top:-100px;}
.contacto img{margin-bottom:50px;}

.datos{width:100%;float:inherit;}
.datos img{width:50%;margin:0px 25%;}
.datos h5{text-align:center;}
.datos p{text-align:center;}

.redes-contacto{width:100%;margin:40px 0px;box-sizing:border-box;padding:0px 30%;}
.redes-contacto img{width:27px;margin:0px 10px;float:left;}
.sendBtn{width:100%;}


}