* { box-sizing: border-box;}
body{ background-color:#ffffff !important ; overflow-x: hidden;}
@font-face {
  font-family: 'ue-regular'; 
  src: url("../fonts/Hellix-Regular.eot");
  src: url("../fonts/Hellix-Regular.woff2") format("woff2"), url("../fonts/Hellix-Regular.woff") format("woff"), url("../fonts/Hellix-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'ue-regular-italic'; 
  src: url("../fonts/Hellix-RegularItalic.eot");
  src: url("../fonts/Hellix-RegularItalic.woff2") format("woff2"), url("../fonts/Hellix-RegularItalic.woff") format("woff"), url("../fonts/Hellix-RegularItalic.ttf") format("truetype");
}
@font-face {
  font-family: 'ue-bold'; 
  src: url("../fonts/Hellix-Bold.eot");
  src: url("../fonts/Hellix-Bold.woff2") format("woff2"), url("../fonts/Hellix-Bold.woff") format("woff"), url("../fonts/Hellix-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'ue-semibold'; 
  src: url("../fonts/Hellix-SemiBold.eot");
  src: url("../fonts/Hellix-SemiBold.woff2") format("woff2"), url("../fonts/Hellix-SemiBold.woff") format("woff"), url("../fonts/Hellix-SemiBold.ttf") format("truetype");
}




#respuesta-ok{
	/*min-height: 40vh;*/
}
#respuesta-ok h2{
	color: #ff0000;
	font-family: 'ue-bold', sans-serif;
	font-size: 17px; 
	line-height:21px; 
	margin-top: 20px;
	margin-bottom:20px;
}
#respuesta-ok p{
	color: #1e1e1e;
	font-family: 'ue-regular', sans-serif;
	font-size: 15px; 
	line-height:19px; 
	margin-bottom: 20px;
}





 p, label{font-size:17px;font-family:'ue-regular', sans-serif ;color:#212121;white-space: normal !important;text-align: left;}

 

 
a, a:visited, a:hover { text-decoration: none; outline: none;}
a[class*="linka"]{color:#ffffff;}
a[class*="linka"]:hover{text-decoration:underline;color:#ffffff;}
.nomgb{margin-bottom:0px;}
img{max-width: 100%;height:auto;}
.nw{white-space:nowrap;}

form#pedirtarjeta{
	margin-bottom: 20px;
}
.ast {
	color: #ff4f4e;
}
.ast-obli {
	padding-top: 10px;
	clear: both;
	width: 100%;
	display: block;
	font-size: 9px;
	text-align: left;
	font-family: 'ue-regular', sans-serif ;
}

.menulogos{padding-top: 15px; padding-bottom: 15px;}

.form-container {
	border: 1px solid #212121;
	padding: 10px 20px !important;
}

.custom_checkbox{margin-top: 10px;  display: inline-block; padding: 10px 3px 5px;}
.custom_checkbox input{
	max-width: 40px;
	float: left;
	text-align: left;
	margin-top: 1px;
}
.custom_checkbox label{
	max-width: calc( 100% - 20px);
	float: left;
	padding-left: 10px;
	font-family: 'ue-regular', sans-serif ;
	text-align: justify;
	font-size: 13px; line-height: 110%;
	color: #212121;
}
.custom_checkbox.error{border: 1px solid #ff4f4e; background-color: rgba(255, 79, 78, 0.2);}
input[type=text]:focus, textarea:focus{border: 2px solid #303030 !important;}
.msj_obligatorio{font-size: 10px; line-height: 100%; margin-bottom: 5px; margin-top: 3px; color: #ff4f4e}

#form_tel_error, #form_nombre_error, #form_tipodoc_error, #form_numerodoc_error, #form_edad_error, #form_email_error, #form_email_error-ok, #form_nombre_error-ok, #form_numerodoc_error-ok, #form_tel_error-ok, #form_edad_error-ok,#form_numerodocnie_error-ok, #form_apellido_error, #form_email_repetido{display: none;}

button[type=submit], button[type=submit]:focus, button[type=submit]:active{border: 0px;
	background-color: #212121;
	color: #ffffff;
	font-size: 16px;
	line-height: 16px;
	width: auto;
	float: left;
	padding: 10px 15px;
	letter-spacing: 1px;
	font-family: 'ue-semibold', sans-serif;


}
button[type=submit]:hover{ color: #ffffff; text-decoration: none; background-color: #212121 ;}
button[type=submit]{margin-top: 15px;}
label a.link_texto , label a.link_texto:visited{color: #212121; text-decoration: underline; outline: none;}
label a.link_texto:hover, label a.link_texto:focus{color: #1e1e1e; text-decoration: underline; outline: none;}

/*mensajes frmulario*/
.mesajeformulario > .row {
    z-index: 9;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffff69;
}
.mesajeformulario .boxmsj {
    background-color: #ffffff;
    border: 2px solid #212121;
    padding: 50px 20px;
}
#respuesta-ok, #mensajeerror, #botonespera{display: none;}
.botonespera {
    width: 100%;
    background-color: #bbbdbf;
    border: 2px solid #959595;
    color: #717171;
    font-size: 14px;
    line-height: 16px;
    padding: 20px 10px;
    text-align: center;
}





.extrapad20{padding-left: 20px}
.extrapad15{padding-left: 15px}
.cabecera_box img{min-width: 50px;}
.cabecera_box p{font-size: calc(0.85em + 1vw); line-height: 108%; padding-left: 10px;}
.cabecera_box p{font-size: calc(0.85em + 1vw); line-height: 108%; padding-left: 10px;}
#puntosdescuentos .texto_box:after{content: ''; border-bottom: 2px dotted #ffffff; width: 100%; height: 2px; margin: 0px 15px;}
.texto_box p{font-size: 15px; line-height: 19px;margin-top: 15px;}
a.link_texto , a.link_texto:visited{color: #152a69; text-decoration: underline; outline: none;}
a.link_texto:hover, a.link_texto:focus{color: #ffffff; text-decoration: underline; outline: none;}


.texto2_box p{font-size: 14px; line-height: 115%;margin-top: 15px;}


footer p{
	margin-top: 30px;
	font-size: 10px;
	color: #ff3228;
	line-height: 13px;
	font-family: 'ue-regular', sans-serif;
	text-align: justify;}
footer p a, footer p a:visited{color: #ff3228; text-decoration: underline;}
footer p a:focus, footer p a:hover{color: #303030 !important;}
.rrss{float: right;}



.box-legal{
	margin-top:20px;

}
.box-legal p{
	margin-top:10px;
	font-size: 10px;
	color: #504b4b;
	line-height: 13px;
	font-family: 'Arial', sans-serif;
	text-align: justify;
	margin-top: 20px;
	background: #fff;
	text-align: left;
	font-size: 9px;
}
.box-legal p a, .box-legal p a:visited{color: #ff3228; text-decoration: underline;}
.box-legal p a:focus, .box-legal p a:hover{color: #ff3228 !important;}


body .header-fluid {
	max-width: 600px !important;
	margin: auto;
}

body .container-fluid {
	max-width: 500px !important;
}

form textarea.form-control {
	padding: 10px !important;
}

#respuesta-ok > .row {
	border: 1px solid #212121;
}

@media screen and (max-width: 575px){
	#respuesta-ok > .row {
		margin-left: 20px;
		margin-right: 20px;
	}	
}

#respuesta-ok h2 {
	margin-bottom: 5px !important;
	padding-bottom: 0 !important;
}


@media screen and (min-width: 1200px){
	
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.ocultar_lg{display:block;}	
	
}
@media screen and (max-width: 767px) and (min-width: 576px){
	
}
@media screen and (max-width: 575px){
	
}