/* CSS Document */

/* Estructura ************************************************************************ */


#contenedor{
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	background-image:url(../imagenes/fondo_contenedor.jpg);
	background-position: left top;
	background-repeat:repeat-y;
}



/*****************************************************************************************/
/************ SOBRECABECERA PARA PUBLICIDAD O TEXTO EMPRESA ******************************/
/*****************************************************************************************/
#sobrecabecera{
	margin:5px 0px 0px 0px;
	font-size:11px;
	border-left:10px solid #eeeeee;
	border-right:10px solid #eeeeee;
	border-bottom:5px solid #eeeeee;
	padding:0;
	color:#666;
	background-color: #eeeeee;

}

#sobrecabecera img {margin:5px 0px 0px 5px;}

	#sobrecabecera_izda{
		float:left;
		width:728px;
		margin:0 5px 0 0;
		padding:0;
		color:#999;
		height:90px;
	}

	#sobrecabecera_dcha{
		float:right;
		width:247px;
		text-align:right;
		margin:0px;
		padding:0;
		height:90px;
	}

/*****************************************************************************************/
/************ CABECERA  ******************************************************************/
/*****************************************************************************************/

#cabecera{
	height:80px;
	padding:0;
	margin:0 0 1px 0;
}

	#cabecera_izda{
		height:80px;
		float:left;
		width:145px;
		padding:0;
		margin:0 0 0 10px;
	}
		#cabecera_izda img { 
			border:0px; 
		}
		
	#cabecera_central{
		height:22px;
		float:left;
		width:535px;
		padding:0;
		margin:0;
		font-size:12px;
		color:#999;
		padding-top:58px;
	}
		#cabecera_central A:link    { color: #666;  font-weight: normal;  text-decoration:none;}
		#cabecera_central A:visited { color: #666;  font-weight: normal; text-decoration:none;}
		#cabecera_central A:active  { color: #666;  font-weight: normal; text-decoration:none;}
		#cabecera_central A:hover   { color:#999; /*background-color:#003559;*/ text-decoration:underline;  font-weight: normal;}
		
	#cabecera_dcha{
		float:left;
		width:310px;
		height: 80px;
		padding:0;
		margin:0;
		background-color:#fff;
	}


/*****************************************************************************************/
/************ NAVEGACION *****************************************************************/
/*****************************************************************************************/
	
#navegacion_superior{
	height:35px;
	background-color:#E2E6EF;
	font-size:14px;
	border-left:10px solid #DBE0E9;
	margin-right:10px;
}
    #navegacion_superior ul {
      margin:0px 0px 0px 0px;
      padding:0;
      list-style:none;
	  float:left;
	  width:745px;
	  height:35px;
      }
    #navegacion_superior li {
      float:left;
      margin:0;
      padding:0;
	  text-align:center;
	  color:#FFF;
	  border-right: 1px solid #ccc;
	  height:35px;
      }
	  
    #navegacion_superior ul a:link, #navegacion_superior a:visited {
      float:left;
      display:block;
      padding:7px 9px 6px 9px;
      text-decoration:none;
      color:#003559;
      }
	  
    #navegacion_superior ul a:hover, #navegacion_superior a:visited:hover {
      float:left;
      display:block;
      padding:7px 9px 6px 9px;
      text-decoration:none;
      color:#333333;
      }
	  
	#actual {
	background-color: #B2C2CD;
	/*background-image:url(../imagenes/fondo_actual.jpg);
	background-position: top;
	background-repeat:repeat-x;*/
	margin:0px;
	padding:0px;
	  } 
	#actual a:link, #actual a:visited {
      float:left;
      display:block;
      padding:7px 9px 6px 9px;
      text-decoration:none;
	  /*font-weight:bold;*/
      color:#ffffff;
	 /* background-image:url(../imagenes/pestanaactualizda.jpg)!important;*/
      }
	  
    #actual a:hover {
       float:left;
      display:block;
      padding:7px 9px 6px 9px;
      text-decoration:none;
      /*font-weight:bold;*/
      color:#ffffff;
      }

	#buscador{
		float:right;
		background-image:url(../imagenes/fondo_buscador.jpg);
		width:225px;
		height:30px;
		padding:0px;
		margin:0px;
	}
	#buscador input{ 
	position:relative;
	margin:2px 15px 2px 10px;
	padding:4px;
	width:110px;
	background:none;
	font-size:14px;
	border:none;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;}
	
	#buscador img{ margin:0px; padding:0px;}
	

	
	
	  
