@charset "UTF-8";
/* CSS Document */


a, a:visited { color:#FFFFFF; text-decoration: none; }
a.pdf { background: url(../images/frontSide/pdfb&n.gif) no-repeat top left scroll; padding-left:20px; padding-bottom: 5px }
a.doc { background: url(../images/frontSide/wordIcon.gif) no-repeat top left scroll; padding-left:20px; padding-bottom: 5px }

body{
	background:  url(../images/frontSide/bg.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;	
}

label{
	color:#262c3b;
	font-weight:bolder;
	}
.block { display:block;}
.searchBox{
	background-color:#606060;
	height:25px;
	padding:5px;
	padding-top:7px;
	font-weight:bolder;
}
#wrapper{ 
		position:absolute;
		
		left:50%;
		height: 700px;
		
		width:980px;
		margin-left:-500px;
		
		
}
#upperContainer{
	height: 530px;
	width: 980px;
	border: 10px solid #FFFFFF;
}
.darkGrey{background-color: #404040;}

/* ESTILOS PARA EL HOME */
div#homeNews{	
	width: 495px;
	height:322px;
	float:left;
	padding-left:25px;
	
}

/* A CSS comment before the hack \*/
* html div#homeNews {
	width: 495px; 
	
}
/* Another CSS comment after the hack */

div#homeNews .header{
margin-bottom: 15px;
	
}

.descargasHome{
	float:left;	 
	margin-right:10px; 
	margin-left:10px;
	padding-left:10px ; padding-right:10px;
	 border-right: dashed 1px #3b455f; border-left: dashed 1px #3b455f}

div.newsBlock { margin-right: 15px; }
div#homePicture{
	background-image: url(../images/frontSide/homePicture2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:460px;
	height:322px;
	float:left;
}


div.menu{
	background-color: #bcc5db;
	height: 25px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align:right;
	padding-right:15px;
}
div.menu  a {
	margin:4px;
	text-decoration:none;
	font-family: "Helvetica Neue Bold Condensed", Helvetica, Verdana;
	color:#FFFFFF;
	font-size:13px;
	position:relative;
	top:5px;
}
/* A CSS comment before the hack \*/
* html div.menu  a {
	font-size:11px;
	font-weight:bold;
	
}
/* Another CSS comment after the hack */
div.menu a:hover { color:#1f2535}
.blueBg{ background-color:#7587b5}

div#homeMiddle{ 
	height: 179px;
	}
h1 {
	font-family: "Helvetica Neue Bold Condensed", Helvetica, Verdana;
	font-size:30pt;
	color:#97a7cf;
	margin-top:10px;
	margin-bottom:10px;
	font-style: normal;
		
}
/* A CSS comment before the hack \*/
* html h1 {
	font-size:20pt;
	font-weight:bold;
	
}
/* Another CSS comment after the hack */
	

/* Bloque de noticias de la portada */
.newsBlock div { 
	margin-top: 5px;
	
}
.news_date {
	background-attachment: scroll;
	background-image: url(/images/frontSide/horizontalSpacer.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:15px;
	font-weight:700;
	
}

h4, .newsBlock h4  { margin-bottom: 4px ; padding:0px; font-size:8pt; margin-top:5px;}

.newsBlock a { text-decoration: none; color:#FFFFFF} 
.blueText{color:#c1d2f5;}
/* ESTILOS PARA EL PIE DE LA HOME */
#downContainer {width:1000px;}
#downContainer h1{ border-bottom: solid #fff 2px}


/**********************************/	
/*GRUYPO DE TRABAJO                */
/**********************************/

ul#wt  { 
	list-style:none;
	padding-left:0px;
	margin-left:0px;
}
ul#wt li{float:left; width:195px}
ul#wt .date{	
	padding-left:20px;
	background-attachment: scroll;
	background-image: url(/images/frontSide/rightArrowWhite.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul#wt .intro { 
	background-color:#4e5360; 
	margin-top:5px; 
	margin-bottom:10px; 
	width:170px;height:27px;	
	opacity:.63;
	padding-left: 5px;
	text-transform:lowercase;
	}
ul#wt .inactive { background: #4e5360 url(../images/frontSide/wtBg.gif) repeat-x top left scroll}	
ul#wt .intro a { text-decoration:none; color:#FFFFFF}	


#wtItem{ 
	background:  url(../images/frontSide/bg.gif) repeat;
	padding: 20px 40px;
}
#wtItem .intro { 
	background-color:#CCCCCC;
	color: #1f2535;
	padding: 5px;
	margin-bottom:10px;
	
	}	
#wtItem a {
	font-weight:bolder;
	padding-bottom:20px;	
	text-decoration:none;
	}	
	
/**********************************/	
/* ESTILOS DE LA SECCION NOTICIAS */
/**********************************/
#news_wrapper{ 
	width:600px; 
	height:504px; 
	float:left;
	padding-left:25px;
}

