@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px}
.clear{clear:both}

.nav{width:100%; position:fixed; background:#004877; height:70px; padding-top:20px; z-index:99}
.nav .menu1{position:absolute; left:40px; top:60px}
.nav .logo{position:absolute; left:50%; width:129px; height:61px; margin-left:-64px; background-image:url(../img/logo.png)}
.nav .menu2{position:absolute; right:40px; top:60px}
.nav .option {float:left; color:white; margin-right:10px; font-family:'Open Sans'; font-size:9pt; margin:0px 7px; cursor:pointer; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.nav .option:hover{border-bottom:4px solid white}
.nav .option:empty{ background:white; width:1px; height:15px; top:2px; position:relative}
.nav .menu1:after, .nav .menu2:after{clear:both}

.imgRotate{ width:100%; text-align:center; font-size:'Open Sans'; color:white; top:90px; position:relative; z-index:98; overflow:hidden}
.imgRotate:after{clear:both}
.imgRotate ul{ padding:0px; margin:0px; height:437px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;transition:all 0.3s ease-out; left:0px; position:relative}
.imgRotate ul li{height:437px; float:left; position:relative}
.imgRotate ul li .volanta{ padding:5px; font-size:13pt; font-family:'Open Sans'; border:1px solid white; position:absolute; bottom:150px; width:300px; left:50%; margin-left:-150px; background:rgba(0,0,0,0.4)}
.imgRotate ul li .titulo{padding:5px; font-size:23pt; font-family:'Open Sans'; font-weight:900; position:absolute; bottom:50px; width:600px; left:50%; margin-left:-300px; text-shadow:2px 2px 2px #444;}
.imgRotate .img1{background-image:url(../img/foto00.jpg);}
.imgRotate .img2{background-image:url(../img/foto01.jpg)}
.imgRotate .img3{background-image:url(../img/foto02.jpg)}
.imgRotate .img4{background-image:url(../img/foto03.jpg)}

.controls{ width:110px; margin:auto; position:relative; z-index:99; top:-40px; height:30px}
.controls:after{clear:both}
.controls div{width:18px; height:18px; border-radius:18px; border:1px solid white; float:left; margin-right:10px; background:none; cursor:pointer}
.controls div:last-child{margin-right:0px}
.controls .select{ background:white}

.txts{ width:100%; padding:60px 0px; background:#e4e6e7; font-family:'Open Sans'; font-size:15pt; text-align:center; top:60px; position:relative}
.txts .line1{ width:907px; margin:auto; color:black; margin-bottom:30px; line-height:1.4}
.txts .line2{ width:907px; margin:auto; color:#005e95; margin-bottom:30px; font-weight:bold}
.txts .logoBlue{ background-image:url(../img/logoBlue.png); width:186px; height:52px; margin:auto}

.quienes{ width:100%; padding:60px 0px; background:#005e94; font-family:'Open Sans'; color:white; top:60px; position:relative}
.quienes .titulo{ border:1px solid white; width:170px; text-transform:uppercase; padding:5px; margin:auto; text-align:center; margin-bottom:30px; font-size:14pt; font-weight:600}
.quienes .info{ column-count:2; column-gap:30px; -webkit-column-count:2; -webkit-column-gap:30px; -moz-column-count:2; -moz-column-gap:30px; font-size:10pt; width:900px; margin:auto; line-height:1.6; text-align:justify}

.servicios{ width:100%; padding:60px 0px; background:white; font-family:'Open Sans'; color:#005e95; top:60px; position:relative}
.servicios .titulo{ border:1px solid #005e95; width:170px; text-transform:uppercase; padding:5px; margin:auto; text-align:center; margin-bottom:30px; font-size:14pt; font-weight:600}
.servicios .desc{width:907px; margin:auto; color:#005e95; margin-bottom:30px; font-weight:bold; text-align:center}
.servicios .img{background-image:url(../img/servicios.png); width:931px; height:519px; margin:auto auto 50px auto}
.servicios .titulo2{ border:1px solid #005e95; width:470px; text-transform:uppercase; padding:5px; margin:auto auto 50px auto; text-align:center; margin-bottom:30px; font-size:14pt; font-weight:600}
.servicios .img2{background-image:url(../img/servicios2.png); width:697px; height:112px; margin:auto auto 50px auto}

.instalaciones{ width:100%; padding:60px 0px; background:white; font-family:'Open Sans'; color:#005e95; top:60px; position:relative}
.instalaciones .titulo{ border:1px solid #005e95; width:170px; text-transform:uppercase; padding:5px; margin:auto; text-align:center; margin-bottom:30px; font-size:14pt; font-weight:600}
.instalaciones .maskImgs {width:932px; margin:auto auto 30px auto; overflow:hidden; position:relative}
.instalaciones .maskImgs .imgs{ position:relative; left:0px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.instalaciones .maskImgs .imgs .img{ width:216px; float:left; height:218px; margin-right:20px; background:#005e95; background-size:auto 100%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;transition:all 0.3s ease-out; background-position:center; cursor:pointer}
.instalaciones .imgs .img:hover{ background-size:auto 115%}
.instalaciones .imgs .lastImg{margin-right:0px}
.instalaciones .controles  {width:932px; margin:auto; position:relative}
.instalaciones .controles .arrowL{ background-image:url(../img/arrow_serviciosL.png); cursor:pointer; width:45px; height:96px; position:absolute; margin-top:-190px; left:-70px}
.instalaciones .controles .arrowR{background-image:url(../img/arrow_serviciosR.png); cursor:pointer; width:45px; height:96px; position:absolute; margin-top:-190px; right:-70px}
.instalaciones .mas{ width:200px; margin:auto; text-align:center; color:black; text-decoration:underline; text-transform:uppercase; font-weight:600; font-size:11pt}

.ubicacion{ width:100%; padding:60px 0px; background:white; font-family:'Open Sans'; color:#005e95; top:160px; position:relative}
.ubicacion .titulo{ border:1px solid #005e95; width:170px; text-transform:uppercase; padding:5px; margin:auto; text-align:center; margin-bottom:30px; font-size:14pt; font-weight:600}
.ubicacion .mapa{width:932px; margin:auto auto 50px auto}
.ubicacion .direccion{width:300px; margin:auto; font-size:15pt; text-align:center}

.contacto{ width:100%; padding:60px 0px; background:#005e94; font-family:'Open Sans'; color:white; top:160px; position:relative}
.contacto .titulo{ border:1px solid white; width:170px; text-transform:uppercase; padding:5px; margin:auto; text-align:center; margin-bottom:30px; font-size:14pt; font-weight:600}
.contacto .info{ width:932px; margin:auto}
.contacto .info .left{ width:166px; float:left; border-right:1px solid white; padding: 50px 50px 50px 250px; font-weight:bold }
.contacto .info .right{width:365px; float:left; padding:15px 50px 50px 50px}
.contacto .info .right .telefono{ background-image:url(../img/phone.png); background-repeat:no-repeat; padding-left:50px; font-weight:bold; padding-top: 7px; height: 30px}
.contacto .info .right .mail{background-image:url(../img/mail.png); background-repeat:no-repeat; padding-left:50px; font-weight:bold; padding-top:8px; height:20px; margin-bottom:20px}
.contacto .info .right .mail a{ color: white; text-decoration: none;}
.contacto  .formulario{ width:932px; margin:auto}
.contacto  .formulario input, .contacto  .formulario textarea{ background:none; font-family:'Open Sans'; color:white; font-weight:300; border:1px solid white; padding:20px; width:890px; font-size:13pt; margin-bottom:20px}
.contacto  .formulario .input2 { width:414px; float:left; margin-right:20px}
.contacto  .formulario .inputMargin{margin-right:0px}
.contacto  .formulario .submit{ width:300px; color:#005e94; background:white; margin:auto; font-weight:400; position:relative; left:50%; margin-left:-150px}