/***** Definición de estilos generales *****/
*{
	margin: 0px;
	padding:0px;
	border: none;
}
body{font: 9pt "trebuchet ms",arial,sans-serif;}	
a { color: #666666; text-decoration: none; }
a:hover { color: #999999; }
img {	border: 0px }
ul,ol { margin: 1em 0 1em 2em; padding: 0; }
li { margin: 4px 0; }
blockquote { margin: 0 0 0 2em; }
/**************** Aqui empiezan los estilos de cada elemento  **/


div.ancho_pagina{
	width: 900px;
	margin: 0 auto; /* Esto nos centra la página en mozilla*/
}
#cabecera_hueco_menuv,#busqueda_hueco_menuv,#cuerpo_hueco_menuv,#pie_hueco_menuv{
	width: 170px;
	float:left;
	
}
#cabecera_cuerpo,#busqueda_cuerpo,#cuerpo_cuerpo,#pie_cuerpo,div.PortadaRecursoGrande,div.PortadaRecursoGrande_titulo,#PortadaPie,#seccion_cabecera,#seccion_cuerpo{
	width: 730px;	
	float:left;
}



#cabecera,#cabecera_cuerpo,#cabecera_hueco_menuv,#cabecera_logo{  
     height: 35px;
}
#cabecera_hueco_menuv{
	background-image: url(images/logojunta1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#busqueda_hueco_menuv{
background-image: url(images/logojunta2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#cabecera{/*ocupa todo el ancho de la page, que sera variable*/
	background-color: cc0001;	
	text-align:center; /* Esto nos centra la página en explorer*/
}
#cabecera_logo{
	background-image: url(images/cab.gif);
	background-position: left bottom;
	float:left;	
	width: 285px;
	
}
#cabecera_sobre_menu{
	height: 17px;
	float:right;
	width: 440px;
	font-size: 1px;
	line-height: 1px;

}
#cabecera_menu{
	height: 18px;
	float:right;
	vertical-align: bottom;
	font-size: 1px;
	line-height: 1px;
}
#busqueda,#busqueda_cuerpo,#busqueda_hueco_menuv,#busqueda_logo{  
	height: 20px;
}
#busqueda{
background-color: #181411;
text-align:center; /* Esto nos centra la página en explorer*/
}
#busqueda_hueco_menuv a{
color:FFF;
}

#busqueda_logo{
	background-image: url(images/bus.gif);
	background-position: left center;
	float:left;
	background-repeat: no-repeat;
	width: 285px;
	
}
#busqueda_form{
  float:right;
}
input.busqueda{
	background-color: e3edec;
	color: #OOO;
	vertical-align: middle;
	height: 12px;
	width:141px;
	margin-top:3px;
	font-size: 7pt;

}
input.busquedab{
	background-color: #181411;
	color: #FFF;
	vertical-align: middle;
	height: 16px;
	text-transform: uppercase;
	font-size: 7pt;
	margin-top:2px;	
}


#cuerpo{
text-align:center; /* Esto nos centra la página en explorer*/
margin-top:5px;
}
#cuerpo_hueco_menuv{
	

}
#cuerpo_cuerpo{
	

}
#pie,#pie_hueco_menuv,#pie_cuerpo,#pie_logo{
height:40px;
}
#pie{
	text-align:center;
	background-color: #181411;
	float:left;
	width:100%;

}
#pie_hueco_menuv{
	float:left;
	background-image: url(images/pie_i.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#pie_cuerpo{

}
#pie_logo{
	background-image: url(images/pie_d.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	float: rigth;
}
div.menuv_item{
	padding-top:6px;
	padding-bottom: 6px;
	padding-left: 15px;
	margin-bottom:3px;
	background-image: url(images/menuv.gif);
	background-repeat:  repeat-y;
	text-align:left;	
}
div.menuv_item2{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: ccd2d2;
	text-align:left;
	padding-top:3px;
	padding-bottom: 3px;
	padding-left: 30px;
}
div.menuv_item,div.menuv_item2{
margin-right:5px;
}

div.menuv_item a,div.menuv_item2 a{
	color: #6b696a;
}

