/***** Definición de estilos generales para toda la página *****/
*{
	margin: 0px;
	padding:0px;
	border: none;
}
body{
	font: 10pt "trebuchet ms",arial,sans-serif;
	text-align:center;
	background-image: url(images/fondo.jpg);
}	
a { color: #000000; text-decoration: none; }
a:hover { color: #757575; }
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  **/

/***************************** ********************************************/
/** Esto va a ser para centrar los bloques principales (cabecera,cuerpo pie) **/
/** y dejar los márgenes en función de la resolución **/

#pagina,#cabecera,#cuerpo,#pie{
	
	width: 790px;
	margin: 0 auto;
	text-align:center; 
}


#cabecera{
	background-image: url(images/cabecera.jpg);
	background-repeat: no-repeat;
	height: 100px;

}
#cuerpo{
	background-color: #F6F6F6;
	float:left;
	
}
#pie{
	background-color: #366637;
	height: 35px;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:10px;
	color: #FFF;
}

/*  cabecera        */
#img_portada{
	float:left;
	text-align:center;
	background-color: #315e33;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #041e05;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #315e33;
}
#img_portada img{
	margin-top: 0px;
	/*margin-bottom: 7px;*/
}
/* menu  */
#menu{
	float:left;
	width: 200px;
	

}
a.menu_item{
	background-image: url(images/menuv.jpg);
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #366637;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	display:block;
}
a.menu_item:hover{
background-image: url(images/menuv2.jpg);
color: #FFFFFF;
}
/* noticas portada */
#noticias_portada{
width: 590px;
float:left;
}
div.noticia_portada{
	width: 285px;
	height: 290px;
	float:left;
	text-align:left;
	margin-left: 5px;
	overflow:hidden;
	margin-top: 10px;


}
div.noticia_portada img{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: thin solid #041e05;
	float:left;

}
div.noticia_portada_titulo{
	width: 100%;
	font-size: 12pt;
	margin-left: 5px;
	height: 40px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #041e05;
	overflow:hidden;
	font-weight: bold;
	line-height: 20px;
}



div.noticia_portada_titulo,.verde,div.listado_recursos_titulo,div.recurso_titulo,div.calendario_grupo_titulo,td.calendario_tabla_titulo
,a.calendario_enlace
{color: #5E8C29;}
.verde{
	font-weight: bold;
}
/*  Listado de recursos */

div.listado_recursos{
	float:left;
	width: 98%;
	overflow:hidden;
	text-align: left;
	padding-top: 8px;
	margin-left:5px;

}

div.listado_recursos img{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: thin solid #041e05;
	float:left;

}
div.listado_recursos_titulo{
    width: 100%;
	font-size: 12pt;
	margin-left: 5px;
	height: 20px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #041e05;
	overflow:hidden;
	font-weight: bold;
	line-height: 20px;
}

div.listado_recursos_paginado{
	width: 95%;
	font-size: 10pt;
	margin-left: 5px;
	height: 25px;
	float:left;
	overflow:hidden;
	line-height: 25px;
	text-align: right;
	

}

div.listado_recursos_titulo_seccion{
	width: 100%;
	font-size: 12pt;
	height: 20px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #041e05;
	overflow:hidden;
	font-weight: bold;
	line-height: 20px;
	text-align: right;
	background-image: url(images/fondo_titulo_seccion.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color:#F3F3F3;
}
/*  Estilos de mostrar recurso  */
div.recurso{
    float:left;
	width: 95%;
	text-align: left;
	padding-top: 8px;
	margin-left:5px;

}

div.recurso img{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: 2px solid #041e05;
	float:left;

}

div.recurso_titulo{
    width: 100%;
	font-size: 12pt;
	margin-left: 5px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #041e05;
	font-weight: bold;
	
}
.repositorio{
float:left;
width:100%;
}
div.elementos_galeria{
	float:left;
	width:100%;
	margin-top:10px;
}
div.elementos_galeria_img{
        float:left;
	height: 115px;
	width: 120px;
	margin:2px;
	border: 1px solid #CCCCCC;
	text-align: center;
	
}
div.elementos_galeria_img img{
	margin: 0px;
	border: 1px solid #041e05;
	float:none;
	
	margin-top: 10px;
}
div.galeria_mostrar_img{
width: 100%;
float:left;
text-align:center;
}
img.galeria_mostrar_img {
	margin: 0px;
	border: 3px solid #041e05;
	float:none;
	
}
div.galeria_mostrar_img_titulo{
	width: 100%;
	float:left;
	text-align:center;
	font-weight: bold;
}
div.galeria_mostrar_img_titulo{
	width: 100%;
	float:left;
	text-align:center;
	
}
/* Estilos para el calendario  */
div.calendario_form{
  width: 100%;
  float:left;
  text-align:right;

}
div.calendario_grupo_titulo{
	width: 95%;
	font-size: 12pt;
	margin-left: 5px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #041e05;
	font-weight: bold;
	margin-top: 10px;
}
div.calendario_tabla{
	width: 98%;
	margin-left: 5px;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom: 10px;
}
table.calendario_tabla{
	width: 100%;
	margin: 0 auto;
	font-size: 10pt;
	
}
td.calendario_tabla_titulo{
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #5E8C29;
	font-size: 10pt;
	text-transform: capitalize;
}
td.calendario_tabla{
	vertical-align: top;	
	font-size: 9pt;
}
a.calendario_enlace{

}
div.calendario_leyenda{
	width: 100%;
	float:left;
	font-size: 12px;
	font-style: italic;
	font-variant: small-caps;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;

}
/* Apartado Galerias */
div.galerias{
	float:left;
	width:185px;
	height:170px;
	margin-top:5px;	
	margin-bottom: 5px;
	margin-left:5px;
	border: 1px solid #999999;
	text-align:center;
}
div.galerias img{
 margin-top:10px;
}
a.galerias{
	display:block;	
	width:185px;
	height:170px;
}
a.galerias:hover{
	background-color: #C7C7C7;
	color: #FFFFFF;
}
.flechas{
border:none;

}