/**************************************************************
   AUTHOR:  SICO
   DATE:    2009.03.12
   PURPOSE: Control de estructuras de contenido
 **************************************************************/


@import url(main_content.css);
@import url(iconize.css);



/*=========== HEADER RIGHT =====================*/

#header_right #header_links ul li{display:inline; margin-left:0.5em;}
#header_right #header_links ul li a{color:#006699; font-size:0.8em; font-weight:bold;}


/*HEADLINES*/
#headlines {position:relative; margin:0; left:0; top:0px; padding:0px; width:100%; overflow:hidden;height:230px; background:#E1E7F3 url(/img/img/home/home_image.jpg) no-repeat left top;} 
#headlines H2 {font-size:16pt; color:#FFFFFF;padding-left:60px;}
#headlines H2 a {text-decoration:none; color:#FFFFFF;}
#headlines ul li{ margin-left:-40px; line-height:1.2em; font-size:10pt; }
#headlines ul li a{text-decoration:none; color:#FFFFFF; font-family:Arial; font-size:10pt;  }
#headlines ul li a:hover{background-color:#F9B74C;color:#3C6CAC;}

#headlines1 {position:relative; margin:0; left:0; top:0px; padding:0px; width:100%; overflow:hidden;height:230px; background:#E1E7F3 url(/img/img/home/home_image1.jpg) no-repeat left top;}
#headlines1 H2 {font-size:16pt; color:#FFFFFF;padding-left:60px;}
#headlines1 H2 a {text-decoration:none; color:#FFFFFF;}
#headlines1 ul li{ margin-left:-40px; line-height:1.2em; font-size:10pt; }
#headlines1 ul li a{text-decoration:none; color:#FFFFFF; font-family:Arial; font-size:10pt;  }
#headlines1 ul li a:hover{background-color:#F9B74C;color:#3C6CAC;}

#headlines2 {position:relative; margin:0; left:0; top:0px; padding:0px; width:100%; overflow:hidden;height:230px; background:#E1E7F3 url(/img/img/home/home_image2.jpg) no-repeat left top;}
#headlines2 H2 {font-size:16pt; color:#FFFFFF;padding-left:60px;}
#headlines2 H2 a {text-decoration:none; color:#FFFFFF;}
#headlines2 ul li{ margin-left:-40px; line-height:1.2em; font-size:10pt; }
#headlines2 ul li a{text-decoration:none; color:#FFFFFF; font-family:Arial; font-size:10pt;  }
#headlines2 ul li a:hover{background-color:#F9B74C;color:#3C6CAC;}

#headlines3 {position:relative; margin:0; left:0; top:0px; padding:0px; width:100%; overflow:hidden;height:230px; background:#E1E7F3 url(/img/img/home/home_image3.jpg) no-repeat left top;}
#headlines3 H2 {font-size:16pt; color:#FFFFFF;padding-left:60px;}
#headlines3 H2 a {text-decoration:none; color:#FFFFFF;}
#headlines3 ul li{ margin-left:-40px; line-height:1.2em; font-size:10pt; }
#headlines3 ul li a{text-decoration:none; color:#FFFFFF; font-family:Arial; font-size:10pt;  }
#headlines3 ul li a:hover{background-color:#F9B74C;color:#3C6CAC;}





