body.portada-especial-halloween { background: #000619; }

body.portada-especial-halloween .borde-pergamino-superior, body.portada-especial-halloween .borde-pergamino-superior { background: url('../img/fd-borde-pergamino-sup-azuloscuro.png') center bottom repeat-x; }

body.portada-especial-halloween .slider { display: block; position: relative; height: 400px; max-width: 2000px; }
body.portada-especial-halloween .slider .diapo { height: 398px; width: 100%; display: block; }

body.portada-especial-halloween .slider .mascara { position: absolute; top: 0; left: 0; z-index: 1000; height: 400px; width: 100%; display: block; background-image: url('../img/halloween-slider.png'); background-repeat: no-repeat; background-size: cover; background-position: center bottom;  }


@media (min-width: 992px) {
	body.portada-especial-halloween .slider { display: block; position: relative; height: 535px; }
	body.portada-especial-halloween .slider .diapo { height: 533px; width: 100%; display: block; }
	
	body.portada-especial-halloween .slider .mascara { height: 535px; }
}


@media (min-width: 992px) {
	body.portada-especial-halloween .slider { display: block; position: relative; height: 635px; }
	body.portada-especial-halloween .slider .diapo { height: 633px; width: 100%; display: block; }
	
	body.portada-especial-halloween .slider .mascara { height: 653px;  }
}

body.portada-especial-halloween .logo-horarios { display: block; z-index: 1001; position: relative; margin-top: 30px; margin-bottom: 30px; }
body.portada-especial-halloween .logo-horarios .halloween-logo img { margin-top: -160px !important; }



body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios { display: block; position: absolute !important; top: 0px; left: 0px; width: 100%; color: #003147; font-size: 14px; z-index: 1; padding: 74px 50px 50px 40px; }
body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios p { display: block; margin-bottom: 9px; }
body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 6px 14px; border: 1px solid #003147; background-color: #003147; color: #fff; font-family: 'raleighbold'; font-size: 10px; -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear;  transition: background-color 400ms linear; margin-top: 8px; }
body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios a:hover { background: #FFF; color: #003147; border-color: #003147;  }
body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios h2 { margin-bottom: 10px; }
	
@media (min-width: 600px) {
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios { padding-top: 120px; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios h2 { font-size: 30px; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios { font-size: 20px; }
}
	
	
@media (min-width: 992px) {
	body.portada-especial-halloween .logo-horarios { margin-top: 0px; margin-bottom: 0px; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida { display: block; width: 100%; margin-top: -200px !important; position: relative; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida img { position: relative; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios { padding: 64px 50px 50px 40px; text-align: center; font-size: 14px; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios h2 { font-size: 20px; }
}


@media (min-width: 1200px) {
	body.portada-especial-halloween .logo-horarios .halloween-logo img { margin-top: -180px !important; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida { margin-top: -250px !important; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios { display: block; width: 100%; position: relative; padding: 82px 50px 50px 40px; font-size: 17px; }
	body.portada-especial-halloween .logo-horarios .halloween-horarios .container-lapida .container-horarios a { font-size: 12px; }
}



body.portada-especial-halloween .contenedor-destacado { display: block; position: relative; margin-top: 20px; max-width: 2000px; }
body.portada-especial-halloween .contenedor-destacado .fantasma-izq { display: block; position: absolute; top: -5px; left: 0px; height: 130px; width: auto; z-index: 2; }
body.portada-especial-halloween .contenedor-destacado .fantasma-der { display: block; position: absolute; top: -5px; right: 0px; height: 130px; width: auto; z-index: 2; }
body.portada-especial-halloween .contenedor-destacado .borde-destacado-superior { min-height: 33px; background: url('../img/halloween-franja-destacados-sup.png') center bottom repeat-x; margin-bottom: -15px; z-index: 1; }
body.portada-especial-halloween .contenedor-destacado .borde-destacado-inferior { min-height: 32px; background: url('../img/halloween-franja-destacados-inf.png') left bottom repeat-x; margin-top: -15px; z-index: 1; }
body.portada-especial-halloween .contenedor-destacado .contenido { background: #ffbc00; padding-top: 10px; padding-bottom: 13px; font-size: 25px; color: #234556; }

body.portada-especial-halloween .contenedor-destacado .contenido span, body.portada-especial-halloween .contenedor-destacado .contenido a { vertical-align: middle; }
body.portada-especial-halloween .contenedor-destacado .contenido a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 6px 14px; border: 1px solid #003147; background-color: #003147; color: #fff; font-family: 'raleighbold'; font-size: 12px; -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear;  transition: background-color 400ms linear; margin-top: 2px; display: inline-block; }
body.portada-especial-halloween .contenedor-destacado .contenido a:hover { background: #FFF; color: #003147; border-color: #003147;  }



@media (min-width: 992px) {
	body.portada-especial-halloween .contenedor-destacado .contenido span, body.portada-especial-halloween .contenedor-destacado .contenido a { display: inline-block; vertical-align: middle; }
	body.portada-especial-halloween .contenedor-destacado .contenido { padding-left: 140px; padding-right: 140px; }
}



.bloques-destacados { display: block; margin-top: 60px; }
.bloques-destacados .bloque-contenedor { margin-bottom: 40px; position: relative; }
.bloques-destacados .bloque-contenedor .img-ico { height: 90px; width: auto; position: absolute; top: -25px; z-index: 2; left: 40%; }
.bloques-destacados a:hover .bloque-destacado-contenido { background: #3180a3; -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear;  transition: background-color 400ms linear; -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear;  transition: background-color 400ms linear;  }
.bloques-destacados .bloque-destacado-contenido { background: #003147; padding: 35px; position: relative; display: block; color: #ecedd8; }
.bloques-destacados .bloque-destacado-contenido h3 { display: block; text-align: center; font-size: 22px; line-height: 25px; margin-top: 17px; margin-bottom: 9px; }
.bloques-destacados .bloque-destacado-contenido p.entradilla { display: block; font: 14px/22px Roboto; margin: 0px 0px 10px 0px; text-align: center; }


.bloques-destacados .borde-pergamino-sup { min-height: 34px; background: url('../img/fd-borde-pergamino-sup-halloween.png') center bottom repeat-x; z-index: 1; display: block; position: absolute; top: -15px; left: 0px; width: 100%; }
.bloques-destacados .borde-pergamino-inf { min-height: 34px; background: url('../img/fd-borde-pergamino-inf-halloween.png') left bottom repeat-x; z-index: 1; position: absolute; bottom: -15px; left: 0px; width: 100%;  }


@media (min-width: 768px) {
	.bloques-destacados .bloque-destacado-contenido { padding: 25px 15px; }
}


@media (min-width: 992px) {
	.bloques-destacados .bloque-destacado-contenido { padding: 30px; }
}