@font-face{
   font-family: Helvetica;
   src: url('./../../../shared/fonts/Helvetica.ttf');  
}
@font-face{
   font-family: Flama-Regular;
   src: url('./../../../shared/fonts/Flama-Regular.ttf');  
}
@font-face{
   font-family: FlamaCondensed-Basic;
   src: url('./../../../shared/fonts/FlamaCondensed-Basic.ttf');  
}
@font-face{
   font-family: Lato-Bold;
   src: url('./../../../shared/fonts/Lato-Bold.ttf');  
}
@font-face{
   font-family: Lato-Heavy;
   src: url('./../../../shared/fonts/Lato-Heavy.ttf');  
}
@font-face{
   font-family: Lato-Medium;
   src: url('./../../../shared/fonts/Lato-Medium.ttf');  
}
@font-face{
   font-family: Roslindale-Variable-Display;
   src: url('./../../../shared/fonts/Roslindale-Variable-Display.ttf');  
}


body {width: 100%; margin: 0px; background-color: transparent; font-size: 19px;}
#principal { max-width: 994px; margin: 0 auto 80px; text-align: center; font-family: Lato-Medium, Helvetica, Arial; background-color: #E02F75; overflow-x: hidden; }
#principal p, #principal a { color: #E02F75; }
#principal img { max-width: 100%; }

.solo-pc { display: block; }
.solo-responsive { display: none; }	

.anchor  { width: 0; height: 0; border: none; background-color: transparent; }

.without-padding { padding-left: 0 !important; padding-right: 0 !important; }
.link { text-decoration: underline; color: #231f20; }
.display-none { display: none; }
.readonly-input{ background-color: #f6f6f6; border: 1px solid #d1d1d1; }
.centrar { margin: 0 auto; }	
.margin-top-50 { margin-top: 50px; }
.margin-top-100 { margin-top: 100px; }
.margin-bottom-30 { margin-bottom: 30px; }
.bg-rosa { background-color: #E02F75; color: #FCCD85; }
.bg-marron { background-color: #F4D2B8; color: #E02F75; }
.bg-gris { background-color: #d9d9d9; min-height: 100px; } /*Para el formulario VIP */
.bg-blanco { background-color: #ffffff; padding: 50px; }

.title-pantallas { font-family: Roslindale-Variable-Display, Helvetica, Arial; color: #F4D2B8 !important; font-size: 50px; font-weight: bold; margin-top: 100px; }
.text-pantallas { font-family: Lato-Medium, Helvetica, Arial; font-size: 20px; color: #F4D2B8 !important; margin: 50px auto 80px; width: 80%; }

#intro{
	width: 87%;
	margin: 0 auto;
	padding: 30px;
}

#intro .title{ 
	font-family: Roslindale-Variable-Display, Helvetica, Arial; 
	font-size: 36px;
    font-weight: bold;
}

#intro .subtitle{ 
	font-size: 24px;
}

#intro .text-normal{ 
	font-size: 20px;
	line-height: 1.3em;
}

.img-pie{
	margin-top: -150px;
}


/********** IFRAME INTERNA ****************/
.iframe-interna {
	border: 0px;
	width: 100%;
	height: 1230px;
}

/*.iframe-interna iframe body {
	background-color: transparent !important;
}*/

#iframe-interna {
    padding: 40px 70px 0;	
}


/********** FORMULARIOS SI ES VIP **********/
#div-form-vip p, #div-form-vip a, #div-form-vip ul { /*color: #4d4d4d;*/ }

#form-registro{
	font-family: FlamaCondensed-Basic, Helvetica, Arial;
}

#formulario-inscripcion{
	padding: 30px;
}

.title-form {
	font-family: FlamaCondensed-Basic, Helvetica, Arial;
    font-size: 36px;
    margin: 0 auto;
	color: #000000 !important;
}

.ya-soy-vip{
	width: 100%;
	background-color: #b3b3b3;
	padding: 10px;
    margin: 40px auto 15px;
    /*border: 4px solid #f9f9f9;*/
}

.text-introducir-email{
	font-family: Helvetica, Arial;
	font-size: 16px;
	color: #000000 !important;
}

.introducir-email { 
	font-family: Helvetica, Arial;
	padding: 22px 40px !important; 
	text-align: center; 
	resize: none;
	border: none;
	width: 325px !important;
}

.inputs-form1{
	align-items: end;
    display: inline-flex;
}

.div-formulario2{
	margin-top: -130px;
	padding-bottom: 40px;
}

#btn_continuar_flecha { height: 75.5px;}

#formulario-registro{
	padding: 70px 10px 30px;
}