.headlines-img1 {left:0;bottom:0;top:5px;width:37em;height:232px; background:#E1E7F3 url(/img/img/home/home_image.jpg) no-repeat left top;}
.headlines-img {position:absolute;right:0;bottom:0;top:0px;width:505px;height:230px; background:url(/img/bg/bg_home_headlines.gif) no-repeat right bottom;text-align:left;}


.headlines-img h2 {
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:1.6em;
color:#FFFFFF;
font-weight:normal;
padding-left:5em;
padding-top:0.4em;
margin-bottom:0.2em;
}
.headlines-img h2 span{font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;}
.headlines-img ul{
	margin-left:10em;
	padding:3px 0px 0px 4px; 
	list-style-image:url(/img/icons/icon-home.gif);
	/*list-style:none;*/
	color:#D6EAF0;
	line-height:1.5em;
	}
/*.headlines-img ul li{
	margin:2px 0px 2px 0px;
	padding: 3px 0px 0px 4px ;
	}*/
.headlines-img dl{margin-left:10em;margin-top:.7em;color:#D6EAF0;}
.headlines-img dl dt{font-weight:bold;}
.headlines-img dl dd a{text-decoration:none; color:#FFFFFF; font-size:10pt;}
.headlines-img dl dd a:hover{background-color:#F9B74C;color:#3C6CAC;}



/*3 Columns from Home	*/
#content-columns {width:98%; overflow:hidden; position:relative;}
#content-columns #left-column{ overflow:hidden;}
#content-columns #left-column, #content-columns #centered-column{background:#FBFAF8 url(../img/bg/panels_text.jpg) top no-repeat;}
#content-columns #left-column, #content-columns #right-column,#content-columns #centered-column{margin-top:0.3em;}
#content-columns #left-column, #content-columns #right-column{width:29%;float:left;margin-right:0.33em;}
#content-columns #centered-column{width:40%;float:left;margin-right:0.33em;}

#content-columns #left-column .title h3, #content-columns #centered-column .title h3, #content-columns #right-column .title h3{ padding:0.5em 0.5em 0.5em 0.8em; color:#9B5E00;font-weight:normal;}
#content-columns #left-column .eventos_historicos {overflow:hidden; position:relative; width:37px; height:33px; background:none; text-align:right; margin-top:-37px; float:right}

#content-columns #right-column .title h3{padding:0.5em 0.5em 0.5em 0.8em; color:#FFF;font-weight:normal;}

#content-columns #left-column .title {background:url(/img/bg/panels_left.jpg) 100% 100% no-repeat;}
#content-columns #centered-column .title{ background:url(/img/bg/panels_centered.jpg) 100% 100% no-repeat;}
#content-columns #right-column .title{ background:url(/img/bg/panels_right.jpg) 100% 100% no-repeat;}

#content-columns #left-column .title * {background:url(/img/bg/panels_left.jpg) 100% 100% no-repeat;}
#content-columns #centered-column .title * {background:url(/img/bg/panels_centered.jpg) 100% 100% no-repeat;}
#content-columns #right-column .text, #content-columns #right-column .title * {background:url(/img/bg/panels_right.jpg) 100% 100% no-repeat;}

#content-columns #left-column .title, #content-columns #centered-column .title, #content-columns #right-column .title { background-position:100% 0%; margin:0px; padding:0px 55px 0px 0px; }
#content-columns #left-column .title *, #content-columns #centered-column .title *, #content-columns #right-column .title * { background-position:0 0; margin:0px; padding:15px 0px 5px 15px; height:1%; }
#content-columns #left-column .text, #content-columns #centered-column .text, #content-columns #right-column .text{ background-position:  0% 100%; margin-right:0px; padding:0px 0px 15px 15px; }

/* eventos canales */
.subcontent .left .evento{ padding:1em; background-color:#F8EADD; display:block; border:1px solid #CC6601;}
/* eventos empleo gestor */
.left .evento{ padding:1em; background-color:#F8EADD; display:block; border:1px solid #CC6601;}
 .evento_ancho{ width:94%; padding:1em; background-color:#F8EADD; display:block; border:1px solid #CC6601;}

/*HOME TEXTS*/

/*HOME NEWS*/
.news { overflow:hidden;}
.news img{ float:left; margin:0.8em 0.8em 0.5em 0em ;}
.news { overflow:hidden;}
.news {padding-top:0.1em; background:url(/img/bg/bg_news_line_bottom.jpg) 0% 100%  no-repeat; padding-bottom:0.3em; }
.news span.date{color:#AE9C84; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#content .news p{color:#481709; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0.5em 0.3em 0.5em 0em; }
.news h4 {font-size:0.9em;font-weight:bold;margin-top:0.5em; margin-bottom:0.5em; margin-left:0em; margin-right:1.5em;}
.news h4 a{padding:0em 2em 0em 0em; color:#481709; text-decoration:none;}
.news h4 a:hover{ color:#481709; text-decoration:underline;}
.news p a{ padding:0em 2em 0em 0em; text-decoration:underline}

/* eventos Agenda - notas de prensa */
#centered-column .evento_ancho_notas{ width:94%; padding:0.5em; background-color:#FFFFFF; display:block; border:1px solid #C0C0FF;}
#centered-column .evento_ancho_notas .news_notas p{color:#0000C0; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0.5em 0.3em 0.5em 0em; }
#centered-column .evento_ancho_notas .news_notas h4 {font-size:0.9em;font-weight:bold;margin-top:0.5em; margin-bottom:0.5em; margin-left:0em; margin-right:1.5em;}
#centered-column .evento_ancho_notas .news_notas h4 a{padding:0em 2em 0em 0em; color:#6699FF; text-decoration:none;}
#centered-column .evento_ancho_notas .news_notas h4 a:hover{ color:#6699FF; text-decoration:underline;}
#centered-column .evento_ancho_notas .news_notas span.date{color:#AE9C84; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

/*EVENTOS*/
.todos { margin-bottom:1em;}
.todos a{ color:#006699;}
.nota{ padding-bottom:2em;}
.nota h3{ margin-bottom:0.2em;}
.nota h3 a{ color: #2B768E; font-weight:bold; text-decoration:none;}
.nota h3 a:hover{ color:#2B4253; font-weight:bold; text-decoration:none;}
.fecha { font-size:0.9em; color:#CD6702; padding:0; margin-top:0;}
ul li.anio span{ padding:0.3em; background-color:#F8EADD; display:block; width:100px; border-left:2px solid #CC6601;}
ul li.anio{ list-style:none;}
ul li.anio ul li{ list-style:none;}
ul li.anio ul{ margin-top:0;}
ul li.anio ul li a{ color:#B47C49; text-decoration:none;}
ul li.anio ul li a:hover{ color:#B47C49; text-decoration:underline;}

#calendario {background-color:#F0F0F0; padding:2px; border:1px solid #CCCCCF; width:212px; text-align:center;}

/*HOME BANNER*/
.banner {width:90%;position:relative;clear:both;}
.banner , .banner .top-banner, .banner .content-banner, .banner .top-banner * { background:url(../img/bg/banners/banner_blue2.jpg) 100% 100% no-repeat;}
.banner { margin-top: 0; padding: 0 15px 0 0; }
.banner .top-banner { background-position: 100% 0%; margin: 0 -15px 0 0; padding: 0 15px 0 0; }
.banner .top-banner * { background-position: 0 0; margin: 0; padding: 15px 0 5px 15px; height: 1%; }
.banner .content-banner{ background-position:  0% 100%; margin-right: 0px; padding: 0 0 15px 15px; }
.banner .top-banner a {padding:0; background:none;}
.banner h4, .banner p{color:#FFFFFF;}

#end-main{ background:url(/img/bg/bg_end_main.jpg) 50% 0% no-repeat; height:2em; width:100%; overflow:hidden; display:block; clear:both;}

/* ROUNDED CORNERS */

.lines-bl{background-image: url(/img/bg/bg_line_bottom_l.jpg);	background-repeat: no-repeat;	background-position: bottom left;	}
.lines-br{background-image: url(/img/bg/bg_line_bottom_r.jpg);	background-repeat: no-repeat;background-position: bottom right;	padding: 18px;}	
.lines-b{background-image: url(/img/bg/bg_line_bottom.jpg);	background-repeat: repeat-x;	background-position: bottom;	}
.lines-l{background-image: url(/img/bg/bg_line_left.jpg);background-repeat: repeat-y;	background-position: left;	}
.lines-r{background-image:url(/img/bg/bg_line_right.jpg);	background-repeat: repeat-y;	background-position: right;	}
	
.rounded{padding:0;	width:98%; height:3px; position:relative; top:-50px; left:10px; background-color:#400000; }
/*.rounded{padding:0;	position:relative;background-color:#E1E7F3;}*/
.rounded-tl{background-image:url(/img/corners/corner_home_top_left.gif);background-repeat: no-repeat;background-position: top left;}
.rounded-tr	{background-image:url(/img/corners/corner_home_top_right.gif);background-repeat: no-repeat;background-position: top right;}
.rounded-br	{background-image:url(/img/corners/corner_home_bottom_right.gif);background-repeat: no-repeat;background-position: bottom right;	padding: 18px;}
.rounded-t{background-image:url(/img/corners/corner_home_top.gif); 	background-repeat: repeat-x;background-position: top;}



/*STYLE SUBSECTIONS*/

.subcontent {width:97%;overflow:hidden;}
.subcontent .left {width:70%;float:left; padding:1em;}
.subcontent .right {width:25%;float:right;}


/*=========== SUB-NAVIGATION =====================*/

.subcontent .right ul li.title{
width:100%;
margin:0;
padding: 0px 0px 0px 0px;
background:url(/img/bg/subsections_menu_left.jpg)left bottom no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
color:#FFFFFF;
}
.subcontent .right ul li.title a{
	display: block;
	padding: .4em 1em .4em 0.5em;
	font-weight: bold;
	background-image:url(/img/bg/subsections_menu_right.jpg);
	text-decoration: none;
	background-repeat:no-repeat;
    background-position:right bottom;
    color:#FFFFFF;
}

/* ========= MENUS DERECHA ======*/
/*.subcontent .right ul.submenu {margin:0;width:100%;font-size:0.9em;}
.subcontent .right ul.submenu li{list-style: none; background-color:#EBEBEB; padding:0; list-style-position:outside; margin-bottom:1px;}
.subcontent .right ul.submenu li.header {padding:0.8em; padding-left:1.8em; display:block; background-color:#F4F4F4; text-decoration:none; color:#4D2816; display:block; }
.subcontent .right ul.submenu li.header span{ margin-bottom:0.5em; display:block; font-weight:bold; }
.subcontent .right ul.submenu li a{padding:0.5em; padding-left:1.8em; display:block;background:url(../img/icons/icon-submenu.gif) 4% 50%  no-repeat; text-decoration:none; color:#4D2816; display:block;}
.subcontent .right ul.submenu li.active{background-color:#F9B74C;}
.subcontent .right ul.submenu li.active a{background:url(../img/icons/icon-submenu_active.gif) 4% 50%  no-repeat;}
.subcontent .right ul.submenu li a:hover{background-color:#F9B74C;}
*/
.subcontent .right ul.submenu {margin:0;width:100%;font-size:1em;}
.subcontent .right ul.submenu li{list-style: none; background-color:#EBEBEB; padding:0; list-style-position:outside; margin-bottom:1px;}
.subcontent .right ul.submenu li.header {padding:0.8em; padding-left:1.8em; display:block; background-color:#F4F4F4; text-decoration:none; color:#4D2816; display:block; }
.subcontent .right ul.submenu li.header span{ margin-bottom:0.5em; display:block; font-weight:bold; }
.subcontent .right ul.submenu li a{padding:0.5em; padding-left:1.8em; display:block;background:url(/img/icons/icon-submenu.gif) 4% 50%  no-repeat; text-decoration:none; color:#4D2816; }
.subcontent .right ul.submenu li.active{background-color:#F9B74C;}
.subcontent .right ul.submenu li.active a{background:url(/img/icons/icon-submenu_active.gif) 4% 50%  no-repeat;}
.subcontent .right ul.submenu li a:hover{background-color:#F9B74C;}

.subcontent .right ul.submenu2 { margin:0;width:100%; font-size:1em;}
.subcontent .right ul.submenu2 li{list-style: none; display:block; background-color:#FFEBFF; padding-left:1em; list-style-position:outside; margin-bottom:1px;}
.subcontent .right ul.submenu2 li a{padding:0.2em; padding-left:2em; display:block;background:url(/img/icons/icon-submenu_sub.gif) 4% 50%  no-repeat; text-decoration:none; color:#4D2816;}
.subcontent .right ul.submenu2 li.active{background-color:#F9B74C;}
.subcontent .right ul.submenu2 li.active a{background:url(/img/icons/icon-submenu_sub.gif) 4% 50%  no-repeat;}
.subcontent .right ul.submenu2 li a:hover{background-color:#F9B74C; text-decoration:none;}



/*MORE INFO*/

#right-column .info-sections ul li{list-style: none; background-color:#F9B74C; padding:0.5em 0 0.5em 1.9em; list-style-position:outside; margin-bottom:1px;}
#right-column .info-sections ul li a{padding-left:1em; display:block;background:url(../img/icons/icon-info.gif) left 50%  no-repeat; text-decoration:none; color:#4D2816;}
#right-column .info-sections ul li:hover{background-color:#FBCD82; }


.moreinfo {text-align:left;position:relative;clear:both; overflow:hidden; width:100%;}
.moreinfo .roundbox-tr {margin:0px auto;padding:0;background:url("/img/rounded/mi_tr.jpg") no-repeat right top;}
/* top-left corner and left side */
.moreinfo .roundbox-tl {margin:0;padding:0;background:   url("/img/rounded/mi_tl.jpg") no-repeat left top;}
/* bottom-right corner and bottom side */
.moreinfo .roundbox-br {margin:0;padding:0;background:   url("/img/rounded/mi_br.jpg") no-repeat right bottom;}
/* bottom-left corner */
.moreinfo .roundbox-bl {margin:0;padding:0;background:   url("/img/rounded/mi_bl.jpg") no-repeat left bottom;}
/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier 
with "roundbox-content" in place */

.moreinfo .roundbox-content {margin:0;overflow:hidden;padding:1.5em;}
.moreinfo .roundbox-content p {margin:0;padding:0;line-height:1.6; color:#003366;}




/*DEPARTAMENTOS*/
#listado { width:100%; overflow:hidden;}
#listado #left{ width:50%; float:left;}
#listado #right{ width:50%;float:left;}

/*MAPA DE SITIO*/
/*
.left ul.mapa , ul.mapa li ul{ list-style:none;}
.left ul.mapa li{ font-size:1em; font-weight: bold; margin:0; padding:0; line-height:1.6em;}
.left ul.mapa li a{text-decoration:none; color: #993300;}
.left ul.mapa li a:hover{text-decoration: underline;}
.left ul.mapa li ul li, ul.mapa li ul li ul li{ line-height:0.5em; background-color: #EFE8D6;}
.left ul.mapa li ul li a, ul.mapa li ul li ul li a{ color:#333333;}
.left ul.mapa li ul li{ font-size:1em;  font-weight: normal; padding:1em;}
.left ul.mapa li ul li ul li{font-size:1em;   font-weight: normal; padding:0.8em; margin:0;}
.left ul.mapa li ul li ul li a{color:#996600;}
*/
.subcontent .left ul.mapa {margin:0;width:100%;font-size:1em; padding:0.2em 0.2em 0.1em 1em;}
.subcontent .left ul.mapa li{ font-weight: bold; list-style: none; padding:0;  margin:0px; background:url(none)}
.subcontent .left ul.mapa li a{padding:0.2em 0.2em 0.2em 1em; }
.subcontent .left ul.mapa li a{color:#996600;text-decoration: none;}
.subcontent .left ul.mapa li a:hover{text-decoration: underline;}
.subcontent .left ul.mapa li ul {padding:0.2em 0.2em 0.2em 1em; border:1px dotted #990000; margin-top:0.5em; background-color:#F2F4EC; }
.subcontent .left ul.mapa li ul li{list-style: none; padding:0; list-style-position:outside; margin-bottom:1px;}
.subcontent .left ul.mapa li ul li a{padding:0.2em 0.2em 0.2em 1em; }
.subcontent .left ul.mapa li ul li a{color:#996600;text-decoration: none;}
.subcontent .left ul.mapa li ul li a:hover{text-decoration: underline;}