@charset "utf-8";
/* CSS Document */
.zoom {
	zoom: 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0
}

body {
	font-family: 'Open Sans', sans-serif;
	color: #888;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

.Vacio, .vacio{clear:both}
.bold{font-weight:bold}
.blue{color:#005c82;} 


header{width:100%;border-bottom:1px solid #005c82; position: fixed; background:#ffffff; height:70px; top:0}
#Inheader{width:100%;  margin:auto}
#Logo{width:75%; padding:5px 0 5px 5px; float:left}
#TopMenu{ display:none}
ul#MainMenu{}
ul#MainMenu li{}
#Menu{width:30px; margin:20px 5px 0 0; float:right; display:block}
#MobileMenu{width:100%; background:#ffffff; display:block}
ul#MobMenu{list-style:none; margin:0; padding:0; text-align:center}
ul#MobMenu li{font-size:.9em; line-height:2.5em; border-bottom:1px solid #cccccc; padding:0 10px; clear:both}
ul#MobMenu li a, ul#MobMenu li a:link, ul#MobMenu li a:visited{color:#005c82; text-decoration:none}
#Banner{background:url(Images/Fondo_Mobile.webp) right 130px no-repeat #d1d1d1; padding:0 0 20px 0}

.Inbanner{width:99%; max-width:360px; margin:0 auto; }
#Claim{width:100%; margin:0; padding:20px 0 0 0; max-width:650px;text-align:center;}
.Promo{height:150px; width:150px; float: left; margin: 20px 0 0 15px;}

.introclaim{font-size:1em; color:#005c82; font-weight:bold; font-family:'Open Sans', Helvetica, Arial, sans-serif}
#Claim h1{padding:0; margin:0; text-align:center; font-size:1.2em; color:#cc130a; font-family:'Open Sans', Helvetica, Arial, sans-serif}
#Claim h2{padding:0; margin:0; text-align:center; font-size:1.1em; color:#005c82; font-weight:normal; font-family:'Open Sans', Helvetica, Arial, sans-serif}
#Claim h2 span{font-weight:bold}
#Call{width:90%; margin:160px auto 10px auto; padding:0; max-width:360px}
#TopCall{background:url(Images/CallArrow.png) top center no-repeat #cc130a; padding:15px 10px 10px 10px; color:#ffffff; font-weight:bold; text-align:center}
#Incall{padding:10px; background-color:#ffffff; font-size:.8em; color:#7E7C7C; text-align:center}
#Incall2{padding:10px; background-color:#ffffff; font-size:.8em; color:#7E7C7C; text-align:center}
#Gratis{padding:0 0; font-size:1.2em; font-weight:bold}
#Gratis span{color:rgb(40,171,59)}
#TelMobl{padding:0 0 0px 0; font-size:2.1em; color:#cc130a;  font-weight:bold; display:block}
#TelMobl a, #TelMobl a:link, #TelMobl a:visited{color:#cc130a; text-decoration:none}
#TelOrd{ display:none}
#Tellamamos span{font-weight:bold; font-size:1.1em; padding-bottom:10px}
#Tellamamos a, #Tellamamosa:link, #Tellamamos a:visited{color:#005c82; text-decoration:underline}

#Intro{background:#005c82;padding:15px ; color:#ffffff; font-weight:bold; font-size:1em; text-align:center}
.Introwrapper{max-width:90%; margin:auto}
#Inicio, #Familias, #Como, #Ventajas, #Resenas{height:70px!important; }

#Materias{width:90%; margin:15px auto}
h3{padding:0 0 20px 0; margin:0; color:#005c82; font-size:1em; font-weight:bold; text-align:center}
#col2{width:100%; margin:0 auto 20px auto; font-size:.9em; text-align:center}
#ico{}
.light{background:#dde5e8;}
.wrapper{width:90%;max-width:1200px; margin:0 auto; padding:15px 0 0 0}
#col3{width:100%;margin:0 auto 20px auto; float:none; font-size:.9em}


#BottomCall{background:url(Images/PieContactoMovil.png) center center no-repeat}
#InBottomCall{margin:0; padding:10px 0; background:rgba(2,43,14,0.6); text-align:center; color:#ffffff; text-shadow:2px 2px 3px #040A4B}
#BottomClaim{font-size:1.1em; font-weight:bold}
.extrabig{font-size:1.4em; font-weight:bold}
.smalllink a, .smalllink a:link, .smalllink a:visited {color:#ffffff;}
footer{padding:10px; background:#005c82; color:#ffffff}
.Infooter{width:99%;max-width:1200px; margin:auto}
#copy{text-align:center; font-size:.8em; width:100%; float:none}
a#clausulalegal{color:#fff;text-decoration:none}
#reacciona{width:100%; padding:5px 0 0 0; float:none; text-align:center}

/*ESPECIFICOS FORMULARIO*/

#formulario {

	padding: 15px 5px;
	background: #fff;
	color: #888;
	max-width:360px;
	margin:auto 
	/*border-radius: 0 0 25px 25px*/
}
#introform{font-size:1em;  font-weight:bold; padding-bottom:12px; text-align:center}


input[type=text] {
	background: rgba(255, 255, 255, .5);
	height: 27px;
	color: #888;
	border: 1px solid #005c82;
	margin: 0 5% 8px 5%;
	width:90%;
	padding: 1%
}
input[type=text]::placeholder
input[type=text]::-webkit-input-placeholder,input[type=text]:-moz-placeholder,
input[type=text]::-moz-placeholder,input[type=text]:-ms-input-placeholder  {color: #888!important;}
input[type=text]:focus::-webkit-input-placeholder {
	color: #005c82
}

input[type=text]:focus:-moz-placeholder,
input[type=text]:focus::-moz-placeholder {
	color: #005c82
}

input[type=text]:focus:-ms-input-placeholder {
	color: #005c82
}



#btnEnvian,
#clausula {
	text-align: center;
	padding: 2% 0 0;

	margin: 0;}
	#btnEnvian{color:#ffffff;font-size: .9em;}
#clausula {
	font-size:.7em;
	line-height:1.1em;
}
	
a#clausulalegal1, a#clausulalegal1:link, a#clausulalegal1:visited{color:#005c82}


#clausula input {
	width: auto!important
}

#btnEnvian {
	background: #ea9011;
	font-size: 1.5em;
	padding: 1% 2% 2%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 60%;
	margin: 18px auto 0;
	line-height: 1.4em;
	cursor: pointer
}

#btnEnvian:hover {
	text-decoration: underline
}

.sendArrow {
	margin-left: 15px;
	margin-top: 8px
}

::-webkit-input-placeholder {
	color: #888
}

:-moz-placeholder,
::-moz-placeholder {
	color: #888
}

:-ms-input-placeholder {
	color: #888
}

@media screen and (min-width:767px) and (max-width:989px) {
	header {
    height: 65px;
}
#Logo{width:180px; padding:5px 0 5px 5px; float:left}
#TopMenu{width:500px; float:right; margin:30px 0 0 0;display:block}
ul#MainMenu{list-style:none; margin:0; padding:0}
ul#MainMenu li{font-size:.9em;width:auto; float:left; padding:5px}
ul#MainMenu li a, ul#MainMenu li a:link, ul#MainMenu li a:visited{color:#005c82; text-decoration:none}
#Menu{ display:none}
#MobileMenu{ display:none}
#Inicio, #Familias, #Como, #Ventajas, #Resenas{height:70px!important; }
#Banner{background:url(Images/Fondo_Tablet.webp) right bottom no-repeat #1d1d1d; padding:0 0 20px 0; margin-top:-8px}

.Inbanner{width:98%; max-width:990px; margin:0 auto; }
#Claim{width:65%; margin:0 0 0 10px; padding:20px 0 0 0; max-width:600px; float:left}
            .Promo{height:180px; width:180px; float: right; margin: 100px 150px 0 15px;}

#Claim h1{font-size:1.8em; }
#Claim h2{font-size:1.3em;color:#ffffff}
#Claim h2 span{font-weight:bold}
#Call{width:55%; margin:20px 0 0 40px; padding:0; max-width:360px}
#Incall2 {padding:30px 20px; min-height:170px}
#Incall2 span{font-size:1.1em;}
#TelMobl{display:none}
#TelOrd{ padding:0 0 10px 0; font-size:1.6em; color:#cc130a;  font-weight:bold; display:block}
#Tellamamos span{font-weight:bold; font-size:1.1em}
#Tellamamos a, #Tellamamosa:link, #Tellamamos a:visited{color:#7e7c7c; text-decoration:underline}

#Intro{background:#005c82;padding:15px ; color:#ffffff; font-weight:bold; font-size:1em; text-align:center}
.Introwrapper{max-width:90%; margin:auto}
#Familias, #Como, #Ventajas, #Resenas{}
#Materias{width:90%; margin:15px auto}
h3{padding:0 0 20px 0; margin:0; color:#005c82; font-size:1em; font-weight:bold; text-align:center}
#col2{width:100%; margin:0 auto 20px auto; font-size:.9em; text-align:justify; min-height:70px}
#ico{width:70px; height:70px; float:left}
.light{background:#dde5e8;}
.wrapper{width:90%;max-width:1200px; margin:0 auto; padding:15px 0 0 0}
#col3{width:100%;margin:0 auto 20px auto; float:none; font-size:.9em}


#BottomCall{background:url(Images/PieContacto.png) center center no-repeat; padding:20px 0 }
#InBottomCall{margin: 0; padding:10px 0; background:rgba(2,43,14,0.6); text-align:center; color:#ffffff; text-shadow:2px 2px 3px #040A4B}
#BottomClaim{font-size:1.1em; font-weight:bold}
.extrabig{font-size:1.4em; font-weight:bold}
.smalllink a, .smalllink a:link, .smalllink a:visited {color:#ffffff;}
footer{padding:10px; background:#005c82; color:#ffffff}
.Infooter{width:99%;max-width:1200px; margin:auto}
#copy{text-align:center; font-size:.8em; width:100%; float:none}
a#clausulalegal{color:#fff;text-decoration:none}
#reacciona{width:100%; padding:5px 0 0 0; float:none; text-align:center}
	
	
	
	
	
	
	
	}
@media screen and (min-width:990px) and (max-width:1199px) {
	header {
    height: 65px;
}
#Logo{width:180px; padding:5px 0 5px 5px; float:left}
#TopMenu{width:500px; float:right; margin:30px 0 0 0;display:block}
ul#MainMenu{list-style:none; margin:0; padding:0}
ul#MainMenu li{font-size:.9em;width:auto; float:left; padding:5px}
ul#MainMenu li a, ul#MainMenu li a:link, ul#MainMenu li a:visited{color:#005c82; text-decoration:none}
#Menu{ display:none}
#MobileMenu{ display:none}


#Banner{background:url(Images/Fondo_Tablet.webp) right bottom no-repeat #d1d1d1; padding:0 0 20px 0; margin-top:-8px}
.Inbanner{width:100%; margin:auto; max-width:1190px;}
#Claim{width:55%; margin:0 0 0 10px; padding:20px 0 0 0; max-width:500px;float:left}
        .Promo{height:180px; width:180px; float:left; margin:20px 0 0 20px}

.introclaim{font-size:1.3em; }
#Claim h1{font-size:1.8em;}
#Claim h2{font-size:1.3em; }

#Call{width:55%; margin:20px 0 0 10%; padding:0; max-width:360px}
#Incall{ font-size:1em;}
#Incall2 {padding:30px 20px; min-height:170px}
#Incall2 span{font-size:1.2em;}
#TelMobl{ display:none}
#TelOrd{padding:0 0 10px 0; font-size:1.6em; color:#cc130a;  font-weight:bold;display:block}


.Introwrapper{max-width:96%; margin:auto}
#Inicio, #Familias, #Como, #Ventajas, #Resenas{height:70px!important; }

#Materias{width:96%; margin:15px auto}
h3{font-size:1.2em;}
#col2{width:46%; margin:0 2% 20px 2%; float:left; font-size:.9em; text-align:justify; min-height:70px}
#ico{width:70px; height:70px; float:left; margin-bottom:5px}

.wrapper{width:96%;max-width:1200px; margin:0 auto; padding:15px 0 0 0}
#col3{width:29%;margin:0 2% 20px 2%; float:left; font-size:.9em}


#BottomCall{background:url(Images/PieContacto.png) center center no-repeat; padding:20px 0}
#InBottomCall{margin: 0; padding:10px 0; background:rgba(2,43,14,0.6); text-align:center; color:#ffffff; text-shadow:2px 2px 3px #040A4B}
#BottomClaim{font-size:1.1em; font-weight:bold}
.extrabig{font-size:1.4em; font-weight:bold}
.smalllink a, .smalllink a:link, .smalllink a:visited {color:#ffffff;}
footer{padding:10px; background:#005c82; color:#ffffff}
.Infooter{width:99%;max-width:1200px; margin:auto}
#copy{text-align:center; font-size:.8em; width:100%; float:none}
a#clausulalegal{color:#fff;text-decoration:none}
#reacciona{width:100%; padding:5px 0 0 0; float:none; text-align:center}
	
	
	
	
	
	}
@media screen and (min-width:1200px)  {
header{border-bottom:1px solid #005c82;}
#Inheader{width:100%;border:none;  max-width:1200px; margin:auto}
#Logo{width:180px; padding:5px 0 5px 5px; float:left}
#TopMenu{width:650px; float:right; margin:30px 0 0 0; display:block}
ul#MainMenu{list-style:none; margin:0; padding:0}
ul#MainMenu li{font-size:1em;width:auto; float:left; padding:5px 10px}
ul#MainMenu li a, ul#MainMenu li a:link, ul#MainMenu li a:visited{color:#005c82!important; text-decoration:none!important}
#Menu{ display:none}
#MobileMenu{ display:none}


#Banner{background:url(Images/Fondo_BigScreen.webp) right bottom no-repeat #d1d1d1; padding:40px 0; margin-top:-5px}
.Inbanner{ max-width:1200px;}
    #Claim{width:65%; margin:0 0 0 10px; padding:50px 0 0 0; max-width:650px; float:left}
    .Promo{height:220px; width:220px; float:left; margin:50px 0 0 30px}

.introclaim{font-size:1.3em; }
#Claim h1{ font-size:2.2em;}
#Claim h2{ font-size:1.5em;}
#Call{width:55%; margin:20px 0 0 15%; padding:0; max-width:360px}
#Incall{font-size:1em;}
#Incall2 {padding:30px 20px; min-height:200px}
#Incall2 span{font-size:1.4em;}
#TelMobl{ display:none}
#TelOrd{padding:0 0 10px 0; font-size:1.6em; color:#cc130a;  font-weight:bold; display:block}

.Introwrapper{max-width:1200px; margin:auto}
#Inicio, #Familias, #Como, #Ventajas, #Resenas{height:75px!important; }
#Materias{width:99%;max-width:1200px; margin:15px auto}
h3{font-size:1.2em;}
#col2{width:46%; margin:0 2% 20px 2%; float:left; font-size:.9em; text-align:justify; min-height:70px}
#ico{width:70px; height:70px; float:left; margin-bottom:15px}
.wrapper{width:99%;max-width:1200px; margin:0 auto; padding:15px 0 0 0}
#col3{width:29%;margin:0 2% 20px 2%; float:left; font-size:.9em}


#BottomCall{background:url(Images/PieContacto.png) center center no-repeat #000000; padding:30px 0}
.Infooter{width:99%;max-width:1200px; margin:auto}
#copy{text-align:left; font-size:.8em; width:75%; float:left}
#reacciona{width:20%; padding:5px 0 0 0; float:right; text-align:right}
}