.aceptar-condiciones{
	width: 100%;
	text-align: center;
	padding: 0 15px;
	font-size: 12.4px;
}

.campos-obligatorios{
	font-size: 18px;
	margin: 15px auto 0;
	width: 100%;
}

.campo{	
	font-family: Helvetica, Arial;
	margin-bottom: 30px;
	text-align: left;
}

.campo_rango{	
	color: #231f20;
	text-align: left;
}

.campo_text, .campo_email {font-size: 21px;}

.campo label, .campo_rango label{
	font-size: 18px;
	vertical-align: top;
}

.campo-datos-participantes {
	text-align: center;
    font-weight: bold;
}

.campo_text, .campo_email, .campo_password {
    width: 100%;
    /*border: none;*/
    padding: 12px;
	margin: 0 auto;
}

.campo_radio {
	position: absolute;
	left: 44%;    
    top: 80%;
    /*visibility: hidden;*/
    opacity: 0;
}

.campo_check {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: bottom;
}

.label_radio{
	background-color: #ffffff;
    border: 1px solid #a9a9a9;
	margin-right: -1px;
	padding: 12px;
    cursor: pointer;
    float: left;
    line-height: 32px;
    text-align: center;
    width: 45%;
}

label.active{
	background-color: #231f20;
    border-color: #231f20;
    color: #ffffff;
}

.introducir-fecha-nac{
	width: 85px !important;
}

.linea-blanca{
	border: 0.5px solid #ffffff;
	width: 100%;
	margin: 30px 0;
}

.span-form{
	font-size: 17px;
}

#texto-expander{
	font-family: Helvetica, Arial;
	font-size: 16px;
}

.condiciones-uso-title{
	font-size: 18px;
}

.condiciones-uso-list{
	list-style: none;
}

#btn_continuar, #btn_volver{ width: 50%; margin: 30px auto 10px; max-width: 250px;}
#btn_registarse{ display: block; width: 200px; margin: 25px auto 0; }


/********** FORMULARIO NIÑOS ***********/
#formulario-ninos{
	margin-bottom: 0;
}

#formulario-ninos .campo_text {
    width: 100%;
    border: none;
	background-color: #F4D2B8;
}

#formulario-ninos .campo_text::placeholder {
	color: #E02F75;
	text-align: center;
}

#formulario-ninos .aceptar-condiciones{
	color: #ffffff !important;
}

#formulario-ninos .campo{	
	color: #ffffff!important;
	margin-bottom: 10px;
}


/********** CALENDARIO ***********/
.title-mes{
	font-family: FlamaCondensed-Basic, Helvetica, Arial;
	margin: auto;
	text-align: center;
	color: #ffffff;
	width: 70%;
	padding: 10px;
	font-size: 34px;		
}

.title-mes a{
	color: #ea5b4c !important;
	text-decoration: none;
}

.div-table {
	width: 100%;
	display: table;
}

.div-row {
	display: table-row;
}

.div-cell{
    width: 14.2%;
    font-size: 20px;
    display: table-cell;
    padding: 9px 2px;
}

.nombre-dia{
	font-family: FlamaCondensed-Basic, Helvetica, Arial;
	color: #ffffff;
	text-align: center;   
}
   
.nombre-festivo{
   color: #ffffff;
   text-align: center;   
}

.no-festivo, .no-festivo a{
   color: #868686 !important;
   text-align: center;
   font-size: 22px;
}

.festivo, .festivo a{
   color: #ea5b4c !important;
   text-align: center;
   font-size: 22px;
}

.no-festivo a:hover, .festivo a:hover {
   background-color: red;
   border-radius: 50%;
}

.evento{
	font-family: FlamaCondensed-Basic, Helvetica, Arial;
	padding: 4px 9px !important;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color:#ffffff!important;
}

.select-fecha{
	padding: 10px;
	background-color: transparent; 
    color: #000 !important;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #000;
}

