@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: Druk-Medium;
   src: url('./../../../shared/fonts/Druk-Cyr-Medium.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: Flama-Regular, Helvetica, Arial; background-color: #dd291b; overflow-x:hidden; }
#principal p, #principal a { color: #ffffff; }
#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-gris { background-color: #d9d9d9; min-height: 100px; } /*Para el formulario VIP */
.bg-blanco { background-color: #ffffff; padding: 50px; }

.title-pantallas { max-width: 80% !important; }
.text-pantallas { font-family: Flama-Regular, Helvetica, Arial; font-size: 18px; margin-bottom: 20px; color: #d8b375; margin:auto; width:80%; font-weight:200; }

.cabecera{
	background-image: url(img/bg-cabecera.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
	background-position: center;
    margin: -50px auto 0;
    min-height: 300px;
}

.intro{
	max-width: 75%;
}

.descripcion{
	font-family: Druk-Medium, Helvetica, Arial;
	font-size: 28px;
    letter-spacing: 1px;
	width: 80%;
	margin: auto;
	line-height:1.2;
}

.descripcion-detalle{
	width: 85%;
	margin: 10px auto;
	line-height:1.2;
	font-size: 16px;
}

.div-chinchetas{
	font-size: 16px;
	text-align:left;
	width: 85%;
	margin: auto;
}
.fecha-detalle{
	margin:0px;
}

.titulo{
	color: #dc2a1b!important;
    background-color: #ffffff;
    padding: 0 20px;
    display: inline-block;
	font-family: Druk-Medium, Helvetica, Arial;
	font-size: 38px;
    letter-spacing: 1px;
}

.fechas{
	margin: 40px auto;
}

.text-destacado{
	font-family: Druk-Medium, Helvetica, Arial;
	font-size: 30px;
	line-height: 1.2em;
    letter-spacing: 1px;
}

.adorno-right-01{
	float: right;
    width: 30px;
}

.adorno-left-01{
	float: left;
	width: 80px;
}

.adornos-1{
	margin-top: -50px;
	margin-bottom: 60px;
}

.horario{
	max-width: 75%;
	border: 5px solid #ffffff;
	padding: 10px;
}

.horario-interno{
	position: relative;
	border: 1px solid #ffffff;
	padding: 70px 70px 20px;
}

.ejes-horario{
	margin-top: -175px;
	width: 320px;
}

.p-horario{
	font-size: 16px;
}

.img-detalle-1 { position: absolute; top: 0; left: 0; width: 100px; }
.img-detalle-2 { position: absolute; top: 0; right: 0; width: 70px; }
.img-detalle-3 { position: absolute; bottom: 0; left: 0; width: 70px; }
.img-detalle-4 { position: absolute; bottom: 0; right: 0; width: 170px; }

.adornos-2{
	margin-top: -30px;
	margin-bottom: 30px;
}

.title{
	font-family: Druk-Medium, Helvetica, Arial;
	font-size: 40px;
	line-height: 1.2em;
}

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

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

}

@media screen and (max-width: 767px) {
	.solo-pc { display: none; }
	.solo-responsive { display: block; }	
	
	.cabecera { background-image: url(img/bg-cabecera_r.jpg); background-position: bottom; margin: 0 auto; }
	.intro{ max-width: 90%; }
	.adornos-1 { margin-top: 40px; margin-bottom: -55px; }
	.bg-horario-r { background-image: url(img/bg-horario_r.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; margin-bottom: 50px; min-height: 300px; }
	.horario-interno { padding: 160px 20px 20px; }
	.ejes-horario { position: absolute; z-index: 10; margin: -45px auto 0; top: 0; left: 0; right: 0; bottom: 0; }
	.img-detalle-1 { position: absolute; top: 0; left: 0; width: 80px; }
	.img-detalle-3 { /*position: absolute; bottom: 0; left: 0;*/ width: 120px; text-align: left; }
	.img-detalle-4 { /*position: absolute; bottom: 0; right: 0;*/ width: 80px; text-align: right; }
	
	.descripcion{ width: 90%;}
	.descripcion-detalle{ width: 95%; margin-bottom: 50px;}
	
	#principal-pantallas img { width: 100%; }	
}

@media screen and (max-width: 670px) {
	
	.bg-color { 
		margin:10px; padding: 20px;
		min-height:1000px;
	}
   
}

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

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

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

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

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