#news_wrapper .newsItem{
	width:540px;
	text-align:justify;
}
/* A CSS comment before the hack \*/
* html #news_wrapper {
	width: 656px; 
	
}
/* Another CSS comment after the hack */
#newsList_wrapper{ 
	 width:323px;
	 height:504px;
	 background-color: #757575;
	 padding-left:25px;
	 float:left;
}

/* A CSS comment before the hack \*/
* html #newsList_wrapper {
	width: 303px; 
	
}

/* start edit */
div.news_scroller {
	width: 570px; /* edit me */
	height: 350px; /* edit me */
	
	
}
div.news_scroller .content {
	height: 350px; /* edit me */
	width: 560px; /* edit me */
	overflow: hidden;
	float: left;	
	
	
}
div.news_scroller .scrollarea {
	height: 348px; /* edit me */
	width: 9px;
	float: left;	
	cursor: pointer;
}
/* end edit */
div.news_scroller .content ol {
	margin-left: 0px; /* ie only */
}
div.news_scroller .content p {
	margin-left: 0px; /* ie only */
}
div.news_scroller div.scrollBarContainer {
	height: 330px; /* edit me (ff: height - 18px - ie: height - 46px) */
	background-color:#a1a1a1;
}

div.news_scroller .scrollKnob {
	width: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #d1d1d1 url(/images/frontSide/scrollBar.gif) no-repeat top;
	min-height: 10px;
}
div.news_scroller .scrollForward, div.scroller .scrollBack {
	width: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #ccc;
	height: 5px !important;
	visibility:hidden;
}

/*scorllbar de la lista de noticas */
/* start edit */
div.newsList_scroller {
	width: 280px; /* edit me */
	
	
	
}
div.newsList_scroller .content {
	
	width: 270px; /* edit me */
	
	
	
}

/**********************************/	
/* ESTILOS DE LA SECCION EVENTOS */
/**********************************/

.eventsItem h4 {
	color:#000000;
	margin-bottom:5px;
}
.eventsItem h4 a { color: #000; text-decoration:none}
.eventsItem .intro  a { color: #fff; text-decoration:none;  }
.eventsItem .intro {
	text-transform: uppercase;
}	
#wtWrapper,#eventsWrapper , #linksWrapper{	
	padding-left:25px;
	padding-right:25px;
}

#eventsWrapper , #linksWrapper {height:315px;}
#wtWrapper{ height:430px; margin-left:40px}


#event h4{
	font-weight: 700;
	text-transform: uppercase;
}

/**********************************/	
/* ESTILOS DE LA SECCION Enlaces */
/**********************************/
#linksWrapper div { margin-right:75px}
#linksWrapper ul  {padding : 0px; margin:0px}
#linksWrapper li { list-style:none}
.whiteBg {background-color:#FFFFFF; }
#logos { text-align:center; padding-top:25px;}



/**********************************/	
/* ESTILOS DE LA SECCION Quinenes somos */
/**********************************/
#quienesWrapper{
	margin-top:40px;
	height:462px;
	padding-left:25px;
	padding-right:25px;
}

