@charset "utf-8";

.bloque-promocion .foto-fondo { margin-top: 20px; }
.bloque-promocion .foto-fondo { padding: 35px 20px 45px 20px; overflow: hidden; }
.bloque-promocion .foto-fondo .aviso { width: 140px; height: 73px; background: #ffb718; color: #000; font: 600 15px/14px Roboto; position: absolute; top: -15px; left: -47px; padding: 38px 15px 0px 15px; -moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);  }
.bloque-promocion .separar { border-right: 2px solid #FFF; }
.bloque-promocion .separar:last-child { border-right: none !important; }

.bloque-promocion .titulo-promo { display: block; font: 30px 'raleighregular'; color: #FFF; text-shadow: 0px 0px 8px #000;  margin-bottom: 18px; }
.bloque-promocion .titulo-tabla { display: block; font: 500 18px Roboto; color: #FFF; text-shadow: 0px 0px 8px #000; min-height: 44px; padding: 0px 10px 0px 10px; }
.bloque-promocion .caja-precio { display: inline-block; text-align: center; padding: 5px 6px 5px 6px; border-right: 1px solid #FFF; }
.bloque-promocion .caja-precio:last-child { border-right: none !important; }
.bloque-promocion .caja-precio span.precio { display: block; font: 500 20px Roboto; color: #FFF; text-shadow: 0px 0px 8px #000; }
.bloque-promocion .caja-precio span.dato { display: block; font: 500 12px Roboto; color: #FFF; text-shadow: 0px 0px 8px #000; }

.bloque-promocion .col-xs-6.separar { padding-bottom: 13px; }

.bloque-promocion .col-xs-12.separar .caja-precio span.precio { font-size: 44px; }
.bloque-promocion .col-xs-12.separar .caja-precio span.dato { font-size: 17px; }

.bloque-promocion .col-xs-6.separar .caja-precio.hay-1 span.precio { font-size: 44px; }
.bloque-promocion .col-xs-6.separar .caja-precio.hay-1 span.dato { font-size: 17px; }


@media (max-width: 767px) {
	.bloque-promocion .fondo-blanco { height: auto !important; }
}

@media (min-width: 991px) {
	.bloque-promocion .titulo-tabla { font-size: 18px; }
	.bloque-promocion .caja-precio { padding: 5px 10px 5px 10px; border-right: 2px solid #FFF; }
	.bloque-promocion .caja-precio span.precio { font: 500 34px Roboto; }
	.bloque-promocion .caja-precio span.dato { font: 500 15px Roboto; }
	
	.bloque-promocion .col-xs-6.separar { padding-bottom: 0px; }
	
	.bloque-promocion .col-xs-12.separar .caja-precio span.precio { font-size: 34px; }
	.bloque-promocion .col-xs-12.separar .caja-precio span.dato { font-size: 15px; }
	
	.bloque-promocion .col-xs-6.separar .caja-precio.hay-1 span.precio { font-size: 34px; }
	.bloque-promocion .col-xs-6.separar .caja-precio.hay-1 span.dato { font-size: 15px; }
}

@media (min-width: 1200px) {
	.bloque-promocion .titulo-tabla { font-size: 18px; }
	.bloque-promocion .caja-precio { padding: 5px 10px 5px 10px; border-right: 2px solid #FFF; }
	.bloque-promocion .caja-precio span.precio { font: 500 44px Roboto; }
	.bloque-promocion .caja-precio span.dato { font: 500 17px Roboto; }
	
	.bloque-promocion .col-xs-12.separar .caja-precio span.precio { font-size: 44px; }
	.bloque-promocion .col-xs-12.separar .caja-precio span.dato { font-size: 17px; }
	
	.bloque-promocion .col-xs-6.separar .caja-precio.hay-1 span.precio { font-size: 44px; }
	.bloque-promocion .col-xs-6.separar .caja-precio.hay-1 span.dato { font-size: 17px; }
}



.bloque-promocion .contenedora-boton { display: block; margin-top: -20px; margin-bottom: 20px;  }
.bloque-promocion .contenedora-boton a.boton { color: #fff; text-decoration: none; font-size: 0.9em; -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear;  transition: background-color 400ms linear; border: 1px solid #fff; display: inline-block; text-align: center; background: #851f23; padding: 11px 18px; }
.bloque-promocion .contenedora-boton a.boton:hover { background: #fff; color: #851f23; border-color: #851f23; }


.bloque-promocion .texto-contenido { font: 0.9em Roboto; text-align: center; padding: 0px 20px 30px 20px; display: block; }
.bloque-promocion .texto-contenido strong { font-weight: bold; font-family: Roboto; }
.bloque-promocion .texto-contenido h2 { display: block; margin: 0px 0px 12px 0px; font: 700 1.9em Roboto; text-align: inherit }
.bloque-promocion .texto-contenido h3 { display: block; margin: 0px 0px 11px 0px; font: 700 1.6em Roboto; text-align: inherit }
.bloque-promocion .texto-contenido h4 { display: block; margin: 0px 0px 11px 0px; font: 700 1.4em Roboto; text-align: inherit }
.bloque-promocion .texto-contenido h5 { display: block; margin: 0px 0px 7px 0px; font: 700 1.2em Roboto; text-align: inherit }
.bloque-promocion .texto-contenido h6 { display: block; margin: 0px 0px 7px 0px; font: 0.8em/1.2em Roboto; text-align: inherit }