/*
	Metodolog�a CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Anibal Barnes - GTK
	
	_Diferentes contenidos generales y de extensiones
*/


/*Listas descargas**********************/

/*.file{ display:block;border-top:1px dotted #CCCCCC; padding:8px 0}
	.file .date{ font-weight:bold; float:left; width:83px; padding-right:5px;} 
	.file a.descarga{ padding:3px 0 0 45px; height:31px; float:left;color:#FF0000; text-decoration:none; background: url(images/sprite.png) no-repeat 0 -490px}
		.file a.descarga:hover{ background: url(images/sprite.png) no-repeat -709px -490px}*/

.clear{ clear:both}
.contenido_dossieres, .contenido_descargas,.contenido_memoria{ display:block; clear:both; overflow:hidden; margin-top:30px;border-top:1px dotted #CCCCCC}
.contenido_memoria{padding-top:20px}
.dossier {border-bottom:1px dotted #CCCCCC; padding:8px 0; display:block; clear:both; overflow:hidden;float: left; width:705px;}
	.dossier .date{ float:left; padding:15px 22px 0 0}
	#content .dossier a,#content .descargas .enlace a, #content a.download{ float:left;vertical-aling:middle;padding:7px 0 7px 40px; color:#FF0000;min-height:25px;background: url(images/sprite.png) no-repeat 0 -490px; text-decoration:none}
	#content p.bodytext a.download{ width:320px;background-position:0 -490px; margin-left:0px; clear:both; display:block; float:none}
		#content  p.bodytext  a.download:hover{background-position:-708px -491px;text-decoration:underline;clear:both; display:block}
	#content .dossier a:hover,#content .descargas .enlace a:hover{background: url(images/sprite.png) no-repeat -709px -493px;text-decoration:underline}
	#content .dossier .enlace{ float:left; padding:7px 20px 0 0}

.descargas {padding:10px 0; display:block; clear:both; overflow:hidden;border-bottom:1px dotted #CCCCCC; width:705px;}	
.descargas span.img, .memoria span.img{ float:left; margin-right:20px; width:70px; overflow:hidden}
	 .memoria span.img{ float:left; margin-right:16px; width:110px; overflow:hidden}
.descargas span.enlace{ float:left;margin-top:10px}

.memoria{ float:left; width:330px; padding-right:20px;min-height: 170px;height: auto !important;height: 170px;}
.memoria .descripcion{ width:180px; float:left}
	.memoria .descripcion .titulo{ padding:0 0 5px 4px;font: normal 1.3em Georgia, "Times New Roman", Times, serif; color:#009999; margin-bottom:0px; display:block}
		.memoria .descripcion .tema,.memoria .descripcion .paginas{padding-left:4px;display:block; line-height:1.2em}
		.memoria .descripcion .paginas{font-weight:bold; padding:10px 0 10px 4px}

/*Columna right*********************/
#right .csc-default .divider, #content .csc-default .divider { width:100%; height:11px;background:url(images/separa_rightp.gif) repeat-x;margin-bottom:10px; /*margin-left:-20px;*/ border:0}

#col-right .divider { width:100%; float:left;height:11px;background:url(images/separa_rightp.gif) repeat-x;margin-bottom:10px; /*margin-left:-20px;*/ border:0}


/*im�genes y galer�as imagen en columna right*********************/
#right .csc-textpic.csc-textpic-center{ margin:0 0 0 10px;float:left;}
	div>#right .csc-textpic.csc-textpic-center{ margin:0 0 0 20px;}
#right .csc-textpic.csc-textpic-right { margin:0 0 10px 10px;float:left;}
	div>#right .csc-textpic.csc-textpic-right { margin:0 0 10px 20px;float:left;}
#right .csc-textpic.csc-textpic-left { margin:0 0 0px 8px;float:left;}
	div>#right .csc-textpic.csc-textpic-left { margin:0 0 0px 16px;float:left;}

/*im�genes minigaler�as en right**/
/*posicionando en center + no-rows en typo*/
#right .csc-textpic-imagewrap ul{width:168px;margin:0 4px 0 0; padding:0; list-style-type:none; background:transparent}
	#right .csc-textpic-imagewrap ul li{ width:80px;float:left;background:transparent; overflow:hidden}
	#right .csc-textpic-imagewrap ul li a{height:50px; overflow:hidden; float:left;background:transparent;padding:0 0 0 4px;}

/*posicionando en left + rows en typo*/
#right .csc-textpic-left .csc-textpic-imagerow{width:184px; clear:none;margin:0; padding:0; list-style-type:none; background:transparent}
#right .csc-textpic-left .csc-textpic-imagewrap .csc-textpic-imagerow ul{width:168px;margin:0; padding:0; list-style-type:none; background:transparent}

/*posicionando en center + rows en typo (sale por defecto)*/
#right .csc-textpic-center .csc-textpic-imagerow{width:184px; clear:none;margin:0; padding:0; list-style-type:none; background:transparent}
#right .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-imagerow ul{width:168px;margin:0; padding:0; list-style-type:none; background:transparent}


/* Galer�a de im�genes centro*/

#center div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow dl.csc-textpic-imag{ width:123px; height:154px; overflow:hidden;padding:5px; margin-bottom:10px; display:block; float:left; backgroun:#CC3399}
#center div.csc-textpic div.csc-textpic-imagewrap dl:hover{height:149px;background:#E7E5D8}
#center div.csc-textpic div.csc-textpic-imagewrap dl a img{ max-width:121px; overflow:hidden}

#center div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image dd.csc-textpic-caption{  max-width:133px;font-size:10px; text-transform:uppercase; color:#333333; line-height:1em; padding-top: 10px}



/*#right .csc-textpic-imagewrap .csc-textpic-imagerow{ float:left; height:50px; overflow:hidden}*/

/*para dos columnas
#right .csc-textpic-left .csc-textpic-imagewrap .csc-textpic-imagerow ul {width:auto;margin:0; padding:0; list-style-type:none; background:transparent}
#right .csc-textpic-imagewrap ul li.csc-textpic-firstcol{width:80px;float:left;background:transparent; overflow:hidden; overflow:hidden;margin-right:4px}
#right .csc-textpic-imagewrap ul li.csc-textpic-lastcol{width:80px;float:left;background:transparent; overflow:hidden; overflow:hidden;margin-right:0px}

#right .csc-textpic-imagewrap ul li.csc-textpic-firstcol a{height:56px; overflow:hidden; float:left;background:transparent;padding:0 0 0 4px;}
#right .csc-textpic-imagewrap ul li.csc-textpic-lastcol a{height:56px; overflow:hidden; float:right;background:transparent;padding:0}*
/* CSS Document */




/* BLOQUE iframe columna right */

#right iframe, #right small a{ margin-left:20px; color:#009999; }

/* EVENTOS TT_NEWS*********/
..news-list-container{display:block; clear:both; overflow:hidden;}
.news-list-item { width:480px;padding:0 0 15px 0; margin-bottom:15px;display:block; clear:both; overflow:hidden; float:left;background:url(images/separa_right.png) repeat-x left bottom}
.news-list-item h2{float:left; padding-right:20px; margin-bottom:8}
div>.news-list-item h2{ display:inline; float:left;}

.news-list-item h2 a{font: bold 1em Arial, Helvetica, sans-serif;color:#009999;text-decoration:none; padding: 8px 30px 8px 0 ; margin-bottom:0px;overflow:hidden;/* background:url(images/sprite.png) no-repeat right -71px;*/ background:url(images/topo_right.png) no-repeat right 9px;line-height:1.4em; display:block;}
div>.news-list-item h2 a{ display:inline;background:url(images/topo_right.png) no-repeat right 6px; *display:block;*background:url(images/topo_right.png) no-repeat right 9px}

#content .news-list-item h2 a:hover{ text-decoration:underline;background:url(images/topo_right_o.png) no-repeat right 9px }
div>.news-list-item h2 a:hover{background:url(images/topo_right_o.png) no-repeat right 6px; *background:url(images/topo_right_o.png) no-repeat right 9px}
#content .news-list-item .contenido{ display:block; clear:both; overflow:hidden}
#content .news-list-item .contenido a{ color:#333333; text-decoration:none}
	#content .news-list-item .contenido a:hover{ color:#333333; text-decoration:underline}
#content .news-list-date{ display:block; font-weight:bold;text-transform:uppercase; font-size:0.9em; float:left; padding:2px 0 0 2px}



.news-single-item{ margin:0; padding:0}
.news-single-item h4{margin-bottom:1px}
.news-single-img{ margin-bottom:20px}
.news-single-imgcaption{ padding-top:10px}
.news-single-item .date{ margin-bottom:10px; display:block}
#center .news-single-item .subheader h2{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; font-weight:bold}


.news-single-additional-info img{ display:none}
.news-single-files dd{ background:url(images/sprite.png) no-repeat left -490px; width:200px; margin:0; display:block; padding:10px 0 10px 30px}
.news-single-links dd,.news-single-links dt,.news-single-files dt{ margin:0}


/* men� contextual eventos*****************************/
.newscalendarTooltip{ background-color:#FFFFFF; border:1px solid #990033}
.newscalendarTooltip .newscalendarTooltipHeader{ font-weight:normal; color:#99FF99;font-size:0.5em; padding-left:5px}
.newsCalendar_calendarItem a{font-weight:normal; color:#009999; text-decoration:none}
.newsCalendar_calendarItem a:hover{text-decoration:underline;color:#009999; }
.newscalendar-tip {
  /* for IE */
  filter:alpha(opacity=98);
  /* CSS3 standard */
  opacity:1;
  background-color:#FFFFFF;

}
.newsCalendar_calendarItem_image{ display:none}

/* Calendario tt_news*********************************************************/
.calendar-table {padding:0}
table.calendar-table {margin:0 0 15px 18px;width:168px;/*padding:0 1em 0 20px;*/isplay:block; clear:both; overflow:hidden; padding:0}
table.calendar-table td{ width:23px; height:15px; font-size:0.91em;background:#FFFFFF; border-right:1px solid #CACACA; padding:0}
table.calendar-table td.columYear, table.calendar-table td.columPrevious, table.calendar-table td.columNext {border-top:0; border-right:0; border-left:0}
table.calendar-table td.columYear{ width:100px;font-size:0.9em;}
#right table.calendar-table td.columYear a{text-decoration:none; color:#000000}
table.calendar-table td.columYear,table.calendar-table th{color:#000;font: normal bold 1.16em Georgia, "Times New Roman", Times, serif;  padding:0; margin:0; }
table.calendar-table th{ font: normal bold 1.16em Arial, Helvetica, sans-serif}
table.calendar-table th{ background:#FFFFFF; border:0;/*border-right:1px solid #ccc; */padding:3px 0}
table.calendar-table td .linked_today{ background-color:#000000; color:#FFFFFF}
table.calendar-table td .linked_today_nolink{ font-weight:bold;background:#fff /*background:#000;color:#fff*/}
table.calendar-table .linked_day{ background:#FF9966; color:#000; border:0; text-decoration:none}
table.calendar-table .linked_day:hover{ background:#FF0033; color:#fff;}
table.calendar-table td.bottomMonthLink{border:0;border-top: 1px dotted #CCCCCC}
.bottomMonthLink{ display:none}


/** galer�a de im�genes *****************/
div.csc-textpic div.csc-textpic-imagewrap dl{ height:160px; overflow:hidden; display:block}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt{ float:left; width:160px; margin-bottom:10px}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd{ padding:10px 0;color:#999999; font: italic normal 0.9em Georgia, "Times New Roman", Times, serif;color:#666}