/******************** Estilos generales ********************/

* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Verdana, Trebuchet MS, Arial;
	font-size: 75%;
	color: #333;
	background: url("imgs/fondo.jpg") center 7px repeat-x #F5F5F5;
	border-top: 7px solid #002C72;
}
input, textarea, select {
	font-size: 1em;
	font-family: Verdana, Trebuchet MS, Arial;
}
option {
	padding-right: 0.5em;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #002C72;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0.5em 0;
	line-height: 130%;
}
h1, h2, h3, h4 {
	font-family: arial;
	font-weight: normal;
	color: #000;
}
h2, h3 {
	font-size: 1.1em;
}
li {
	list-style-type: none;
}

kbd {
	color: #002C72;
	background-color: #002C72;
	border: 3px outset;
	text-align: center;
}
kbd span {
	color: white;
	font-weight: bold;
	padding: 0 0.2em;
}
.lista_kbd li {
	background: none !important;
}

dl {
	margin: 1em 0;
}
dt {
	float: left;
	font-weight: bold;
	width: 10em;
}
dt, dd {
	margin-bottom: 0.5em;
}

/******************** cabecera y contenedor ********************/

h1 {
	font-size: 2em;
	margin: 0.8em 0 1.6em 1em;
}
#accesos {
	background-color: #FFC100;
	position: absolute;
	top: 10px;
	right: 3em;
	padding: 0.5em 0.7em;
}
#accesos li {
	display: inline;
}
#accesos img {
	vertical-align: middle;
}

#contenedor {
	padding: 0 1em;
	border-top: 3px solid #FFC100;
}

/******************** cuerpo, migas y contenido ********************/

#cuerpo {
	float: left;
	width: 78%;
	margin-left: 2%;
}

#migas {
	clear: left;
	border-bottom: 1px solid #CCC;
	margin-right: 1%;
	padding: 0.2em 0 1em;
}
#migas span {
	font-weight: bold;
	padding: 0 0.5em 0 1.8em;
	background: url("imgs/info.png") 0.2em no-repeat;
}
#migas ol {
	display: inline;
}
#migas li {
	display: inline;
}

#contenido {
	padding: 0.5em 0;
	float: left;
	width: 70%
}
.contenido_completo {
	width: 98% !important;
}
#contenido h1 {
	font-size: 1.8em;
	margin: 0.5em 0;
        color: #000080;
        font-weight: bold;
}
#contenido h2 {
	font-size: 1.5em;
	margin: 0.5em 0;
}
#contenido h3 {
	font-size: 1.1em;
	margin: 0.8em 0;
}
#contenido h4 {
	font-size: 1.4em;
	margin: 0.7em 0;
}

#contenido ul, #contenido ol {
	padding-left: 1em;
}

#contenido p {
	text-align: justify;
	line-height: 160%;
}

#contenido li {
	background: url("imgs/mas.png") left 0.1em no-repeat;
	margin: 1em 0;
	padding-left: 1.7em;
}
#contenido li li {
	background-image: url("imgs/ok.png");
}

/******************** menu ********************/

