/* CSS home */


/****** CONTENIDO CENTRAL ******/
div#mainContent div.destacado{
	background-color:#3ba2c8;
	border:2px solid #6dbcd8;
	padding:15px 10px 10px 10px;
}
div#mainContent div.destacado h4{
	font-size:12px;
	text-transform:uppercase;
	color:#FFFFFF;
	margin-bottom:12px;
}
div#mainContent div.destacado img{
	border:2px solid #6dbcd8;
	float:left;
	margin-right:10px;
}
div#mainContent div.destacado p{
	font-size:11px;
	color:#f0fafd;
	margin-bottom:0;
}
div#mainContent div.destacado p a.more{
	display:block;
	width:68px;
	height:17px;
	background-image:url(../img/leer_mas.gif);
	float:right;
}
div#mainContent div.destacado p a.more span{
	display:none;
}
div#mainContent div.noticiasShadow{
	background-image:url(../img/noticias_shadow.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:307px;
	height:15px;	
}
div#mainContent div.separador{
	background-image:url(../img/separador.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:5px 0 5px 0;
}
/****** AREAS ******/
div#mainContent{
	padding-bottom:2em;
}
div#mainContent div.areas{
	padding:0 10px 15px 0;
	position:relative;	
}
div#mainContent div.areas img{	
	float:left;
	border:6px solid #3ba2c8;
}
div#mainContent div.areas h5{
	font-size:14px;
	text-transform:uppercase;
	color:#005dab;
	margin-bottom:5px;
}
div#mainContent div.areas div.contenidoArea{
	padding-left:100px;
}
div#mainContent div.areas p{
	font-size:11px;
	color:#666666;
	margin-bottom:0;
}
div#mainContent div.areas p a.moreInfo{
	display:block;
	width:68px;
	height:17px;
	background-image:url(../img/leer_mas_areas.gif);
	margin-top:6px;
}
div#mainContent div.areas p a.moreInfo span{
	display:none;
}
div#mainContent div.areas div.areasShadow{
	background-image:url(../img/areas_shadow.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:90px;
	height:15px;
	position:absolute;
	top: 90px;
	left:0px;
}
/****** BOTON COLABORADOR ******/
div#mainContent a.colaborador{
	display:block;
	width:175px;
	height:23px;
	background-image:url(../img/quiere_ser_colaborador.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	margin-right:5px;
}
div#mainContent a.colaborador:hover{
	background-position:bottom left;
}
div#mainContent a.colaborador span{
	display:none;
}
/****** BOTON SKYPE ******/
div#mainContent a.skype{
	display:block;
	width:125px;
	height:23px;
	background-image:url(../img/skype.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}
div#mainContent a.skype:hover{
	background-position:bottom left;
}
div#mainContent a.skype span{
	display:none;
}
/****** CONTENIDO DERECHA ******/
div#mainContent div.rightContent{
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:1px solid #71a0c3;
}
div#mainContent div#sinBorde{
	border-bottom:none;
}
div#mainContent div.rightContent h3{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:1.1em;
	margin-bottom:10px;	
}
div#mainContent div.rightContent p{
	color:#FFFFFF;
	font-size:1.1em;
	margin-bottom:10px;	
}
/****** BOLETĪN ******/
div#mainContent div.rightContent dt label{
	line-height: 1.5em;
	color:#FFFFFF;
	text-transform:uppercase;
}
div#mainContent div.rightContent dt.empty{
	display:none;
}	
div#mainContent div.rightContent dd{
	height: 2em;
	margin-bottom:6px;
	text-transform:uppercase;
}
div#mainContent div.rightContent dd.noMargin{
	margin-bottom:0;
}
div#mainContent div.rightContent .textfield{
	width:149px;
	height:15px;
	border: #bebdbd solid 1px;
	padding: 0.2em 5px 0.1em 5px;
	font-size:1.1em;
	color:#666666;		
}
div#mainContent div.rightContent .botonform{
	color:#FFFFFF;
	width:53px;
	height:18px;
	font-size:10px;
	padding-bottom:2px;
	border:0;
	background: transparent url(../img/botonsearch.gif);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
	margin:2px 0 0 108px;
}
div#mainContent div.rightContent .botonform:hover{
	background-position:bottom left;
}
div#mainContent div.rightContent ul li{
	color:#FFFFFF;
	background-image: url(../img/arrow_links.gif);
	background-repeat:no-repeat;
	background-position:0 0.6em;
	padding-left:12px;
	margin-bottom:5px;
}
div#mainContent div.rightContent ul li a{
	color:#ccdfdf;
	font-size:1.1em;	
}
div#mainContent div.rightContent ul li a:hover{
	text-decoration:underline;
}