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


@import url("https://fonts.googleapis.com/css?family=Hind:300,400,700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Hind", sans-serif;
  color: #545454;
  line-height: 1em;
	font-weight:200
}
ul {
  list-style: none;
}
.Vacio {
  clear: both;
}
.Wrapper {
  width: 94%;
  margin: auto;
  max-width: 1300px;
}
input[type="text"] {
  padding: 5px;
  font-size: 0.9em;
  line-height: 2.2em;
  background-color: #ffffff;
  border: 1px solid #c5c5c5;
  width: 90%;
  margin: 0 5% 8px 5%;
}
		
.button {
  background: #1ec54d;
  margin: 15px 5% 0 5%;
  border: 0;
  text-align: center;
  width: 90%;
  font-size: 1.2em;
  color: #ffffff;
  height: 2.2em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
		.button:hover,
.subir:hover {
  background: rgb(207, 237, 134);
}
		#Loading,
#Loading2 {
  text-align: center;
  padding: 73px 0;
}
		.C2CButton,
.C2CPhone {
  width: 280px;
  text-align: center;
  font-size: 18px;
}
.C2CButton {
  margin: 30px auto 20px auto !important;
}
.C2CPhone {
  margin: 30px auto 10px auto !important;
}
		
a.MLTContactar,
.C2CPhone a {
  color: #ffffff;
  text-decoration: none;
  background-color: #1ec54d;
  padding: 10px;
}
		
footer {
  padding: 15px 0 100px 0;
  background: rgba(0, 34, 65, 0.1);
}
#copy {
  font-size: 0.85em;
  text-align: center;
  padding-bottom: 12px;
}
#legales {
  font-size: 0.85em;
  text-align: center;
  padding-bottom: 12px;
}
#legales a {
  color: #454545;
  text-decoration: none;
}
#Reacciona {
  text-align: center;
}
		
#MobileContact {
	display:none;
  background: #ffffff;
  padding: 5px 0 5px 4%;
  width: 100%;
  position: fixed;
  bottom: 1px;
}
.MobilePhone, .MobilePhone2 {
  width: 46%;
  margin: 5px 2%;
  float: left;
  text-align: center;
  background: #d82528;
  font-size: 1.1em;
  padding: 8px 0;
}
.MobilePhone a,
.MobileForm a,  .MobilePhone2 a {
  color: #ffffff;
  text-decoration: none;
}
.MobileForm {
  width: 44%;
  margin: 5px 0;
  float: left;
  text-align: center;
  background: #1e3660;
  font-size: 1.1em;
  padding: 10px 0;
}
		.MobilePhone2{display:none}



/*TAMAÑO POR DEFECTO: MOVIL*/

