html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #555;
	background: #f2f4f2 url(../Images/fondo_main_Wrapper.jpg) repeat-x;
}

p, h1, h2, img, br, span, hr, ul, li, td, div {
	margin: 0px;
	padding: 0px;	
	font-family: Helvetica, Arial;
	font-size: 10pt;
	line-height: 14pt;
	color: #808080;
}

ul {
	list-style: none; 	
}
img {
	border: none;	
}

a {
	color: #4186cb;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;	
}
a:link {
	color: #4186cb;
	text-decoration: none;
}
a:visited{
	color: #4186cb;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #4186cb;	
	text-decoration: none;
}
object, embed, iframe {
	width: 640px;
	height: 480px;	
}

/*##################*/
#main_Wrapper {
	position: relative;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	padding: 0;	
}

#main {
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -480px;
		
}

#cabecera_Wrapper {
	position: relative;
	float: left;
	clear: both;
	width: 960px;
	height: 199px;		
}

#menuNav_Wrapper {
	position: relative;
	float: left;
	clear: both;
	width: 960px;
	height: 45px;
}

#contenido_Wrapper {
	position: relative;
	float: left;
	clear: both;
	width: 960px;
	margin: 15px 0;
	background: url(../Images/linea_separador_gris_vertical.jpg) repeat-y 710px 0;
}

.contenido_Left {
	position: relative;
	float: left;
	width: 695px;
	margin-left: 5px;
	margin-top: 65px;
	padding-right: 10px;	
}

/*
.contenido_Right {
	position: absolute;
	right: 15px;
	top: 275px;
	width: 220px;	
}
*/
.contenido_Right {
	position: relative;
	float: right;
	width: 220px;
	padding-bottom: 50px;	
}

#firma {	
	position: absolute;
	top: 70px;
	left: -15px;
	cursor: pointer;
	opacity: 0.75;
}

#firma:hover {
	opacity: 1;	
}

#pie_Wrapper {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	height: 220px;
	/*background: url(../Images/fondo_pie.jpg) repeat-x 0 0;	*/
	background: #32679d;
}
#pie {
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}

#enlace_diputacion {
	position: absolute;
	width: 120px;
	height: 90px;
	top: 40px;
	left: 260px;
	cursor: pointer;	
}
#enlace_comision {
	position: absolute;
	width: 120px;
	height: 90px;
	top: 40px;
	left: 415px;
	cursor: pointer;
}
#enlace_junta {
	position: absolute;
	width: 120px;
	height: 90px;
	top: 40px;
	left: 575px;
	cursor: pointer;	
}
#logo_Wrapper {
	float: left;
	cursor: pointer;
}

#busqueda_Wrapper {
	float: right;
	clear: right;
	width: 220px;
	height: 38px;
	background: url(../Images/fondo_busqueda.jpg) no-repeat 0% 50%;
}

#b_buscar {
	float: right;
	width: 29px;
	height: 31px;
	margin: 4px;
	background: url(../Images/b_lupa.jpg) no-repeat 0 0;
	cursor: pointer;
}

#b_buscar:hover {
	background: url(../Images/b_lupa.jpg) no-repeat 0 100%;	
}

#clave {
	float: left;
	margin: 8px 0 5px 5px;
	padding: 3px;
	border: none;
	background: transparent;
	font-family: arial;
	font-size: 10pt;
	color: #999;
}

#bannerSup {
	float: right;
	clear: right;
	margin-top: 20px;
	margin-right: 14px;	
}

#menuNav_Wrapper img {
	float: left;
	clear: both;	
}

#menuNav {
	float: left;
	clear: both;
	width: 960px;
	margin: 5px 0 0 3px;	
}

#menuNav li {
	float: left;
}

.menu_nosel {
	position: relative;
	float: left;
	margin: 2px 1px;
	padding: 0;
	
}
.menu_sel {
	position: relative;
	float: left;
	margin: 2px 1px;
	padding: 0;
}

.menu_nosel .b_menuNav {
	height: 29px;
	overflow: hidden;
}

.menu_nosel .b_menuNav img {
	float: left;
	margin-top: 0;
	cursor: pointer;
}
.menu_nosel .b_menuNav img:hover {
	margin-top: -29px;		
}

.menu_sel .b_menuNav {
	margin-top: 0;
	height: 29px;
	overflow: hidden;
}

.menu_sel .b_menuNav img {
	float: left;
	margin-top: -29px;
	cursor: pointer;
}


