@charset "ISO-8859-1";

/*
 * Maquetación CSS para ofertas (media: screen/print)
 * (C) 2008 Chap.ó!
 * (C) 2008 Vexlan Tecnología y Servicios, S.L.
 *
 */

@media all {

	/* --- Bloque de oferta ------------------------------------------------ */

	.oferta {
		width: 289px;
		height: 141px;
		background: #f0f0f0;
		overflow: hidden;
		position: relative;
	}

	.wide {
		margin: 40px 0px;
		padding: 0px 0px 0px 100px;
	}

	.wide .oferta {
		width: 559px;
		height: 160px;
		position: relative;
		margin-bottom: 40px;
	}

	.wide h2 {
		font-size: 2em;
		color: #ff9900;
		margin: 0px 0px 20px -100px;
	}

	#content-body p.printhis {
		float: right;
		height: 32px;
		background: url(../img/icon-imprimir.gif) no-repeat left top;
		margin: 0px;
		padding: 8px 0px 0px 40px;
	}


	.lluvia {
		width: 560px;
		height: 90px;
		background: #f0f0e0;
	}


	#content .oferta h1 {
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 14pt;
		color: #f90;
		margin: 0px;
		padding: 7px 15px 0px;
	}

	#content .oferta h1 strong {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 22pt;
		color: #f90;
	}

	#content .wide .oferta h1 {
		padding: 15px 30px 40px;
	}

	#content .wide .lluvia h1 {
		padding: 20px 30px 20px;
		color: #333;
	}

	#content .wide .lluvia h1 strong {
		color: #333;
		text-transform: none;
		font-size: 1.3em;
		display: block;
	}

	#content .wide .lluvia h1 em {
		font-size: 1em;
		text-transform: uppercase;
	}

	#content .oferta h2 {
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11pt;
		letter-spacing: -1px;
		color: #333;
		margin: 0px;
		padding: 0px 15px;
		line-height: 13pt;
	}

	#content .oferta h2 strong {
		font-weight: normal;
		font-size: 17pt;
	}

	#content .oferta h2 em {
		display: block;
	}

	#content .wide .oferta h2 {
		position: absolute;
		top: 110px;
		left: 0px;
		padding: 0px 30px 
	}

	#content .wide .oferta h2 em {
	}


	#content .oferta .oferta-cero {
		font-size: 11pt;
		padding: 0px 15px;
		color: #de002c;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

	#content .oferta .oferta-cero strong {
		font-size: 36pt;
		font-weight: bold;
		color: #de002c;
	}

	#content .oferta .oferta-cero em {
		font-size: 24pt;
		font-weight: normal;
		font-style: normal;
		color: #de002c;
	}

	#content .wide .oferta .oferta-cero {
		margin-left: 0px;
		position: absolute;
		left: 380px;
		top: 100px;
	}


	#content .oferta .oferta-antes {
		font-size: 11pt;
		padding: 15px 15px 0px;
		color: #333;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 12pt;
		float: left;
	}

	#content .wide .oferta .oferta-antes {
		padding: 0px 30px;
		margin: 0px;
		border-right: 1px solid #DE002C;
		color: #DE002C;
		background: url(../img/fondo-tachado.gif) no-repeat center center;
		position: absolute;
		left: 200px;
		top: 125px;
	}

	#content .wide .oferta .oferta-antes strong {
		display: inline;
		color: #DE002C;
	}





	#content .oferta .oferta-antes strong {
		display: block;
		font-size: 16pt;
		font-weight: bold;
		font-style: normal;
	}

	#content .oferta .oferta-antes em {
		font-size: 16pt;
		font-weight: normal;
		font-style: normal;
	}

	#content .oferta .oferta-ahora {
		font-size: 11pt;
		padding: 20px 0px 0px 40px;
		color: #de002c;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 6pt;
		float: left;
	}

	#content .wide .oferta .oferta-ahora {
		position: absolute;
		top: 95px;
		left: 420px;
	}

	#content .oferta .oferta-ahora strong {
		display: block;
		font-size: 32pt;
		font-weight: bold;
		position: relative;
		left: -50px;
		letter-spacing: -1px;
		color: #de002c;
	}

	#content .oferta .oferta-ahora em {
		font-size: 16pt;
		font-weight: normal;
		color: #de002c;
	}



	#content .oferta .oferta-ahora-desde {
		font-size: 11pt;
		padding: 20px 15px 10px 15px;
		color: #de002c;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 12pt;
		float: left;
	}

	#content .wide .oferta .oferta-ahora-desde {
		margin: 0px;
		position: absolute;
		left: 310px;
		top: 100px;
	}

	#content .oferta .oferta-ahora-desde strong {
		display: block;
		font-size: 32pt;
		font-weight: bold;
		color: #de002c;
		position: relative;
		left: 40px;
		top: -26px;
		letter-spacing: -1px;
	}

	#content .oferta .oferta-ahora-desde em {
		display: block;
	}

	#content .wide .oferta .oferta-ahora-desde em {
		display: inline;
	}

	#content .oferta .oferta-ahora-desde strong em {
		display: inline;
		font-size: 16pt;
		font-weight: normal;
	}

	#content .wide .oferta .oferta-ahora-desde strong {
		display: inline;
		top: 0px;
		left: 10px;
	}







	/* --- Especialización para fondos de ofertas -------------------------- */

	#oferta-enero {
		background: transparent url(../img/oferta-enero-sq.jpg) no-repeat;
	}
	.wide #oferta-enero {
		background: transparent url(../img/oferta-enero-full.jpg) no-repeat;
	}

	#oferta-febrero {
		background: transparent url(../img/oferta-febrero-sq.jpg) no-repeat;
	}
	.wide #oferta-febrero {
		background: transparent url(../img/oferta-febrero-full.jpg) no-repeat;
	}

	#oferta-marzo {
		background: transparent url(../img/oferta-marzo-sq.jpg) no-repeat;
	}
	.wide #oferta-marzo {
		background: transparent url(../img/oferta-marzo-full.jpg) no-repeat;
	}

	#oferta-abril {
		background: transparent url(../img/oferta-abril-sq.jpg) no-repeat;
	}
	.wide #oferta-abril {
		background: transparent url(../img/oferta-abril-full.jpg) no-repeat;
	}

	#oferta-mayo {
		background: transparent url(../img/oferta-mayo-sq.jpg) no-repeat;
	}
	.wide #oferta-mayo {
		background: transparent url(../img/oferta-mayo-full.jpg) no-repeat;
	}

	#content #oferta-mayo .oferta-ahora strong {
		left: -27px;
	}

	#content #oferta-mayo .oferta-ahora {
		padding: 20px 15px 0px 30px;
	}

	#oferta-junio {
		background: transparent url(../img/oferta-junio-sq.jpg) no-repeat;
	}
	.wide #oferta-junio {
		background: transparent url(../img/oferta-junio-full.jpg) no-repeat;
	}

	#oferta-julio {
		background: transparent url(../img/oferta-julio-sq.jpg) no-repeat;
	}
	.wide #oferta-julio {
		background: transparent url(../img/oferta-julio-full.jpg) no-repeat;
	}

	#oferta-agosto {
		background: transparent url(../img/oferta-agosto-sq.jpg) no-repeat;
	}
	.wide #oferta-agosto {
		background: transparent url(../img/oferta-agosto-full.jpg) no-repeat;
	}

	#oferta-septiembre {
		background: transparent url(../img/oferta-septiembre-sq.jpg) no-repeat;
	}
	.wide #oferta-septiembre {
		background: transparent url(../img/oferta-septiembre-full.jpg) no-repeat;
	}

	#oferta-octubre {
		background: transparent url(../img/oferta-octubre-sq.jpg) no-repeat;
	}
	.wide #oferta-octubre {
		background: transparent url(../img/oferta-octubre-full.jpg) no-repeat;
	}

	#oferta-noviembre {
		background: transparent url(../img/oferta-noviembre-sq.jpg) no-repeat;
	}
	.wide #oferta-noviembre {
		background: transparent url(../img/oferta-noviembre-full.jpg) no-repeat;
	}

	#oferta-diciembre {
		background: transparent url(../img/oferta-diciembre-sq.jpg) no-repeat;
	}
	.wide #oferta-diciembre {
		background: transparent url(../img/oferta-diciembre-full.jpg) no-repeat;
	}


	/* --- Ofertas de días de lluvia --------------------------------------- */

	#oferta-lluvia-28dto {
		background: transparent url(../img/oferta-lluvia-28dto.gif) no-repeat;
		margin-top: 30px;
	}

	#oferta-lluvia-30dto {
		background: transparent url(../img/oferta-lluvia-30dto.gif) no-repeat;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#content .lluvia h2 {
		padding-top: 30px;
	}

	#content .lluvia .oferta-antes {
		margin-right: 30px;
		padding-top: 0px;
		margin-top: 20px;
		border-right: 1px solid #DE002C;
		color: #DE002C;
		background: url(../img/fondo-tachado.gif) no-repeat center center;
	}

	#content .lluvia .oferta-antes strong {
		display: inline;
		color: #DE002C;
	}

	#content .lluvia .oferta-ahora {
		padding-top: 8px;
	}


}	/* EOF - media/screen */