div.PortadaRecursoGrande{
	background-color: #FFFF99;
	color: #333333;
	height: 215px;
	overflow:hidden;
	font-weight: bold;
	
    
}
div.PortadaRecursoGrande_texto{
	height: 215px;
	width: 245px;
	background-color: #FFF;
	float:right;
	-moz-opacity:0.80;
    opacity:0.80;
	text-align: right;
    filter:alpha(opacity='80');
	/*padding-right:10px;
	padding-left:10px;*/
	padding:10px;	
	overflow:hidden;
	font: 11pt "trebuchet ms",arial,sans-serif;
}

div.PortadaRecursoGrande img{
float:left;
}
div.PortadaRecursoGrande_titulo{
	height: 32px;
	background-color: #181411;
	color: #FFFFFF;
	text-align: right;
	font-size: 17pt;
	text-transform: uppercase;
	line-height: 32px;
	vertical-align: middle;
	margin-top:5px;
	float:left;	
}
div.PortadaRecursoGrande_titulo a{ 
color: #FFFFFF;
}
div.PortadaRecursoBanner{
     margin-top:5px;
	background-image: url(images/fondo_banner.jpg);
	height: 125px;
	width:730px;
	float:left;
	text-align:left;
	overflow:hidden;
}
div.PortadaRecursoBanner img{
    margin-left:9px;
	 margin-top:9px;
}

div.PortadaRecursoEntero{
    margin-top:5px;
	background-image: url(images/rec_por_entero.jpg);
	height: 132px;
	width:730px;
	float:left;
	text-align:left;
	overflow:hidden;
}
div.PortadaRecursoEnteroTexto{
	background-color:#edf3f3;
	margin-left:9px;
	width:710px;
	height: 85px;
	background-image: url(images/rec_por_media_fon_tex.jpg);
	background-repeat:  repeat-y;
	font-size: 9pt;	
	overflow:hidden;
	font: 10pt "trebuchet ms",arial,sans-serif;
}

div.PortadaRecursoMedio{
    margin-top:5px;
	background-image: url(images/rec_por_media_.jpg);
	height: 132px;
	width:365px;
	float:left;
	text-align:left;
	overflow:hidden;
}
div.PortadaRecursoMedio img,div.PortadaRecursoEntero img{
    margin-left:9px;
}
div.PortadaRecursoMedioTitulo,div.PortadaRecursoEnteroTitulo{
	margin-top:12px;
	margin-right:32px;
	margin-left:14px;
	font-size: 9pt;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: left;
	line-height: 31px;
    height: 31px;
	
}
div.PortadaRecursoMedioTexto{
	background-color:#edf3f3;
	margin-left:9px;
	width:345px;
	height: 87px;
	background-image: url(images/rec_por_media_fon_tex.jpg);
	background-repeat:  repeat-y;
	font-size: 9pt;
	height: 87px;
	overflow:hidden;
	font: 10pt "trebuchet ms",arial,sans-serif;
}