header {width:100%; padding:0px 0px 8px 0; border-bottom:1px solid #444444}
#TelCliente{padding:3px 0; background:#002241; color:#ffffff; font-size:.9em; text-align:center}
#BtnMenu{width:25px; float:left; margin:15px 0 0 0}
#BtnMenu img{wisth:25px; height:25px}
#Logo{padding:5px 0; text-align:center; width:210px; float:none; margin:auto; min-height:60px;}
#Logo img{ width:99%; height:auto}
#TopMenu{display:none}
ul.MenuOrd{list-style:none}
ul.MenuOrd li{font-size:1em; line-height:1.2em;  display:inline-block; padding:10px 5px!important;width:auto;  transition: 0.3s;  }
ul.MenuOrd li a{color:#545454;border-top:2px solid #cccccc; text-decoration:none}
ul.MenuOrd li a:hover{border-top:2px solid #002241; color:#002241;}

#MobileMenu{background:#ffffff; padding:10px 0 0 0; min-height:99vh}
.CloseMenu{text-align:right}
.CloseMenu spa{font-size:1.6em}
.menulogo{}
.menulogo img{width:160px; height:auto}
ul.MenuMovil{margin:0; list-style:none}
ul.MenuMovil li{font-size:.9em; line-height:2em; border-bottom:1px solid #cccccc; padding:.6em .8em}
ul.MenuMovil li a{color:#545454; text-decoration:none}
ul.MenuMovil li a:hover{color:#095BA6}
ul.MenuMovil li.LlamarMenuMovil{background:#d82528!important; color:#ffffff; font-weight:bold}
ul.MenuMovil li.LlamarMenuMovil a{color:#ffffff!important; text-decoration:none}
#Banner{ background:#33313d; padding:10px 0}
#Claim{width:100%; float:none}
.MainClaim{font-size:1.6em; line-height:1.1; color:#ffffff; font-weight:600; text-align:center}
.hazlo{padding:0; font-size:1.2em; text-align:center; color:#ffffff}
#Outform{width:90%; max-width:300px; margin:110px auto 0 auto; background:#ffffff; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1)}
.Inform{padding:10px}
#FormClaim1{}
.FC1{ text-align: center; font-size: 1em; background:url(Images/IconoTelefono.svg) 10px center no-repeat #d82528; background-size: 40px;padding:6px 0; color:#ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px}
.FC1 a{text-decoration: none !important; color:#ffffff}
.FC1:hover{background:url(Images/IconoTelefono.svg) 10px center no-repeat #951a1c; background-size: 40px;}
.llamarForm {
}

#TelFormulario{font-size:2em;font-weight:bold; line-height:1}
#FormClaim2{}
.FC2{ text-align: center; font-size: 1.2em; background: #d82528;padding:6px 0; color:#ffffff}
.FC2 span {font-size:1.6em; line-height:1; font-weight:bold}

#FormBoxes{padding-top:1em}
#Clausula{}
.label{font-size:.8em; line-height:20px; margin:-3px 0 0 0}
a.clausulalegal{color:#3578aa}

#Intro{background:rgba(0,34,65,0.05);padding:20px 0}
#Cursos, #Consejos {background:rgba(0,34,65,0.05);padding:20px 0 20px 0}
#Intro h1{text-align:center; padding:0 0 .9em 0; margin:0; font-weight:600; color:#002241; font-size:1.6em; line-height:1}
#Intro p{font-size:1.1em; line-height:1; text-align:center}

#Como,#requisitos,#recuperacon{ padding:20px 0 20px 0}

.leftImage{width:100%; float:none; margin:0 0 1em 0}
.comorecuperar{ background: url(Images/Carnet_C2.webp) center center no-repeat; background-size:cover}
.cursosrecuperacion{background: url(Images/Cursos_C.webp)  center center no-repeat; background-size:cover}
.requirements{background: url(Images/Carnet_C5.webp)  center center no-repeat; background-size:cover}
.advice{background: url(Images/Carnet_C.webp) center center no-repeat; background-size:cover}
.recuperarcon{background: url(Images/Carnet_C3.webp) center center no-repeat; background-size:cover}
.RightText{width:100%; float:none; margin:auto}
h2{text-align:center; padding:0 0 .9em 0; margin:0; font-weight:600; color:#002241; font-size:1.3em; line-height:1}

ol{margin:1em 0 0 1em}
ol li{padding:0 0  1em 0}
ol li ul, ul, ul li ul{list-style:url(Images/tic.png) outside; margin:1em 0 0 1em}
ol li ul li, ul li, ul li ul li{padding:0 0 1em 0}

.RightImage{width:100%;   float:none; margin:0 0 1em 0}
.LeftText{width:100%; float:none; margin:auto}
.leftImage img,.RightImage img{width:99%; height:99%}
.Precierre{text-align:center; padding:.9em 0; margin:0; font-weight:600; color:#002241; font-size:1.6em; line-height:1}
.MobilePhone img, .MobilePhone2 img{width:20px; height:20px }

@media  only screen and (min-width: 300px) and (max-width: 539px){
	header { padding: 0px;}
	#TelCliente{display:none}
	#TelFormulario { font-size: 1.8em;}
	#Banner{background:url(Images/FondoMobile.webp) center 15px no-repeat #33313d; padding:10px 0}
	#Claim{max-width:380px; margin:auto; float:none}
	#Outform { margin: 125px auto 0 auto;
  background: #ffffff;}
}
/*MOVIL PANTALLA GRANDE*/
@media  only screen and (min-width: 540px) and (max-width: 766px){
	#Banner{background:url(Images/FondoMobileLarge.webp) center top no-repeat #33313d; padding:10px 0}
	.leftImage, .rightImage{max-height:300px}
	#Claim{max-width:380px; margin:auto; float:none}

	.MainClaim{font-size:1.6em; line-height:1.1;}
	.comorecuperar{ background: url(Images/Carnet_C2.webp) center center no-repeat cover}
		.cursosrecuperacion{background: url(Images/Cursos_C.webp)  center center no-repeat cover}
.requirements{background: url(Images/Carnet_C5.webp)  center center no-repeat; background-size:cover}
	.advice{background: url(Images/Carnet_C.webp) center center no-repeat; background-size:cover}
.recuperarcon{background: url(Images/Carnet_C3.webp) center center no-repeat; background-size:cover}
#Outform{margin:60px 10px 50px auto; }
}
/*TABLET*/
@media  only screen and (min-width: 767px) and (max-width: 989px){
	#Banner{background:url(Images/FondoTablet.webp) center top no-repeat #33313d; padding:15px 0}
	#Claim{width:45%; float:left; padding:25px 0 0 0}
	.MainClaim{font-size:2em;}
	.hazlo{ font-size:1.3em;}
	#Outform{width:300px; max-width:300px; float:right; margin:20px 0;}
	#Intro{padding:45px 0}
	#Intro h1{font-size:2em;}
	#Intro p{font-size:1.2em; line-height:1.2;}
	#Cursos, #Consejos, #Como,#requisitos,#recuperacon{ padding:35px 0 35px 0}
	.leftImage{width:25%;  float:left; }
	.RightText{width:70%; float:right;}
	.RightImage{width:25%; float:right; }
	.LeftText{width:70%; float:left; }
	
	.comorecuperar{ background: url(Images/Carnet_B2.webp) center center no-repeat cover}
	.cursosrecuperacion{background: url(Images/Cursos_B.webp)  center center no-repeat cover}

	
	h2{text-align:left; padding:0 0 1em 0; font-size:1.5em; line-height:1}
	p{font-size:1.1em; line-height:1}
	#Cursos ol, #Consejos ol, #Como ol,#requisitos ol,#recuperacon ol,#Cursos ul, #Consejos ul, #Como ul,#requisitos ul,#recuperacon ul{font-size:1.1em;line-height:1}
		#Cursos ol li ul, #Consejos ol li ul, #Como ol li ul,#requisitos ol li ul,#recuperacon ol li ul,#Cursos ul li ul, #Consejos ul li ul, #Como ul li ul,#requisitos ul li ul,#recuperacon ul li ul{font-size:1em}
}

/*PORTATIL*/
@media  only screen and (min-width: 990px) and (max-width: 1199px){
	#Banner{background:url(Images/FondoPortatil.webp) center top no-repeat #33313d; padding:15px 0}
	#BtnMenu{display:none}
	#Logo{padding:5px 0; text-align:center; width:260px; float:left; margin:auto; }
	#Logo img{width:250px; height:auto}
	#TopMenu{display:block; width:auto; max-width:700px; float:right; text-align:right; margin:30px 0 0 0}
					
	#Claim{width:370px; float:left; padding:40px 0 0 0}
	.MainClaim{font-size:2.5em; line-height:1.3;}
	.hazlo{ font-size:1.6em;line-height:2;}
	#Outform{width:350px; max-width:350px; float:right; margin:20px 0;}
	
		#Intro{padding:45px 0}

	#Intro h1{font-size:2.2em;}
	#Intro p{font-size:1.2em; line-height:1;}
	#Cursos, #Consejos, #Como,#requisitos,#recuperacon{ padding:35px 0 35px 0}
	
	.leftImage{width:30%;  float:left; }
	.RightText{width:65%; float:right;}
	.RightImage{width:30%; float:right; }
	.LeftText{width:65%; float:left; }
	

	
	h2{text-align:left; padding:0 0 1em 0; font-size:1.8em; line-height:1}
	p{font-size:1.2em; line-height:1}
	#Cursos ol, #Consejos ol, #Como ol,#requisitos ol,#recuperacon ol,#Cursos ul, #Consejos ul, #Como ul,#requisitos ul,#recuperacon ul{font-size:1.2em;line-height:1}
	#Cursos ol li ul, #Consejos ol li ul, #Como ol li ul,#requisitos ol li ul,#recuperacon ol li ul,#Cursos ul li ul, #Consejos ul li ul, #Como ul li ul,#requisitos ul li ul,#recuperacon ul li ul{font-size:1em}
	.Precierre{font-size:2.2em; line-height:1.2}
	#MobileContact {padding: 5px 10%;width: 80%;margin: 0 10%;}

}
/*ORDENADOR*/
@media  only screen and (min-width: 1200px){
	#Banner{background:url(Images/FondoOrdenador.webp) center top no-repeat #33313d; padding:15px 0}
	#BtnMenu{display:none}
	#Logo{padding:5px 0; text-align:center; width:260px; float:left; margin:auto; }
	#Logo img{width:250px; height:auto}
	#TopMenu{display:block; width:auto; max-width:900px; float:right; text-align:right; margin:30px 0 0 0}
	ul.MenuOrd li{font-size:1.1em;}
	
	#Claim{width:400px; float:left; padding:40px 0 0 0}
	.MainClaim{font-size:3em; line-height:1.1;}
	.hazlo{ font-size:2em; line-height:2;}
	#Outform{width:330px; max-width:330px; float:right; margin:20px 0;}
	#Intro{padding:50px 0}
	#Intro h1{font-size:2.4em;}
	#Intro p{font-size:1.3em; line-height:1.3;}
	#Cursos, #Consejos, #Como,#requisitos,#recuperacon{ padding:35px 0 35px 0}
	
	.leftImage{width:30%;  float:left; }
	.RightText{width:65%; float:right;}
	.RightImage{width:30%; float:right; }
	.LeftText{width:65%; float:left; }
	

	
	h2{text-align:left; padding:0 0 1em 0; font-size:1.8em; line-height:1}
	p{font-size:1.2em; line-height:1}
	#Cursos ol, #Consejos ol, #Como ol,#requisitos ol,#recuperacon ol,#Cursos ul, #Consejos ul, #Como ul,#requisitos ul,#recuperacon ul{font-size:1.2em;line-height:1}
	#Cursos ol li ul, #Consejos ol li ul, #Como ol li ul,#requisitos ol li ul,#recuperacon ol li ul,#Cursos ul li ul, #Consejos ul li ul, #Como ul li ul,#requisitos ul li ul,#recuperacon ul li ul{font-size:1em}
		.Precierre{font-size:2.2em; line-height:1.2}
#MobileContact {padding: 5px 10%;width: 80%;margin: 0 10%;}
}



/*GRAN PANTALLA*/
@media  only screen and (min-width: 1400px){
	#Banner{background:url(Images/FondoGranPantalla.webp) center top no-repeat #33313d; padding:15px 0}
	#BtnMenu{display:none}
	#MobileContact {padding: 5px 10%;width: 80%;margin: 0 10%;}
}


.FC3 {
  color: #1e3660;
  text-align: center;
  font-size: 1.2em;
  padding: 10px;
  line-height: 1.1;
}
.FC2 span,
.FC3 span {
  font-size: 1.3em;
}


.alertaError{background:url(Images/closeAlert.png) left center no-repeat #e01834;line-height:18px; padding:15px 35px; text-align:center; color:#ffffff; margin:-40px -15px 5px -15px; width:100%; max-width:340px; position:absolute; z-index:3; font-size:.9em}
#ErrorNombre,#ErrorTel, #ErrorTelB, #ErrorClau, #ErrorNombre2,  #ErrorTel2, #ErrorTel2B, #ErrorClau2{ display:none; -webkit-user-select: none; -ms-user-select: none;  user-select: none; }
.alertaError:hover{background:url(Images/closeAlert.png) left center no-repeat #aa091f;cursor:pointer}