@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

input[type=button]{-webkit-appearance: none;-moz-appearance: none;}
a, a:link, a:visited{color:#2880c3; text-decoration:none}
.zoom {zoom: 0;	-moz-transform-origin: 0 0;	-o-transform-origin: 0 0;	-webkit-transform-origin: 0 0;    transform-origin:0 0;}

body{padding:0; margin:0; color:#545454;font-family: 'Roboto', sans-serif; font-size:1.1em}
.vacio{clear:both}
.Wrapper{width:95%; max-width:1400px; margin:auto}
.Caja{font-size:16px;padding:5px; margin:0 5% 10px 5%;border:1px solid #012d52;color:#012d52; line-height:1.8em;-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius: 5px; width:90%}
.Caja:focus{color:#2880c3}
.BtnEnvio{width:99%; font-size:1.1em; background-color:#76ba5c; text-align:center; color:#ffffff; padding:8px; border:0 solid #f9b133;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;}
.BtnEnvio:hover{background:#a5ba5c}
.clausula{font-size:12px; text-align:center; color:#444444}
.clausula2{font-size:12px; text-align:center; color:#444444}
.clausula a, .clausula a:link{color:#2880c3; text-decoration:underline}
.clausula2 a, .clausula2 a:link{color:#2880c3; text-decoration:underline}
.FormBtnDiv{width:260px; margin:20px auto 0 auto}
ul.razones{list-style:url(images/tic.png) outside; font-size:.9em}
ul.razones li{padding-bottom:1em}
.centrar{text-align:center!important}
#ABoveHeader{background:#2880c3; padding:5px; color:#ffffff; text-align:center; font-size:.8em}
#ABoveHeader a{color:#ffffff; text-decoration:none}
header{text-align:center}
#logo{text-align:left}
#logo img{width:210px;height:auto}
#Banner{background:url(../Images/FondoMobile.webp) center top no-repeat #f3cf25;padding:1px}
#Claim{padding:20px 10px; }
#Claim h1{font-weight:bolder; text-align:center; padding:0 0 13px 0; margin:0; font-size:1.6em; color:#012d52}
#Claim h2 {font-weight:500; text-align:center; padding:0 0 13px 0; margin:0; font-size:1.2em; color:#012d52}
#OuterForm{ max-width:320px; background:#ffffff; box-shadow: 3px 3px 3px rgba(0,0,0,0.3)}
#SecondaryForm{ width:90%; max-width:320px; background:#ffffff; margin:auto}
.IcoPrecio{text-align:center; width:150px; margin:0 auto -100px auto}
.IcoPrecio img{width:150px; height:auto}
.Inform{padding:10px }
#FormClaim1, #FormClaim2, #FormClaim3{}
.FC1{color:#444; text-align:center; padding-bottom:5px; line-height:1.7}
.FC1 a{text-decoration:none!important}
.PhoneNumber, .masinforma, .PhoneNumber2{font-size:1.7em; font-weight:bolder; }
.PhoneNumber{
	background:url(../Images/IconoTelefono.svg) 10px center no-repeat #e72b7e;
	background-size:32px; padding:5px 0 5px 30px;
    line-height: 1.1;
		margin:8px 0; color:#ffffff
}
.PhoneNumber:hover{background-color:#bc2366; cursor:pointer}
span.llama{font-size:.75em}
.PhoneNumber a{color:#ffffff}
.FC2{color:#2880c3; text-align:center; padding-bottom:15px}
.FC3{color:#2880c3!important; text-align:center; padding-bottom:15px}
.Thakyou{color:#444444; padding:20px}
#Multalia,#INtro{padding:30px 0; font-size:1em;background:#f1f2f3; }
#INtro h3{color:#2880c3; text-align:center; }
#INtro p{text-align:center}
#Porque, #Otras{padding:25px}

h2{font-weight:normal; color:#2880c3;}
.Content-right, .Content_leftSmall {overflow:hidden}
.Content-right img{width:100%; margin:auto; }
#Resenas{padding:25px}
.Content_leftSmall img {width:100%; height:auto}
footer{padding:10px 0; background:#012d52}
#AboveFooter{background:#2880c3; padding:25px; margin-top:35px}
.copy{ text-align:center; font-size:.85em; padding-top:15px; color:#ffffff; line-height:1.2em}
.clausulalegal{color:#ffffff!important; text-decoration:none}
.C2CButton, .C2CPhone{width:280px; text-align:center; font-size:18px}
.C2CButton{margin:50px auto 20px auto; }
.C2CPhone{margin:20px auto 50px auto;}

a.MLTContactar, .C2CPhone a{color:#ffffff; text-decoration:none; background-color:#76ba5c; padding:10px}
.C2CButton{display:block}
	.C2CPhone{display:none}
.Reacciona{text-align:center; padding-top:15px}

.RateColumn{width:100%; margin: 0 auto; float:none}
#ratting{margin-bottom:15px}
.Comment{border-top:1px solid #a3a3a3; border-left:1px solid #a3a3a3; border-right:1px solid #a3a3a3; padding:10px; font-size:.7em; text-align:justify}
.callout{background:url(Images/CommentBG.png) left top no-repeat; height:19px}
.nombreRating{}

#MobileContact{display:none; background:#ffffff;padding:5px 0; width:100%; position:fixed; bottom:1px}
.MobilePhone{width:46%; margin: 5px 2%; float:left; text-align:center; background:#e72b7e; font-size:1em; padding:8px 0}
.MobilePhone a , .MobileForm a{color:#ffffff}
.MobileForm{width:44%; margin: 5px 2%; float:left; text-align:center; background:#2880c3; font-size:1em; padding:8px 0}
.GBADGE{width:250px; margin:auto}


@media screen and (max-width:766px) {

#Banner{background:url(../Images/FondoMobile.webp) center 40px no-repeat #f3cf25;padding:1px}

	#logo img{width:150px!important;height:auto!important}
	#Claim{width:99%; float: none; margin:auto; padding:10px 0 150px 0}
	#Claim h1{font-size:1.4em;padding-bottom:0}
	#Claim h2 { font-size:1.1em; }
	.IcoPrecio{text-align:center; width:130px; margin:-125px -40px -30px auto}
	.IcoPrecio img{width:130px; height:auto}
	#OuterForm{width:90%; float:none; margin:20px auto 20px auto; }
	#INtro h3{font-size:1.5em}

	
	.Content-left{width:100%; float:none; margin:0}
	h2{font-size:1.4em}
	.Content-right{with:100%; float:none; margin:20px 0 0 0; max-height:200px}
	#Multalia{padding:25px}
	.Content_rightBig{width:100%; float:none; margin:0}
	.Content_leftSmall{width:100%; float:none;  margin:20px 0 0 0; max-height:200px}
	
	#AboveFooter{background:#2880c3; padding:25px 0}
	.Precierre{font-size:1.2em; text-align:center; color:#ffffff}
	.Precierre strong{font-size:1.4em}
	.C2CButton{margin:25px auto 10px auto; width:280px; text-align:center}
	a.MLTContactar{color:#ffffff; text-decoration:none; background-color:#76ba5c; padding:10px}
	footer{background:#012d52; padding:10px 0 100px 0}
	.copy{text-align:center; color:#ffffff; font-size:0.85em; line-height:1.1}
	.copy a{color:#ffffff!important; text-decoration:none}
	.Reacciona{padding-top:10px; text-align:center}
	.caracteristicas{padding:0}
	.caracteristica{width:46%; float:left;margin:0 2% 15px 2%; text-align:center; color:#2880c3; font-size:.9em; min-height:200px}
	.caracteristica img{width:100px; height:auto; margin-bottom:15px;}
	#cookiescript_badge{display:none!important}
	#MobileContact{display:none;}
	.C2CButton{display:none}
	.C2CPhone{display:block}
	}
@media screen and (min-width:767px) and (max-width:989px) {
	#Banner{background:url(../Images/FondoMobile.webp) center bottom no-repeat #f3cf25;padding:1px}
#logo img{width:210px;height:auto}
	#Claim{width:300px; float: left; padding:20px 0; ; margin:30px auto;}
	#Claim h1{font-size:1.6em; color:#2880c3}
	#Claim h2{font-size:1.2em; color:#2880c3}
	.IcoPrecio{text-align:center; width:150px; margin:0 auto -100px auto}
	.IcoPrecio img{width:150px; height:auto}
	#OuterForm{width:320px; float:right;margin:30px auto 30px auto;}
	
	
	#INtro h3{font-size:1.7em}
	#INtro  p{font-size:1.15em}
	.Content-left{width:70%; float:left; margin:0}
	h2{font-size:1.4em; }
	.Content-right{width:25%; float:right; margin:0; max-height:200px}
	.Content_rightBig{width:70%; float:right; margin:0}
	.Content_leftSmall{width:25%; float:left; margin:0; max-height:200px}
	.Precierre{font-size:1.2em; color:#ffffff; text-align:center}
	.caracteristicas{padding:0}
	.caracteristica{width:29%; float:left;margin:0 2% 15px 2%; text-align:center; color:#2880c3}
	.caracteristica img{width:100px; height:auto; margin-bottom:15px;}
}
@media screen and (min-width:990px) and (max-width:1199px) {
	    #Banner{background:url(../Images/FondoTablet.webp) -150px top no-repeat #f3d332; padding-top:0}

#logo img{width:250px;height:auto}
	#Claim{width:350px; float: left; padding:20px 0; margin: 30px 0 0 200px;}
	#Claim h1{font-size:2em; }
	#Claim h2{font-size:1.5em;}
	.IcoPrecio{text-align:center; width:190px; margin:0 auto -100px auto}
	.IcoPrecio img{width:190px; height:auto}
	#OuterForm{width:320px; float:right; max-width:320px; margin:30px auto 30px auto;}
	#INtro h3{font-size:1.7em}
	#Intro p{font-size:1.15em}
	.Content-left{width:70%; float:left; margin:0}
	h2{font-size:1.6em; margin-top:0; padding-top:0}

	.Content-right{width:25%; float:right; margin:0; max-height:200px}
	.Content_rightBig{width:70%; float:right; margin:0}
	.Content_leftSmall{width:25%; float:left; margin:0; max-height:200px}
	.Precierre{font-size:1.3em; color:#fff; text-align:center }
	.caracteristicas{padding:0}
	.caracteristica{width:29%; float:left;margin:0 2% 15px 2%; text-align:center; color:#2880c3}
	.caracteristica img{width:110px; height:auto; margin-bottom:15px;}
	 .RateColumn{width:46%; float:left; margin:0 2%} 
}

@media screen and (min-width:1200px) and (max-width:1400px) {
	#ABoveHeader {text-align: right;padding-right:5%}
	    #Banner{background:url(../Images/fondobigscreen.webp) center top no-repeat #f3d332; padding-top:0}


	#logo img{width:250px;height:auto}
	#Claim{width:450px; float: left; padding:30px 50px; ; margin:30px auto 0 220px; min-height:100px}
	#Claim h1{font-size:2.3em;}
	#Claim h2{font-size:1.8em;}
	.IcoPrecio{text-align:center; width:220px; margin:-280px -200px 0 auto}
	.IcoPrecio img{width:280px; height:auto}
	.empty2{clear:both}
	#OuterForm{width:320px; float:right; max-width:320px; margin:30px auto 30px auto;}
	#INtro h3{font-size:1.7em}
	#INtro {font-size:1.15em}
	.Content-left{width:70%; float:left; margin:0}
	h2{font-size:2em; margin-top:0; padding-top:0}

	.Content-right{width:25%; float:right; margin:0; max-height:200px}
	.Content_rightBig{width:70%; float:right; margin:0}
	.Content_leftSmall{width:25%; float:left; margin:0; max-height:200px}
	.Precierre{font-size:1.5em; text-align:center; color:#ffffff}
	.caracteristicas{padding:0}
	.caracteristica{width:27%; float:left;margin:0 3% 15px 3%; text-align:center; color:#2880c3}
	.caracteristica img{width:110px; height:auto; margin-bottom:15px;}
	 .RateColumn{width:46%; float:left; margin:0 2%} 
}
@media screen and (min-width:1401px) {
	#ABoveHeader {text-align: right;padding-right:10%}
	#Banner{background:url(../Images/fondobigscreen.webp) center top no-repeat #f3d332; padding-top:0}
	#logo img{width:250px;height:auto}
	#Claim{width:450px; float: left; padding:30px 50px; margin:30px 0 0 320px; min-height:100px}
	#Claim h1{font-size:2.3em;}
	#Claim h2{font-size:1.8em;}
	.IcoPrecio{text-align:center; width:220px; margin:-280px -200px 0 auto}
	.IcoPrecio img{width:280px; height:auto}
	.empty2{clear:both}
	#OuterForm{width:320px; float:right; max-width:320px; margin:30px auto 30px auto;}
	#INtro h3{font-size:1.7em}
	#INtro p{font-size:1.3em}
	.Content-left{width:70%; float:left; margin:0}
	h2{font-size:2em; margin-top:0; padding-top:0}

	.Content-right{width:25%; float:right; margin:0; max-height:200px}
	.Content_rightBig{width:70%; float:right; margin:0}
	.Content_leftSmall{width:25%; float:left; margin:0; max-height:200px}
	.Precierre{font-size:1.5em; text-align:center; color:#ffffff}
	.caracteristicas{padding:0}
	.caracteristica{width:21%; float:left;margin:0 2% 15px 2%; text-align:center; color:#2880c3}
	.caracteristica img{width:110px; height:auto; margin-bottom:15px;}
	 .RateColumn{width:46%; float:left; margin:0 2%}   
}