@charset "utf-8";
/* CSS Document */

	
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
.empty2{clear:both}
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, a.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;}
a.BtnEnvio{font-size:14px; font-weight:normal; margin: 0 10px 20px 10px; }
.BtnEnvio:hover{background:#a5ba5c; cursor:pointer}
.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}

.Resp{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:35%;text-align:center; float:left; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none;  -ms-user-select: none;   user-select: none;}
.Resp:focus{color:#2880c3;}
.Prguntilla{font-size:16px;color:#012d52; line-height:1.8em;}


#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}
#INtro ul{ margin:0; padding:0; text-align:center; list-style:none;}
#INtro ul li{font-size:1em}

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 120px 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}

#cookiescript_badge{display:none!important}
.legales2{}
.legales2:hover{cursor:pointer}

header{width:100%}
.TopHeader{background:#2880c3; text-align:center; color:#ffffff; font-size:.9em; line-height:1.3em}
#Logo{padding:5px; text-align:center}
#Logo img{width:200px; height:auto}
#Banner{background:url(Images/FondoMobile.webp)  center top no-repeat #74cccc;padding:1px}
#BannerAdmvo{background:url(Images/FondoMobile3.webp) center 90px no-repeat #74cccc}


#Claim{padding:20px 10px; }
#Claim h1{font-weight:bolder; text-align:center; padding:0 0 13px 0; margin:0; font-size:1.6em; color:#ffffff}
#Claim h2 {font-weight:500; text-align:center; padding:0 0 13px 0; margin:0; font-size:1.2em; color:#ffffff}

#BannerZBE{background:url(Images/FondoMobileZBE2.webp) center top no-repeat #292929;padding:1px}
#BannerZBE #Claim{padding:20px 10px; }
#BannerZBE #Claim h1{font-weight:bolder; text-align:center; padding:0 0 13px 0; margin:0; font-size:1.6em; color:#ffffff}
#BannerZBE #Claim h2 {font-weight:500; text-align:center; padding:0 0 13px 0; margin:0; font-size:1.2em; color:#ffffff}


#BannerAdmvo .Claim{width:100%; float:none; margin:0; padding:20px 0 0 0}
#BannerAdmvo h1{font-size:1.8em; color:#ffffff; margin:0; padding:0; text-align:center}
#BannerAdmvo .Claim #IconosMultas{margin:10px 0 0 0; overflow:hidden}
.IcoMulta1, .IcoMulta2, .IcoMulta3{width:13.54%; padding:0 5px; float:left}
.IcoMulta1 img, .IcoMulta2 img, .IcoMulta3 img{width:100%; height:auto}
.IcoMulta2, .IcoMulta3{display:none}

#OuterForm{background:#ffffff;width:90%; max-width:330px; margin:180px auto 25px auto}
.Inform{padding:10px }
.Inform{min-height:315px}
	#cookiescript_badge{display:none!important}


.alertaError {
  background:url(Images/closeAlert.png)left center no-repeat #e01834;
  line-height: 18px;
  padding: 15px 35px;
  text-align: center;
  color: #ffffff;
  margin: -40px 0px 5px -15px;
  width: 99%;
	max-width:260px;
  position: absolute;
  z-index: 3;
  font-size: .9em;
}

#ErrorEmpresa, #ErrorNombre, #ErrorTel, #ErrorTelB, #ErrorClau, #ErrorNombre2, #ErrorTel2, #ErrorTel2B, #ErrorClau2, #ErrorGenerico {
  display: none;
  user-select: none;
}

.alertaError:hover {
  background: url(Images/closeAlert.png) left center no-repeat #aa091f;
  cursor: pointer;
}
@media screen and (max-width:766px) {

	
	#Banner, #BannerAdmvo{padding-bottom:20px}
	#Banner{background:url(Images/FondoMobile.webp) center 40px no-repeat #74cccc;padding:1px}
	#BannerZBE{background:url(Images/FondoMobileZBE2.webp) center 40px no-repeat #1b1b1b;padding:1px}
	#logo img{width:150px!important;height:auto!important}
	#Claim{width:86%; float: none; margin:auto; padding:10px 0 80px 0}
	#Claim h1{font-size:1.3em;padding-bottom:0}
	#Claim h2 { font-size:1.1em; }
	#BannerZBE #Claim{width:99%; float: none; margin:auto; padding:10px 0 150px 0}
	#BannerZBE #Claim h1{font-size:1.4em;padding-bottom:0}
	#BannerZBE #Claim h2 { font-size:1.1em; }
	.IcoPrecio{display:none;text-align:center; width:130px; margin:0}
	.IcoPrecio img{width:130px; height:auto}
#OuterForm{margin:60px auto 25px auto}

	#OuterForm2{width:90%; float:none; margin:50px 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 120px 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) {
	#Logo{text-align:left}
	#Logo img{width:200px; height:auto}
	#Banner{background:url(Images/FondoMobile.webp) left bottom no-repeat  #74cccc}
	#BannerAdmvo{background:url(Images/FondoLaptop.webp) left bottom no-repeat #74cccc}
	#BannerZBE{background:url(Images/FondoMobileZBE2.webp) left bottom no-repeat #1b1b1b;padding:1px}
	#Claim{width:300px; float: left; padding:20px 0; ; margin:30px auto;}
	#Claim h1{font-size:1.6em; color:#fff}
	#Claim h2{font-size:1.2em; color:#fff}

	#BannerZBE #Claim{width:300px; float: left; padding:20px 0; ; margin:5px auto;}
	#BannerZBE #Claim h1{font-size:1.6em; color:#ffffff}
	#BannerZBE #Claim h2{font-size:1.2em; color:#ffffff}
	.IcoPrecio{text-align:center; width:150px; margin:0 auto -100px auto}
	.IcoPrecio img{width:150px; height:auto}
	#BannerAdmvo .Claim{width:50%; float:left; margin:0; padding:20px 0 0 0; min-height:500px}
	#OuterForm{width:45%;float:right; max-width:350px; margin:25px 20px 25px 0}
	
	
	#INtro h3{font-size:1.7em}
	#INtro  p{font-size:1.15em}
#INtro ul li{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) {
	#Logo{text-align:left}
	#Logo img{width:250px; height:auto}
	#Banner{background:url(Images/FondoTablet.webp) -150px top no-repeat  #74cccc; min-height:500px; padding-top:0}
	#BannerAdmvo{background:url(Images/FondoDesktop.webp) center bottom no-repeat #74cccc; min-height:500px}
	#BannerZBE{background:url(Images/FondoTabletZBE12.webp) -190px top no-repeat #292929; padding-top:0}
	#Claim{width:350px; float: left; padding:20px 0; margin: 30px 0 0 200px;}
	#Claim h1{font-size:2em; }
	#Claim h2{font-size:1.5em;}
	#BannerZBE #Claim{width:350px; float: left; padding:20px 0; margin: 30px 0 0 230px;}
	#BannerZBE #Claim h1{font-size:2em; }
	#BannerZBE #Claim h2{font-size:1.5em;}
	#BannerAdmvo .Claim{width:36%; float:left; margin:0; padding:30px 0 0 0}
	#BannerAdmvo h1{font-size:2.5em;}
	#BannerAdmvo .IcoMulta1, #BannerAdmvo .IcoMulta2, #BannerAdmvo .IcoMulta3{width:18%; padding:2% 1%; float:left}
	#BannerAdmvo .IcoMulta2, #BannerAdmvo .IcoMulta3{display:block}
	#OuterForm{width:33%;float:right; max-width:350px; margin:25px 20px 25px 0}
	.IcoPrecio{text-align:center; width:190px; margin:0 auto -100px auto}
	.IcoPrecio img{width:190px; height:auto}
	#INtro h3{font-size:1.7em}
	#Intro p{font-size:1.15em}
	#INtro ul li{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%} 
	#MobileContact { padding: 5px 10%;   width: 80%;}
}

@media screen and (min-width:1200px) and (max-width:1400px) {
	#Logo{text-align:left}
	#Logo img{width:250px; height:auto}
	#Banner{background:url(Images/fondobigscreen.webp) center top no-repeat  #74cccc; min-height:500px}
	#BannerAdmvo{background:url(Images/FondoDesktop.webp) center top no-repeat #74cccc; min-height:500px}
	#BannerZBE{background:url(Images/FondoComputerZBE12.webp) -180px top no-repeat #292929; padding-top:0}
	#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;}
	#BannerZBE #Claim{width:400px; float: left; padding:30px 50px; ; margin:30px auto 0 270px; min-height:100px}
	#BannerZBE #Claim h1{font-size:2.3em;}
	#BannerZBE #Claim h2{font-size:1.8em;}
	.IcoPrecio{text-align:center; width:220px; margin:-280px -200px 0 auto}
	.IcoPrecio img{width:280px; height:auto}
	#BannerAdmvo .Claim{width:36%; float:left; margin:0; padding:30px 0 0 0}
	#BannerAdmvo h1{font-size:2.5em;}
	#BannerAdmvo .IcoMulta1, #BannerAdmvo .IcoMulta2, #BannerAdmvo .IcoMulta3{width:18%; padding:2% 1%; float:left}
	#BannerAdmvo .IcoMulta2, #BannerAdmvo .IcoMulta3{display:block}
	#OuterForm{width:33%;float:right; max-width:350px; margin:25px 20px 25px 0}
	
	
	
	#INtro h3{font-size:1.7em}
	#INtro {font-size:1.15em}
	#INtro ul li{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%}
	#MobileContact { padding: 5px 20%;   width: 60%;}
}
@media screen and (min-width:1401px) {
	#Logo{text-align:left}
	#Logo img{width:250px; height:auto}
	#Banner{background:url(Images/FondoBigScreen.webp)center bottom no-repeat #74cccc; min-height:530px}
	#BannerAdmvo{background:url(Images/FondoBigScreen3.webp)center bottom no-repeat #74cccc; min-height:530px}
	#BannerZBE{background:url(Images/fondobigscreenZBE2.webp) center top no-repeat #292929; padding-top:0}
	#BannerZBE #Claim{width:450px; float: left; padding:30px 50px; margin:60px 0 0 400px; min-height:100px}
	#BannerZBE #Claim h1{font-size:2.3em;}
	#BannerZBE #Claim h2{font-size:1.8em;}
	#MobileContact { padding: 5px 25%;   width: 50%;}
	#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}
	#BannerAdmvo .Claim{width:36%; float:left; margin:0 0 0 28.5%; padding:30px 0 0 0}
	#BannerAdmvo h1{font-size:3em;}
	#BannerAdmvo .IcoMulta1, #BannerAdmvo .IcoMulta2, #BannerAdmvo .IcoMulta3{width:16%; padding:2% 2%; float:left}
	#BannerAdmvo .IcoMulta2, #BannerAdmvo .IcoMulta3{display:block}
	#OuterForm{width:33%;float:right; max-width:350px; margin:25px 20px 25px 0}
	
	#INtro h3{font-size:1.7em}
	#INtro p{font-size:1.3em}
	#INtro ul li{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%}   
}

#Loading, #Loading2{text-align:center; padding:86px 0}