#menu li {
	float: left;
	width: 24%;
	margin-right: 1%;
}
#menu li li {
	float: none;
	width: auto;
	margin-right: 0;
}
#menu p.amarillo,
#menu p.azul {
	margin: 0 0 0.5em 0;
	height: 11.95em;
	font-size: 1.6em;
	font-family: arial;
}
#menu p.amarillo img,
#menu p.azul img {
	margin-top: -0.5em;
	max-height: 9.2em;
	max-width: 85%;
}
#menu p a.tit {
	display: block;
	padding: 1em 0 0 1em;
}
#menu p.amarillo {
	background: url("imgs/amarillo.png");
}
#menu p.amarillo_selected {
	background: url("imgs/amarillo_opaco.png") bottom no-repeat #F5C329;
	height: 13em;
}
#menu p.amarillo_transparente {
	opacity: 0.6;
	background-image: none;
	background-color: #F5C329;
}
#menu p.amarillo_transparente img {
        height: 57%;
}
#menu p.amarillo img {
	border: 3px solid #F5C329;
}
#menu p.azul {
	background: url("imgs/azul.png");
}
#menu p.azul_selected {
	background: url("imgs/azul_opaco.png") bottom no-repeat #002C72;
	height: 13em;
}
#menu p.azul_transparente {
	opacity: 0.6;
	background-image: none;
	background-color: #002C72;
}
#menu p.azul_transparente img {
	height: 57%;
}
#menu p.azul a {
	color: #FFF;
}
#menu p.azul img {
	border: 3px solid #002C72;
}
#menu h2 {
	border-bottom: 1px solid #CCC;
	padding: 0.5em 0.1em;
        font-size:1.5em;
}
#menu a.info {
	background: url("imgs/enlace.png") right no-repeat;
	display: block;
	padding-right: 1em;
	margin: 1em 0.3em 1em 0;
}
#menu .ultimos li {
	border-bottom: 1px dashed #CCC;
	padding: 0.3em;
}
#menu .ultimos .fecha {
	display: block;
}
#menu .ultimos .desde {
	color: #999
}
#menu .ultimos .desde span {
	display: block;
}
#menu .ultimos img {
	max-width: 50%;
}
#menu .destacados {
	border-top:1px solid #CCC;
}

.submenu li {
	border-bottom: 1px solid #CCC;
	padding: 1em 0.3em 1em 0.5em;
	height: 1.55em;
}
.submenu a {
	background: url("imgs/enlace.png") right no-repeat;
	display: block;
	padding-right: 1em;
}
.submenu img {
	vertical-align: middle;
}

/******************** utilidad ********************/

#utilidad {
	float: left;
	width: 17.99%;
	background-color: #F5F5F5;
	border-top: 3px solid #002C72;
	margin-top: -0.8em;
	padding: 1em 0;
}
#utilidad h2 {
	text-align: center;
        font-size:1.4em;
        font-weight:bold;
}
#utilidad .buscador {
	padding: 0 1em 1em;
	text-align: center;
}
#utilidad .buscador #query {
	width: 9.5em;
	vertical-align: bottom;
	background: url("imgs/input_buscador.png") no-repeat;
	border: 0;
	padding: 0.3em;
	margin-right: 0.3em;
}
#utilidad .facebook {
	background-color: #FFF;
	padding: 1em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
        font-size: 1.2em;
        font-weight: bold;
}
#utilidad .agenda {
	padding: 1em;
	text-align: center;
	border-bottom: 1px solid #CCC;
	background: url("imgs/fondo_agenda.jpg") repeat-x #FFF;
}
#utilidad .agenda table {
	margin: 1em auto 0;
}
#utilidad .agenda table span,
#utilidad .agenda table a {
	display: block;
	width: 1.5em;
}
#utilidad .agenda table,
#utilidad .agenda form,
#utilidad .agenda form select {
	font-family: arial;
}
#utilidad .otras_secciones {
	padding: 1em;
	border-bottom: 1px solid #CCC;
	background: url("imgs/fondo_agenda.jpg") repeat-x #FFF;
}
#utilidad .otras_secciones ul {
	margin-top: 1em;
}
#utilidad .otras_secciones li {
	margin-bottom: 0.5em;
}
#utilidad .otras_secciones a {
	display: block;
	background: url("imgs/enlace.png") no-repeat right;
}
#utilidad .banners {
	text-align: center;
	padding-top: 1.5em;
	background: url("imgs/fondo_banners.jpg") repeat-x;
}
#utilidad .banners li {
	margin-bottom: 1.5em;
}
#utilidad .banners li img {
	max-width: 60%;
}

/******************** menu lateral ********************/

