/* **************************************************** */
/*   Por David Armento  -  david.armento@gmail.com      */
/* **************************************************** */

/* Principal */

body { margin:0px; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#000; }
#contiene-gris { width:100%; background-color:#f0f0f0; border-top:1px solid #f0f0f0; border-bottom:1px solid #CCC; padding-bottom:10px; }
h1 { font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:normal; }

#nube { width:208px; height:58px; background-image:url(img/ministerios/nuve.png); position:absolute; display:none; top:0px; left:0px; z-index:1; }
#nube div { position:absolute; top:inherit; left:inherit; margin-top:10px; margin-left:10px; color:#069; font-weight:bold; }

/* Cabecera */

#cabecera { width:880px; height:137px; }
#cabecera-cont { width:100%; height:100%; margin-top:10px; }
.derecha { float:left; }
.izquierda { float:right; }
#slogan { color:#666; font-style:italic; position:absolute; top:inherit; left:inherit; margin-left:110px; margin-top:90px; z-index:10; }

/* Menu */

#menu { width:900px; height:48px; background-image:url(img/menu.jpg); background-repeat:no-repeat; }
#menu-cont { width:880px; height:100%; }
.menu-item { cursor:pointer; float:left; height:100%; width:124px; color:#FFF; text-decoration:none; background-image:url(img/separa.jpg); background-repeat:no-repeat; background-position:right; }
.fin { background-image:url() }
.menu-item:hover { color:#B0E116; }
.menu-item div {  position:absolute; width:124px; top:inherit; left:inherit; margin-top:15px; text-align:center; z-index:4000; }

/* Submenu */

#submenuKey  { background-image:url(img/niente.png); width:253px; height:600px; position:absolute; top:0px; left:0px; z-index:2000; }
#submenu { width:213px; position:absolute; top:inherit; left:inherit; margin-top:50px; margin-left:20px; background-image:url(img/submenu.png); background-position:bottom; min-height:40px; z-index:2500; }
.separa_submenu { height:10px; border-bottom:1px solid #9FD500; margin-bottom:10px; }


/* Conteiner */

#conteiner { width:880px; height:260px; background-image:url(img/conteiner.jpg); }	
#conteiner-cont { position:absolute; top:inherit; left:inherit; margin:20px; width:880px;; heigth:220px; }
#conteiner_a { width:525px; height:220px; border-right:1px solid #CCC; }
#conteiner_b { width:340px; height:220px; }

/* Contenido */

#contenido { width:880px; border:1px solid #FFF; margin-top:15px; margin-bottom:25px; }
.apartado_l:link, .apartado_l:active, .apartado_l:visited, .apartado_l:hover { font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:normal; color:#000; text-decoration:none; }


/* Footer */

#footer { width:100%; background-color:#f0f0f0; border-top:1px solid #ccc; border-bottom:1px solid #f0f0f0;}
.footer_col { float:left; width:170px; }
.footer_h { font-weight:bold; color:#333; margin-left:10px;	 }

#footer-cont { width:880px; border:1px solid #f0f0f0; margin-top:25px; margin-bottom:25px; }
#footer2 { width:100%; height:30px; background-color:#292929; color:#CCC; }

/* Links */

.link_menu:link { color:#000; text-decoration:none; }
.link_menu:active { color:#000; text-decoration:none; }
.link_menu:visited { color:#000; text-decoration:none; }
.link_menu:hover { color:#B0E116; text-decoration:none; }

.link_a:link { color:#000; text-decoration:none; }
.link_a:active { color:#000; text-decoration:none; }
.link_a:visited { color:#000; text-decoration:none; }
.link_a:hover { color:#000; text-decoration:underline; }

.submenu_link:link { text-decoration:none; color:#333; }
.submenu_link:active { text-decoration:none; color:#333; }
.submenu_link:visited { text-decoration:none; color:#333; }
.submenu_link:hover { text-decoration:none; color:#666; }

.link_footer:link { color:#666; margin-left:35px; line-height:22px; text-decoration:none; }
.link_footer:active { color:#666; margin-left:35px; line-height:22px; text-decoration:none; }
.link_footer:visited { color:#666; margin-left:35px; line-height:22px; text-decoration:none; }
.link_footer:hover { color:#82A710; margin-left:35px; line-height:22px; text-decoration:none; }

.link_pie:link { color:#ccc; text-decoration:none; }
.link_pie:active { color:#ccc; text-decoration:none; }
.link_pie:visited { color:#ccc; text-decoration:none; }
.link_pie:hover { color:#ccc; text-decoration:underline; }

.link_user:link { color:#333; font-size:11px; text-decoration:none; }
.link_user:active { color:#333; font-size:11px; text-decoration:none; }
.link_user:visited { color:#333; font-size:11px; text-decoration:none; }
.link_user:hover { color:#006088; font-size:11px; text-decoration:none; }

.puntuacion-link:link { color:#fff; text-decoration:none; font-weight:bold; }
.puntuacion-link:active { color:#fff; text-decoration:none; font-weight:bold; }
.puntuacion-link:visited { color:#fff; text-decoration:none; font-weight:bold; }
.puntuacion-link:hover { color:#fff; text-decoration:underline; font-weight:bold; }

.user_line { color:#333; font-size:11px; }


/* Paginas  */

/* Pagina Principal  */

#principal_cont1 { width:545px; border-right:1px solid #CCC; }
#principal_cont2 { width:330px }
.palabras_pastorales { line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; }
.linea { width:100%; border-top:1px solid #ccc; }

/* Boton */

.boton { width:120px; height:32px; background-image:url(img/boton.gif); color:#fff; font-size:11px; cursor:pointer; z-index:1000; }
.boton:hover { background-position:0px -32px; color:#000; }
.boton div { position:absolute; top:inherit; left:inherit; width:120px; text-align:center; margin-top:8px; }
.boton-l:link { text-decoration:none; color:#fff; }
.boton-l:active { text-decoration:none; color:#fff; }
.boton-l:visited { text-decoration:none; color:#fff; }
.boton-l:hover { text-decoration:none; color:#fff; }

#cierra { width:22px; height:20px; background-image:url(img/cierra.gif);position:absolute; top:inherit; left:inherit; margin-left:585px; cursor:pointer; }
#cierra:hover { background-position:0px -20px; }

/* Formularios */

.formu { border:1px solid #5CBBEB; padding:5px; color:#666; width:200px; }
H3 { font-size:11PX; color:#333;  }

/* Mensaje */

#mensaje { width:100%; border:2px solid #5cbbeb; }
#mensjaje_margen { margin:10px; border:1px solid #fff; }
#mensaje_icon { float:left; width:100px; }
#mensaje_cuerpo { float:left; width:450px; color:#333; }

/* Ultimos usuarios */

#ultimos_usuarios { width:100%; border-top:1px solid #ccc; margin-top:20px; }
.ultimos_usuarios_cont { width:80px; height:120px; float:left; text-align:center; margin-right:15px; margin-bottom:15px; }
.ultimos_usuarios_box { width:80px; height:80px; border:1px solid #ccc; cursor:pointer; background-position:center; }
.ultimos_usuarios_foto { border:1px solid #ccc; width:70px; height:70px; margin-top:4px; background-repeat:repeat; background-position:center; }
.ultimos_usuarios_box:hover { background-color:#E8F8FF; }
.ultimos_usuarios_box img { margin:4px; border:1px solid #ccc; }
.ultimos_usuarios_texto { color:#666; font-style:italic; margin-top:5px; }


/* Perfil */

#perfil_foto_frame { float:left; width:210px; height:210px; border:1px solid #ccc; margin-left:5px; margin-right:10px; }
#perfil_foto { width:197px; height:197px; border:1px solid #ccc; margin:5px; background-position:center; }
#perfil_info { float:left; }
#perfil_mensaje { width:622px; height:59px; background-image:url(img/users/perfil_txt.jpg);  }
#perfil_mensaje_txt { position:absolute; top:inherit; left:inherit; margin-left:20px; margin-right:20px; margin-top:10px; margin-bottom:10px; height:39px; width:582px; color:#333; }
#perfil_estadisticas { color:#666; margin-left:10px; }

#eventos-perfil { float:right; width:300px; border-left:1px solid #ccc; }
#eventos-perfil > div { margin-left:10px; }
.eventos-perfil-box { width:286px; height:83px; background-image:url(img/users/evento_box.jpg); color:#333; }
.eventos-perfil-box > div { position:absolute; top:inherit; left:inherit; width:266px; margin:10px; font-size:10px; }
.resalta { background-image:url(img/users/evento_box2.jpg) }

#left { float:left; width:560px; }
#permisos_box { border:1px solid #ccc; }
#permisos_box > div { margin:10px; width:100%;}
.botones_permisos { float:left; margin-right:10px; margin-bottom:10px;}


/* Blog */

#blog-body { width:620px; margin-left:45px; margin-bottom:20px; float:left; border-right:1px solid #ccc;  }
.blog-titulo:link { font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:bold; color:#09C; text-decoration:none; }
.blog-titulo:active { font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:bold; color:#09C text-decoration:none;; }
.blog-titulo:visited { font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:bold; color:#09C; text-decoration:none; }
.blog-titulo:hover { font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:bold; color:#3CF; text-decoration:none; }
.blog-fecha { color:#666; font-size:11px; font-style:italic; }
.blog-contenido { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; }
.blog-division { width:100%; border-top:1px solid #e2e2e2; }
.imgChica { width:135px; height:110px; border:1px solid #ccc; margin-right:10px; float:left; }
.imgChica2 { width:123px; height:98px; border:1px solid #ccc; margin:5px; background-position:center;  }

.imgGrande { width:200px; height:160px; border:1px solid #ccc; margin-right:10px; float:left; }
.imgGrande2 { width:188px; height:148px; border:1px solid #ccc; margin:5px; background-position:center;  }

.texto-blog { text-align:justify; color:#333; line-height:22px; }

#blog-menu { float:left; width:160px; margin-left:20px; }


/* Comentarios */
#comentar { width:100%; border:1px solid #ccc; }
.comentariosBox { width:491px; float:left; }
.comentariosBox1 { width:100%; height:20px; background-image:url(img/users/comentarios.jpg); background-repeat:no-repeat; background-position:top; }
.comentariosBox2 { width:100%; height:auto; background-image:url(img/users/comentariosMiddle.jpg); }
.comentariosBox3 { width:100%; height:30px; background-image:url(img/users/comentarios.jpg); background-repeat:no-repeat; background-position:bottom; }
.comentarioensi { color:#333; }
.hora_comentario { font-style:italic; color:#666; font-size:10px; }

.comentario_link:link { color:#0082E1; }
.comentario_link:active { color:#0082E1; }
.comentario_link:visited { color:#0082E1; }
.comentario_link:hover { color:#0082E1; }

/* Eventos */

#eventos_cabecera { height:38px; color:#FFF; font-weight:bold; font-size:14px; }
.evento_cuerpo { border-bottom:1px dashed #999; padding-bottom:20px; padding-top:10px; color:#333; }
.asistencia_aviso { color:#999; font-size:10px; }

/* Galeria de fotos */

.album { float:left; margin-right:10px; margin-bottom:20px; padding:10px; } 
.album:hover { background-color:#f0f0f0;}
.albumImg { width:170px; height:130px; border:1px solid #ccc;background-color:#fff; }
.albumImg a { display:block; margin:4px; border:1px solid #ccc; width:160px; height:120px; overflow:hidden; }
.texto-album { text-align:center; width:170px; margin-top:10px; color:#666; font-style:italic; }

#conteine-imagen-ampliada { float:left; }
#conteine-imagen-ampliada > div { margin-right:10px; }

#contiene-albumes-vertical { float:right; border-left:1px solid #ccc; width:200px; }
#contiene-albumes-vertical > div { margin-left:10px; }

#imagen-ampliada { width:580px; height:435px; border:1px solid #666; background-color:#f0f0f0; cursor:pointer; overflow:hidden; }

#crearAlbum { width:100%; border:1px solid #ccc; }
#crearAlbum > div { margin:10px; }

/* Contacto */

.info { color:#333; font-size:11px; }
label { color:#333; }


/* Otros elementos */

.cabecera_tabla_left { background-image:url(img/header_bg.jpg); background-position:left; }
.cabecera_tabla_center { background-image:url(img/header_bg.jpg); background-position:center; }
.cabecera_tabla_right { background-image:url(img/header_bg.jpg); background-position:right; }

/* Ver contactos */

#lista-contactos { width:300px; float:left; margin-right:10px; }
#ver-mensaje { float:left; width:550px; }

.mensaje-box { border:1px solid #ccc; height:25px; cursor:pointer; margin-bottom:5px; }
.mensaje-box:hover { background-color:#f0f0f0; }
.mensaje-box-margen { margin:5px; font-size:10px; color:#333; }
.leido { color:#999; }

/* Ultimo Post */

.ultimo_post { margin-left:50px; }

/* Slider */ 

ul.slideshow {
	list-style:none;
	width:500px;
	height:200px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:500px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

/* Facebox */

#facebox .b {
  background-image:url(facebox/b.png);
}

#facebox .tl {
  background-image:url(facebox/tl.png);
}

#facebox .tr {
  background-image:url(facebox/tr.png);
}

#facebox .bl {
  background-image:url(facebox/bl.png);
}

#facebox .br {
  background-image:url(facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  border:4px solid #5CBBEB;
  padding: 10px 20px 10px 20px;
  background: #fff;
  width: 600px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 5000;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}