/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL NEWS <<<-------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*///////////////////////////////////////////////////////////////////
Proceso de noticias

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

div.new_header { background: url(../images/bg_h2.gif) 12px 0 no-repeat; float: left; height: 20px; padding: 5px 0 0 20px; width:532px; color: #fff; }

div.new_header a { margin: 0; color: #fff; text-decoration: none; font-size: 11px; }



#contents div.new_header h2 { margin: 1px 0 0 0; padding: 0; width:400px; float:left; }
#contents div.new_header h2 a { margin: 0; padding: 0; width:400px; color:#fff; font-weight:bold; text-decoration:none; }
#contents div.new_header h2 a:hover { margin: 0; padding: 0; width:400px; color:#fff; font-weight:bold; }




.title { float: left; }

.date { color: white; float: right; padding: 0 12px 3px 5px; font-size: 11px; margin:3px 0 0 0; }



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



td.introduction { padding-bottom: 5px; padding-left: 5px; padding-top: 5px; }



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



.more_info { 
	background: url(../images/btn_mas_info.gif) bottom right no-repeat; 
	margin-bottom: 10px; 
	text-align: left; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 11px; 
	width: 522px; 
	height: 28px; 
	float:left; 
	}

.more_info a {}

.more_info a:hover { color: #ca0004; }



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



h2.new_extended { color: #ffffff; float: left; }



h2 .title { font-size: 14px; width: 400px; color: #ffffff; }



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

.new { width: 528px; float: left; padding: 5px; margin: 1px 0 10px 12px; border:1px solid #B2ACAC; display: inline; }

/*Introducción de la noticia extendida*/



div.introduction { padding: 0 10px 0 0; }



/*Cuerpo de la noticia extendida*/



div.body { padding: 0 10px 0; }



div.body a { color: #04529b; font-size: 11px; text-decoration: underline; }

div.body a:hover { color:#04529b; text-decoration: underline; }



/*Imagen de la noticia extendida*/



#contents div.picture img { float: left; margin: 0 10px 10px 0; padding-top: 10px; border:1px solid #B2ACAC; padding:1px; }



/*Enlaces dentro de la noticia extendida*/



div.links { color: #04529b; font-size: 12px; clear: both; margin: 10px 0 0 2px; }

div.links ul { list-style-type: none; margin: 0; padding: 0; }

div.links ul li { margin: 0 0 5px; }



div.links a { background: url(../images/bg_link.gif) top left no-repeat; padding-bottom: 2px; padding-left: 23px; padding-top: 3px; color: #04529b; text-decoration: underline; font-size: 11px; font-weight: bold; }

div.links a:hover{ color: #04529b; text-decoration: underline; }



/*Enlace para volver al listado de noticias desde la noticia extendida */



#contents div.back { float: left; clear: both; width: 10%; color: #ffffff; margin-left: 0; font-weight: bold; height: 50px; }

#contents div.back a {
	background:transparent url(../images/btn_back.gif) no-repeat scroll left center;
	color:#FFFFFF;
	float: left;
	clear: both;
	font-weight:bold;
	margin:10px 2px 2px;
	padding:5px 10px 8px 30px;
	width:55px;
	text-decoration:none;
}

#contents div.back a:hover { color: #ffffff; text-decoration: underline; }

#contents div.back a:hover, div.back a:link, div.back a:visited, div.back a:active { color: #ffffff; text-decoration: underline; }