.cuadrado-papa-noel {
    width: 30px;
    height: 20px;
    background: #bfdee8;
}

.cuadrado-reyes-magos {
    width: 30px;
    height: 20px;
    background: #c6e0b4;
}

.span-legend {
    margin: 0 50px 0 10px;
    vertical-align: top;
}

#error_message{
	color: #FCCD85 !important;
}


/********** RANGOS ***********/
.title-fecha{	
	font-family: Lato-Bold, Helvetica, Arial;
	font-size: 25px;
	text-align: center;
	color: #F4D2B8;
	width: 70%;
	margin: auto;
	padding: 10px;	
}

.item-rango{
	font-size: 14px;
}

.cupo-libre{
	color: #3e8d31 !important;
	/*font-family: "Flama-Basic";*/
}

.cupo-lleno{
	color: #f3200e !important;
	/*font-family: "Flama-Basic";*/
}

.select-rango{
	padding: 10px;
	background-color: #E02F75;
    color: #F4D2B8 !important;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #F4D2B8;
	margin-bottom: 60px;
}

#formulario-rango-horario .campo_text {
    width: 100%;
    border-radius: 10px;
    border: 2px solid #F4D2B8;
	background-color: #dd291b;
}

#formulario-rango-horario  .label-datos{
  color: #F4D2B8 !important;
}

#formulario-rango-horario .aceptar-condiciones, #formulario-rango-horario .aceptar-condiciones a{
	color: #F4D2B8 !important;
}

#formulario-rango-horario .campo{	
	color: #F4D2B8 !important;
}

#formulario-rango-horario .campo_text, #formulario-rango-horario .campo_email, #formulario-rango-horario .campo_password {
	color: #F4D2B8 !important;
}


/**********************************************************************************/
/********************************* RESPONSIVE *************************************/
/**********************************************************************************/

@media screen and (max-width: 956px) {
	.iframe-interna { height: 1800px; }
	.introducir-email { width: 90% !important; }
}

@media screen and (max-width: 767px) {
	.solo-pc { display: none; }
	.solo-responsive { display: block; }	
	
	#intro{ width: 100%; }
	
	.iframe-interna { height: 1950px; }
	#iframe-interna { background: none; padding: 30px 30px 0; }
	
	#formulario-inscripcion{ padding: 30px 0px; }	
	.introducir-email { width: 90% !important; }
	.div-formulario2{ margin-top:0px; }		
	.campos-obligatorios{ text-align: center; }
	.campo_radio { position: absolute; left: 49%; top: 80%; }
	.label_radio { float: none; margin-right: -6px; }
	
	#btn_continuar, #btn_volver, #btn_registarse { width: 200px; }
}

@media screen and (max-width: 670px) {
	.iframe-interna { height: 1950px; }	
	.introducir-email { width: 350px !important; }
   
	#btn_continuar, #btn_volver, #btn_registarse { width: 270px; }

	.item-rango { margin-bottom: 10px; }
}

@media screen and (max-width: 525px) {
	.iframe-interna { height: 1900px; }
	.introducir-email { width: 300px !important; }
	
	#btn_continuar, #btn_volver, #btn_registarse { width: 190px; }
	
	.item-rango { margin-bottom: 15px; }		
}

@media screen and (max-width: 425px) {
	.iframe-interna { height: 1850px; }
	.introducir-email { width: 250px !important; }
	
	#formulario-ninos .campo_text { font-size: 14px;}
	
	.item-rango { margin-bottom: 10px; }
}

@media screen and (max-width: 375px) {
	.iframe-interna { height: 2100px; }
	
	#btn_continuar_flecha { width: 28.5px; height: 59px; }
	.campo_text, .campo_email, .campo_password { font-size: 10px; }
	
	#btn_continuar, #btn_volver, #btn_registarse { width: 180px; }
	
	.no-festivo, .no-festivo a, .festivo, .festivo a { font-size: 12px; }
	
	.item-rango { font-size: 12px; margin-bottom: 0; }
	.item-menu-mes {font-size: 12px ;}		
}

@media screen and (max-width: 360px) {
	.introducir-email { width: 170px !important; }
}

@media screen and (max-width: 325px) {
	 .item-menu-mes {font-size: 10px ;}
}