#menu_lateral {
	float: left;
	width: 24%;
	margin-right: 3%;
}
#menu_lateral li,
#menu_lateral li.selected li {
	border-bottom: 1px solid #CCC;
	padding: 0.9em 0;
	height: 1.5em;
}
#menu_lateral li.selected {
	height: auto;
	padding: 1em 0 0;
	border-bottom: 0;
}
#menu_lateral li ul {
	background-color: #FFF;
	border-top: 1px solid #CCC;
	margin-top: 0.9em;
}
#menu_lateral li.selected li {
	text-align: right;
	border-bottom: 1px dotted #CCC;
}
#menu_lateral li.selected li.ultimo {
	border-bottom: 1px solid #CCC;
}
#menu_lateral a {
	background: url("imgs/enlace.png") right no-repeat;
	display: block;
	padding-right: 1.5em;
	margin: 0 0.5em;
}
#menu_lateral li.selected a {
	background-image: url("imgs/enlace_abajo.png");
}
#menu_lateral li.selected li a {
	background-image: url("imgs/enlace.png");
}
#menu_lateral li.selected li.selected_sin_hijos a,
#menu_lateral li.selected_sin_hijos a {
	color: #444;
	background-image: url("imgs/enlace_gris.png");
}
#menu_lateral img {
	vertical-align: middle;
}

/******************** financiacion y pie ********************/

#financiacion {
	clear: both;
	background-color: #FFF;
	text-align: center;
	padding: 0.8em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#financiacion li {
	display: inline;
	margin: 0 0.4em;
}
#financiacion li img {
	max-height: 6em;
}

#pie {
	clear: both;
	background: url("imgs/pie.jpg") center top no-repeat #F5C329;
	text-align: center;
	padding: 2.5em 0;
}
#pie li {
	display: inline;
}

/******************** formularios ********************/

form.formulario {
	padding: 0em;
}
form.formulario fieldset {
	border: 1px solid;
	margin-bottom: 1em;
	padding: 1em 1em 0.5em;
}
form.formulario legend {
	font-size: 140%;
	font-weight: bold;
	margin-left: 1em;
	padding: 0 0.3em;
}
form.formulario label,form.formulario div.checks span {
	float: left;
	width: 14em;
	text-align: right;
	padding-right: 1em;
}
form.formulario div.checks li {
	list-style-type: none;
}
form .labelGrande label,form .labelGrande div.checks span,form .inputGrande input,form .inputGrande textarea,form.formulario .grande {
	width: 18em;
}
form .labelDoble label,form .labelDoble div.checks span,form .inputDoble input,form .inputDoble textarea,form.formulario .doble{
	width: 24em;
}
form.formulario .triple {
	width: 32em;
}
form.formulario .peque {
	width: 7em;
}
form.formulario label.label-check {
	text-align: left;
	width: 100%;
	float: none;
}
form.formulario ul.checkSinLabel {
	margin-left: 1em;
}
form.formulario ul.checkSinLabel li {
	display: inline;
}
form.formulario ul.checkSinLabel label {
	float: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
	vertical-align: top;
}
form.formulario ul.checkSinLabel input {
	margin-right: 1.5em;
}
form.formulario div.checks label {
	float: none;
	padding-left: 0.5em;
}
form.formulario div.checks ul {
	margin-left: 11em !important;
	padding-left: 0 !important;
}
form.formulario .dos_label {
	float: none;
	margin-left: 1em;
}
form.formulario .botones {
	padding: 1em 0 1em 10em;
}
form.formulario .botones input,form.formulario input.boton {
	padding: 0.1em 1em;
}
form div.compuesto span {
	float: left;
	width: 12em;
	text-align: right;
	padding-right: 1em;
	color: #666;
}
form div.compuesto span span,form div.compuesto label span {
	float: none;
	width: auto;
	text-align: left;
	padding-right: 0;
}
form div.compuesto label {
	width: 7em;
}
form div.compuesto div {
	border: 1px solid #AAA;
	padding: 0.3em;
	position: relative;
	margin-bottom: 0.5em;
	margin-left: 13em;
}
form div.compuesto p {
	margin: 0.3em 0;
}
button {
	padding: 0.1em;
}
button img {
	vertical-align: bottom;
}
form option {
	padding-right: 1em;
	padding-left: 0.2em;
}
form optgroup option {
	padding-left: 1em;
}
form legend a {
	font-size: 0.7em;
	margin-left: 1em;
}
form.formulario p.botones {
	text-align: right;
	padding: 0em;
}
span.obligatorio {
	color: red !important;
	font-style: normal !important;
}
form label.none {
	width: auto;
	float: none;
}

