a{color:#2c2c2c}
aside{color:#fff;display:none;height:180px;left:1%;margin:-90px 0 0 0;position:fixed;top:50%;width:35px;z-index:3;}
aside #am-quienes:hover:before{content:'Quiénes somos'}
aside #am-servicios:hover:before{content:'Servicios'}
aside #am-mision:hover:before{content:'Misión y visión'}
aside #am-galeria:hover:before{content:'Galería'}
aside #am-cliente:hover:before{content:'Atención al cliente'}
aside .am{background:#004765;border-bottom:1px solid #fff;color:#fff;cursor:pointer;height:35px;line-height:35px;margin:0 0 0 0;position:relative;width:35px;}
aside .am:hover:after{border-top:8px solid transparent;border-right:8px solid #548498;border-bottom:8px solid transparent;content:'';height:0;left:40px;position:absolute;top:10px;width:0}
aside .am:before{background:#548498;height:35px;line-height:35px;left:46px;position:absolute;text-align:center;width:150px}
aside .am:last-child{border-bottom:0}
body{font-family:'Open Sans',sans-serif;-webkit-font-smoothing:antialiased;margin:0;text-align:center}
footer{background:url("../img/footer.png") 50px 130px no-repeat;color:#0393cf;height:180px;overflow:hidden;position:relative;}
footer .contenedor #footer-menu{bottom:0;right:0;}
footer .contenedor #footer-menu #menu{font-size:.7em;height:78px;list-style:none;margin:0 0 10px 0;padding:0;}
footer .contenedor #footer-menu #menu li{background:#fff;box-sizing:border-box;color:#0393cf;cursor:pointer;display:inline-block;height:71px;margin:14px 0;padding:10px 0 0 0;position:relative;text-align:center;vertical-align:top;width:81px;}
footer .contenedor #footer-menu #menu li:last-child .txt-li{margin-top:0}
footer .contenedor #footer-menu #menu li:hover{background:#0393cf;color:#fff}
footer .contenedor #footer-menu #menu li div:first-child{font-size:2em}
footer .contenedor #footer-menu #menu li .txt-li{margin-top:10px}
footer #top{background:#fff;bottom:0;color:#fff;cursor:pointer;font-size:1.5em;height:35px;right:100px;transition:all 2s ease;width:45px;z-index:4;}
footer #top div{height:35px;line-height:35px}
header{background:#fff;border-bottom:2px solid #0393cf;height:96px;position:absolute;width:100%;z-index:2;}
header nav{display:inline-block;height:90px;text-align:left;vertical-align:top;width:960px;}
header nav #logo{background:url("../img/logo.png") no-repeat center left;background-size:220px;height:90px;margin-left:29px;width:282px;}
header nav #logo a{display:block;height:100%;width:100%}
header nav #menu{font-size:.7em;height:76px;list-style:none;margin:10px 0 10px 15%;padding:0;}
header nav #menu li{background:#fff;box-sizing:border-box;color:#0393cf;cursor:pointer;display:inline-block;height:76px;position:relative;text-align:center;vertical-align:top;width:80px;}
header nav #menu li:last-child .txt-li{margin-top:0}
header nav #menu li:hover .flechilla{display:block}
header nav #menu li .flechilla{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0393cf;bottom:5px;display:none;height:0;left:50%;margin-left:-5px;position:absolute}
header nav #menu li .txt-li{margin-top:10px}
header nav #menu .icono{font-size:2em;margin-top:10px}
html,body{height:100%}
section{height:100%;position:relative}
#contactFooter{background:url("../img/footer.png") center bottom no-repeat;bottom:0;height:114px;width:100%}
#contacto{color:#0393cf;padding:108px 0 0 0;min-height:480px;height:480px;}
#contacto #formulario{position:relative;width:500px;}
#contacto #formulario #formulario-btn{text-align:center;}
#contacto #formulario #formulario-btn input[type="submit"]{background:#8aca1b;border:0;border-bottom:5px solid #518000;box-sizing:border-box;color:#fff;font-size:1.2em;height:50px;margin:10px 0 0 90px;text-align:center;padding:0;width:150px}
#contacto #formulario #formulario-campos .tr{min-height:30px;line-height:30px;margin:5px 0;}
#contacto #formulario #formulario-campos .tr input[type="text"]{border:0;box-shadow:0 0 2px 1px #aaa;margin:0 0 0 30px;width:250px}
#contacto #formulario #formulario-campos .tr input[type="number"]{border:0;box-shadow:0 0 2px 1px #aaa;margin:0 0 0 30px;width:250px}
#contacto #formulario #formulario-campos .tr input[type="email"]{border:0;box-shadow:0 0 2px 1px #aaa;margin:0 0 0 30px;width:250px}
#contacto #formulario #formulario-campos .tr div{height:100%}
#contacto #formulario #formulario-campos .tr textarea{border:0;box-shadow:0 0 2px 1px #aaa;margin:0 0 0 30px;padding:0;resize:none;width:250px}
#contacto #formulario #formulario-campos .tr .lbl{text-align:right;width:68px}
#contacto #formulario #gracias{display:none;left:50%;margin-left:-375px;position:absolute;top:-20px;width:750px}
#contacto #titulo-contacto{background:#f3f3f3;height:108px;line-height:108px}
#galeria{background:#0393cf;color:#fff;min-height:600px;}
#galeria #cliente{background:#027caf;height:15%;min-height:108px;position:relative;text-align:center;}
#galeria #cliente #btnCliente{background:#004765;box-sizing:border-box;border-bottom:7px solid #002f43;cursor:pointer;font-size:1.5em;height:74px;left:50%;margin-left:-125px;margin-top:-37px;top:50%;width:250px;}
#galeria #cliente #btnCliente #btnClienteTxt{height:74px;line-height:64px;}
#galeria #cliente #btnCliente #btnClienteTxt a{color:#fff;height:100%;text-decoration:none;width:100%}
#galeria #cliente #btnCliente .absolute{margin-top:-10px;top:50%}
#galeria #cliente #btnCliente .icon-arrow-left{animation:desplazarDerecha 1s linear infinite;right:-30px}
#galeria #cliente #btnCliente .icon-arrow-right{animation:desplazarIzquierda 1s linear infinite;left:-30px}
#galeria #contenido-galeria{background:transparent}
#galeria #titulo-galeria{background:#027caf;height:108px;line-height:108px}
#galeria .contenedor{height:80%}
#quienes{background:url("../img/pasto.png") center bottom no-repeat;height:100%;min-height:600px;position:relative;}
#quienes #quienes-elementos{bottom:0;height:476px;left:0;width:783px;}
#quienes #quienes-elementos #quienes-edificio{z-index:3}
#quienes #quienes-elementos #quienes-cog1{animation:rotarDerecha 6s linear infinite;left:200px;bottom:0;margin-bottom:-77px;z-index:2}
#quienes #quienes-elementos #quienes-cog2{animation:rotarIzquierda 6s linear infinite;left:420px;bottom:0;margin-bottom:-80px;z-index:1}
#quienes #quienes-contenido{color:#0393cf;text-align:left;}
#quienes #quienes-contenido #quienes-titulo{font-size:1.5em;right:0;top:190px;width:60%}
#quienes #quienes-contenido #quienes-txt{hyphens:auto;right:0;text-align:justify;top:240px;width:60%;word-wrap:break-word}
#quienes .contenedor{overflow:hidden}
#mision{background:#fff;color:#0393cf;min-height:600px;}
#mision #contenido-mision{display:inline-block;}
#mision #contenido-mision .mv{height:180px;margin:20px 0;width:100%;}
#mision #contenido-mision .mv #vision{padding:10px 10px;}
#mision #contenido-mision .mv #vision .mv-titulo{padding:0 0 10px 0}
#mision #contenido-mision .mv .mv-img{font-size:150px;width:170px}
#mision #contenido-mision .mv .mv-right{background:#f3f3f3;padding:20px 10px;text-align:left;width:636px;}
#mision #contenido-mision .mv .mv-right .mv-titulo{font-size:2em;padding:0 0 20px 0}
#mision #contenido-mision .mv .mv-right .mv-txt{text-align:justify}
#mision #titulo-mision{background:#f3f3f3;height:108px;line-height:108px}
#servicios{background:#0393cf;min-height:700px;}
#servicios #contenido-servicios{display:inline-block;}
#servicios #contenido-servicios #servicios-der{position:relative;height:487px;width:500px;}
#servicios #contenido-servicios #servicios-der #ss3,#servicios #contenido-servicios #servicios-der #ss6,#servicios #contenido-servicios #servicios-der #ss8,#servicios #contenido-servicios #servicios-der #ss9{font-size:1em;}
#servicios #contenido-servicios #servicios-der #ss3 div,#servicios #contenido-servicios #servicios-der #ss6 div,#servicios #contenido-servicios #servicios-der #ss8 div,#servicios #contenido-servicios #servicios-der #ss9 div{height:60px;line-height:60px;width:435px;}
#servicios #contenido-servicios #servicios-der #ss3 div:first-child,#servicios #contenido-servicios #servicios-der #ss6 div:first-child,#servicios #contenido-servicios #servicios-der #ss8 div:first-child,#servicios #contenido-servicios #servicios-der #ss9 div:first-child{background:#fff;border-radius:30px;color:#0393cf;font-size:40px;height:60px;line-height:60px;text-align:center;width:60px}
#servicios #contenido-servicios #servicios-der .sContenido{color:#fff;display:none;font-size:2em;height:60px;left:0;margin-left:25px;margin-top:-75px;text-align:left;top:50%;width:100%;}
#servicios #contenido-servicios #servicios-der .sContenido:first-child{display:block}
#servicios #contenido-servicios #servicios-der .sContenido div{height:60px;line-height:60px;width:400px;}
#servicios #contenido-servicios #servicios-der .sContenido div:first-child{background:#fff;border-radius:30px;color:#0393cf;font-size:40px;height:60px;line-height:60px;text-align:center;width:60px}
#servicios #contenido-servicios #servicios-der .btnContacto{background:#004765;bottom:0;color:#fff;cursor:pointer;font-size:1.3em;height:60px;line-height:50px;right:25px;width:250px;box-sizing:border-box;border-bottom:7px solid #002f43;}
#servicios #contenido-servicios #servicios-der .btnContacto a{color:#fff;height:100%;text-decoration:none;width:100%}
#servicios #contenido-servicios #servicios-izq{border-right:2px solid #fff;width:426px;}
#servicios #contenido-servicios #servicios-izq .servicios{cursor:pointer;height:110px;margin:6px;text-align:center;width:127px;}
#servicios #contenido-servicios #servicios-izq .servicios:hover .servicios-inner{border:5px solid #b5de76}
#servicios #contenido-servicios #servicios-izq .servicios:hover .servicios-txt{color:#fff}
#servicios #contenido-servicios #servicios-izq .servicios .servicios-inner{background:#fff;box-sizing:border-box;border-radius:38px;color:#0393cf;font-size:40px;height:76px;position:relative;width:76px;}
#servicios #contenido-servicios #servicios-izq .servicios .servicios-inner div{height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px}
#servicios #contenido-servicios #servicios-izq .servicios .servicios-txt{color:#004765;font-size:.7em}
#servicios #titulo-servicios{background:#027caf;color:#fff;height:108px;line-height:108px}
.absolute{position:absolute}
.contenedor{display:inline-block;height:100%;margin:0;position:relative;vertical-align:top;width:960px}
.contenido{text-align:justify;width:500px}
.ico{display:inline-block;margin:0 10px 0 0}
.inline{display:inline-block;vertical-align:top}
.subtitulo{font-size:1.5em;font-weight:400;text-transform:uppercase}
.titulo{font-size:2.5em;font-weight:600;margin:3% 0 3% 0}
.suelto{position:absolute}
@-webkit-keyframes rotarDerecha{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}@-webkit-keyframes rotarIzquierda{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}@-webkit-keyframes desplazarDerecha{0%{transform:translateX(0)}
50%{transform:translateX(10px)}
100%{transform:translateX(0)}
}@-webkit-keyframes desplazarIzquierda{0%{transform:translateX(0)}
50%{transform:translateX(-10px)}
100%{transform:translateX(0)}
}