div.junta {
	border-right-color:#FFFFFF;
	border-right-style:dashed;
	border-right-width:1px;
	color: #bcc5db;
}
div.junta ul {padding:0px; margin:0px;}
div.junta h4 { color: #fff}
div.junta .col { float:left; margin-right: 10px } 
div.junta ul li{ list-style:none; margin-bottom: 10px}
div.junta a { text-decoration:none; color:#e2e7f3; font-weight:700}
div.junta a:hover  {color:#71fbfd}
div.quienes_scroller .content p { margin-right: 15px; text-align:justify;}

/* start edit */
div.quienes_scroller {
	width: 450px; /* edit me */
	height: 340px; /* edit me */
	
	
}
div.quienes_scroller .content {
	height: 340px; /* edit me */
	width: 430px; /* edit me */
	margin-right: 10px;
	overflow: hidden;
	float: left;	
	
	
}
div.quienes_scroller .scrollarea {
	height: 338px; /* edit me */
	width: 9px;
	float: left;	
	cursor: pointer;
}
/* end edit */
div.quienes_scroller .content ol {
	margin-left: 0px; /* ie only */
}
div.quienes_scroller .content p {
	margin-left: 0px; /* ie only */
}
div.quienes_scroller div.scrollBarContainer {
	height: 320px; /* edit me (ff: height - 18px - ie: height - 46px) */
	background-color:#a1a1a1;
}

div.quienes_scroller .scrollKnob {
	width: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #d1d1d1 url(/images/frontSide/scrollBar.gif) no-repeat top;
	min-height: 10px;
}
div.quienes_scroller .scrollForward, div.scroller .scrollBack {
	width: 5px;
	margin: 1px;
	border: 1px solid #999;
	background: #ccc;
	height: 5px !important;
}

/**********************************/	
/* ESTILOS DE LA SECCION DESCARGAS */
/**********************************/
#descargasWrapper{ height:442px; padding-left:25px; padding-right:25px; height:464px; margin-top:-12px; }
#descargasWrapper a:visited, #descargasWrapper a:hover { color:#71fbfd}
#descargasWrapper .separador { height:5px; border-bottom: #9badda dashed 1px; clear:both; margin-bottom:10px; margin-right:35px}
#descargasHeader { background:url(../images/frontSide/dowloadHeader.gif) repeat-x top left scroll; height:40px;}	
.file_Item{
	float:left; 
	
	width:250px;
	margin-right:55px;
	margin-bottom:10px;
	/*background:url(../images/frontSide/horizontalSpacer.gif) repeat-x left bottom;*/
	
}
.file_Item div { color:#000000;}
.file_Item div a{ text-decoration:none; color:#FFFFFF}

div.descargas_scroller { width: 930px}
div.descargas_scroller .content {width:920px}
div.descargas_scroller div.scrollBarContainer	{ background-color:#bbc4db}
div.descargas_scroller .scrollForward , div.descargas_scroller .scrollBack {visibility:hidden}
div.descargas_scroller .scrollKnob {
	background: #dee2ed url(/images/frontSide/scrollBar2.gif) no-repeat top; border: solid 1px #dee2ed;
}	

/**********************************/	
/* ESTILOS DE LA SECCION SUSCRIPCION */
/**********************************/	

#suscription{ 
	background:  url(../images/frontSide/bg.gif) repeat;
	padding: 20px 40px;
}
#suscription .intro { 
	background-color:#CCCCCC;
	color: #1f2535;
	padding: 5px;
	margin-bottom:10px;
	
	}
#suscription label { color:#99a6c7; margin-right:5px}
#suscription  div {margin:5px;}
#suscription .separador {color:#7f9dee; margin-top:10px; margin-bottom:10px; font-weight:bold}		

/****************************************/
/* MANEJO DE ERRORES                    */
/****************************************/

.validation-advice {
border: solid 1px red;
padding: 5px;
color:red;
background-color:#FFFFFF;

}