/*************************************************/
/********* SUBNAVEGACION *************************/
/*************************************************/

#subnavegacion {
	position:relative;
	background-color:#B2C2CD;
	margin-bottom:0px;
	/*border-top:1px solid #0000CC;*/
	font-size:14px;
	margin-right:10px;
}

#subnavegacion ul{
	position:relative;
	margin: 0px;
	padding: 5px 10px 4px 5px;
	height:16px;
}

#subnavegacion li{
	position:relative;
	list-style-type: none;
	float: left;
	margin: 2px 4px 2px 4px;
	background-position: bottom left;
	padding-left: 12px;
}
#subnavegacion a:link, #subnavegacion a:visited{
	color:#FFF;
	text-decoration: none;
}
#subnavegacion a:hover, #subnavegacion a:visited:hover{
	color:#EBEBEB;
	text-decoration: none;
}

/************************************************/

#bajonavegacion{
	height:4px;
	background-color:#B2C2CD;
	font-size:1px;
	margin-right:10px;
}
	


/*****************************************************************/
/********* COLUMNAS PRINCIPALES **********************************/
/*****************************************************************/

/** SI EXISTE IMAGEN A 2 COLUMNAS SE ENGLOBAN LA 1 Y LA 2 **/
#columna1y2{
	position:relative;
	float:left;
	margin:0px 0px 0px 0px ;
	padding:0;
	width:689px;/*
	background-color:#CCC;*/
}

/* Columna 1*/
#columna1{
	position:relative;
	float:left;
	width:409px;
	margin:10px 5px 0px 20px;
	padding:0px 0px 5px 0px;
	/*background-color:#f5f5f5;*/
}

/*Columna 2 */
#columna2{
position:relative;
float:left;
width:245px;
margin:0px 0px 0px 10px;
padding:0px 0px 10px 0px;
}
	#columna2 .titulo{
		font-size:32px;
		color:#FFF;
		background-color:#828F99;
		padding:5px 10px;
		border-left:10px solid #E2E6EF;
	}

	#columna2 .pildora{
		border-bottom:1px solid #fff;
		border-top:10px solid #E2E6EF;
		padding:0px 0px 25px 0px;
		margin:0 0 0 10px;
		font-size:14px;
		background-color: #E2E6EF;
	}
		#columna2 .pildora h1 {
			color:#333333;
			font-size:20px;
			margin-top:7px;
			padding:5px 5px 5px 10px;
		}
		#columna2 .pildora p {
			margin-bottom:10px;
			padding:0 10px;
		}
		#columna2 .pildora h3 {
			color:#333333;
			font-size:20px;
			padding:5px 5px 5px 10px;
			/*line-height:20px;*/
		}
	
		#columna2 .pildora select{margin-top:7px;}
		#columna2 .pildora img{ padding:0; margin:0;}
		
		#columna2 .pildora h3  A:link    { font-weight:bold;color: #003559;  font-weight:normal; text-decoration:none;}
		#columna2 .pildora h3  A:visited { font-weight:bold;color: #003559;  font-weight: normal; text-decoration:none;}
		#columna2 .pildora h3  A:hover   { font-weight:bold;color: #fff; background-color:#003559;  font-weight: normal;}
		#columna2 .pildora h3  A:active  { font-weight:bold;color: #003559;  font-weight: normal; text-decoration:none;}
	
		#columna2 .pildora h4 {
			font-size:10px;
			border-top:1px dotted #ccc;
			border-bottom:1px dotted #ccc;
			padding:3px 10px 3px 10px;
			font-weight:normal;
		}		
		
		#columna2 .pildora h6{
			margin:5px 0px 0px 0px;
			padding:0 0 0 10px;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			/*border-bottom:1px dotted #CCC;*/
		}
		