div.PortadaRecursoPeque{
    margin-top:5px;
	background-image: url(images/rec_por_peque.jpg);
	height: 228px;
	width:230px;
	float:left;
	text-align:left;
	overflow:hidden;
}
div.PortadaRecursoPeque img{
    margin-top:10px;
	margin-left:10px;
	
	
}
div.PortadaRecursoPequeTexto{
	background-color:#edf3f3;
	margin-left:10px;
	width:210px;
	height: 60px;
	background-image: url(images/rec_por_peque_fon_tex.jpg);
	background-repeat:  repeat-y;
	font-size: 9pt;
	height: 125px;
	overflow:hidden;
	font: 10pt "trebuchet ms",arial,sans-serif;
}
div.PortadaRecursoPequeSeparador{
height: 228px;
float:left;
width:20px;
}
a.PortadaRecurso{
color:#CC0000;
font-size: 9pt;
}
#PortadaPie{
	height:44px;
	background-image: url(images/portada_pie.jpg);
	background-repeat: no-repeat;
	margin-top:5px;
	font-size: 7pt;
	text-align: center;
	line-height: 12px;
	padding-left:15px;
	padding-top:10px;
	overflow:hidden;
	color: #FFFFFF;
	

}
#seccion_cabecera{
	background-image: url(images/seccion_fondo_arriba.jpg);
	background-repeat: no-repeat;
	height:179px;
    text-align:left;
	float:left;
}
#seccion_cabecera img{
	margin-top:12px;
	float:left;
	
}
div.seccion_separador{
	width:12px;
	height:100px;
	float:left;
	
	
}
#seccion_titulo{
	width:706px;
	height:32px;
	background-color:#000;
	color:#FFF;
	font-size: 14pt;
	line-height: 30px;
	vertical-align: middle;
	float:left;
	text-align: right;
	
}
#seccion_titulo a{
color:#FFF;

}
#seccion_cuerpo{
	background-image: url(images/seccion_fondo_medio.jpg);
	background-repeat:  repeat-y;
	float: left;
}
div.seccion_cuerpo_recursos{
	background-image: url(images/seccion_fondo_recurso.jpg);
	background-repeat:  repeat-y;
	float: left;
	width:706px;
	background-position: right;
}
#seccion_pie{
	float: left;
	width:730px;
	height:14px;
	background-image: url(images/seccion_fondo_pie.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
div.seccion_recurso_titulo{
	width:100%;
	height:28px;
	background-color:#919a99;
	line-height: 26px;
	vertical-align: middle;
	color:#FFF;
	float:left;
	margin-top:5px;
	text-align:left;
	font-size: 12pt;
	margin-bottom: 5px;
}
div.seccion_recurso_cuerpo{
width:98%;
float:left;
text-align:justify;
}

img.seccion_recurso_cuerpo{
float:left;
margin:10px;
}
div.seccion_recurso_cuerpo img{
/*margin:10px; */
}

div.seccion_recurso_mensaje{
width:98%;
float:left;
text-align:center;
}
div.seccion_recurso_repositorio{
	width:200px;
	height:60px;
	margin-left:25px;
	float:left;
	text-align:left;
	margin-top:5px;
	
}
img.seccion_recurso_repositorio{
	vertical-align: middle;
	float:none;
}

/* Estilos del calendario */
div.calendario_mes_titulo{
	width:100%;
	height:28px;
	background-color:#919a99;
	line-height: 26px;
	vertical-align: middle;
	color:#FFF;
	float:left;
	margin-top:5px;
	text-align:center;
	font-size: 12pt;
	margin-bottom: 5px;
}
div.calendario_dia_semana,div.calendario_dia_semana_{ 
    float:left;
    height:28px;
	background-color:#919a99;
	line-height: 26px;
	vertical-align: middle;
	color:#FFF;
	float:left;
	margin-top:5px;
	text-align:center;
	font-size: 12pt;
	margin-bottom: 5px;
}
div.calendario_dia_semana{width:101px;}

div.calendario_dia_semana_{width:100px;}


 div.calendario_dia_vacio,div.calendario_dia_actual,div.calendario_dia_fin_semana,div.calendario_dia_normal{
  width:101px;
  float:left;
  background-image: url(images/cuadro101.jpg);
  height:100px;
  background-color: f0f4f5;
  overflow:hidden;
	
  }
 div.calendario_dia_vacio_,div.calendario_dia_actual_,div.calendario_dia_fin_semana_,div.calendario_dia_normal_{ /* a la columna del lunes le tengo que dar un pixel menos para ajustar al tamaño exacto que queremos */
  width:100px;
  float:left;
  background-image: url(images/cuadro100.jpg);
  height:100px;
 background-color: f0f4f5;
   overflow:hidden;
  }
div.calendario_dia_vacio_,div.calendario_dia_vacio{
	background-color: #F4F7F8;
	height:100px;

}

div.dia_numero{
float:left;
width:95%;
text-align:right;
}
/************ Agenda ******************/
div.agenda_portada{
float:left;
width:182;
margin-left:10px;
overflow:hidden;
}

div.agenda_mes_titulo{
	width:100%;
	vertical-align: middle;
	color:#000000;
	float:left;
	margin-top:5px;
	text-align:center;
	font-size: 12pt;
	margin-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
}
div.agenda_dia_semana,div.agenda_dia_semana_{
	float:left;
	vertical-align: middle;
	color:#000000;
	float:left;
	margin-top:5px;
	text-align:center;
	font-size: 9pt;
	margin-bottom: 5px;
	font-weight: bold;
}
div.agenda_dia_semana{
width:25px;
  color:#e47313;
}

div.agenda_dia_semana_{
width:25px;
color:#e47313;
}
 div.agenda_dia_vacio,div.agenda_dia_actual,div.agenda_dia_fin_semana,div.agenda_dia_normal{
  width:25px;
  float:left;
  height:15px;
  border-left:1px solid #000;
  overflow:hidden;
  font-weight: bold;

  }
 div.agenda_dia_vacio_,div.agenda_dia_actual_,div.agenda_dia_fin_semana_,div.agenda_dia_normal_{ /* a la columna del lunes le tengo que dar un pixel menos para ajustar al tamaño exacto que queremos */
  width:25px;
  float:left;
  height:15px;
   overflow:hidden;
   font-weight: bold;
  }
div.agenda_dia_fin_semana_,div.agenda_dia_fin_semana
{
color:#e47313;
}  
div.agenda_dia_actual_,div.agenda_dia_actual{
color:#f74b0d;
}
div.agenda_dia_vacio_,div.agenda_dia_vacio{
	
	height:15px;

}
a.agenda_enlace_dia{
  color:#b0c802;
}
div.agenda_item_titulo{
	font-weight: bold;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:15px;
	text-align:left;
	text-transform: uppercase;

}
div.agenda_item_cuerpo{
margin-left:15px;
margin-right:10px;
text-align:left;
}
a.agenda_item_mas{
color:#f74b0d;
}

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


div.busqueda_cuerpo{
width:95%;
margin-left:50px;
float:left;
text-align:left;
}
#recurso_paginado{
text-align:center;
}