.subMenu {
	position: absolute;
	z-index: 100;
	margin: 0;
	padding: 0;
	display: none;
}

.subMenu li {
	float: left;
	clear: left;
	height: 23px;
	width: 112px;
	
	padding: 0;
	cursor: pointer;
	overflow: hidden;	
	
}

.subMenu li img:hover {
	margin-top: -23px;
}

.separador_Left {
	float: left;
	clear: both;
	width: 695px;
	height: 3px;
	margin-bottom: 15px;
	*margin-top: 15px;
	*margin-bottom: 0;
	background: url(../Images/linea_separador_gris.jpg) repeat-x;	
}

.separador_Right {
	float: right;
	clear: both;
	width: 220px;
	height: 3px;
	margin: 12px 0;
	background: url(../Images/linea_separador_gris.jpg) repeat-x;
}

/*####### PAGINACIÓN ######*/
.paginacion {
	position: relative;
	float: right;
	clear: both;
	padding: 0 12px 0  20px;	
}

.b_pag_izq {
	position: absolute;
	left: 0;
	top: -1px;
	width: 7px;
	height: 13px;
	padding: 4px;
	background: #4186cb url(../Images/b_izq.png) no-repeat 50% 50%;
	cursor: pointer;
}
.b_pag_der {
	position: absolute;
	right: 0;
	top: -1px;
	width: 7px;
	height: 13px;
	padding: 4px;
	background: #4186cb url(../Images/b_der.png) no-repeat 50% 50%;	
	cursor: pointer;
}
.b_pag_izq:hover {
	background: #333 url(../Images/b_izq.png) no-repeat 50% 50%;	
}
.b_pag_der:hover {
	background: #333 url(../Images/b_der.png) no-repeat 50% 50%;	
}
.b_pagina {
	margin-right: 0;
	font-weight: bold;
	color: #4186cb;
	cursor: pointer;
}
.b_pagina:hover {
	color: #333;	
}
.b_pagina_hover {
	font-weight: bold;
	color: #333;
}
/*####### INICIO ######*/

.inicio_Wrapper {
	float: left;
	width: 695px;
}


/*####### BOLETINES ######*/
.archivo_boletines_Wrapper {
	position: relative;
	float: left;
	width: 695px;
}
.boletines_anio_Wrapper {
	float: left;
	margin: 50px;
	margin-top: 0;
}
.boletines_cab_anio {
	font-size: 26pt;
	color: #4186cb;
	font-weight: bold;
}
.boletines_meses_archivo_Wrapper {
	
}
.boletines_listado_meses {
	
}
.boletines_listado_meses li {
	margin-top: 8px;
	font-size: 15pt;
	color: #4186cb;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.boletines_listado_meses li:hover {
	color: #000;	
}

/*####### CURSOS ######*/
.curso_listado {
	position: relative;
	float: left;
	width: 695px;
}
.cartel_curso_th {
	float: left;
	width: 85px;
	cursor: pointer;
}

.info_curso {
	float: right;
	width: 590px;	
}
.titulo_curso, .titulo_publicacion {
	float: left;
	clear: left;
	color: #4186cb;
	font-weight: bold;
	font-size: 14pt;
	line-height: 16pt;
	cursor: pointer;
}
.titulo_curso:hover {
	color: #333;	
}

.fecha_curso {
	float: left;
	clear: left;
	margin-top: 10px;
	color: #4186cb;
	font-size: 14pt;		
}
.lugar_curso {
	float: left;
	clear: left;
	font-size: 14pt;		
}
.curso_pie {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 590px;
	height: 20px;
	background: #e5e5e5;
}

/*####### CONVOCATORIAS ######*/

.convocatorias_Wrapper {
	float: left;
}

.texto_cabecera {
	float: left;
	clear: both;
	width: 695px;
	margin-bottom: 30px;
	color: #4186cb;	
}

.cab_convocatorias {
	float: left;
	clear: both;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: solid 20px #4186cb;	
}
.convocatoria {
	float: left;
	clear: both;
	width: 695px;
	padding-right: 15px;
	margin-bottom: 20px;
}
.convocatoria h1 {
	float: left;
	clear: both;
	*width: 690px;
	margin-bottom: 10px;	
	*margin-bottom: 0;
	font-size: 17pt;
	line-height: 21pt;
	color: #4186cb;
	font-weight: bold;
}
.convocatoria_listado {
	float: left;
	clear: both;
	width: 695px;
	padding-right: 15px;
	margin-bottom: 20px;
}
.convocatoria_listado h1 {
	float: left;
	clear: both;
	*width: 690px;
	margin-bottom: 10px;	
	font-size: 17pt;
	line-height: 21pt;
	color: #4186cb;
	font-weight: bold;
	cursor: pointer;
}
.convocatoria_listado h1:hover {
	*width: 690px;
	color: #313131;	
}

