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

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

Usada para insertar un listado de noticias que al pulsar sobre una
de ellas aparece la noticia ampliada.
///////////////////////////////////////////////////////////////////*/
#contents { padding:5px 10px 10px; width:764px;}
/*Contenedor de cada noticia*/

.new_block {
	float: left;
	margin: 0 0 10px;
	width:100%;
	background: url(../images/backgrounds/pattern_news.gif) bottom right no-repeat;
}

/*Contenedor de la primera noticia*/

.first { padding: 20px; width: 95%; background: url(../images/backgrounds/pattern_news_first.gif) bottom right no-repeat #2d2d2d; }
.first .new_header { margin: 0; padding: 2px 2px 0; float: right; width:444px;  }
#contents .first .new {  width:444px; margin-top: 20px;}
/*Posicionamiento del título y la fecha dentro del título de cada noticia*/

.new_header { margin: 0; padding: 2px 2px 0; float: right; width:542px;  }

#contents h2 { border: none; }

#contents .first .new_header a.title { text-decoration:none; color: #fff; }
#contents .new_header a:hover { color: #ffffff; }

#contents .new_header h2 { margin: 0; padding: 0 0 4px; }

.title { font-size: 18px; font-weight: bold; padding: 2px 2px 2px 0; text-align: left; }
.date { color: #999999; }

#contents .new_header a.title { color: #2c2d2d; text-decoration: none; }

.no_photo { padding: 0 0 20px; float: right; width:542px; }

/*Contenedor de la introducción de la noticia, texto y foto*/
.new_block .new {float: right; width:542px; margin:20px 0 0;}
/*.introduction { padding: 5px;}*/

#contents .first .introduction p { color: #cccccc; }

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

.more_info {
	text-align: left;
	font-size: 11px;
	color: #fe6533;
	font-weight: bold;
	background:url(../images/backgrounds/arrow_black.gif) no-repeat 0px 4px;
	padding: 0 0 0 12px;
	margin-top: 18px;
}

/*Enlace de +info en la primera noticia del listado*/

.first .more_info {  margin-top:75px; background:url(../images/backgrounds/arrowwhite.gif) no-repeat 0px 4px; padding: 0 0 0 12px;}

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

#contents h1.new_extended span.title { font-size: 24px; width: 100%; display: block; margin: 0 0 0;}

#contents h1  { background: url(../images/backgrounds/pattern_blocks.gif) no-repeat right bottom; padding: 0 0 30px; margin:0 0 10px; }

#contents h1 span.title { }
#contents h1 span.date { font-size: 16px; color: #fe6533; display: block; }

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

.new { margin: 0 0 8px; padding: 0; }

/*Introducción de la noticia extendida*/

.introduction {}

/*Cuerpo de la noticia extendida*/

.body {}

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

/*Imagen de la noticia extendida*/

.picture { float: left; padding: 0 20px 0 0; background: #fff; margin-top: 0px; }
.new_block .picture a {float:left; width:198px; margin:0; padding:0; height: 148px; overflow:hidden;}
.new_block .picture { margin-top: 0;}

.first .picture { background: #2d2d2d; float:none; }
#contents .first .picture a { float:left; width:261px; margin:0; padding:0; height: 198px; overflow:hidden; background: #2d2d2d; }

/*Enlaces dentro de la noticia extendida*/

.links { margin: 10px 0 20px; }
#contents .links ul { list-style-type: none; margin: 0; padding: 0; }
#contents .links ul li { margin: 0 0 5px; padding: 0 0 0 15px; background: url(../images/arrow_linkblack.gif) 0 4px no-repeat; list-style-image: none; }

#contents .links a { text-decoration: none; font-weight: bold; }
#contents .links a:hover{ text-decoration: none; color:#454647; }

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

.back { clear: both; }
#contents .back a {
	padding: 0 0 0 15px;
	margin-top: 20px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/back_arrow.png) 0 3px no-repeat;
	float: left;
}
#contents .back a:hover { color:#454647;}

/**/

.new .new_content { width: 483px; float: right; padding: 0 0 10px; background: url(../images/pattern.gif) center bottom repeat-x; }

.no_photo .new_content { width: 100%; padding: 0 0 10px; background: url(../images/pattern.gif) center bottom repeat-x; }