#mostrando_calendario{
	float:left;
	background-color: #666666;
	width:100%;
	margin-top:6px;
	color:#FFF;
	text-transform: uppercase;
	letter-spacing: 1px;

}

div.PortadaCentro{
   width:730px;
   height:493px;
   overflow:hidden;
}
div.PortadaCentroImagen{
  width:518px;
  float:left;
  background-image: url(images/portada.jpg);
  height:493px;

}
div.PortadaCentroDerecha{
  width:212px;
  float:left;
  height:493px;
}
div.PortadaCentroDerechaAgenda{
  width:212px;
  float:left;
  background-image: url(images/fondoagenda.jpg);
  height:392px;
}
div.PortadaCentroCerechaBanner{
	width:212px;
	float:left;
	height:96px;
	/*background-color: #999900;*/
}
/* Para la ficha con la foto */

#foto{
    background-image: url(images/fondo_foto2.gif);
	background-repeat:no-repeat;
	width: 540px;
	height: 376px;
	z-index: 110;
	position:absolute;	
   overflow:hidden; 
  

}
#cerrarfoto{
 float:left;
 width:100%;
 text-align:right;
}

#cerrarfoto a{
	display:block;
	width:30px;
	height:30px;	
	float:right;
}
#fotocontenidos{
width: 530px;
padding-left:10px;
}
.bgtransparent{
	position:absolute;
	left:0;
	top:0;
	background-color:#000000;
	opacity:0.6;
	filter:alpha(opacity=60);
	height: 400px;
	width: 400px;
	z-index: 105;
}
div.centros_cuerpo_ficha_marco{
  border: 2px solid #ff9900;
  margin-top:70px;
  margin-left:50px;
  padding:3px;
  height: 200px;
  width: 400px;

}

div.centros_cuerpo_ficha{
  text-align:center;
  height: 180px;
  width: 400px;
  background-color: #c2c2c2;
  padding-top:20px;
  font-size:10pt;
}
div.centros_cuerpo_ficha a{
  text-decoration:none;
  
}

/* para la ficha del centro  */