.convocatoria h2 {
	float: left;
	clear: both;
	*width: 690px;
	font-size: 12pt;
	line-height: 14pt;
	color: #4186cb;
}
.convocatoria_listado p, .convocatoria p {
	float: left;
	clear: both;
	*width: 575px;
	margin-bottom: 10px;
}
.convocatoria p strong {
	color: #555;	
}
.lista_elementos {
	float: left;
	clear: both;
	*width: 695px;
	margin-bottom: 20px;
		
}
.lista_elementos li {
	padding-left: 18px;	
	background: url(../Images/punto.png) no-repeat 5px 5px;	
}
.convocatoria_pie {
	float: left;
	clear: both;
	width: 695px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: #e5e5e5;		
}
.fecha_convocatoria {
	float: left;
	margin: 0px;
	margin-bottom: 8px;
	padding: 2px 10px 0 10px;
	background: #bbb;
	color: #fff;	
}
/*####### NOTICIAS ######*/
.noticias_Wrapper {
	float: left;
	background: url(../Images/linea_separador_gris_vertical.jpg) repeat-y 100% 0;	
}
.archivo_Wrapper {
	float: right;
	width: 100px;
	padding-top: 57px;
	text-align: right;
}
.cab_noticias {
	float: left;
	clear: both;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: solid 20px #4186cb;	
}
.noticia {
	float: left;
	clear: both;
	width: 580px;
	padding-right: 15px;
	margin-bottom: 20px;
}
.noticia h1 {
	float: left;
	clear: both;
	*width: 575px;
	margin-bottom: 2px;	
	font-size: 17pt;
	line-height: 21pt;
	color: #4186cb;
	font-weight: bold;
	cursor: pointer;
}
.noticia h1:hover {
	*width: 575px;
	color: #000;	
}

.noticia h2 {
	float: left;
	clear: both;
	*width: 575px;
	margin-bottom: 10px;
	font-size: 12pt;
	line-height: 14pt;
	font-weight: normal;
	color: #4186cb;
}
.noticia p {
	float: left;
	clear: both;
	*width: 575px;
	margin-bottom: 10px;	
}
.noticia p strong {
	color: #555;	
}

.noticia_pie {
	float: left;
	clear: both;
	width: 580px;
	height: 20px;
	background: #e5e5e5;		
}
/*--- ARCHIVO ----*/
.anio_Wrapper {
	float: right;
	clear: right;
	margin-bottom: 20px;
}
.cab_anio {
	float: right;
	clear: right;
	width: 80px;
	margin-bottom: 5px;
	padding: 3px;
	padding-top: 7px;
	background: #4186cb;
	color: #FFF;
	font-size: 20pt;
	font-weight: bold;
	text-align: right;		
}


.meses_archivo_Wrapper {
	float: right;
	clear: right;	
}
.meses_archivo_Wrapper ul {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
}

.meses_archivo_Wrapper li {
	width: 85px;
	margin: 0;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
	color: #4186cb;
	font-size: 9pt;
	line-height: 12pt;
	font-weight: bold;
	cursor: pointer;	
}
.meses_archivo_Wrapper li:hover {
	color: #000;	
}
/*--- RESUMEN ----*/
.noticias_resumen_Wrapper {
	float: left;
	clear: both;		
}
.noticia_resumen {
	float: left;
	clear: both;
	width: 695px;
	margin-bottom: 20px;
}
.fecha_noticia {
	float: left;
	clear: both;
	margin: 0px;
	padding: 2px 10px 0 10px;
	background: #4186cb;
	color: #fff;	
}
.img_noticia {
	float: left;
	clear: both;
	margin: 0;
	margin-bottom: 10px;	
}
.noticia_resumen h1 {
	float: left;
	clear: both;
	margin-bottom: 2px;	
	font-size: 17pt;
	line-height: 21pt;
	color: #4186cb;
	font-weight: bold;
	cursor: pointer;
}
.noticia_resumen h1:hover {
	color: #333;
}
.noticia_resumen h2 {
	float: left;
	clear: both;
	margin-bottom: 10px;
	font-size: 12pt;
	line-height: 14pt;
	font-weight: normal;
	color: #4186cb;
}
.noticia_resumen p {
	float: left;
	clear: both;
	margin-bottom: 10px;	
}
.noticia_resumen_pie {
	float: left;
	clear: both;
	width: 680px;
	height: 20px;
	background: #e5e5e5;		
}
.b_leer_mas {
	float: right;
	margin: 0px;
	padding: 1px 10px 0 10px;
	background: #4186cb;
	color: #fff;
	cursor: pointer;
}
.b_leer_mas:hover {
	background: #333;	
}
.b_volver {
	float: right;
	margin: 0px;
	padding: 1px 10px 0 10px;
	background: #4186cb;
	color: #fff;
	cursor: pointer;
}
.b_volver:hover {
	background: #000;	
}