/* Columna 3 */	
#columna3{
	position:relative;
	float:left;
	width: 300px;
	margin:0px 0px 0px 1px;
	padding:0px 0px 10px 0px;
	background-color:#fff;
}
	#columna3 .titulo{
		font-size:32px;
		color:#A5B6C0;
		background-color:#E2E6EF;
		padding:0 10px 0 10px;
	}

	#columna3 .pildora{
		border-bottom:1px solid #fff;
		border-top:10px solid #E2E6EF;
		padding:0px 0px 25px 0px;
		margin:0;
		font-size:14px;
		background-color: #fff;
	}
		#columna3 .pildora h1 {
			color:#333333;
			font-size:20px;
			padding:5px 5px 0px 10px;
		}
		#columna3 .pildora p {
			margin-bottom:10px;
			padding:0 10px;
		}
		#columna3 .pildora h3 {
			color:#333333;
			font-size:20px;
			padding:5px 5px 5px 10px;
			/*line-height:20px;*/
		}
	
		#columna3 .pildora select{margin-top:7px;}
		#columna3 .pildora img{ padding:0; margin:0;}
		
		#columna3 .pildora h3  A:link    { font-weight:bold;color: #003559;  font-weight:normal; text-decoration:none;}
		#columna3 .pildora h3  A:visited { font-weight:bold;color: #003559;  font-weight: normal; text-decoration:none;}
		#columna3 .pildora h3  A:hover   { font-weight:bold;color: #fff; background-color:#003559;  font-weight: normal;}
		#columna3 .pildora h3  A:active  { font-weight:bold;color: #003559;  font-weight: normal; text-decoration:none;}
	
		#columna3 .pildora h4 {
			font-size:10px;
			border-top:1px dotted #ccc;
			border-bottom:1px dotted #ccc;
			padding:3px 0px 3px 0px;
			margin-left:10px;
			font-weight:normal;
		}		
		
		#columna3 .pildora h6{
			margin:5px 0px 0px 0px;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			/*border-bottom:1px dotted #CCC;*/
		}
		#columna3 .pildora .masnoticiasdestacadas{	 margin:0; padding:0 0 0 10px}
			.masnoticiasdestacadas li{ list-style:none; border-bottom:1px dotted #ccc; margin:3px 0 3px 0}
			.masnoticiasdestacadas  a:link    {color: #003559;  text-decoration:none; font-size:11px;}
			.masnoticiasdestacadas a:visited { color: #003559;  text-decoration:none; font-size:11px;}
			.masnoticiasdestacadas a:active  { color: #003559; text-decoration:none; font-size:11px;}
			.masnoticiasdestacadas a:hover   { color: #fff; background-color:#003559; font-size:11px;}
		
/**************************************************************************/
/********* DIRECTOS A *****************************************************/
/**************************************************************************/

#directoa {
/*border:1px solid #CCCCCC;*/
background-image:url(../imagenes/fondo_directoa.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#ebebeb;
margin:0 10px;
padding:0 10px 10px 10px;
}

#directoa h1 {
font-size:18px;
margin:10px 0px 0px 10px;
}
#directoa li{
	margin:3px;
	list-style:none;
}
#directoa li A:link    { color:#003559;  font-weight: bold; padding:2px;}
#directoa li A:visited { color:#003559;  font-weight: bold; padding:2px;}
#directoa li A:hover   { color:#fff;  font-weight: bold; background-color: #003559; text-decoration:none;padding:2px;}
#directoa li A:active  { color:#003559;  font-weight: bold; padding:2px;}


/**************************************************************************/
/********* PIE *****************************************************/
/**************************************************************************/

#pie{
	height:148px;
	padding:20px 10px 0 10px;
	color:#E1E5EE; /* color de tipografa por defecto */
	background-color:#A6B6C1; /* Color de fondo del pie */
	border-top: 15px solid #88949E;
	margin:0 10px;
}
	#pie .titulo{ font-size:36px;}
	#pie .firma{ font-size:10px; text-align:right;}
	#pie a:link{color:#E1E5EE; font-weight:bold;}
	#pie a:active{color: #E1E5EE; font-weight:bold;}
	#pie a:visited{color: #E1E5EE; font-weight:bold;}
	#pie a:hover{color:#fff; font-weight:bold;}


/**************************************************************************/
/********* NOTICIA/IMAGEN PRINCIPAL DE PORTADA  *****************************/
/**************************************************************************/
/** IMAGEN A TRES COLUMNAS **/
.opaco{ width:990px; background-color: #B2C2CD;filter: alpha(opacity=80); opacity: .8;
	margin:-65px 0px 20px 0px; padding:4px 0 4px 0; overflow:hidden; text-align:center;}
.opaco h1{

	padding:0px 0px 0px 0px;
	color:#000000;
	margin:0 0px;
	font-size:30px;
}

	.opaco h1 a:link{color: #000000; text-decoration:none; font-weight:normal;}
	.opaco h1 a:active{color: #000000; text-decoration:none;}
	.opaco h1 a:visited{color: #000000; text-decoration:none;}
	.opaco h1 a:hover{color: #000000; text-decoration:none;}
	
#portadaimagen3{
	margin:0 10px 0 0;
	height:190px;
	border-bottom:10px solid #B2C2CD;
}

	
/** IMAGEN A DOS COLUMNAS **/	
#portadaimagen2{
	height:190px;
	margin:0;
	border-bottom:10px solid #B2C2CD;
}
	#portadaimagen2 h1 a:link{color: #20495E; text-decoration:none; font-weight:normal;}
	#portadaimagen2 h1 a:active{color: #20495E; text-decoration:none;}
	#portadaimagen2 h1 a:visited{color: #20495E; text-decoration:none;}
	#portadaimagen2 h1 a:hover{color: #000000; text-decoration:none;}
.opaco2{ background-color:#ffffff;/* #CCDDCA #294B25* #3F5840 #063 #003559*/filter: alpha(opacity=80); opacity: .8;
	margin:0 0 0 0; height:35px; padding:4px 0 4px 0; overflow:hidden; text-align:center;
	position:relative;
	z-index:1;}
#portadaimagen2 h1{
	padding:0px;
	color:#20495E;
	margin:-40px 0px 22px 10px;
	font-size:30px;
	position:relative;
	z-index:2;
}

/****************************************************************************/
/******** ZONAS DE PUBLICIDAD *************************************************/
/*****************************************************************************/
.publicidadprimaria{
	position: relative;
	text-align:center;
	margin:0px 10px 10px 20px;
}
	.publicidadprimaria img {
		border:0px;
		margin:0px 0px 4px 0px  
	} 

.publicidadsecundaria{
	text-align:center;
	padding:0;
	margin:10px 0;
}
	.publicidadsecundaria img {
		border:0px;
		margin:4px 0px 4px 0px  
	} 

.publicidadterciaria{
	text-align:center;
	padding:0px 0px 5px 10px;
}
	.publicidadterciaria img {
		border:0px;
		margin:2px 0px 2px 0px;
	} 

/****************************************************************************************************************/
/********* PILDORA VOTACION *************************************************************************************/
/****************************************************************************************************************/
.pildoravotacion{
		border-bottom:1px solid #CCCCCC;
		padding:10px 0px 5px 0px;
		margin:0px 0 10px 0;
		font-size:14px;
		background-color:#EFF1F1;
	}
	.pildoravotacion p {
		margin:0px 10px 10px 10px;
	}
	.pildoravotacion img{ padding:0; margin:0;}	
	.pildoravotacion  A:link    { font-weight:bold;color: #003559;  font-weight: bold; text-decoration:none;}
	.pildoravotacion  A:visited { font-weight:bold;color: #003559;  font-weight: bold; text-decoration:none;}
	.pildoravotacion  A:hover   { font-weight:bold;color: #fff; background-color:#003559;  font-weight: bold;}
	.pildoravotacion  A:active  { font-weight:bold;color: #003559;  font-weight: bold; text-decoration:none;}
.pildoralogininterior{
	border:1px solid #CCCCCC ;
	padding:4px;
	font-size:11px;
	/*background-image:url(../imagenes/fondo_login.jpg);*/
	width:550px;
	margin:20px auto 20px auto;
	
}

.pildoralogininterior p{
	font-size:11px; 

}


	.pildoralogininterior h1{
		font-size:18px;
		padding:0px; 
		margin:0px;  
		color:#333;
		font-weight:bold;
	}
	.pildoralogininterior select{
	
	}
	
	.pildoralogininterior #login_usuario_input{
		width:130px;
		font-size:10px;
		margin:0px 0px 0px 20px ;
		border:#CCCCCC 1px solid;
	}
	
	.pildoralogininterior #login_clave_input{
		width:130px;
		font-size:10px;
		margin:5px 0px 0px 0px ;
		border:#CCCCCC 1px solid; 
		/*background-image:url(../imagenes/fondo_barralogin.jpg);*/
	}
	
/****************************************************************************************************************/
/********* PILDORA LOGIN  *************************************************************************************/
/****************************************************************************************************************/
.pildoralogin{
	border:1px solid #CCCCCC ;
	padding:4px;
	font-size:11px;
	/*background-image:url(../imagenes/fondo_login.jpg);*/
	margin-bottom: 8px;
	
}

.pildoralogin p{
	font-size:11px; 
}


	.pildoralogin h1{
		font-size:14px;
		padding:0px; 
		margin:0px;  
		color:#333;
	}
	.pildoralogin select{
	
	}
	
	#login_usuario_input{
		width:130px;
		font-size:10px;
		margin:0px 0px 0px 20px ;
		border:#CCCCCC 1px solid;
	}
	
	#login_clave_input{
		width:130px;
		font-size:10px;
		margin:5px 0px 0px 0px ;
		border:#CCCCCC 1px solid; 
		/*background-image:url(../imagenes/fondo_barralogin.jpg);*/
	}

/**************************************************************************/
/********* VARIOS ***********************************************************/
/**************************************************************************/

/**** Bread Crumb ***/
#breadcrumb{
	height:16px;
	padding:0px 0px 3px 0px;
	text-align:left;
	font-size:12px; /* Tamao de tipografa del pie */
	border-bottom:1px solid #ebebeb;
	margin:10px 10px 10px 20px;
}

#breadcrumb A:link    { color: #003559;  font-weight: normal;  text-decoration:none;}
#breadcrumb A:visited { color: #003559;  font-weight: normal; text-decoration:none;}
#breadcrumb A:active  { color: #003559;  font-weight: normal; text-decoration:none;}
#breadcrumb A:hover   { color: #ffffff;  font-weight: normal; background-color:#003559;}

/**** Mostrar secciones **/
.mostrarseccion{
	position:relative;
	border:1px solid #ccc;
	background-color:#F8F8F8;
	padding:2px;
	margin:0 10px 4px 20px;
}
	.mostrarseccion A:link    { color: #003559; font-size:16px;  font-weight: normal;  text-decoration:none;}
	.mostrarseccion A:visited { color: #003559; font-size:16px;;  font-weight: normal; text-decoration:none;}
	.mostrarseccion A:active  { color: #003559; font-size:16px;  font-weight: normal; text-decoration:none;}
	.mostrarseccion A:hover   { color: #000; text-decoration:underline;  font-weight: normal;}
	.mostrarseccion img{
		position:relative;
		float:left;
		border:none;
		margin:0px 7px 0px 0px;
	}

/**** Enlaces **************/
.enlaces /* ** ASPECTO DEL BLOQUE DE ENLACES ****** */
	{
	position: relative;
	padding: 3px 3px 0px 5px;
	margin: 10px 0px 5px 0px;
	border-color: #ECF4F7;
	border-width: 4px;
	border-style: solid;
	}
	
	.enlaces li    { margin-bottom:5px;}  
		
	.enlaces a:link    { color: #003559;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:visited { color: #003559;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:hover   { color: #999999;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:active  { color: #003559;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	
/**** Paginacion **********/
.paginacion /* PAGINACION ENTRE PAGINAS */
	{
	padding: 3px 3px 3px 3px;
	margin: 10px 0px 10px 0px;
	color:#666666;
	text-align:center;
}

/*** Alta en listacorreo*/
#date-de-alta {
position:relative;
margin:10px 0px 20px 5px;
}





.contenedor_boton{
	margin: 6px 0 0 0;
}

	.contenedor_boton a:link{color:##000066;}
	.contenedor_boton a:active{color: ##000066;}
	.contenedor_boton a:visited{color: ##000066;}
	.contenedor_boton a:hover{color: #000;}



.boton{
	background-color:#999;
	color:#fff;
	font-size:13px;
	padding:2px 7px 2px 7px;
	border:1px solid #CCCCCC;
}

/*************************************************************/
/********************* AGENDA ********************************/
/*************************************************************/
.celdanormal{
	background-color:#FFFFFF;
	font-size:10px;
	text-align:center;
	color:#666666;
}
.celdamarcada{
	background-color:#262F44;
	/*background-image:url(../imagenes/fondo_celda.jpg);
	background-position:center;
	background-repeat:no-repeat;*/
	font-size:10px;
	text-align:center;
	color:#fff;
	/*border:1px solid #666;*/
}
.celdamarcada a:link{ color:#FFFFFF;	text-decoration:none;}
.celdamarcada a:hover{ color:#FFFFFF;	text-decoration:none;}
.celdamarcada a:visited{ color:#FFFFFF;	text-decoration:none;}
.celdamarcada a:active{ color:#FFFFFF;	text-decoration:none;}

.celdaactual{
	/*background-color:#FFCCFF;*/
	background-image:url(../imagenes/fondo_celda3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	font-size:10px;
	text-align:center;
	color:#666;
	border:1px solid #666;
}

.celdahoy{
	font-size:10px;
	color:#333;
	text-align:center;
	border:1px solid #666;
	/*background-color:#64B1FF;*/
	background-image:url(../imagenes/fondo_celda2.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.pildora_agenda{
	float:left;
	width:190px;
	position:relative;
}
.leyenda{
	font-size:10px;
	padding:5px;
}

.leyenda_iconos  img {
	vertical-align:middle
}
.leyenda_agenda{
	position:relative;
	float:left;
	width:190px;
	font-size:10px;
	padding:5px;
	border-left:1px solid #ccc;
	margin-left:10px;
}
.separacion{
	height:6px;
	font-size:1px;
}
.boton_anchopildora{
	background-color:#EFEFEF;
	color:#262F44;
	border:1px solid #CCCCCC;
	width:230px;
}
/*************************************************************/


.form_alta_boton_enviar {
text-align:center ; 
border-top:1px solid #999; 
padding:10px 0px 0px 0px;  
}

.foto {
	text-align:center;
	margin-left:5px;
	position:relative;
	float: right;
	background-color:#ffffff;
	padding: 5px;
}

.foto A:link    { color:#000066; font-size:10px;  font-weight: normal;  text-decoration:none;}
.foto A:visited { color:#000066; font-size:10px;  font-weight: normal;  text-decoration:none;}
.foto A:hover   { color:#000066; font-size:10px;  font-weight: normal;	 text-decoration:underline;}
.foto A:active  { color:#000066; font-size:10px;  font-weight: normal;  text-decoration:none; }


		

.bloquebuscadoravanzado /* BUSCADOR AVANZADO */
	{
	padding: 3px 3px 3px 5px;
	margin: 5px 7px 5px 5px;
	}


.cabecerabloque{
	position:relative;
	height:15px;
	background-color:#fff;
	font-size:10px;
	color:#666666;
	padding: 5px 10px 2px 0px;
	border-bottom:1px solid #CCCCCC;
}



.formulario{
	position: relative;
	border:1px solid #ccc;
	padding:10px 10px 40px 10px;
}



.bloqueformularioalta /* FORMULARIO ALTA USUARIOS. ASPECTO DE LOS BOTONES VA EN ASPECTO.CSS */
	{
	position: relative;
	margin:5px;
	padding: 0px 5px 5px 5px;
	}