/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL NEWS <<<-------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*///////////////////////////////////////////////////////////////////
Proceso de noticias

Usada para insertar un listado de noticias que al pulsar sobre una
de ellas aparece la noticia ampliada.
///////////////////////////////////////////////////////////////////*/

/*texto introducción*/

#contents #calendarContent { float:left; width:227px; margin: 0 20px 0 0;}
#contents #contentsCalendar { float:right; width: 497px;}
/*dia de la noticia*/

#contents .day_events { background:url(../images/bg_h2_calendar.gif) 0 2px no-repeat #454545; float:left; width:721px; color:#fff; font-size:18px; font-weight: normal; margin: 20px 0 15px; padding:3px 0 5px 25px; font-family:"Trebuchet MS"; }

/*Contenedor de cada noticia*/

.event_block { float: left; margin: 0 0 15px; width:100%; }

/*Contenedor de la primera noticia*/

.first {}

/*nofoto*/
#contents .nofoto .event_header { float:left; width:100%;}
#contents .nofoto .picture { display: none;}


/*Posicionamiento del título y la fecha dentro del título de cada noticia*/

#contents .event_header { margin:0 0 10px; padding: 2px 0; }
#contents .event_header a { text-decoration:none; }
#contents .event_header a:hover { color: #666; }

#contents h2 { margin: 0; padding: 0 0 4px; }

#contents .event_header h2 .title { color:#454545; font-weight: normal; padding:0; margin:0; border:0; font-family:"Trebuchet MS"; font-size:18px; text-align:left; }
.date { margin: 0; padding: 0; font-size: 18px; color:#b4b4b4; font-family:"Trebuchet MS";  }

/*Contenedor de la introducción de la noticia, texto y foto*/

.introduction { width:auto;}

/*Enlace de +info en cada una de las noticias del listado*/
#contents .moreinfo { float:none !important; margin:10px 0 0;}
#contents .more_info {
	padding: 0;
	text-align: left;
	font-size: 10px;
	color: #7c7c7c;
}

#contents .more_info a {
	color: #7c7c7c;
	text-decoration:none;
	border:0;

}
#contents .more_info:hover { text-decoration: underline; }
	
/*Enlace de +info en la primera noticia del listado*/

.first .more_info {}

/*Estilo especial para el título en la noticia extendida */

#contents h1.event_extended {/*float: right; text-align:right; width:100%; line-height: normal; margin-bottom: 10px;*/ }

#contents h1 span.title { width:100%; text-align:right; margin:0; padding:0; background:0; line-height:30px; }
#contents h1 span.date { position: relative;  font-size: 10px; background: #fff; padding: 0 10px 0 0; margin:0; color:#b4b4b4; font-size: 18px; font-weight: normal; float:left; }

/*Contenedor de los distintos elementos de la noticia extendida*/

/*#contents .event { 	width:auto; margin:0; padding:0;}*/

#contents .event_block .picture a img { width:221px;}



/*Introducción de la noticia extendida*/
.introduction { }

#contents .event_block .moreinfo .text_container {
	margin:0;
	padding:0;
	width:auto;
	float:none;
	}	

/*Cuerpo de la noticia extendida*/

.body { float:left; width:420px;}

.body a { color: #294563; text-decoration: underline; }
.body a:hover { color:#ca0004; text-decoration: none; }

/*Imagen de la noticia extendida*/

#contents .picture { float:left; padding: 0 20px 10px 0; }
#contents .picture a { border:0; }
#contents .picture img { width:300px;}

/*Enlaces dentro de la noticia extendida*/

#contents .links { width:300px; margin:10px 0 0; }
#contents .links ul { list-style-type: none; margin: 0; padding: 0; }
#contents .links ul li {text-decoration: none; font-weight: normal; font-size:10px; color:#843335; background:url(../images/bullet_breadcrumb.jpg) 0 3px no-repeat;}

#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; }
#contents .links a:hover{ color:#555252; text-decoration: none; }

/*Enlace para volver al listado de noticias desde la noticia extendida */

#contents .back { border-top:1px solid #b4b4b4; float:right; width:420px; text-align:right; padding:5px 0 0; }
#contents .back a {
	background: url(../images/ico_back.gif) 0 2px no-repeat;
	color:#b4b4b4;
	font-size:10px;
	font-weight:normal;
	padding:0 0 0 15px;
	text-decoration:none;
	text-align:right;
	border:0;
}
#contents .back a:hover {  color:#454545; }

/*Estilo para el calendario */

#contents div#calendar {
	float:left;
	z-index: 99;
	width:197px;
	padding:5px 15px 30px;
	background: url(../images/backgrounds/bg_calendar.gif) bottom right no-repeat #dddddd;
	}
#contents #l_calendar {width:100%; padding:0; margin: 0 0 3px;}
#contents div#calendar_date {
	float:left;
	height: 17px;
	width: 186px;
	text-align: center;
	font-weight: bold;
	color: white;
	background:#454545;
	margin: 0;	 
	padding:3px 0 0;
	}
#contents a#calendar_prev, a#calendar_next {
	width: 18px;
	height: 16px;
	}
#contents a#calendar_prev {
/*	position: absolute;*/
	float: left;
	width: 20px;
	height:21px;
	background: url(../images/calendar_back.gif) no-repeat;
	border:0;
}
#contents a#calendar_next {
/*	position: absolute;*/
	float:right;
	width: 21px;
	height:21px;
	background: url(../images/calendar_next.gif) no-repeat;
	border:0;
}
#contents div#calendar div#l_button {
	padding: 2px 0;
	text-align: center;
	}
#contents div#calendar button {
	width: 60px;
	height: 17px;
	font-size: 9px;
	font-weight: normal;
	color: white;
	background-color: #000;
}
#contents div#calendar table.calendar {
	float:left;
	width:98%;
	margin: 2px auto;
	border-collapse: separate;
	border-spacing:4px;
	}
	
#contents div#calendar table.calendar tbody { margin:5px 0 0;}
#contents div#calendar table.calendar td {
	width: 30px;
	background:white;
	padding: 2px;
	text-align: right;
	color:#454545;
	font-weight:bold;
	}
#contents div#calendar table.calendar td.selected a {
	font-weight: bold;
	color:#0099CC;
	}
#contents div#calendar table.calendar td.today { background:#454545;  }
#contents div#calendar table.calendar td.today a { color:#fff; text-decoration:none;}
#contents div#calendar table.calendar td.today a.selected { color:#fff; text-decoration:none; font-weight:bold; border:0;}

#contents div#calendar table.calendar th, td { text-align:right; color:#454545; font-weight:bold;}


/**/

div#calendar table.calendar td.selected a {	font-weight: bold; color: #660000; }
div#calendar table.calendar td.today a, div#calendar table.calendar td.today span {	font-weight: bold; color: #fff;	padding: 2px; }
div#calendar table.calendar td.today a { text-decoration: underline; }

#contents div#calendar table.calendar a { border:0; font-weight:bold; color:#000; text-decoration:underline;}

#contents div#calendar table.calendar td a.selected { 
border:1px solid #000;
text-decoration:none;
color:#000;
font-weight:bold;
 }
 
 
/*evento extendido*/

div.event_extended { float:left; width:420px; }