@charset "utf-8";

body {margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 10pt; background: url(../imagenes/fondo.jpg) top repeat-x #FFF;}
input {font-family: Tahoma, sans-serif; font-size: 1em;}
input.texto, input.TextoComboPersonalizado, select.DesplegableComboPersonalizado, input.SelectorFecha, .CalendarioDesplegable {border: 1px solid #a6d0e7; color: #414d53;}
input.TextoComboPersonalizado, input.SelectorFecha {float: left; height: 18px; margin-right: 0px;}
select.DesplegableComboPersonalizado {position: absolute; display: none; margin: 0px; z-index: 98; font-size: inherit;}
a.BotonComboPersonalizado {display: block; float: left; width: 24px; height: 20px; border: 1px solid #a6d0e7; border-left: 0px none; background: url(../imagenes/botoncombopersonalizado.png) top no-repeat;}
a.BotonSelectorFecha {display: block; float: left; width: 24px; height: 20px; border: 1px solid #a6d0e7; border-left: 0px none; background: url(../imagenes/botonselectorfecha.png) top no-repeat;}
a.BotonComboPersonalizado:hover, a.BotonSelectorFecha:hover {background-position: bottom;}
textarea {font-family: Tahoma, sans-serif; width: 100%; height: 200px; border: 1px solid #a6d0e7; color: #414d53;}
textarea.reducido {height: 80px;}
a {color: #127280; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0px;}
form {margin: 0px; padding: 0px;}
p {text-align: justify;}
hr {border: 2px #EEE; border-style: none none inset none;}
h1, h2, h3 {margin: 0px; padding: 0px;}
h1 {margin: 10px 0px; padding: 0px; font-weight: normal; font-size: 2em;}

.clear {clear: both;}
.ajax {background: url(../imagenes/ajax-loader.gif) left center no-repeat; padding: 0px 25px; line-height: 20px; display: none;}
.EjecutandoAjax  {background: url(../imagenes/ajax-loader.gif) center no-repeat; height: 40px;}
.BotonForm {border: 1px solid #0d899d; background: url(../imagenes/fondobotones.png) center repeat-x; color: #FFF; font-size: 14pt; padding: 3px 12px 4px; cursor: pointer;}
.tabla {display: table;}
.izquierda {float: left;}
.derecha {float: right;}
.textoIzquierda {text-align: left;}
.textoDerecha {text-align: right;}
.textoCentrado {text-align: center;}
.textoJustificado {text-align: justify;}
.llenar {width: 100%;}
.fondoTransparente {background: url(../imagenes/fondo_transparente.png);}
.ocultar {display: none;}

.ventanaMensaje {padding: 20px 20px 20px 80px; border: 2px dotted; background: 10px 50% no-repeat; font-size: 10pt;}
.ventanaError {border-color: #F00; background-image: url(../imagenes/dialogo/error.png); background-color: #F99;}
.ventanaExclamacion {border-color: #F90; background-image: url(../imagenes/dialogo/exclamacion.png); background-color: #FC9;}
.ventanaOk {border-color: #3C0; background-image: url(../imagenes/dialogo/ok.png); background-color: #CFC;}
#ventanaIE6 {padding: 0px 20px; margin: 10px 0px; border: 2px dotted #FC0; background: #FFC; font-size: 10pt;}

.ImagenEntrada {margin: 0px 10px 10px 0px; padding: 5px; border: 1px solid #AAA; background: #e5e5e5;}
.ImagenEntrada p {width: 150px; font-size: 0.8em; margin: 0px;}

#fondoDialogo {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #000; z-index: 99;}
#ventanaDialogo {display: none; position: absolute; width: 540px; height: 290px; left: 0px; top: 0px; z-index: 100;}
#ventanaDialogo .borde {float: left; background: url(../imagenes/bordes_dialogo.png);}
#ventanaDialogo .bordeV {float: left; width: 270px; height: 180px; background: url(../imagenes/bordes_dialogo_v.png) repeat-y;}
#ventanaDialogo .si {width: 40px; height: 40px; background-position: 0px 0px; background-repeat: no-repeat;}
#ventanaDialogo .sc {width: 460px; height: 20px; background-position: 0px -80px; background-repeat: repeat-x;}
#ventanaDialogo .sd {width: 40px; height: 40px; background-position: -40px 0px; background-repeat: no-repeat;}
#ventanaDialogo .ci {background-position: left;}
#ventanaDialogo .cd {background-position: right;}
#ventanaDialogo .ii {width: 40px; height: 40px; background-position: 0px -40px; background-repeat: no-repeat;}
#ventanaDialogo .ic {width: 460px; height: 40px; background-position: bottom; background-repeat: repeat-x;}
#ventanaDialogo .id {width: 40px; height: 40px; background-position: -40px -40px; background-repeat: no-repeat;}
#ventanaDialogo h2 {position: absolute; width: 495px; left: 20px; top: 20px; height: 16px; margin: 0px; font-weight: bold; font-size: 1em; padding: 8px 0px 8px 5px; background: url(../imagenes/fondocabecera.png) center right no-repeat #0c9db2; color: #FFF;}
#ventanaDialogo .contenido {position: absolute; left: 20px; top: 52px; width: 460px; height: 148px; padding: 20px; background: #FFF;}
#ventanaDialogo .contenido .icono {width: 70px; height: 118px; float: left; background: top left no-repeat;}
#ventanaDialogo .contenido p {margin: 0px; padding: 5px 0px 0px 0px; font-size: 1.1em; text-align: justify;}
#ventanaDialogo .contenido div.texto {height: 113px;}
#ventanaDialogo .contenido .conIcono {width: 390px; margin-left: 70px;}
#ventanaDialogo .contenido .sinIcono {width: 450px;}
#ventanaDialogo .contenido input.texto {font-size: 14pt; margin-top: 20px; width: 100%;}
#ventanaDialogo .botones a {display: inline-block; margin-left: 10px; min-width: 80px; text-align: center;}
#ventanaDialogo .abriendoAjax {background: url(../imagenes/ajax-loader.gif) center no-repeat; height: 40px;}

.CalendarioDesplegable {position: absolute; display: none; background: #FFF; padding: 12px; z-index: 98; font-size: 10pt;}
.CalendarioDesplegable .SelectorMes {height: 20px; margin-bottom: 10px;}
.CalendarioDesplegable .BotonMes {display: block; width: 10px; height: 20px; background: url(../imagenes/botonesgaleria.png) center no-repeat;}
.CalendarioDesplegable .BotonMes:hover {background-color: #e5e5e5;}
.CalendarioDesplegable .Anterior {background-position: left;}
.CalendarioDesplegable .Siguiente {background-position: right;}
.CalendarioDesplegable .TextoMes {display: block; text-align: center; line-height: 20px;}
.CalendarioDesplegable table {border-collapse: collapse; margin: 0px auto;}
.CalendarioDesplegable th, .CalendarioDesplegable td {text-align: center; padding: 0px; width: 30px; height: 18px;}
.CalendarioDesplegable th {font-weight: bold; border-bottom: 1px solid #CCC; margin-bottom: 3px;}
.CalendarioDesplegable table a {display: block; clear: both; height: 100%; border: 1px solid transparent; color: inherit;}
.CalendarioDesplegable table a.Hoy, .CalendarioDesplegable table a.Seleccionado {border: 1px solid #a6d0e7; color: #127280;}
.CalendarioDesplegable table a.OtroMes {color: #999;}
.CalendarioDesplegable table a.Seleccionado {border: 1px dotted #333; background: #a6d0e7;}
.CalendarioDesplegable table a:hover {text-decoration: none; border: 1px solid #a6d0e7; background: #a6d0e7; color: #111;}

#ventanaAviso {display: none; position: absolute; width: 100%; height: 30px; left: 0px; top: -31px; line-height: 30px; background: #FFC; border-bottom: 1px solid #FC6; text-align: center; z-index: 100;}
#marcoPagina {width: 965px; margin: 0px auto; background: url(../imagenes/fondosup.jpg) top right no-repeat;}
#contenidoPagina {width: 630px; margin-bottom: 30px;}

#cabeceraPagina {height: 95px; margin-bottom: 10px;}
#cabeceraPagina .Logo {width: 500px; height: 100%; float: left;}
#cabeceraPagina .Logo img {margin-top: 7px;}
#cabeceraPagina .Buscador {height: 32px; padding: 15px 0px 4px 0px;}
#cabeceraPagina ul {margin: 0px; padding: 0px;}
#cabeceraPagina li {list-style: none; float: left; margin-left: 3px;}
#cabeceraPagina .Buscador .CuadroBusqueda span, #cabeceraPagina .Buscador .CuadroBusqueda a {float: left; height: 32px;}
#cabeceraPagina .Buscador .CuadroBusqueda .i {width: 5px; background: url(../imagenes/buscador.png) top left no-repeat;}
#cabeceraPagina .Buscador .CuadroBusqueda .c {width: 170px; background: url(../imagenes/buscador.png) bottom center repeat-x;}
#cabeceraPagina .Buscador .CuadroBusqueda .d {display: block; width: 30px; background: url(../imagenes/buscador.png) top right no-repeat;}
#cabeceraPagina .Buscador .CuadroBusqueda .c input {width: 170px; height: 20px; margin: 6px 0px; border: 0px none; background: none; font-size: 10pt; font-weight: bold;}

#cabeceraPagina .Usuario {height: 25px; padding: 10px 0px 9px 0px; float: right;}
#cabeceraPagina .Usuario span {float: left; line-height: 25px; margin-right: 5px;}
#cabeceraPagina .Usuario a {display: block; float: left; width: 100px; height: 25px; margin-left: 5px; background: top no-repeat;}
#cabeceraPagina .Usuario a:hover {background-position: bottom;}
#cabeceraPagina .Usuario #BotonInicioSesion {background-image: url(../imagenes/botoniniciosesion.png);}
#cabeceraPagina .Usuario #InicioSesion {position: absolute; visibility: hidden; width: 205px;}
#cabeceraPagina .Usuario #InicioSesion .bordesup {width: 105px; height: 24px; float: left; background: url(../imagenes/pestanainiciosesion.png) 0px 23px repeat-x;}
#cabeceraPagina .Usuario #InicioSesion .pestana {display: block; margin: 0px; width: 100px; height: 24px; float: right; background: url(../imagenes/pestanainiciosesion.png) bottom no-repeat;}
#cabeceraPagina .Usuario #InicioSesion .contenido {margin: -1px 1px 0px 0px; padding: 10px; clear: both; border: 1px solid #a6d0e7; border-top: 0px none; background: #f6f9fe; color: #5e6f77;}
#cabeceraPagina .Usuario #InicioSesion .contenido .texto {width: 178px; margin: 5px 0px 10px 0px; border: 1px solid #a6d0e7; color: #5e6f77;}
#cabeceraPagina .Usuario #InicioSesion .contenido label {margin-top: -2px;}
#cabeceraPagina .Usuario #InicioSesion .contenido a {width: auto; height: auto; float: none; margin-top: 5px; font-size: 8pt;}
#cabeceraPagina .Usuario #InicioSesion .contenido .BotonForm {width: 100%; margin-top: 10px;}
#cabeceraPagina .Usuario #InicioSesion .contenido .cargando {margin-top: 10px; background: url(../imagenes/ajax-loader.gif) left no-repeat; padding-left: 20px; display: none;}

#columnaDerecha {float: right; width: 315px; margin: 0px 0px 20px 20px;}
#columnaDerecha .ventanaUsuario {height: 214px; padding: 20px 10px; margin-bottom: 20px; background-image: url(../imagenes/fondoventanausuario.png);}
#columnaDerecha .ventanaUsuario h3, .ventanaRegistroUsuario h3 {padding: 0px; margin: 0px 0px 10px 0px; font-size: 12pt; color: #065763; font-weight: bold; text-align: center;}
#columnaDerecha .ventanaUsuario span.texto {display: block; margin: 0px 20px; color: #0c9cb2; font-size: 12pt; text-align: center;}
#columnaDerecha .ventanaUsuario .botonRegistro {display: block; width: 250px; height: 57px; margin: 10px auto; cursor: pointer;}
#columnaDerecha .ventanaUsuario .botonRegistro:hover {text-decoration: none;}
#columnaDerecha .ventanaUsuario .botonRegistro span {float: left; width: 250px; height: 57px; margin: 0px; background: url(../imagenes/botonregistro.png) no-repeat;}
#columnaDerecha .ventanaUsuario .botonRegistro .i {width: 7px; background-position: top left;}
#columnaDerecha .ventanaUsuario .botonRegistro .c {width: 236px; background-position: bottom; background-repeat: repeat-x; font-size: 1.6em; color: #FFF; text-align: center; line-height: 57px;}
#columnaDerecha .ventanaUsuario .botonRegistro .d {width: 7px; background-position: top right;}

#columnaDerecha .ventanaUsuario .avatar {float: right; width: 90px; height: 90px;}
#columnaDerecha .ventanaUsuario .enlaceUsuario {font-size: 1.2em; color: #065763; font-weight: bold;}
#columnaDerecha .ventanaUsuario .opcionesUsuario {width: 190px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 17px;}
#columnaDerecha .ventanaUsuario .opcionesUsuario li {margin: 0px; padding: 0px; text-align: left; list-style-image: url(../imagenes/vineta_usuario.png);}
#columnaDerecha .ventanaUsuario .opcionesUsuario a {color: #127280;}
#columnaDerecha .ventanaUsuario .opcionesUsuario a.destacado {font-weight: bold;}

.ventanaRegistroUsuario {width: 590px; padding: 20px; margin: 20px 0px; background-image: url(../imagenes/fondoventanausuario.png);}
.ventanaRegistroUsuario h3 {padding: 0px; margin: 0px 0px 10px 0px; font-size: 12pt; color: #065763; font-weight: bold; text-align: center;}
.ventanaRegistroUsuario .botonRegistro {display: block; width: 250px; height: 57px; margin: 10px auto; cursor: pointer;}
.ventanaRegistroUsuario .botonRegistro:hover {text-decoration: none;}
.ventanaRegistroUsuario .botonRegistro span {float: left; width: 250px; height: 57px; margin: 0px; background: url(../imagenes/botonregistro.png) no-repeat;}
.ventanaRegistroUsuario .botonRegistro .i {width: 7px; background-position: top left;}
.ventanaRegistroUsuario .botonRegistro .c {width: 236px; background-position: bottom; background-repeat: repeat-x; font-size: 1.6em; color: #FFF; text-align: center; line-height: 57px;}
.ventanaRegistroUsuario .botonRegistro .d {width: 7px; background-position: top right;}

.cajaContenidos {margin-top: 5px;}
.cajaContenidos h2 {margin: 0px; font-weight: bold; font-size: 1em; padding: 8px 0px 8px 5px; background: #b4eaf2; color: #065175;}
.cajaContenidos h2.logo {background: url(../imagenes/fondocabecera.png) center right no-repeat #0c9db2; color: #FFF;}
.cajaContenidos h2.gris {background-color: #5d5d5d;}
.cajaContenidos h2 a {color: #065175;}
.cajaContenidos .contenedor {margin: 0px 0px 0px 0px; padding: 5px; background: #FFF; border: 1px solid #e6e6e6;}
.cajaContenidos .contenedor .entrada {display: block; color: #6e6e6e; font-size: 0.8em; padding: 2px; margin-bottom: 5px;}
.cajaContenidos .contenedor .entrada:hover {border: 1px solid #DDD; background: #EEE; text-decoration: none; padding: 1px;}
.cajaContenidos .contenedor .entrada .avatar {width: 24px; height: 24px; float: right; margin: 1px 0px;}
.cajaContenidos .contenedor .entrada h3 {margin: 0px; padding: 0px; font-weight: normal; color: #0c9cb2; font-size: 1em;}

.cajaContenidos ul.grande, .cajaContenidos ul.peque {margin: 0px 0px 10px 0px; padding: 0px;}
.cajaContenidos li {list-style: none; margin: 0px; border-bottom: 1px dotted #999;}
.cajaContenidos ul.grande li {height: 89px; padding: 15px 0px;}
.cajaContenidos ul.peque li {height: 54px; padding: 5px 0px 0px 0px;}
.cajaContenidos ul.grande li.enlace, .cajaContenidos ul.peque li.enlace {height: 20px; line-height: 20px; padding: 2px 0px; border: 0px none; text-align: right;}
.cajaContenidos li .marcoImagen {border: 1px solid #999; padding: 3px; margin: 0px;}
.cajaContenidos ul.grande li .marcoImagen {width: 80px; height: 80px; margin-right: 10px;}
.cajaContenidos ul.grande li .contenido {width: 300px;}
.cajaContenidos ul.grande li .contenido h3 {margin: 0px; padding: 0px; font-weight: normal;}
.cajaContenidos ul.grande li .contenido span {font-size: 0.7em;}
.cajaContenidos ul.grande li .contenido p {margin: 3px 0px 0px 0px; padding: 0px;}
.cajaContenidos ul.peque li .marcoImagen {width: 32px; height: 32px; margin-right: 10px;}
.cajaContenidos ul.peque li .contenido {width: 170px;}
.cajaContenidos ul.peque li .contenido h4 {margin: 0px; padding: 0px; font-weight: normal; font-size: 0.9em;}
.cajaContenidos ul.peque li .contenido span {font-size: 0.7em;}
.cajaContenidos li .imagen {width: 100%; height: 100%; background: center no-repeat;}

.cajaContenidos .Etiqueta0 {font-size: 0.8em; color: #2f9fb0;}
.cajaContenidos .Etiqueta1 {font-size: 0.9em; color: #2791a0;}
.cajaContenidos .Etiqueta2 {font-size: 1.0em; color: #197987;}
.cajaContenidos .Etiqueta3 {font-size: 1.1em; color: #116b78;}
.cajaContenidos .Etiqueta4 {font-size: 1.3em; color: #0b5f6c;}
.cajaContenidos .Etiqueta5 {font-size: 1.7em; color: #065763;}


#piePagina {clear: both; color: #FFF; font-size: 1.05em; line-height: 50px; height: 50px; margin: 20px 0px;}
#piePagina ul {margin: 0px; padding: 0px;}
#piePagina li {list-style: none; float: left; margin: 0px 5px 0px 0px; padding: 0px;}
#piePagina li a {color: #FFF;}
#piePagina span {height: 50px; float: left; background: url(../imagenes/fondopie.png) no-repeat;}
#piePagina .i {width: 5px; background-position: top left;}
#piePagina .c {width: 925px; padding: 0px 15px; background-position: bottom center; background-repeat: repeat-x;}
#piePagina .d {width: 5px; background-position: top right;}

#logosEnlaces {float: right; height: 41px;}
#logosEnlaces li {list-style: none; float: left; height: 41px; margin: 4px 0px 0px 15px; padding: 0px;}
#logosEnlaces li a {display: block; height: 100%; background: url(../imagenes/logos_enlaces.png) 0px 0px no-repeat;}
#logosEnlaces li.pergola a {width: 78px; background-position: 0px 0px;}
#logosEnlaces li.dgeducacion a {width: 113px; background-position: -97px 0px;}
#logosEnlaces li.juventud a {width: 75px; background-position: -229px 0px;}
#logosEnlaces li.nomadas a {width: 159px; background-position: -315px 0px;}
#logosEnlaces li.pergola a:hover {background-position: 0px bottom;}
#logosEnlaces li.dgeducacion a:hover {background-position: -97px bottom;}
#logosEnlaces li.juventud a:hover {background-position: -229px bottom;}
#logosEnlaces li.nomadas a:hover {background-position: -315px bottom;}

.tablaCreditos {width: 100%; border: 0px;}
.tablaCreditos td {margin: 0px; padding: 10px;}
.tablaCreditos .logo {width: 300px;}
.tablaCreditos a {font-size: 1.2em;}

#galeriaPortada {height: 244px; padding: 4px; border: 1px solid #e6e6e6; background: #FFF; margin-bottom: 15px;}
#galeriaPortada ul {margin: 0px; padding: 0px;}
#galeriaPortada li {list-style: none; float: left;}
#galeriaPortada #scrollDestacados {height: 212px; overflow: hidden; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#galeriaPortada #scrollDestacados li {width: 620px; height: 70px; padding-top: 142px; background: center no-repeat;}
#galeriaPortada #scrollDestacados li div {height: 60px; padding: 5px 10px; color: #FFF;}
#galeriaPortada #scrollDestacados li div h3 {margin: 0px; padding: 0px; font-size: 14pt; font-weight: bold;}
#galeriaPortada #scrollDestacados li div p {margin: 3px;}
#galeriaPortada #enlacesGaleria {height: 20px; padding: 6px; background: #15bdd7;}
#galeriaPortada #enlacesGaleria li {margin-left: 6px;}
#galeriaPortada #enlacesGaleria li a {display: block; width: 17px; height: 18px; text-align: center; border: 1px solid #335d63; background: #018ea4; color: #FFF;}
#galeriaPortada #enlacesGaleria li a:hover {text-decoration: none; background-color: #00b6d2;}

#galeriaDerecha {height: 110px;}
#galeriaDerecha .Boton {display: block; width: 10px; height: 100%; background: url(../imagenes/botonesgaleria.png) center no-repeat;}
#galeriaDerecha .BotonIzquierda {background-position: left;}
#galeriaDerecha .BotonDerecha{background-position: right;}
#galeriaDerecha .Boton:hover {background-color: #CCC;}
#galeriaDerecha ul {margin: 0px; padding: 0px;}
#galeriaDerecha li {list-style: none; float: left;}
#galeriaDerecha #scrollGaleriaDerecha {width: 265px; height: 100%; margin: 0px 9px; overflow: hidden;}
#galeriaDerecha #scrollGaleriaDerecha li {width: 130px; margin-right: 5px; height: 110px; background: center no-repeat;}
#galeriaDerecha #scrollGaleriaDerecha li a {display: block; width: 100%; height: 100%;}
#galeriaDerecha #scrollGaleriaDerecha li a:hover {background: url(../imagenes/ampliar.png) 110px 90px no-repeat;}

#portadaNoticias, #portadaEventos {margin-right: 10px; width: 400px;}
#portadaTablon, #portadaBlogs {width: 220px;}

#formulario {margin: 20px auto 0px auto; font-size: 1.4em; color: #333;}
#formulario .textoPeque {font-size: 0.8em;}
#formulario .campo {clear: both; display: table; margin: 10px 0px; width: 100%;}
#formulario .campooculto {clear: both; width: 617px; display: table; margin: 10px 0px 20px 0px; padding: 10px; background: #f0f0f0; display: none;}
#formulario .botones {padding: 20px 0px; height: 31px; font-size: 14pt;}
#formulario .botones .BotonForm {float: right; margin-left: 5px;}
#formulario .botones .Suscripciones {float: left; font-size: 0.7em;}
#formulario label {display: block; line-height: 25px;}
#formulario label.izquierda {width: 200px;}
#formulario label.casilla {line-height: 20px; margin-left: 25px;}
#formulario label span {font-size: 0.8em; color: #666;}
#formulario .texto, #formulario .SelectorFecha {width: 250px; float: left; margin: 0px 20px 0px 10px;}
#formulario .peque {width: 50px;}
#formulario select {width: 254px; float: left;}
#formulario input.TextoComboPersonalizado, #formulario .SelectorFecha {float: left; margin: 0px 0px 0px 10px;}
#formulario .comentario {float: left; font-size: 0.7em; line-height: 25px;}
#formulario .conIcono {background: left center no-repeat; padding-left: 20px;}
#formulario .comentarioOk {background-image: url(../imagenes/ajax-loader.gif); color: #000;}
#formulario .comentarioOk {background-image: url(../imagenes/icono_ok.png); color: #090;}
#formulario .comentarioError {background-image: url(../imagenes/icono_error.png); color: #F00;}
#formulario #comentariosPass0 {display: none;}
#formulario #comentariosPass0 span {float: left; line-height: 22px;}
#formulario #comentariosPass0 .marcoBarra {float: left; width: 100px; height: 20px; border: 1px solid #AAA; margin-left: 10px;}
#formulario #comentariosPass0 #barraCalidadPassword {width: 0%; height: 100%; background: url(../imagenes/fondo_barra_password.png) center repeat-x;}
#formulario #comentariosPass0 #descripcionPassword {margin-left: 10px; font-weight: bold;}
#formulario #Clave {width: 400px;}

#formulario fieldset {font-size: 0.8em; padding: 0px 20px 20px 20px;}
#formulario legend {margin-bottom: 20px;}
#formulario .avatar {float: left; margin-right: 20px; width: 90px; height: 90px;}
#formulario #cargandoAvatar {display: inline-block; visibility: hidden; line-height: 30px; vertical-align: top; margin-left: 10px;}

.Paginacion {margin: 20px 0px;}
.Paginacion a, .Paginacion .seleccionado {float: left; display: inline-block; padding: 3px 4px; min-width: 20px; min-height: 20px; border: 1px solid #127280; margin-right: 5px; text-align: center; line-height: 20px;}
.Paginacion a {color: #127280;}
.Paginacion a:hover, .Paginacion .seleccionado {background: #127280; color: #FFF; text-decoration: none;}

.EntradaListado {margin-bottom: 20px; border-bottom: 2px inset #EEE;}
.EntradaListado h2 {font-size: 1.8em; font-weight: normal; margin-bottom: 5px;}
.EntradaListado h2 a {color: #043d45;}
.EntradaListado h3 {font-size: 1.5em; font-weight: normal; margin-bottom: 5px;}
p.FechaEntrada {margin: 5px 0px; padding-left: 20px; background: url(../imagenes/calendario.png) left 50% no-repeat; font-size: 1.1em;}
.EntradaListado .enlaces {margin: 20px 0px 5px 0px;}

.GaleriaEntrada {border: 1px solid #999; padding: 10px; margin: 20px 0px; text-align: center; display: table; width: 608px;}
.GaleriaEntrada h3 {clear: both; margin: 0px; padding: 0px; font-size: 0.9em;}
.GaleriaEntrada ul {margin: 10px auto; padding: 0px;}
.GaleriaEntrada ul li {list-style: none; float: left; width: 150px; height: 110px; margin: 10px; background: center no-repeat;}
.GaleriaEntrada ul li a {display: block; width: 100%; height: 100%;}

#ComentariosEntrada {margin: 10px 0px;}
#ComentariosEntrada ul, #ComentariosEntrada ul p {margin: 0px; padding: 0px;}
#ComentariosEntrada ul li {list-style: none; margin-bottom: 10px; position: relative;}
#ComentariosEntrada .Avatar {width: 90px; height: 90px;}
#ComentariosEntrada .flecha {position: absolute; left: 100px; top: 0px; width: 9px; height: 27px; background: url(../imagenes/flechacomentario.png) no-repeat;}
#ComentariosEntrada .Contenido {margin: 0px 0px 0px 108px; padding: 10px; width: 500px; min-height: 70px; background: #f5f5f5; border: 1px solid #a6d0e7;}
#ComentariosEntrada ul li p.TextoComentario {margin: 5px 0px 10px 0px;}
#ComentariosEntrada .Notificacion {display: none;}
#ComentariosEntrada .Notificacion #formulario {font-size: 0.9em;}

.ventanaInfoMuro {padding: 10px; margin: 10px 0px; border: 2px dotted #a6d0e7; background: #FFF;}
#AnunciosTablon {margin: 20px 0px;}
#AnunciosTablon ul, #AnunciosTablon ul p {margin: 0px; padding: 0px;}
#AnunciosTablon ul li {list-style: none; margin-bottom: 10px;}
#AnunciosTablon .Avatar {width: 90px; height: 90px;}
#AnunciosTablon .Contenido {margin: 0px 0px 0px 108px; padding: 10px; width: 500px; min-height: 70px; background: #fefbf0; border: 1px solid #fdecb8;}
#AnunciosTablon ul li p.TextoAnuncio {margin: 5px 0px 20px 0px;}
#AnunciosTablon .Notificacion {display: none;}
#AnunciosTablon .Notificacion #formulario {font-size: 0.9em;}


.infoUsuario {margin-left: 110px; margin-bottom: 50px;}
.infoUsuario h1 {margin: 0px; padding: 0px;}
.infoUsuario span {display: block; margin-top: 1px;}
.infoUsuario ul {margin: 7px 0px 0px 0px; padding: 0px;}
.infoUsuario ul li {list-style: none; float: left; margin-left: 3px;}

#Mensajeria .Modulo {border: 1px solid #a6d0e7;}
#Mensajeria h4 {margin: 0px; padding: 5px; border-bottom: 1px solid #a6d0e7; background: url(../imagenes/fondocabecera.png) center right no-repeat #0c9db2; color: #FFF;}
#Mensajeria #Carpetas {width: 250px; height: 150px; margin: 0px 20px 20px 0px; overflow: auto;}
#Mensajeria #Carpetas ul {margin: 20px; padding: 0px 0px 0px 20px;}
#Mensajeria #Carpetas li {list-style-image: url(../imagenes/vineta_carpeta.png);}
#Mensajeria #ContenedorMensajes {width: 691px; height: 150px; margin-bottom: 20px;}
#Mensajeria #ContenedorMensajes ul {margin: 0px; padding: 0px 0px 0px 0px;}
#Mensajeria #ContenedorMensajes li {list-style: none;}
#Mensajeria #ContenedorMensajes li.nuevo a {background: url(../imagenes/vineta_mensaje.png) 5px 50% no-repeat; font-weight: bold;}
#Mensajeria #ContenedorMensajes li a {display: block; height: 25px; line-height: 25px; padding-left: 25px; cursor: pointer;}
#Mensajeria #ContenedorMensajes li a:hover {background-color: #9CF; text-decoration: none;}
#Mensajeria #ContenedorMensajes li a span {display: inline-block;}
#Mensajeria #ContenedorMensajes li.cargando {background: url(../imagenes/ajax-loader.gif) 5px 5px no-repeat; padding-left: 30px; line-height: 25px;}
#Mensajeria .espacio {width: 25px;}
#Mensajeria .remite {width: 120px; text-align: center;}
#Mensajeria .destino {width: 120px; text-align: center;}
#Mensajeria .asunto {width: 290px;}
#Mensajeria .fecha {width: 116px; text-align: center;}
#Mensajeria ul.Columnas {margin: 0px; padding: 0px; height: 20px; background: #e5e5e5;}
#Mensajeria ul.Columnas li, #Mensajeria ul.Botones li {list-style: none; float: left; line-height: 20px; text-align: center; display: inline-block;}
#Mensajeria .ScrollMensajes {height: 103px; overflow: auto;}
#Mensajeria ul.Botones {margin: 0px; padding: 0px; height: 30px; background: #e5e5e5;}
#Mensajeria ul.Botones li {display: none;}
#Mensajeria ul.Botones li a {display: block; margin: 2px; padding: 2px 4px; border: 1px solid #999; background: #f0f0f0;}
#Mensajeria ul.Botones li a:hover {text-decoration: none; background: #FFF;}
#Mensajeria #ScrollMensaje {height: 200px; padding: 10px; overflow: auto;}
#Mensajeria #TituloMensaje {font-size: 1.4em; display: none;}
#Mensajeria #DatosMensaje {padding: 10px 0px; margin-bottom: 10px; font-size: 0.9em; border-bottom: 1px solid #a6d0e7; display: none;}
#Mensajeria #Formulario {padding: 10px; font-size: 1.2em; display: none;}
#Mensajeria #Formulario input {margin-bottom: 10px;}

.columnaOpcionesAdministracion {width: 250px;}
.columnaOpcionesAdministracion .admin ul {margin: 0px 0px 5px 0px; padding: 0px;}
.columnaOpcionesAdministracion .admin li {list-style: none; border: 0px none;}
.columnaOpcionesAdministracion .admin li a {display: block; padding: 4px; background: #FFF; color: #127280; border: 1px #e6e6e6; border-style: none solid solid solid;}
.columnaOpcionesAdministracion .admin li a:hover {background: #f5f5f5; color: #094750; text-decoration: none;}
.columnaContenidosAdministracion {margin-left: 270px; width: 685px;}
.columnaContenidosAdministracion #formulario {margin: 0px;}
.columnaContenidosAdministracion table {width: 100%; border-collapse: collapse;}
.columnaContenidosAdministracion table td {background: #fcfcfc; padding: 3px; border: 1px solid #e6e6e6;}
.columnaContenidosAdministracion table .par td {background: #f5f5f5;}
.columnaContenidosAdministracion table td span.info {font-size: 0.8em; color: #666;}
.columnaContenidosAdministracion table td span.info b {color: #F60;}
.columnaContenidosAdministracion table td.acciones {width: 150px; text-align: center;}
.columnaContenidosAdministracion table td.acciones a {margin: 0px 3px;}
.columnaContenidosAdministracion #formulario fieldset .botones {padding-bottom: 0px;}

#ResultadosBusquedaAlbums {clear: both; margin: 50px 0px 0px 0px; max-height: 110px; overflow: auto; display: none;}
.Galeria {clear: both; height: 250px; border: 1px solid #999;}
.Galeria .Contenido {width: 100%; width: 635px; height: 210px; overflow: auto;}
.Galeria .Contenido #ScrollGaleria {display: table; padding-right: 5px;}
.Galeria .Herramientas {height: 30px; margin-top: 5px; padding-left: 5px;}
.Galeria .Herramientas .InfoProgreso {height: 30px; padding: 0px 5px 0px 155px;}
.Galeria #textoProgresoSubida {height: 15px; line-height: 15px; overflow: hidden; font-size: 7pt;}
.Galeria .ProgresoSubida {visibility: hidden; height: 10px; border: 1px solid #999; padding: 2px;}
.Galeria .ProgresoSubida .barraProgresoSubida {width: 100%; height: 100%; background: url(../imagenes/fondobarraprogresiva.png) center repeat-x;}
.Galeria .ImagenGaleria {float: left; width: 160px; height: 180px; border: 1px solid #999; background: #EEE; margin: 5px 0px 0px 5px;}
.Galeria .ImagenGaleria .Imagen {width: 150px; height: 110px; margin: 5px; background: center no-repeat;}
.Galeria .ImagenGaleria .BotonesImagen {margin: 2px 5px; font-size: 8pt;}
.Galeria .ImagenGaleria .BotonesImagen a {float: left; color: #FFF; border: 1px solid #666; background: #999; padding: 1px 3px; margin-right: 5px;}
.Galeria .ImagenGaleria .BotonesImagen a:hover {text-decoration: none; background: #666;}
.Galeria .ImagenGaleria .BotonesImagen .DivCargando {display: none; float: right; width: 19px; height: 19px; background: url(/imagenes/ajax-loader.gif) center no-repeat;}
.Galeria .ImagenGaleria input {width: 150px; height: 16px; padding: 1px 0px; margin: 5px 5px 12px 5px; font-size: 8pt; border: 0px none;}
.Galeria .ImagenGaleria .TextoNormal {background: transparent; color: #333;}
.Galeria .ImagenGaleria .TextoVacio {background: transparent; color: #999; font-style: italic;}