@charset "utf-8";*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
body{background:#FFFFFA;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
img{width:100%;height:auto;}
.contenedor{width:80%;max-width:1000px;margin:0 auto;}
header{width:100%;height:100px;display:block;}
.menu_bar{display:none;}
#logo{width:70%;float:left;background:#fff;}
#logo img{width:385px;height:90px;}
#contacto{width:30%;height:60px;float:left;padding:10px;background:#0199dc;font-size:14px;color:#fff;text-align:center;border-radius:0px 0px 5px 5px;}
#contacto ul{list-style:none;}
#contacto ul li{display:inline-block;position:relative;padding:10px;}
#contacto ul li a{text-decoration:none;display:block;color:#fff;transition:color .3s ease-in-out .25s;}
#contacto ul li a:hover{color:#020A9C;}
#navega{width:100%;float:left;}
#navega nav{width:100%;max-width:1000px;z-index:1000;font-size:14px;font-weight:bold;text-align:center;background:#225890;background:-moz-linear-gradient(top, #225890 0%, #225890 10%, #225890 10%, #ffffff 11%, #ffffff 11%, #ffffff 90%, #b7b7b7 91%, #ffffff 100%);background:-webkit-linear-gradient(top, #225890 0%,#225890 10%,#225890 10%,#ffffff 11%,#ffffff 11%,#ffffff 90%,#b7b7b7 91%,#ffffff 100%);background:linear-gradient(to bottom, #225890 0%,#225890 10%,#225890 10%,#ffffff 11%,#ffffff 11%,#ffffff 90%,#b7b7b7 91%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#225890', endColorstr='#ffffff',GradientType=0);border-sizing:border-box;}
#navega nav ul{list-style:none;}
.contacto_bt{display:none;}
#navega nav ul li{width:19%;display:inline-block;position:relative;color:#225890;}
#navega nav ul li .caret{position:relative;top:3px;margin-left:10px;margin-right:0px;}
#navega nav ul li a{padding:20px;display:block;color:#225890;text-decoration:none;}
#navega nav ul li:hover{color:#fff;background:#225890;background:-moz-linear-gradient(top, #225890 0%, #0199dc 100%);background:-webkit-linear-gradient(top, #225890 0%,#0199dc 100%);background:linear-gradient(to bottom, #225890 0%,#0199dc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#225890', endColorstr='#0199dc',GradientType=0);box-sizing:border-box;}
#navega nav ul li a:hover{color:#fff;}
#navega nav ul li .children{display:none;width:100%;position:absolute;z-index:1000;font-weight:normal;background:#0199DC;}
#navega nav ul li .children li{width:100%;display:block;overflow:hidden;border-top:0;text-align:left;border-bottom:1px solid rgba(255,255,255,.5);}
#navega nav ul li .children li a{display:block;color:#FFF;}
#navega nav ul li:hover .children{display:block;}
#contiene{width:100%;float:left;margin:0 auto;padding-top:10px;}
aside{width:30%;float:left;box-sizing:border-box;-webkit-box-shadow:0 0 10px 2px #ccc;-moz-box-shadow:0 0 10px 2px #ccc;box-shadow:0 0 10px 2px #ccc;border-radius:5px;}
.tituloa{padding:10px;color:#fff;font-size:16px;background:#0199DC;border-radius:5px 5px 0px 0px;}
.textoa{width:100%;padding:10px;float:left;color:gray;font-size:14px;text-align:justify;background:white;}
.textoa a{color:#225890;text-decoration:none;}
.textoa a:hover{color:#0199DC;}
.textob{float:left;padding:0px 10px 0px 10px;color:gray;font-size:14px;text-align:justify;background:white;}
.textob a{color:#225890;text-decoration:none;}
.textob a:hover{color:#0199DC;}
.textoc{float:left;padding:0px 10px 0px 10px;color:gray;font-size:14px;text-align:justify;background:white;}
.link{width:100%;float:right;padding:5px;margin-top:5px;text-align:right;border-top:2px solid rgba(1,153,220,.7);}
.link a{display:block;color:#0199DC;text-decoration:none;}
.link a:hover{color:#225890;}
.botona{width:95%;float:left;margin:10px;font-size:14px;text-align:center;background:#EC6C32;border-radius:5px;}
.botona a{display:block;padding:10px;color:#fff;text-decoration:none;}
.botona a:hover{background-color:#E65415;border-radius:5px;}
.botonwa{width:95%;float:left;margin:10px;font-size:14px;text-align:center;background-color:#25d365;color:#fff;text-indent: 30px;border-radius:5px;transition: background-color 0.3s ease, color 0.3s ease;background-image: url("../images/wa-logo.svg");background-size: 40px 40px;background-position: left center; background-repeat: no-repeat;}
.botonwa a{display:block;padding:10px;color:#fff;text-decoration:none;}
.botonwa a:hover{background-color: #1ab34a;color:#fff;border-radius:5px;background-image: url("../images/wa-logo.svg");background-size: 40px 40px;background-position: left center; background-repeat: no-repeat;}
.botonwap{width:95%;float:left;margin:10px;text-align:center;border-radius:5px;text-decoration:none;display:block;padding:10px;background-color:rgba(37, 211, 101, 1);transition:background-color 0.3s;color:#fff;opacity: 1; background-image: url("../images/wa-logo.svg");background-size: 40px 40px;background-position: left center; background-repeat: no-repeat;}
.botonwap a{display:block;padding:10px;color:#fff;text-decoration:none;}
.botonwap a:hover{color:#fff;border-radius:5px;background-color: rgba(26, 179, 74,1)}
.slider{width:70%;float:left;padding:0px 10px 0px 10px;}
.quienessomosrd{display:none;}
.portafolio{width:100%;float:left;margin-top:10px;-webkit-box-shadow:0 0 10px 2px #ccc;-moz-box-shadow:0 0 10px 2px #ccc;box-shadow:0 0 10px 2px #ccc;border-radius:0px 0px 5px 5px;}
.portafoliotitulo{width:100%;float:left;padding:10px;color:#0199DC;font-size:16px;border-bottom:2px solid rgba(1,153,220,.7);}
.port{width:25%;float:left;padding:10px;box-sizing:border-box;}
.port .imagen{width:100%;float:left;display:block;}
.infoport{width:100%;float:left;}
.infoport .tituloport{width:100%;float:left;display:block;padding:10px;color:#FFF;background:#0199DC;}
.contenedorip{width:100%;}
.infoport .textoport{width:100%;float:left;padding:10px;display:block;}
footer{width:100%;float:left;clear:both;padding:10px;padding-bottom:30px;margin-top:20px;color:#fff;background-color:#333;box-sizing:border-box;}
.f_inf{width:100%;margin:0 auto;text-align:center;overflow:hidden;}
footer .f_inf ul{float:left;padding:0;position:relative;left:50%;list-style-type:none;}
footer .f_inf ul li{float:left;padding:0;position:relative;right:50%;}
footer .f_inf ul li a{padding:5px;display:block;color:#999999;text-decoration:none;}
footer .f_inf ul li a:hover{color:#0199DC;}
.f_cont{text-align:center;}
.f_cont a{color:#999;text-decoration:none;}
.f_cont a:hover{color:#0199DC;}
.f_cont p{padding:3px;}
.f_rs{display:inline;}
.f_rs2{display:none;}
#privacidad{height:30px;width:100%;background:rgba(0, 0, 0, 0.8);background-color:rgba(0, 0, 0, 0.8);position:fixed;bottom:0;left:0px;display:block;margin:0 auto;}
#privacidad .textopriv{padding:5px;color:#FFF;text-align:center;}
#privacidad .textopriv a{color:#0199DC;text-decoration:none;}
.lateralizq{width:70%;float:left;padding:0px 10px 0px 10px;}
.lateralizq h1{color:#225890;padding:5px;}
.lateralizq p{margin-bottom:10px;text-align:justify;}
.lateralder{width:30%;float:left;box-sizing:border-box;-webkit-box-shadow:0 0 10px 2px #ccc;-moz-box-shadow:0 0 10px 2px #ccc;box-shadow:0 0 10px 2px #ccc;border-radius:5px;}
.listaportafolio{width:100%;float:left;text-align:left;}
.listaportafolio a{color:#225890;text-decoration:none;}
.listaportafolio a:hover{color:#0199DC;}
.listaportafolio ul li{display:block;padding:5px;font-size:14px;font-weight:bold;list-style-type:none;}
.listaportafolio ul li .subport li{display:block;padding:5px;font-size:12px;font-weight:normal;}
.lateralizquierdo{width:30%;float:left;box-sizing:border-box;-webkit-box-shadow:0 0 10px 2px #ccc;-moz-box-shadow:0 0 10px 2px #ccc;box-shadow:0 0 10px 2px #ccc;border-radius:5px;}
.lateralderecho{width:70%;float:left;padding:0px 10px 0px 10px;}
.lateralderecho h2{color:#225890;padding:5px;}
.item{width:50%;float:left;box-sizing:border-box;}
.item:hover{-webkit-box-shadow:0 0 10px 2px #ccc;-moz-box-shadow:0 0 10px 2px #ccc;box-shadow:0 0 10px 2px #ccc;border-radius:5px;}
.item .iitem{padding:5px;}
.item .iimg{width:100%;padding:5px;}
.item .ititulo{padding:5px;width:100%;}
.item .ititulo h2{font-size:12px;padding:0;color:#000;}
.item .itexto{padding:5px;width:100%;}
.item .itexto a{color:#225890;text-decoration:none;}
.item .itexto a:hover{color:#0199DC;}
#formcontacto{width:98%;float:left;padding:10px;box-shadow:0 0 10px 2px #ccc;border-radius:5px;}
#formulario td{padding:5px;}
#formulario input{width:98%;height:40px;}
#formulario textarea{width:98%;margin:5px 0 10px 0;}
#formulario input[type=submit]{height:50px;width:98%;border:none;font-weight:400;letter-spacing:2px;color:#FFFFFF;background:#EC6C32;border-radius:5px;}
#formulario input[type=submit]:hover{background-color:#E65415;box-shadow:0 0 10px 2px #ccc;}
@media screen and (max-width:900px){.textoa{font-size:12px;}
.textob{display:none;}
}
@media screen and (max-width:899px){body{padding-top:80px;}
header{display:none;}
.menu_bar{z-index:1000;left:0;display:block;width:100%;height:80px;position:fixed;top:0;background:#225890;}
.menu_bar .bt-menu{display:block;padding:5px;color:#fff;overflow:hidden;font-size:30px;font-weight:bold;text-decoration:none;}
.menu-bar i .fa-bars{float:left;padding:40px;}
.menu_bar img{left:10px;width:299px;height:70px;}
#navega nav{width:80%;height:calc(100% - 80px);position:fixed;right:100%;margin:0;text-align:left;overflow:scroll;background:#225890;background:-moz-linear-gradient(top, #225890 0%, #0199dc 100%);background:-webkit-linear-gradient(top, #225890 0%,#0199dc 100%);background:linear-gradient(to bottom, #225890 0%,#0199dc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#225890', endColorstr='#0199dc',GradientType=0);}
#navega nav ul li{width:100%;display:block;border-bottom:1px solid rgba(255,255,255,.5);}
#navega nav ul li:hover{border-top:0px;}
#navega nav ul li a{color:#FFF;display:block;}
#navega nav ul li .children{width:100%;position:relative;}
#navega nav ul li:hover .children{display:none;}
#navega nav ul li .children li a{margin-left:20px;}
#navega nav ul li .caret{float:right;}
.contenedor{width:100%;}
#contiene{width:100%;}
aside{display:none;}
.slider{width:100%;}
.f_rs{display:none;}
.f_rs2{display:block;padding:5px;}
.quienessomosrd{margin-top:10px;width:100%;float:left;display:block;box-sizing:border-box;-webkit-box-shadow:0 0 10px 2px #ccc;-moz-box-shadow:0 0 10px 2px #ccc;box-shadow:0 0 10px 2px #ccc;}
.portafolio{width:100%;}
.port{width:100%;float:left;}
.port .imagen{width:40%;float:left;}
.infoport{width:60%;float:left;}
footer{left:0;width:100%;}
.lateralizq{width:100%;}
.lateralizquierdo{width:100%;}
.lateralderecho{width:100%;margin-top:10px;}
.contacto_bt{display:block;}
.contactord{padding:5px;text-align:center;}
.contactord h2{font-size:14px;color:#EC6C32;padding-top:10px;}
.contactord p{padding:10px;}
.contactord a{color:#225890;text-decoration:none;}
.contactord a:hover{color:#0199DC;}
.item {width:100%;}