/* Tags */
body { font-family: FreeSans, helvetica, tahoma, arial; font-size: 14px; background: white; color:#333; margin: 0; padding: 0; }
h1,h2,h3 { font-family: georgia; }
input { color:#333; }
a:hover { text-decoration: none; outline: none; }
a:active { outline: none; }
a:focus { outline: none; }
a:visited { color: #000088; }
hr { border: none; border-top: 1px solid silver; width: 90%; }
blockquote { font-family: georgia; line-height: 1.3em; border-left: 3px solid #eee; padding-left: 1em; margin-left: 1em; font-style: italic; }

/* Versiones especiales (imprimible, m�vil...) */
.noEnPantalla { display: none; visibility: hidden; }

/*
LAYOUT GENERAL
*/

/* Contenedor general */
#todo { margin: 0 auto 0; border: 0; width: 900px; overflow: hidden; }

/* Cabecera. Incluye logo, site_links y cajet�n de b�squeda */
#cabecera { display: block; width: 100%; border: 0; overflow: hidden; }
#cabecera h1 { float: left; margin: 0; margin-right: 20px; background: url(imgsrc/logo.gif) left top no-repeat; width: 377px; height: 100px; }
#cabecera span { display: none; }
#cabecera div span { display: block; margin: 0 0 10px 0; font-size: 18px; }
#cabecera div a { font-size: 14px; }
#cabecera div form { float: right; width: 200px; font-size: 0.9em; margin-top: 10px; }
.busqueda_cajetin { border: 0; background:#fefefe url(imgsrc/busqueda.gif) no-repeat; width: 120px; height: 25px; padding: 4px 0 0 10px; }
.busqueda_boton { border: 0; background: silver url(imgsrc/boton.gif) no-repeat; width: 62px; height: 33px; padding-top: 6px; color:#333; }

#site_links { float: right; width: 200px; margin: 22px 40px 0 0; padding: 0; overflow: hidden; }
#site_links a:link { float: left; border-left: 1px dotted silver; padding-top: 10px; width: 55px; text-align: center; text-decoration: none; color: gray; font-size: 10px; }
#site_links a:visited { float: left; border-left: 1px dotted silver; padding-top: 10px; width: 55px; text-align: center; text-decoration: none; color: gray; font-size: 10px; }
#site_links a:active { float: left; border-left: 1px dotted silver; padding-top: 10px; width: 55px; text-align: center; text-decoration: none; color: gray; font-size: 10px; }
#site_links a:first-child { border: 0; }
#site_links a:hover { color: navy; text-decoration: underline; }

/* Men� superior principal */
#secciones { display: block; width: 100%; height: 56px; background:#acacab url(imgsrc/secciones-tile.gif) repeat-x; margin: 0; padding: 0; }
#secciones div { width: 100%; background: transparent url(imgsrc/secciones-izqda.gif) left top no-repeat; margin: 0; padding: 0; }
#secciones div div { width: 100%; height: 56px; background: transparent url(imgsrc/secciones-dcha.gif) right top no-repeat; overflow: hidden; margin: 0; padding: 0; }
#secciones div div ul { margin: 0 auto; padding: 8px; list-style-type: none; }
#secciones div div ul li { margin: 0; margin-right: 10px; padding: 10px; padding-right: 20px; float: left; list-style-type: none; font-family: trebuchet MS,tahoma, arial; font-size: 17px; background: transparent url(imgsrc/secciones-separador.gif) center right no-repeat; }
#secciones div div ul li a { color:#343434; text-decoration: none; }
#secciones div div ul li a:hover { color: gray; text-decoration: none; }

/* Sidebar */
#eventos { float: left; width: 252px; margin: 10px; margin-left: -3px; border: 0; padding: 0; }
#eventos dd { margin-top: -15px; margin-bottom: 10px; }
#eventos a { color: #8F3539; }
#eventos a:hover { text-decoration: underline; }
#eventos div { float: left; border: 0; background: white url(imgsrc/eventos-top.gif) top no-repeat; width: 252px; }
#eventos div div { margin: 0; padding-bottom: 15px; background: transparent url(imgsrc/eventos-bottom.gif) bottom no-repeat; width: 252px; }
#eventos div div div { border: 1px solid#dadada; background:#f0f0f0; padding: 10px; margin: 15px; margin-bottom: 0; width: 200px; }
#eventos div div div h2 { margin-top: 0; font-family: georgia; color:#556565; font-weight: normal; text-transform: uppercase; }
#eventos div div div h3 { margin-top: 0; }
#eventos div h3 { color: gray; }
#eventos div ul { margin: 0 0 0 5px; padding: 0; list-style-type: none; }
#eventos div li { list-style-type: none; margin-bottom: 5px; font-size: 12px; }
#eventos div li b { font-size: 13px; }

/* Cajet�n de login */
#login { float: left; padding: 0; margin-top: 10px; }#login p { font-size: 12px; margin-left: 20px; }
#login a:hover { text-decoration: none; }
#login form { display: inline; padding: 0; margin: 0; }
#login table { margin-left: 20px; margin-bottom: 10px; }#login div { padding: 0; margin: 0; }
#login h3 { display: run-in; margin: 20px; font-family: georgia; font-size: 15px; text-transform: uppercase; color:#556565; padding-right: 30px; background: transparent url("imgsrc/tucuenta2.gif") 110px 0 no-repeat; height: 19px; }
#login h5 { margin-left: 20px; }
#login ul { margin: 0 0 0 35px; }
#login ul li { list-style-type: square; font-family: trebuchet ms; font-size: 15px; font-weight: bold; }
#frmLogin { text-align: right; margin: 10px 0 10px 10px; }
#frmLogin label { width: 50px; margin-right: 3px; font-size: 12px; }
#frmLogin input { width: 120px; font-size: 13px; font-family: calibri, "trebuchet ms",tahoma,arial; margin-bottom: 5px; }
#frmLogin a { font-size: 12px; }
#frmLogin a:visited { color:#990000; }

/* Calendario din�mico (generado por JS) de la sidebar */
.calendario { border: 1px solid silver; font-size: 11px; background: white; margin: 0 auto 0; }
.calendario thead tr:first-child th { background: silver; color:#333 }
.calendario th { text-align: center; padding: 3px; border-bottom: 1px solid silver; background:#6A8797; color: white; }
.calendario th img { margin-top: 2px; margin-bottom: 2px;}
.calendario td { text-align: center; padding: 3px; width: 20px; font-family: arial;}
.calendario td a { text-decoration: underline; font-weight: bold; }

/* Enlaces de administrador en la sidebar */
#adminInc li { font-family: trebuchet ms; font-size: 17px; }

#destacado { float: left; width: 635px; border: 0; margin-top: 13px }
#destacado img { border: 1px solid#444; border-bottom: 5px solid#444; }
#contenido { margin-top: 10px; float: left; overflow: hidden; width: 640px; }
#contenido h1 { margin: 0 0 20px 10px;}

#noticias { float: left; overflow: hidden; width: 635px; }
#noticias .noticia, #noticias .noticiaAncha { margin: 20px 0; overflow: hidden; float: left; width: 630px; }
#noticias .noticia h3, #noticias .noticiaAncha h3 { margin: 0; font-size: 1.8em; }
.noticia h3 { margin-bottom: 0; }
#noticias .noticia img, #noticias .noticiaAncha img { background: white; border: 1px solid silver; padding: 1px; margin: 4px 10px 5px 0; }
#noticias .noticia .mas:hover, #noticias .noticiaAncha .mas:hover { text-decoration: underline; }
#noticias .noticiaAncha { margin: 10px 0 20px 0; overflow: hidden; float: left; width: 670px; }
#contenido fieldset { margin-bottom: 20px;}
#contenido fieldset legend { font-size: 0.9em;}

.mas { display: block; float: right; text-align: right; background: transparent url(imgsrc/flecha.gif) no-repeat left center; padding-left: 20px; font-size: 1em; color:#8F3539; text-decoration: none; margin: 5px 5px 10px; }

#tablon p { margin-top: 5px; margin-bottom: 10px;}
#tablon h3 { margin-bottom: 0;}
.meta { display: block; font-size: 0.8em; color: gray; margin: 0 0 10px; }

#albumes { overflow: hidden; }
#albumes .fotoFlotante { float: left; margin: 10px 10px 0 0; padding-top: 70px; width: 70px; font-size: 0.8em; text-align: center; text-decoration: none; color:#8F3539; }
#albumes .fotoFlotante:hover { text-decoration: underline;}

#descargas ul { margin: 0; padding: 0; list-style-type: none;}
#descargas ul li { margin: 0 0 5px 0; padding: 0; list-style-type: none; }
#descargas ul li a { padding: 0 0 2px 20px; text-decoration: none; color:#8F3539; }
#descargas ul li a:hover { text-decoration: underline; }

/* Recuadro con grupos p�blicos en index */
#grupos { float: right; width: 600px; margin: 15px 150px 5px 0; background: white url(imgsrc/deg.gif) top repeat-x; border: 1px solid white; outline: 1px solid silver; }
#grupos h2 { margin: 10px 0 0 10px; text-transform: uppercase; font-weight: normal; }
#grupos ul { float: left; margin: 10px; padding: 0; width: 250px; }
#grupos ul li { list-style-type: none; font-size: 12px; margin: 5px; padding-left: 20px; background: transparent url(imgsrc/bullet.gif) left top no-repeat; height: 18px; }

/* Pie de p�gina (com�n a todas las secciones) */
#pie { margin: 20px auto 0; padding: 0; color: #444; background: #dedede url(imgsrc/pie-fondo.gif) right top no-repeat; font-size: 12px; text-align: center; overflow: hidden; width: 898px; border: none; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; }
#pie a { color: #555; }
#pie p { float: left; margin: 15px 15px 10px 15px; text-align: left; font-size: 13px; overflow: hidden; }
#pie p div { display: inline; text-align: left; }
#diocesis { background: url(imgsrc/cartagena.png) no-repeat left top; padding-left: 75px; height: 73px; }

/* Tabla para formularios, sin bordes */
.tablaform { border: 0; }
.tablaform td { border: 0; }
.tablaform td:first-child { text-align: right; font-weight: bold; }

/* Tabla gen�rica para presentar datos (celdas con bordes) */
.tabla { border-top: 1px solid gray; border-left: 1px solid gray; }
.tabla th { border-bottom: 1px solid gray; border-right: 1px solid gray; background: gray; color: white; text-align: center; font-weight: bold; padding: 7px; }
.tabla td { border-bottom: 1px solid gray; border-right: 1px solid gray; padding: 7px; }
.tabla td a { color: gray; font-size: 0.8em; }

/* Otra tabla para mostrar datos */
.tabla2 { border-collapse: collapse; }
.tabla2 th { font-weight: bold; background: #D6D6D6 url(imgsrc/tab.gif) bottom repeat-x; }
.tabla2 th, .tabla2 td { padding: 5px 7px; border: 1px solid silver; border-collapse: collapse; }

/* Lista p�blica de grupos */
.listaGrupos { margin: 0; padding-left: 2em; }
.listaGrupos li { list-style-type: none; }
.listaGrupos li a { text-decoration: none; font-family: trebuchet ms; color: gray; font-weight: bold; font-size: 1.5em; margin-bottom: 0; line-height: 2em; }
.listaGrupos li a:hover { color: #990000; }
.listaGrupos li img { margin-bottom: -1px; }

/* Recuadros en las �reas privadas de grupos: eventos, �lbumes, etc */
.actividadGrupo { margin: 20px 0 0 3px; padding: 10px; overflow: hidden; }
.actividadGrupo h2 { font-family: tahoma; font-weight: normal; margin-top: 0; border-bottom: 1px solid silver; }
.actividadGrupo h3 { margin: 0; }
.actividadGrupo ul { padding-left: 0; }
.actividadGrupo ul li { list-style-type: square; margin-bottom: 15px; overflow: hidden; clear: both; }
.actividadGrupo .peque { font-size: 11px; color: gray; }
.actividadGrupo a { text-decoration: none; }
.actividadGrupo li a { text-decoration: none; font-size: 17px; font-family: trebuchet ms; }
.actividadGrupo a:hover { text-decoration: underline; }
.actividadGrupo .portada { float: left; margin: 0 5px 5px 0; border: 1px solid silver; padding: 1px; }
.actividadGrupo .portada h4{  float: left; }
.actividadGrupo .portada:hover { border: 1px solid navy; }
.eliminar { float: left; margin: 3px 5px 10px 0; overflow: hidden; color: gray; font-size: 9px; font-weight: normal; }
.eliminar img { border: none }
.eliminar img:hover { background: silver; }
.agregar {}

/* Eventos */
.fecha_evento { width: 3em; float: left; margin-right: 1em; border: 1px solid silver; font-family: georgia; }
.fecha_evento span { text-align: center; display: block; }
.fecha_evento .dia_semana { font-size: 0.8em; background: gray; color: white; }
.fecha_evento .dia_mes { font-size: 1.5em; margin-bottom: 0.3em; }
.datos_evento { float: left; width: 510px; }
.vevent .summary { text-transform: uppercase; }

/* Descargas */
.descargas li { background: transparent url(imgsrc/cd.png) left top no-repeat; padding-left: 55px; }

/* Tabl�n de anuncios */
#tablon li { background: #fbf7c0 url(imgsrc/fondo-tablon.png) left bottom no-repeat; border-top: 1px solid #f9f9db; padding: 1em 1em 2em 1em; overflow: hidden; }
#tablon h3 { margin: 0 0 0.3em; }

/* �lbumes */
.album_datos { overflow: hidden; width: 568px; float: left; }

/* Ver foto */
.foto { float: left; margin: 10px; }
.foto img { border: 1px solid gray; padding: 5px; background: transparent; }
.foto img:hover { border: 1px solid gray; background:#eee; outline: 1px solid gray; }

#negro { display: none; visibility: hidden; background: black; position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; filter: alpha(opacity:40); KHTMLOpacity: 0.40; MozOpacity: 0.40; opacity: 0.40; }
#popup { display: none; visibility: hidden; position: fixed; top: 30%; left: 40%; width: auto; height: auto; padding: 10px; background:#eee; border: 3px solid silver; color: black; font-size: 13px; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; z-index: 26; }
#popup #cerrarPopup { position: absolute; top: 0; right: 0; border: 0; }
#popup h3 { margin: 0 0 6px 0; font-family: tahoma; font-size: 1.3em; text-align: center; padding-bottom: 4px; border-bottom: 1px solid silver; }
#popup textarea { font-family: tahoma; font-size: 13px; }

/* Botones para eliminar elementos (anuncios, eventos, etc) */
.eliminarPq { float: left; margin: 8px 0 0 -10px; }
.eliminarPq img { border: 0; }

.flecha { margin: 10px; }
.flecha:hover { filter: alpha(opacity:60); KHTMLOpacity: 0.60; MozOpacity: 0.60; opacity: 0.60; }


/*
SECCIONES DE CONTENIDO
*/

/* Nuestra parroquia */

.seccionesParroquia { float: left; margin: 20px; text-align: center; }

.seccionesParroquia img { border: 0; margin-bottom: 20px; }
.seccionesParroquia span { display: none; color:#333; text-decoration: none; font-family: trebuchet ms; }
.seccionesParroquia:hover img { margin-bottom: 0; }
.seccionesParroquia:hover span { display: block; }

/* Mapa del sitio */
#mapa li { margin-top: 5px; list-style-type: square; }
#mapa a { color: navy; }
#mapa li ul { margin-bottom: 10px; }
#mapa li ul li { list-style-type: circle; }

/* Blog */
#blog { background: transparent url('imgsrc/boton suave.gif') no-repeat left top; padding: 0; height: 64px; width: 286px; float: left; font-size: 1.3em; text-decoration: none; font-weight: bold; padding-top: 4px; margin: -30px 0 10px 20px; font-family: trebuchet ms, tahoma, arial; color:#6F1B1B; overflow: hidden; }
#blog span { margin: 18px 0 0 50px; float: left; }
#blog:hover { color: gray; }
#barraDcha { float: left; width: 170px; margin: 10px 0 0 12px; padding: 0 15px 15px 15px; border: 0; height: auto; background: url(imgsrc/blog-archivo.gif) left bottom no-repeat; overflow: visible; font-size: 12px; color: gray; font-weight: bold; }
#barraDcha ul { margin: 10px 0 10px 0; padding: 0; list-style-type: none; }
#barraDcha li { list-style-type: none; padding-left: 15px; background: transparent url(imgsrc/lista.gif) left center no-repeat; margin-bottom: 3px; }
#barraDcha a { color:#990000; font-family: trebuchet MS, tahoma, arial; font-weight: normal; font-size: 1.1em; }

/* Administraci�n global */
.listaRoot { padding-left: 20px; background: transparent url(imgsrc/usra.gif) left center no-repeat; }
#tabs { margin: 15px 0 5px 0; }
#tabs a { margin: 0 5px 0 0; border: 1px solid silver; border-bottom: none; padding: 5px 10px; font-size: 1.2em; text-decoration: none; background: #d8d8d8 url(imgsrc/tab.gif) top repeat-x; color: #555; font-family: georgia; color: #556565; font-weight: normal; text-transform: uppercase; }
.seccionAdmin { overflow: hidden; margin: 0; border: 1px solid silver; padding: 10px; background:#eee url(imgsrc/sombra-int.gif) 1px 1px no-repeat; }

/* Perfil */
#grpSolicitar { list-style-type: none; margin: 14px; padding: 0; }
#grpSolicitar li { list-style-type: none; font-size: 14px; font-family: "trebuchet ms", tahoma; font-weight: bold; margin: 10px; padding: 10px; background:#eee url(imgsrc/sombra-int.gif) 1px 1px no-repeat; border: 1px solid silver; }
#grpSolicitar li a { color: gray; }


/*
FORMATOS GEN�RICOS
*/

.peque { font-size: 0.9em; }
.azulfb { color:#3B5998; }
.enlace_azulfb { color:#3B5998; text-decoration: none; }
.enlace_azulfb:hover { text-decoration: underline; }
.paloSeco { font-family: tahoma, arial; }

.elegante { background: white; border: 1px solid silver; float: left; }
.elegante div { background:#f0f0f0; border: 1px solid#dadada; margin: 10px; padding: 10px; }
.elegante h2 { margin-top: 0; font-family: georgia; color:#556565; font-weight: normal; text-transform: uppercase; }

.listaPocoMargen { margin: 0; padding: 0; }
.listaPocoMargen li { padding: 0 0 0 3px; }

.sinVineta { list-style-type: none; }
.sinVineta li { list-style-type: none; }
.listaActividades li b { font-family: georgia; font-size: 1.1em; }

.centro { text-align: center; }

.tab { background: transparent url(imgsrc/tab-top-left.gif) no-repeat left top; padding: 0; }
.tab .topRight { background: transparent url(imgsrc/tab-top-right.gif) no-repeat right top; margin: 0; padding: 0; }
.tab .bottomLeft { background: transparent url(imgsrc/tab-bottom-left.gif) no-repeat left bottom; margin: 0; padding: 20px 0 0 0; }
.tab .bottomRight { background: transparent url(imgsrc/tab-bottom-right.gif) no-repeat right bottom; margin: 0; padding: 20px 10px 10px 10px; }

.enlaceAzul { color:#4848c8; }
.enlaceAzul:visited { color:#4848c8; }

.flechaAbajo { padding-right: 15px; background: transparent url(imgsrc/flechaAbajo.gif) right center no-repeat; }

.iconoMas { padding-left: 20px; background: transparent url(imgsrc/mas.png) left bottom no-repeat; }
.negrita { font-weight: bold; }
.iconoUsr { padding-left: 20px; }

.error { font-weight: bold; color: red; }

.fondo_rosa { background: pink; font-weight: bold; padding: 3px; }

.enlaces_rojos a { color: #990000; }

.borde_suave { background: white url(imgsrc/borde-suave.png) left top no-repeat; padding: 1em; }