/************* Utiles de los contenidos ****************/

#contenido ul.utiles-detalle,
#contenido ul.accesos-vista-imprimir {
	margin: 2em 0;
	padding: 0;
}

#contenido ul.utiles-detalle li,
#contenido ul.accesos-vista-imprimir li {
	background-image: none;
	background-color: #F5C329;
	display: inline;
	margin: 0;
	padding: 0.5em;
}

#contenido ul.utiles-detalle img {
	vertical-align: bottom
}

/************* Paginador ****************/

.paginador {
	text-align: center;
	padding-top: 0.5em;
	margin-bottom: 2em;
}

.paginador li {
	display: inline;
	padding: 0 0.1em !important;
	background-image: none !important;
}

.paginador a.anterior {
	float: left
}

.paginador a.siguiente {
	float: right
}

/************* Seccion de enlaces *************/

#enlaces {
	padding-left: 0em !important;
}
#enlaces li {
	list-style-type: none;
	border-bottom: 1px dotted #CCC;
	background-image: none;
	padding-left: 0;
}
#enlaces ul {
	padding-bottom: 0.5em;
}
#enlaces li li {
	border: none;
	padding-left: 1.7em;
}
#enlaces h3 {
	margin: 0;
}

/********* puntuacion *************/

.estrellas {
	clear: both;
	overflow: hidden;
	height: 1%;
	float: right;
}
.estrellas span {
	width: 20px;
	height: 20px;
	float: left;
	background: url('imgs/estrella1.gif') left no-repeat;
	cursor: pointer;
}
.estrellas span.none {
	background-image: url('imgs/estrella1.gif') !important;
}
.estrellas span.over {
	background-image: url('imgs/estrella2.gif') !important;
}
.estrellas span.selected {
	background-image: url('imgs/estrella3.gif');
}

/******************** ranking ********************/

.ranking .estrellas {
	float: none;
}
#contenido .ranking ul {
	padding: 0;
}
#contenido .ranking li {
	padding: 0;
	background-image: none;
}

/******************** web 2.0 ********************/

.listado_fotos {
	overflow: hidden;
	height: 1%;
	margin-top: 2em;
	padding-left: 0 !important;
	clear: both;
}
.listado_fotos li {
	margin: 1% !important;
	padding-left: 0 !important;
	width: 22.9%;
	float: left;
	list-style-type: none;
	background-image: none !important;
}
.listado_fotos img {
	width: 100%;
}
.listado_fotos p {
	text-align: center;
	margin: 0.1em 0;
}

.fotosFlickr li {
	list-style-type: none;
}

.listado_videos {
	padding-left: 0 !important;
	clear: both;
}
.listado_videos li {
	display: inline;
	margin: 0 1em 1em 0;
}

.canales .imagen {
	float: right;
	height: 4em;
	margin-left: 1em;
}
#contenido .canales li {
	background-image: none;
	padding-left: 0;
}

#youtube_player,
#slide_player {
	margin-bottom: 1em;
	margin-right: 1em;
	float: left;
}
#youtube_detail,
#slide_detail {
	margin-bottom: 1em;
}

