@charset "UTF-8";
*{padding:0;margin:0;border:0;box-sizing:border-box;outline:none;}
html{background:#1E1E1E;}
body{color:#174356;background:#FFF;font:14px/1.4 'Lato',Helvetica,Arial,sans-serif;}
#menu-mov{display:none;text-transform:uppercase;}
.oculto{position:absolute;top:0;left:-9999em;overflow:hidden;}
.dims{width:90%;margin:0 auto;}
form li{list-style:none;margin-bottom:10px;}
input,textarea{padding:8px 10px;font:1em/1 'Lato',Helvetica,Arial,sans-serif;border:1px solid #878787;display:block;width:100%;color:#174356;background:#FFF;}
form li{float:left;padding-right:20px;}
.f-entero{width:100%;float:none;}
.f-medio{width:50%;}
.ultimo{padding-right:0 !important;}
.limpiar{clear:left;}
.boton{color:#FFF;background:#00DBEB;border-radius:5px;text-decoration:none;text-transform:uppercase;font-weight:700;display:inline-block;padding:6px 10px;cursor:pointer;}
label{display:block;text-transform:uppercase;color:#000;margin-bottom:3px;}

.error label,.error em{color:#C00;font-style:normal;}
.error em{display:block;padding:2px 10px;border-top:1px solid;background:#FFF;}
.error input,.error select,.error textarea{border-color:#C00;}
.mensaje{padding:10px;margin:20px 0;border:1px solid;background:#FFF;}
.exito{color:#000;background:#00DBEB;} 
.mensaje.error{color:#C00;border-color:#C00;}

#cabecera{position:fixed;width:100%;background:#FFF;padding:10px 10px 15px;z-index:69;top:0;left:0;}
#logo{height:30px;width:auto;margin-top:5px;}
#nav{float:right;width:calc(100% - 15em);}
#nav ul{list-style:none;text-align:right;padding-top:.8em;}
#nav li{display:inline;margin-left:40px;}
#nav a{color:#1A3356;text-decoration:none;font-size:.8em;text-transform:uppercase;font-weight:400;}
#nav a:hover{color:#777;}
#contenido{padding-top:4.6em;}
section section{padding:50px 0;overflow:hidden;}
section section h1{text-transform:uppercase;font-size:36px;font-weight:900;line-height:1;display:inline-block;width:66%;border-bottom:7px solid #00DBEB;padding-bottom:10px;}
h1 b{color:#00DBEB;font-weight:900;}
section section h2{text-transform:uppercase;line-height:1;margin-bottom:25px;font-weight:400;}
.s{font-size:21px;}
.t{font-size:19px;font-weight:700;margin-top:20px;}

#intro{background:url('../im/intro.jpg') center bottom;background-size:cover;height:500px;}
#relleno{background:url('../im/relleno.jpg') center;background-size:cover;height:200px;}

#sobre{padding:0;}
#slogan{padding:50px 0;}
#slogan h1{text-transform:none;font-size:34px;font-weight:700;border-bottom:none;padding-bottom:0;display:block;}
.oscuro{color:#FFF;background:#174356;}
#pie{color:#FFF;background:#1E1E1E;text-align:right;padding:20px 0;}
#pie a{color:inherit;text-decoration:none;margin-left:20px;}
#pie small{font-size:1em;float:left;}
.modal{padding:50px;background:#FFF;color:#000;}
.modal h2{text-transform:uppercase;font-size:21px;font-weight:900;line-height:1;}
.activa{position:absolute;width:calc(100% - 200px);z-index:9999;}
.cerrar{position:absolute;cursor:pointer;right:25px;top:20px;}
.columnas{display:flex;margin:50px -20px 40px;}
.columnas li{margin:0 20px;padding:30px;list-style:none;width:33.33%;text-align:center;}
.columnas li img{width:50%;height:auto;}
.columnas li p{margin-bottom:10px;}

#about li{border:1px solid #FFF;}
#plans li{border:1px solid #00DBEB;}
#plans .sin-borde{margin-bottom:0;}
#plans .sin-borde li{border:none;padding-bottom:0;}
#plans .sin-borde li h4{text-transform:uppercase;font-size:21px;font-weight:900;line-height:1;}
#plans h2{color:#00DBEB;font-weight:900;}
#plans h3{text-align:center;text-transform:uppercase;font-size:36px;font-weight:900;line-height:1;}
#plans .precio{display:inline-block;margin-top:20px;font-size:26px;font-weight:900;color:#00DBEB;}

#plans .alt li{border:1px solid #174356;}
#plans .alt h2{color:#174356;}

#contacto{background:#484848;color:#FFF;}
#contacto a{color:inherit;text-decoration:none;}
#contacto .dims{overflow:hidden;}
#txt-contacto{float:left;width:50%;padding:45px 30px 50px 40px;font-size:16px;}
#f-contacto{float:right;width:50%;padding:40px 0 40px 20px;}
#f-contacto li{margin-bottom:20px;}
#f-contacto input,#f-contacto textarea{border:none;}
#velado{position:fixed;z-index:999;top:0;left:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:none;}


@media(max-width:840px){ 
	#menu-mov{display:inline-block;float:right;font-size:.9em;margin-top:1em;}
	#nav{float:none;width:auto;color:#FFF;background:#174356;margin:15px -10% -15px;}
	#nav ul{text-align:left;padding:0;}
	#nav li,#nav li a{display:block;margin:0;padding:0;}
	#nav li a,#nav li a:hover{display:block;color:inherit;padding:15px 10%;border-top:1px solid rgba(255,255,255,.2);}
	.columnas,.columnas li{display:block;}
	.columnas{margin-bottom:0;}
	.columnas li{margin-bottom:30px;width:auto;}
	#txt-contacto,#f-contacto{float:none;width:auto;padding-left:0;padding-right:0;}
}