.blog_Wrapper {
	float: left;	
}
/*####### LATERAL DERECHO #########*/

#info_Wrapper {
	position: absolute;
	z-index: 2000;
	width: 315px;
	top: 3px;
	right: 0;
	display: none;
}

.info {
	position: relative;
	float: left;
	width: 300px;
	padding: 10px;
	background: #FFF;
	-webkit-box-shadow: 1px 1px 4px #aaa;
	-moz-box-shadow: 1px 1px 4px #aaa;
}
.info a {
	float: left;
	clear: both;
	margin-bottom: 2px;	
	font-size: 10pt;
	line-height: 12pt;
	color: #4186cb;
	font-weight: bold;
}

#noticias_ue_Wrapper, #banners_Wrapper, #agenda_Wrapper {
	position: relative;
	float: left;
	clear: both;
}

.cab_lateral {
	float: left;
	clear: both;
	width: 200px;
	padding: 10px 10px 5px 10px;
	background: #FFF;
	border-top: solid 1px #4186cb;
	border-bottom: solid 1px #4186cb;
	color: #4186cb;
	font-size: 18pt;
	font-weight: bold;	
}
.fecha_lateral {
	float: left;
	clear: both;
	padding: 2px 5px;
	margin-bottom: 5px;
	background: #FFF;
	color: #4186cb;
	font-size: 9pt;
}

.caja_lateral {
	float: left;
	clear: both;
	width: 200px;
	padding: 10px 10px 10px 10px;
	background: #4186cb;
}
.caja_lateral p {
	*width: 200px;
	float: left;
	clear: both;
	color: #FFF;
	font-size: 9pt;	
}


.b_izq {
	position: absolute;
	z-index: 10;
	left: 10px;
	top: 42px;
	width: 7px;
	height: 13px;
	background: url(../Images/b_izq.png) no-repeat;
	cursor: pointer;
}
.b_der {
	position: absolute;
	z-index: 10;
	right: 10px;
	top: 42px;
	width: 7px;
	height: 13px;
	background: url(../Images/b_der.png) no-repeat;	
	cursor: pointer;
}
.letras_semana {
	float: left;
	clear: both;
	width: 220px;
	margin-top: 1px;
	padding: 0;
	background: #4186cb;	
}
.letra_dia {
	float: left;
	margin: 0 12px;
	padding: 0;
	font-size: 8pt;
	color: #FFF;	
}
#meses {
	float: left;
}	
.meses_Wrapper {
	position: relative;
	width: 220px;
	height: 208px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.mes_Wrapper {
	float: left;	
}
#cab_mes {
	position: relative;
	padding: 5px 10px;
	text-align: center;
	color: #FFF;
}
.nombre_mes {
	position: relative;
	width: 120px;
	margin: auto;
	text-align: center;
	color: #FFF;
}

.mes {
	float: left;
	clear: left;
	border-collapse: collapse;
	width: 220px;
}

.mes td {
	padding: 3px 0;
	border: solid 2px #fff;
	background: #cfe1f2;
	text-align: center;
	font-weight: bold;
	color: #4186cb;	
}

td.dia_hoy {	
	background: #fff;
	color: #3f8ad5;
}

td.dia_sel {
	background: #3f8ad5;
	color: #fff;
	cursor: pointer;
}

td.dia_sel {
	background: #3f8ad5;
	color: #fff;
	cursor: pointer;
}
td.dia_sel:hover {
	background: #000;
	color: #fff;
	cursor: pointer;
}

/*####### ENCUESTA ######*/
.encuesta_Wrapper {
	
	width: 440px;
	margin: auto;	
}

.cab_encuesta{
	float: left;
	clear: left;
	width: 420px;
	padding: 5px 10px 0 10px;
	background: #4186cb;
	font-weight: bold;
	font-size: 25pt;
	line-height: 27pt;
	color: #FFF;
}

