/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL OFFERS <<<-----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*///////////////////////////////////////////////////////////////////
Proceso ofertas

Usada para insertar un listado de ofertas que al pulsar sobre una
de ellas aparece la oferta ampliada.
///////////////////////////////////////////////////////////////////*/

/*Contenedor de cada oferta*/

.block_offer { float: left; margin: 0 0 15px; }

/*Contenedor de la primera oferta*/

.first {}

/*Posicionamiento del título y la fecha dentro del título de cada oferta*/

.offer_header {
	margin: 0;
	padding: 2px;
}

#contents .offer_header a { text-decoration:none; font-weight:bold; border:0; color:#454545; font-size:18px; font-weight:normal; font-family:"Trebuchet MS"; }
#contents .offer_header a:hover { }

#contents h2 { border: none; }

#contents .offer_header h2 { margin: 0; padding: 0 0 4px; font-weight:bold; }

.title { padding: 2px 2px 2px 0;  }
.date {position: relative; margin: -16px 0 0; padding:0; font-size: 10px; color:#7c7c7c; font-size:18px; font-family:"Trebuchet MS"; font-weight:normal; }

/*td contenedor de la introducción de la oferta, texto y foto*/

.introduction { padding: 5px 0;}

/*Enlace de +info en cada una de las ofertas del listado*/

.more_info {
	float:right;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	text-align: left;
	font-size: 10px;
	color: #7c7c7c;
	width:539px;
	margin:10px 0 0;
	background: url(../images/ico_masinfo.png) 0 10px no-repeat;
}

.more_info:hover { color:#7c7c7c;}
/*Enlace de +info en la primera oferta del listado*/

.first .more_info {}

/*Estilo especial para el título en la oferta extendida */

h1.offer_extended { float: left; width: 100%; }

#contents h1 span.title { line-height:31px; padding:0; background:none;}
#contents h1 span.date { position: relative; float: left; font-size: 18px; background: #fff; padding:0 10px 0 0; color:#7c7c7c; font-family: "Trebuchet MS"; margin:10px 0 0;}

#contents h1.offer_extended span.title { }

/*Contenedor de los distintos elementos de la oferta extendida*/

.offer { margin: 0 0 8px; padding: 0 3px; }

/*Introducción de la oferta extendida*/

.introduction {}

/*Cuerpo de la oferta extendida*/

.body {}

.body a { text-decoration: underline; }
.body a:hover { text-decoration: none; }

/*Imagen de la oferta extendida*/

.picture { float: left; padding: 0 15px 0 0; }
#contents .picture a { border:0; }

/*Enlaces dentro de la oferta extendida*/

.links { margin: 10px 0; }
#contents .links ul { list-style-type: none; margin: 0; padding: 0; }
#contents .links ul li { margin: 0 0 5px; padding: 0 0 0 15px; }

#contents .links a { font-size: 10px; color: #454545; text-decoration: none; border:0; background:url(../images/ico_link.gif) 0 0 no-repeat #ddd; padding:2px 8px 2px 30px; margin:10px 10px 0 0;}
.links a:hover{ text-decoration: none; }

/*Enlace para volver al listado de ofertas desde la oferta extendida */

.back { margin:10px 0 0; float:left; }
#contents .back a {
	color:#7c7c7c;	
	border:0;
	padding: 0 0 0 15px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/ico_back.gif) 0 2px no-repeat;
}
#contents .back a:hover { color:#282828; }

/*  NO PHOTO */

div.no_photo { float:left; width:744px;}

div.no_photo .more_info {
	float:left;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	text-align: left;
	font-size: 10px;
	color: #7c7c7c;
	width:744px;
	background: url(../images/ico_masinfo.png) 0 10px no-repeat;
	margin:10px 0 0;
}
div.no_photo .more_info:hover { color:#7c7c7c;}