.galeria_imagenes {
	overflow: hidden;
	height: 1%;
	margin-top: 2em;
	padding-left: 0 !important;
	clear: both;
}
.galeria_imagenes li {
	margin: 1% !important;
	padding-left: 0 !important;
	width: 22.9%;
	float: left;
	list-style-type: none;
	background-image: none !important;
}
.galeria_imagenes p {
	text-align: center;
	margin: 0.1em 0;
}
.foto_galeria_imagenes {
	text-align: center;
	margin: 2em 0;
}
.foto_galeria_imagenes img {
	max-width: 100%
}
.paginador_galeria {
	text-align: center;
}
.paginador_galeria li {
	float: left;
	width: 33.33%;
	padding-left: 0 !important;
	background-image: none !important;
}

/********* Staff *************/

#fondoStaff {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #FFF;
	opacity: 0.7;
	cursor: pointer;
}

#frameStaff {
	border: 0;
	position: absolute;
	top: 100px;
	z-index: 600;
	border: 1px solid #000;
}

/******************** otros estilos ********************/

.center {
	text-align: center;
}
.dcha {
	float: right;
}
.izda {
	float: left;
}

p.apunte {
	margin: 1.5em 0;
}

.oculto {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

.fecha {
	background: url("imgs/reloj.png") no-repeat left;
	padding-left: 1.5em;
}

#contenido ul.errores {
	margin: 1em 0;
	padding: 0.5em;
	border: dashed 1px #B61030;
	color: #B61030;
}
#contenido ul.errores li {
	margin: 0.5em 1.5em;
	color: #B61030 !important;
	list-style-type: square !important;
	background: none;
	padding-left: 0;
}
p.mensajeCorrecto {
	font-weight: bold;
	padding: 0.6em;
	padding-left: 4em;
	border: solid 1px #004500;
	background: url("imgs/check.gif") no-repeat 1em #DFEECF;
	margin-bottom: 1em !important;
}

ul.listado {
	padding: 1em;
}
ul.listado li {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 1.3em !important;
	padding-bottom: 1em;
}
ul.listado .fuente {
	color: #333;
}
#contenido ul.listado_docs li {
	background-image: none;
	padding-left: 0;
}

.entradilla {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

.compartir {
	text-align: right;
	padding: 0.5em;
}
.compartir a {
	margin-right: 0.5em;
}

.fotografia {
	float: right;
	width: 220px;
	margin-left: 1em;
	margin-bottom: 1em;
}
.fotografia .foto {
	padding: 0.5em;
	border: 1px solid #CCC;
	float: left;
}
.fotografia p.ampliar {
	text-align: right;
	padding-right: 0.5em;
}
.fotografia p.pie {
	text-align: center;
	color: #666;
}

.caratula {
	float: right;
	margin-left: 1em;
}
.caratula img {
	max-width: 13em;
}

.regresar {
	text-align: right;
	margin-top: 2em;
}

.columna_50 {
	float: left;
	width: 49.99%
}
.columna_40 {
	float: left;
	width: 39.99%
}
.columna_33 {
	float: left;
	width: 33.33%
}
.columna_20 {
	float: left;
	width: 19.99%
}

.buscador_seccion {
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.5em;
}
.buscador_seccion label {
	float: left;
	width: 6em;
}

.utiles-otros {
	float: right;
}
.utiles-otros a {
	background-color: #F5C329;
	padding: 0.5em;
}
.utiles-otros img {
	vertical-align: middle;
}

.solicitar {
	font-weight: bold;
	margin-top: 2em;
	font-size: 1.2em;
}
#contenido a img {
	vertical-align: middle;
}

.list_ayudas li {
	padding-left: 0 !important;
	background-image: none !important;
}

.leyenda_subvenciones {
	background-color: #F5C329;
	padding: 0.5em;
}
.leyenda_subvenciones span {
	margin-right: 1em;
}

ul.docs li {
	padding-left: 0 !important;
	background-image: none !important;
}

#contenido .boletines li {
	padding-left: 0;
	background-image: none;
}
.boletines label {
	font-weight: bold;
}