.cuerpo_encuesta{
	float: left;
	clear: left;
	width: 420px;
	padding: 10px;
	background: #FFF;
	border-bottom: solid 1px #4186cb;		
}

.titulo_encuesta {
	padding: 10px;
	background: #cfe1f2;
	font-weight: bold;
	font-size: 11pt;
	color: #3f8ad5;	
}
.botones_encuesta {
	margin: 15px 0;
	width: 420px;
	text-align: center;	
}
.b_encuesta {
	display: inline;
	padding: 5px 8px;
	margin: 3px;
	background: #cfe1f2;
	font-weight: bold;
	font-size: 11pt;
	color: #3f8ad5;
	cursor: pointer;
}
.b_encuesta:hover {
	background: #4186cb;
	color: #FFF;	
}

/*##### BANNERS #####*/
.banner_Wrapper {
	float: left;
	clear: both;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;	
	cursor: pointer;
}

.titulo_banner {
	float: left;
	clear: both;
	width: 210px;
	margin: 0;
	padding: 5px;
	background: #4186cb;
	color: #FFF;
}
/*##### PIE #####*/

.separador_Azul {
	float: left;
	clear: both;
	width: 960px;
	height: 3px;
	background: url(../Images/linea_separador_azul.png) repeat-x;	
}
.menuPie_Wrapper {
	float: left;
	clear: both;
	color: #FFF;	
}
#menuPie {
	margin: 0;
	padding: 0;
	margin-top: 5px;	
	margin-left: 270px;
}

#menuPie li {
	float: left;
	margin: 0;
	padding: 0;
	margin: 0 5px;
	font-size: 8pt;
	color: #4186cb;
	cursor: pointer;	
}
#menuPie li:hover {
	color: #FFF;	
}
#contacto {
	float: left;
	clear: both;
	width: 960px;
	margin-top: 10px;
	font-size: 8pt;
	text-align: center;
	color: #4186cb;
}

.categoria_link h1 {
	float: left;
	clear: both;
	width: 500px;
	margin-left: 60px;
	margin-bottom: 10px;	
	font-size: 13pt;
	line-height: 17pt;
	color: #4186cb;
	font-weight: bold;
	cursor: pointer;
}
.categoria_link h1:hover {	
	color: #313131;
}

/*######## GALERÍAS ########*/
.thumb {
	position: relative;
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border: solid 1px #ddd;
	background: #fff;
	text-align: center;
	cursor: pointer;
}
.thumb:hover {
	border: solid 1px #4186cb;	
}
#foto {
	float:left;
	clear: both;
	width: 680px;
	text-align: center;
}
#foto img {
	margin-bottom: 10px;
}
#pie_foto {
	height: 40px;
	text-align: center;	
	font-size: 9pt;
}

.categoria_multimedia h1 {
	float: left;
	clear: both;
	width: 500px;
	margin-left: 60px;
	margin-bottom: 10px;	
	font-size: 13pt;
	line-height: 17pt;
	color: #4186cb;
	font-weight: bold;
}

/*######## COMENTARIOS ########*/
#comentarios_Wrapper {
	float: left;
	clear: both;
	width: 580px;
}

#comentarios_form_Wrapper {
	float: left;
	clear: both;
	margin-bottom: 30px;
}

.comentario_Wrapper {
	float: left;
	clear: both;
	margin-bottom: 30px;
	
}

#b_submit_comentario {
	float: right;
	margin: 0px;
	padding: 1px 10px 0 10px;
	background: #4186cb;
	color: #fff;
	cursor: pointer;
}
#b_submit_comentario:hover {
	background: #333;	
}
.col_titulo {
	width: 200px;
	padding: 5px;
	font-weight: bold;
	font-size: 11pt;
	color: #4186cb;
}

#comentarios_form input, #comentarios_form textarea {
	padding: 5px;
	border: solid 1px #ccc;	
	font-family: arial;
	color: #777;
	font-size: 10pt;
}

.nombre_comentario {
	float: left;
	clear: both;
	width: 560px;
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;	
	background: #4186cb;
}
.cuerpo_comentario {
	float: left;
	clear: both;
	width: 560px;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 11pt;
	background: #fff;
}
.fecha_comentario {
	float: right;
	color: #fff;	
}
.email_comentario {
	float: left;
	clear: both;
	width: 560px;
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;	
	background: #4186cb;
	cursor: pointer;	
}
.email_comentario:hover {
	background: #000;	
}