@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}

* {margin: 0;padding: 0;border:0;font-family: 'Open Sans',Verdana,Helvetica,Tahoma,Arial,sans-serif;outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#000}

a:link, a:visited, a:active {text-decoration: none;color: #3E638E;outline:0;}
a:hover {text-decoration: none;}

body {background:#FFF;text-align: center;padding:0;font-weight:300}/* url(images/bg.png) 0 0 repeat-x*/

.clear{clear:both;}
.fd{float:right !important}
.fl{float:left !important}
.l{text-align:left !important}
.d{text-align:right !important}
.c{text-align:center !important}

.color {color:#004B63 !important}
.color2 {color:#6ABDD6 !important}
.bcolor {background:#004B63 !important}
.bcolor2 {background:#6ABDD6 !important}
.white {color:#FFF !important}

strong,b{font-weight:700}

/* COOKIES */
.msgcookie{display:block;position:fixed;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,0.8);font-size:12px;line-height:135%;z-index:10001;border-top:1px solid #FFF}
	.msgcookie p{margin:0;padding:10px;text-align:center;color:#fff !important}
	.msgcookie p a:link,.msgcookie p a:active,.msgcookie p a:visited,.msgcookie p a:hover{color:#000;display:inline-block;background:#FFF;margin:10px 5px;padding:5px 10px;text-decoration:none;opacity:0.5;}
	.msgcookie p a:hover{opacity:1}

.contenedor{width:1140px;margin:0 auto;clear:both;position:relative}

	.header {position:absolute;top:0;left:0;width:100%;z-index:102;background:#FFF;box-shadow:0 7px 9px rgba(0,0,0,0.40)}
	
		.topbar {display:inline;float:right;margin:25px 0 0 0;position:relative;padding:0 0 0 34px}
			.topbar i {display:block;width:24px;height:24px;border-radius:100%;position:absolute;left:0;top:50%;margin-top:-12px;text-align:center;line-height:24px;font-size:13px}
			.topbar h2 {font-size:15px;font-weight:400;text-align:right}
				.topbar h2 span {display:block;font-size:26px;font-weight:700;line-height:100%}
		
		.logo {display:inline;float:left;text-align:left;margin:20px 0;}
			.logo a:active,.logo a:visited,.logo a:link,.logo a:hover{text-decoration:none;display:block;width:100%;height:60px;}
		
		/* NEW slider */
		
		.slider {display:inline;float:left;width:100%;background:url(images/bg.jpg) 50% 0 no-repeat;height:780px}
		
			.c1 {max-width:600px;position:absolute;top:250px;left:0;text-align:left}
				.c1 h2 {font-size:40px;text-shadow:2px 2px 2px #000;font-weight:300;line-height:100%}
					.c1 h2 span {display:block;padding-left:25px;font-weight:700;font-size:50px}
				.c1 h3 {font-size:40px;text-shadow:2px 2px 2px #000;font-weight:300;line-height:100%;padding-left:25px;margin:15px 0 20px 0}
				
				.c1 ul {list-style:none;margin:0 0 0 25px;}
					.c1 li {display:block;font-size:15px}
						.c1 li span {display:inline-block;background:#000;background:rgba(0,0,0,0.30);padding:4px 10px;font-weight:400;margin:0 0 4px 0 }
							.c1 li span i {margin-right:5px}
							
			.c2 {text-align:left;width:350px;display:inline;float:right;margin:210px 0 0 0;padding:20px 0}
				.c2 h3 {font-size:26px;font-weight:400;margin:0 0 10px 0}
				.c2 p {font-size:14px;font-weight:400;margin:0 20px}
					.f12 {font-size:12px !important}
					.f11 {font-size:11px !important}
				.c2 fieldset {display:inline;float:left;width:100%;padding:20px 40px 0 40px}
					.c2 div {padding:0 0 10px 0}
					.form div {padding:0 0 10px 0;text-align:left}
						.form label {font-size:13px;font-weight:400;margin:0 0 5px 0;}
						.form input[type=text],.form input[type=tel],.form input[type=email],.form input[type=number],.form input[type=submit] {width:100%;height:35px;padding:0 10px;border:0}
							.form input[type=submit] {font-size:26px;font-weight:700;height:60px}
							
			.dn {margin:15px 0 0 25px;display:none}
							
		/* VENTAJAS */
		
		.ventajas {display:inline;float:left;width:100%;background:url(images/ventajas.jpg) 100% 100% no-repeat;padding:50px 0;text-align:left}
			.ventajas h2 {font-weight:300;font-size:40px;margin:0 0 50px 0}
			.ventajas dl {display:inline;float:left;width:100%;padding:0 420px 0 0}
				.ventajas dl div {width:50%;float:left;padding:0 20px 50px 50px}
					.ventajas dl div:nth-child(1) {background:url(images/ico1.png) 0 0 no-repeat}
					.ventajas dl div:nth-child(2) {background:url(images/ico4.png) 0 0 no-repeat}
					.ventajas dl div:nth-child(3) {background:url(images/ico3.png) 0 0 no-repeat}
					.ventajas dl div:nth-child(4) {background:url(images/ico6.png) 0 0 no-repeat}
					
					.ventajas dt {font-size:15px;font-weight:700;margin:0 0 5px 0}
					.ventajas dd {font-size:13px;}
		
		/* LA MEJOR... */
		
		.bg {display:inline;float:left;width:100%;background:#F7F7F8;padding:35px 0;text-align:center}
			.bg h2 {font-weight:300;font-size:40px;margin:0 0 10px 0}
			.bg h3 {font-weight:300;font-size:23px;margin:0 0 10px 0}
			.bg h4 {font-weight:700;font-size:23px;margin:0 0 20px 0}
		
		/* AGENDAR */
		.agendar {margin:45px 0 0 0 !important;}
			.agendar h2 {font-size:21px;margin:15px 0 10px !important;font-weight:700}
			.agendar h3 {font-size:18px;margin:0 0 15px 0 !important;font-weight:300}
			.agendar p {font-size:19px;margin:0 0 15px 0 !important;font-weight:300}
				.agendar p:last-child {margin:0 !important}
		
		/* PLANES */
			
		.planes {display:inline;float:left;width:100%;margin-top:35px}
			
			.planes .flexplanes {display:flex;justify-content:center;flex-wrap:wrap;clear:both;padding:15px 0 35px 0;text-align:center;margin-bottom:20px;}
				
				.planes h2 {font-weight:300;font-size:40px;margin:0 0 10px 0}
				.planes h3 {font-weight:300;font-size:23px;margin:0 0 30px 0}
				.planes h4 {font-weight:300;font-size:23px;margin:30px 0 0 0;clear:both;display:inline;float:left;width:100%}
			
			.plan {flex:0 0 40%;background:#FFF;box-shadow:0 0 15px rgba(0,0,0,0.20);margin-top:40px;position:relative;padding:30px 10px 0 10px;border-radius:10px;}
			
			.eldestacado {transform:scale(1.11);z-index:102;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, #6ABDD6 100%);color:#FFF !important}
				.eldestacado svg {fill:#FFF !important}
				.eldestacado h4,.eldestacado .precio,.eldestacado .precio em {color:#FFF !important}
				.eldestacado ul li {border-top:1px solid rgba(255,255,255,0.25) !important}
				
				.plan i {width:80px;height:80px;position:absolute;left:50%;top:-40px;margin-left:-40px;border-radius:100%;text-align:center;line-height:80px;font-size:40px}
				
				.plan .svg{display:block;}
					.svg svg {height:60px;width:auto !important;fill:#6ABDD6}
				
				.plan h4 {font-weight:300;font-size:23px;}
					.precio {display:block;font-size:40px;font-weight:700;line-height:100%;margin:15px 0}
						.precio em {font-style:normal;font-size:19px;font-weight:700;line-height:110%}
					.iva {display:block;font-size:14px;font-weight:700}
					
				.plan ul {display:inline;float:left;margin:20px 0;padding:0 20px;width:100%;list-style:none}
					.plan ul li {border-top:1px solid #F7F7F7;text-align:center;font-size:14px;padding:8px 0;width:100%}
						.plan ul li:last-child {border-bottom:1px solid #FFF}
				
				.plan p {margin:0 0 20px 0}
				
				.psmall {clear:both;font-size:12px !important}
				
		/* FOOTER */
		
		.f1 {width:50%;display:inline;float:left}
			.f1 p {font-size:13px;line-height:110%;text-align:left}
		.f2 {width:50%;display:inline;float:left}
			.f2 p {font-size:13px;line-height:110%;text-align:right}
			.f2 .social {margin:10px 0 0 0;float:right;clear:right;list-style:none}
				.social li {float:left;margin-left:10px}
					.social li a:link,.social li a:active,.social li a:visited,.social li a:hover {display:block;width:27px;height:27px;border-radius:100%;border:1px solid;text-align:center;line-height:27px;font-size:12px}
		
		.dist {display:inline;float:left;width:100%;padding:20px 0 10px 0;background:#FFF;text-align:center;margin:30px 0 0 0;color:#000;font-size:12px}
					
		/* POPUP */
		.overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.70);z-index:105;display:none}
		.popup {display:none;width:600px;height:400px;position:absolute;left:50%;top:50%;margin:-200px 0 0 -300px;z-index:106;padding:20px}
			.popup h2 {font-size:39px;font-weight:700;margin:0 0 15px 0}
				.popup .col1 {display:inline;float:left;width:50%;}
					.col1 h3 {text-align:left;font-size:16px;line-height:120%;font-weight:400}
					.col1 p {text-align:left;font-size:11px;line-height:120%;font-weight:400;margin:15px 0 0 0}
					
					.closepopup {position:absolute;right:10px;top:10px}
					
		.popup2 {display:none;width:600px;height:170px;position:absolute;left:50%;top:50%;margin:-85px 0 0 -300px;z-index:106;padding:20px}
			.popup2 h2 {font-size:39px;font-weight:700;margin:0 0 15px 0}
			
		.logospie img {margin:15px 5px 0 5px}
		.peque {font-size:13px}
			
/* RESPONSIVE */

/* Minimo 960px y maximo 1140px */
@media only screen and (min-width: 960px) and (max-width: 1149px) 
{
	.contenedor { width: 960px; }
	
	.c1 {max-width:580px;}
		.c1 h2 {font-size:32px;}
			.c1 h2 span {padding-left:15px;font-size:44px}
				.c1 h3 {font-size:32px;padding-left:15px;}
				
				.c1 ul {margin:0 0 0 15px;}
							
	.c2 {width:320px;}
	
	.ventajas dl {display:inline;float:left;width:100%;padding:0 400px 0 0}

}


/* Minimo 768px y maximo 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) 
{
	.contenedor { width: 768px; }
	
	.slider {background:url(images/bg.jpg) 50% 100% no-repeat;height:600px}
	
	.c1 {top:180px;max-width:100%}
	.c2 {display:none}
	.dn {display:block}
	
	.ventajas {background:none}
		.ventajas dl {padding:0 0 0 0}
			.ventajas dl div {width:50%;float:left;padding:0 20px 30px 50px;}
			
	.bg {padding:25px 0;}
		.bg h2 {font-size:35px;}
		.bg h3 {font-size:19px;}
		.bg h4 {font-size:18px;}
		
	.planes {padding:25px 0;}
		.planes h2 {font-size:35px;}
		.planes h3 {font-size:19px;}
		.planes h4 {font-size:18px;}
			
			.plan {}
				
				.plan h4 {font-size:22px;}
					.precio {display:block;font-size:44px;}
						.precio em {display:block;font-size:20px;}
					.iva {display:block;font-size:12px}
				
				.plan ul {padding:0 5px;}
					.plan ul li {font-size:13px;}
				
	.f1 p {font-size:12px;}
	.f2 p {font-size:12px;}
}

/* Minimo 480px y maximo 767px  */
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	.contenedor {width:480px;}
	
	.slider {background:url(images/bg.jpg) 50% 100% no-repeat;height:560px}
	
	.c1 {top:180px;max-width:100%}
	.c2 {display:none}
	.dn {display:block}
	
	.c1 h2 {font-size:30px;}
		.c1 h2 span {font-size:40px}
	.c1 h3 {font-size:30px;}
	
	.ventajas {background:none}
		.ventajas dl {padding:0 0 0 0}
			.ventajas dl div {width:50%;float:left;padding:0 20px 30px 50px;}
			
	.bg {padding:25px 0;}
		.bg h2 {font-size:35px;}
		.bg h3 {font-size:19px;}
		.bg h4 {font-size:18px;}
		
	.planes {padding:25px 0;}
		.planes h2 {font-size:35px;}
		.planes h3 {font-size:19px;}
		.planes h4 {font-size:18px;}
			
			.plan {flex:0 0 100%}
			.eldestacado {transform:scale(1);}
			
				.plan h4 {font-size:22px;}
					.precio {display:block;font-size:44px;}
						.precio em {font-size:20px;}
					.iva {display:block;font-size:15px}
					
				.plan ul li {font-size:14px;}
				
	.f1 p {font-size:12px;}
	.f2 p {font-size:12px;}
	
	.popup {width:480px;margin:-200px 0 0 -240px;}
		.popup h2 {font-size:30px;}
			.popup .col1 {padding:0 20px 0 0}
				.col1 img {max-width:100%;height:auto}
					
	.popup2 {width:480px;margin:-200px 0 0 -240px;}
		.popup2 h2 {font-size:30px;}
	
}

/* Maximo 768 para todos */
@media only screen and (max-width: 479px) 
{
	.contenedor {width:300px; }
	
	.topbar {background:#f7f7f8;margin:0 0 0 0;width:100%}
		.topbar h2 {font-size:15px;padding:10px 0;text-align:center}
			.topbar h2 span {display:inline;font-size:15px;}
			.topbar h2 i {left:15px}
			
	.logo {width:100%;}
		.logo img {margin:0 auto;display:block}
	
	.slider {background:url(images/bg.jpg) 50% 100% no-repeat;height:580px}
	
	.c1 {top:180px;max-width:100%}
	.c2 {display:none}
	.dn {display:block}
	
	.c1 h2 {font-size:30px;}
		.c1 h2 span {font-size:40px}
	.c1 h3 {font-size:30px;}
	
	.c1 ul {list-style:none;margin:0 0 0 25px;}
		.c1 li {display:block;font-size:13px}
			.c1 li span {display:inline-block;background:#000;background:rgba(0,0,0,0.30);padding:4px 10px;font-weight:400;margin:0 0 4px 0 }
				.c1 li span i {margin-right:5px}
	
	.ventajas {background:none}
		.ventajas h2 {font-size:30px;}
		.ventajas dl {padding:0 0 0 0}
			.ventajas dl div {width:100%;float:left;padding:0 0 30px 50px;}
			
	.bg {padding:25px 0;}
		.bg h2 {font-size:30px;line-height:110%;}
		.bg h3 {font-size:19px;}
		.bg h4 {font-size:18px;}
		
	.planes {padding:25px 0;}
		.planes h2 {font-size:30px;line-height:110%;}
		.planes h3 {font-size:19px;}
		.planes h4 {font-size:18px;}
			
			.plan {flex:0 0 100%}
			.eldestacado {transform:scale(1);}
			
				.plan h4 {font-size:22px;}
					.precio {display:block;font-size:44px;}
						.precio em {font-size:20px;}
					.iva {display:block;font-size:15px}
					
				.plan ul li {font-size:14px;}
				
	.f1,.f2 {width:100%}
		.f1 p {font-size:12px;text-align:center;margin:0 0 15px 0}
		.f2 p {font-size:12px;text-align:center;padding:0 20px}
		.f2 .social {display:table;width:auto;margin:15px auto 0 auto;float:none}
	
	.popup {width:300px;margin:-200px 0 0 -150px;}
		.popup h2 {font-size:20px;}
		.popup h3 {font-size:12px;text-align:center}
			.popup .col1 {width:100%;padding:0 0 20px 0}
				.col1 img,.col1 p {display:none}
			.col2 {padding:0}
					
	.popup2 {width:300px;margin:-200px 0 0 -150px;}
		.popup2 h2 {font-size:30px;}
		.popup2 h3 {font-size:15px;}
		
	.form label {font-size:12px;font-weight:400;margin:0 0 5px 0;}
	.form input {height:30px;}
		.form input[type=submit] {font-size:20px;height:50px}
}