/*	Desc: Estilos de pantalla para Alba
	Autor: Distridigital
	Data: may 09
-------------------------------------------- */


/* - -  RESET  - - - - -  */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, address, th, td { margin: 0; padding :0; }
h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
table { border-collapse : collapse; border-spacing : 0; }
ul {list-style-type : none;}
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }
a {outline:none;}

/* - -  ESTRUCTURA  - - - - -  */

html {
}

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.6em;

font-style: normal;
}

#layout {
width: 880px;
margin: 0 auto;
background: #fff;
}

#cabecera {
margin: 0 0 60px 0;
}

#logo {
background: #fff url(/images/2.jpg) no-repeat left;
width: 880px;
height: 131px;
margin: 0;
padding: 0;
border-bottom: 1px solid #933;
}

hr.clear {
clear:both;
visibility:hidden;
margin: 30px 0;
}

#pie {
border-top:1px solid #E0D9D0;
color:#918067;
font-size:80%;
margin:0 auto;
padding:1px 0;
text-align:center;
width:880px;
}

#pie a {
color: #918067;
text-decoration: none;
}

#pie a:hover {
color: #cc3333;
}

/* - -  MENU  - - - - -  */

#menu {
height: 20px;
margin: 0 0 10px 0;
padding: 0 0 7px 0;
font-size:95%;
}

#menu ul {
display: block;
}

#menu li {
float: left;
font-size: 95%;
}

#menu li a {
color: #cc3333;
text-decoration: none;
font-weight: normal;
padding: 5px 15px;
}

#menu li a:hover {
background: #cc3333 none repeat scroll 0%;
color: #fff;
text-decoration: none;
font-weight: normal;
}

.menu_activo {
}

#menu li.on a:hover {
background: #cc3333 none repeat scroll 0%;
color: #fff;
text-decoration: none;
font-weight: normal;
}

#menu li.on a{
background: #cc3333 none repeat scroll 0%;
color: #fff;
text-decoration: none;
font-weight: normal;
}

/* - -  INICIO  - - - - -  */

a {
color: #c33;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#bloque1 a.rojo {
color: #c33;
text-decoration: none;
}

#post {
margin: 0 0 50px 0;
}

#post ul {
margin: 5px 0 15px 40px;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
}

#post li {
padding-bottom: 5px;
}

#post ol {
margin: 5px 0 15px 40px;
list-style-type:decimal;
}

#contenido #post h4 {
margin: 10px 0 7px 0;
color: #000;
font-weight: bold;
}

#post blockquote {
background:#FEF8F1 none repeat scroll 0;
border-left:6px solid #E6D0B6;
font-family:georgia;
font-size:120%;
font-style:italic;
line-height:1.8em;
margin:0 10px 0 13px;
padding:5px 20px;
}

.fecha {
color: #999;
font-size: 90%;
}

h2 {
font-size: 100%;
color: #882323;
font-weight: bold;
margin: 0;
line-height: 1.2em;
}

h2 a {
color: #882323;
text-decoration: none;
}

h2 a:hover {
text-decoration: underline;
}

h3 {
color: #da6767;
font-weight: bold;
font-size: 100%;
}

h6 {font-size: 90%; font-style: italic; color: #882323;}

#contenido {
padding: 0 0 0 15px;
width: 550px;
float: left;
}

#contenido_asociacion {
padding: 0 0 0 15px;
width: 500px;
float: left;
}

#columna_asociacion {
margin: 9px 0 0 0;
padding: 0;
width: 330px;
float: right;
font-size: 80%;
line-height: 1.3em;
}

#columna {
margin: 0;
padding: 0;
width: 280px;
float: right;
font-size: 80%;
line-height: 1.3em;
}

.punteada {
border-left: 1px dashed #000000;
}


#bloque_presenta {
margin: 0 0 10px 0;
background: #fff;
padding: 0 0 16px 20px;
font-size: 110%;
line-height: 1.5em;
}

#bloque_presenta p {
margin: 0;
padding: 0;
}

#bloque1 {
margin-bottom: 10px;
background: #fff;
padding: 0 0 10px 20px;
}

.dashed {
border-bottom: 1px dashed #333;
}

#bloque1 h3 {
padding: 4px 10px;
background: #cc6600;
color: #fff;
}

#bloque1 p {
padding: 0 10px;
}

#bloque1 .mini {
font-size:90%;
}

#bloque1_titulo {
padding: 40px 60px 0 10px;
color: #333;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}

.avisos {
background: #fff url(../images/ico_avisos.gif) no-repeat scroll right top;
text-align: bottom;
}

.video {
background: #fff url(../images/ico_video.gif) no-repeat scroll right top;
text-align: bottom;
}

.archivos {
background: #fff url(../images/ico_archivos.gif) no-repeat scroll right top;
text-align: bottom;
}

.foto {
background: #fff url(../images/ico_foto.gif) no-repeat scroll right top;
text-align: bottom;
}

.calendario {
background: #fff url(../images/ico_calendar.gif) no-repeat scroll right top;
text-align: bottom;
}

.links {
background: #fff url(../images/ico_links.gif) no-repeat scroll right top;
text-align: bottom;
}

.servicios {
background: #fff url(../images/ico_servicios.gif) no-repeat scroll right top;
text-align: bottom;
}

#bloque1 a {
color: #5f5353;
font-weight: bold;
text-decoration: none;
line-height: 1em;
}

#bloque1 a:hover {
color: #cc3333;
text-decoration: underline;
}


/* - -  COLUMNAS INFORMACION  - - - - -  */

#bloque_asociacion {
margin-bottom: 30px;
padding: 0 0 0 30px;
}

#bloque_asociacion h3 {
color: #000;
margin-bottom: 20px;
}

#bloque_asociacion h4 {
margin-bottom: 9px;
}

#bloque_asociacion a {
color: #5f5353;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
line-height: 1em;
}

#bloque_asociacion a:hover {
color: #993333;
text-decoration: underline;
}

#bloque_article {
margin-bottom: 25px;
}

#bloque_article p {
margin: 0;
padding: 7px 0 0 0;
}


#bloque2 {
margin-bottom: 30px;
background: #fff;
padding: 0 0 10px 0;
}

#bloque3 {
margin: 0 0 30px 20px;
padding: 0 0 10px 0;
background-color: #ffe9d3;
line-height: 1.6em;
}

#bloque3 h3 {
padding: 4px 10px;
background: #cc6600;
color: #fff;
}

.tema {
text-transform: uppercase;
font-size: 85%;
}

#bloque3 p {
padding: 0 10px;
}

#bloque3 ul {
margin: 10px 5px 5px 10px;
}

#bloque3 li {
margin-bottom:5px;
background-image:url(../images/pico.png);
background-repeat:no-repeat;
background-position:0px 7px;
padding-left:10px; 
}

#bloque3 li a {
text-decoration: none;
color: #000;
padding: 0;
}

#bloque3 li a.active {
color: #999;
}

#bloque3 li a.active:hover {
color: #999;
text-decoration: none;
}

#bloque3 li a:hover {
color: #c33;
text-decoration: underline;
}

#bloque_pdf {
margin: 0 0 30px 20px;
font-size: 95%;
padding: 7px;
border-top: 1px solid #c60;
border-bottom: 1px solid #c60;
}

#bloque_pdf a {
color: #c60;
text-decoration: none;
padding: 0 28px 0 0;
background: transparent url(../images/pdf_off.png) no-repeat right;
}

#bloque_pdf a:hover {
text-decoration: underline;
background: transparent url(../images/pdf_on.png) no-repeat right;
color: #c33;
}

#bloque_lactancia {
margin: 0 0 30px 0px;
line-height: 1.6em;
}

#bloque_lactancia blockquote {
font-size: 150%;
line-height: 2em;
font-family: georgia;
font-style: italic;
background: transparent url(../images/comillas2.png) no-repeat top left;
padding: 40px 0 0 20px;
color: #333;
}

#bloque_lactancia img {
margin-left:20px;
}

#bloque_lactancia.foro {
margin-left:20px;
}

/* - -  GRUPOS  - - - - -  */

.telefono {
font-size: 125%;
font-weight: bold;
}

#grupo {
margin: 40px 0 0 30px;
padding: 0 0 0 15px;
border-left: 1px dashed #cc6600;
}

#grupo h3 {
color: #cc6600;
margin-bottom: 8px;
}

#grupo_data {
font-size: 90%;
line-height: 1.3em;
}

.grupo_datos {
color: #333;
}

.mays {
text-transform: uppercase;
}

#grupo ul {
margin-bottom: 15px;
}

#grupo li {
padding-bottom: 8px;
}


/* - -  COLUMNA NAVEGACION  - - - - -  */


#columna_nav {
margin: 9px 0 0 0;
padding: 0;
width: 230px;
float: right;
font-size: 80%;
line-height: 1.3em;
}

#bloque_nav {
margin-bottom: 10px;
background: #fff;
padding: 0 0 10px 20px;
}
#bloque_nav label {display:none;}

#bloque_nav h3 {
padding: 0px 10px;
background: #fff;
color: #cc6600;
border-left: 2px solid #cc6600;
}

#bloque_nav ul {
padding: 10px 0;
}

#bloque_nav li {
padding: 0 0 8px 10px;
}

#bloque_nav a {
color: #5f5353;
font-weight: normal;
text-decoration: none;
line-height: 1em;
}

#bloque_nav a:hover {
color: #cc3333;
text-decoration: underline;
}

/* - -  INTROS  - - - - -  */


#intro_alba {
background-color: #ffe9d3;
font-family: georgia;
font-style: italic;
font-size: 140%;
line-height: 2.3em;
padding: 9px 50px;
margin-bottom: 50px;
border-left: 10px solid #933;
}

.granate {
color: #993333;
}

#intro_alba_gris {
background-color: #f6f6f6;
font-family: georgia;
font-style: italic;
font-size: 140%;
line-height: 2.3em;
padding: 20px 50px 1px 50px;
margin-bottom: 50px;
border-left: 10px solid #ccc;
}

/* - -  COMENTARIOS  - - - - -  */

.comments_invite {
color: #882323;
font-size: 90%;
text-decoration: none;
}

comments_invite a:hover {
text-decoration: underline;
}

#comentarios {
margin: 50px 0 0 0;
padding: 30px 0 0 0;
border-top: 1px solid #999;
}

#comentarios h3 {
margin: 10px 0;
}

#comentarios #name, #comentarios #email, #comentarios #web {
width: 200px;
margin-right: 10px;
}

#comentarios h5 a {
color: #000;
font-weight:bold;
text-decoration:none;
}

#comentarios .comentario_nombre {font-weight:bold;}

#comentarios .comentario_fecha {
color: #999;
font-size: 90%;
}

#comentarios .comentario_enlace a {
color: #999;
font-size: 90%;
}

#comentarios .comentario_enlace a:hover {
color: #000;
}

h5.comentario_tit {border-top:1px dashed #999999;
margin:20px 0 0;
padding:10px 0 0;
}

#txpCommentInputForm {
background:#F9F9F9 none repeat scroll 0;
border:1px dashed #999999;
margin-top:30px;
padding:5px 20px;
}

#txpCommentInputForm #comentarios {
border:0 none;
margin:0;
padding:0;
}

#txpCommentInputForm #message.txpCommentInputMessage {
width:95%;
height:25em;
}

/*  - - - - - - - - - - -  CONTACTAR - - - - - - - */

#contacto_datos {
width: 350px;
float: left;
}

#contacto_datos h3 {
font-size: 120%;
color: #753e3e;
font-weight: bold;
margin-bottom: 10px;
}

#contacto_datos h4 {
font-size: 85%;
font-weight: bold;
margin-top: 24px;
margin-bottom: 10px;
}

#contacto_datos li {
font-size: 85%;
font-weight: normal;
margin-bottom: 10px;
}

#contacto_mapas {
width: 425px;
float: right;
}

#metadatos {
background-color: #f2f2f2;
padding: 5px 5px 5px 10px;
font-size: 85%;
margin: 15px 0;
color: #666;
border-top: 1px solid #999;
}

#metadatos .fecha {
color: #666;
font-size: 100%;
}

.seguir_leyendo a {
color: #666;
text-decoration:none;
background: transparent url(../images/flecha666.png) no-repeat scroll right center;
padding: 0 33px 0 0;
}

.seguir_leyendo a:hover {
color: #882323;
background: transparent url(../images/flecha_roja.png) no-repeat scroll right center;
}

#descargas {
margin: 30px 0 40px 0;
}

#descargas a {
}

.descarga_img {
margin: 0 10px 15px 0;
}

#descargar_post {
margin: 15px 0;
padding: 7px;
border-top: 1px solid #333;
background: #f2f2f2 none repeat scroll 0% 50%;
font-size: 90%;
}

#descargar_post a {
color: #e2001a;
text-decoration: none;
background: transparent url(../images/pdf_on.png) no-repeat left;
padding: 0 0 0 20px;
font-weight: normal;
}

#descargar_post  a:hover {
text-decoration: underline;
}

.pdf a {
color: #333;
background: transparent url(../images/pdf_off.png) no-repeat scroll right center;
}

.pdf a:hover {
color: #333;
background: transparent url(../images/pdf_on.png) no-repeat scroll right center;
}

.rss a {
background: transparent url(/images/rss.png) no-repeat scroll right center;
text-decoration: underline;
}


#contacto_formulario {
width: 500px;
background: #f2f2f2;
padding: 15px;
border-top: 1px solid #333;
}

#contacto_formulario h3 {
color: #000;
font-size: 90%;
font-weight: bold;
letter-spacing: 1px;
padding: 0 0 20px 0;
}

#contacto_enviado {
min-height: 500px;
padding: 1px 0;
margin: 1px 0;
}

.txtinput {
}

#condiciones {
font-size:85%;
line-height: 1.1em;
font-style: italic;
}

.anteriores {
color:#666;
}

.anteriores a {
color:#666;
font-size: 90%;
text-decoration: none;
}

.anteriores a:hover {
color:#CC3333;
}

#servicios {
margin: 20px 0 0 0;
}

#servicios p {
padding: 0 0 0 10px;
}

#enlace {
padding: 0 0 0 10px;
margin: 20px 0;
}

#enlace p {
padding: 0;
}

#enlace .mini {
color: #333;
font-size: 90%;
}

#enlace_img {
float: left;
padding: 0 10px 15px 0;
}


/* - - - - - G A L E R I A S  - - - - -  */

#galerias {
padding: 0 0 0 15px;
width: 880px;
}

.galerias_cabecera {
margin: 0 0 20px 0;
}

#galerias_volver {
float: right;
margin: 20px 30px 0 0;
}

#galerias h2 {
color:#882323;
font-size:100%;
font-weight:normal;
line-height:1.2em;
margin:0pt 0pt 20px;
}

#galerias h2 .setname {
color:#333;
}

#galerias h3 {
color:#882323;
font-size:120%;
font-weight:bold;
line-height:1.2em;
margin:0;
}


#galerias h3 a {
text-decoration: none;
color:#882323;
font-weight: bold;
}

#galerias h3 a:hover {
text-decoration: underline;
}

.number_of_photos {
font-size: 90%;
color: #666;
}

.flickr_slideshow a {
text-decoration: none;
font-size: 90%;
color: #666;
background: transparent url(../images/flecha666.png) no-repeat scroll right center;
padding: 0 33px 0 0;
}

.flickr_slideshow a:hover {
color: #882323;
background: transparent url(../images/flecha_roja.png) no-repeat scroll right center;
}

.flickr_comments {
color:#999999;
font-size:80%;
line-height:1.3em;
margin-top: 15px;
}

.flickr_comments a {
color:#999999;
}

.flickr_comments a:hover {
color:#882323;
}

.setpreview {
background:#F7F5F0 none repeat scroll 0 50%;
border:1px solid #F0EEE8;
font-size:90%;
margin:0 0 30px;
max-width:800px;
padding:20px;
}

.setpreview .thumbnail {
float: left;
margin-right: 2em;
}

.flickrset a {
border: solid #CC3333 2px;
width: 75px;
height: 75px;
background: #fff0d6;
float: left;
margin: 10px;
padding: 5px;
}

.flickrset a:hover {
background: #CC3333;
}

.flickrset img {
border: 0;
}

.pages_nav {
clear: both;
}

.individual {
padding: 0 2em;
}

.individual .image {
margin: 0.5em auto;
text-align: center;
}

.individual .image img {
}

.individual .flickrsetnav {
text-align: center;
}

.individual .flickrsetnav a,
.individual .flickrsetnav a:link,
.individual .flickrsetnav a:visited {
text-decoration: none;
color: #666;
}


.individual .flickrsetnav a:hover {
color: #882323;
}

.individual .setname {
display: inline;
}

/* - -  BIBLIOTECAS  - - - - -  */

#biblioteca_presenta {
width: 330px;
float: left;
}

#biblioteca_presenta h3 {
font-family: georgia;
font-style: italic;
font-size: 115%;
margin-bottom: 20px;
color: #933;
padding-bottom: 10px;
line-height: 1.5em;
background-color:#FFE9D3;
padding: 15px;
}

#biblioteca_presenta p {
font-size: 100%;
line-height: 1.8em;
padding: 0;
}

.listado_libros {
width: 520px;
float: right;
}

.listado_libros ul {
margin:0; padding:0; }

.listado_libros li {
padding:0; 
/* overflow: hidden; */
float: left;
min-height: 180px;
}

.listado_libros a {
background:#fff none repeat scroll 0%;
margin:0 0 20px 20px; 
float:left;
padding:4px;
width:100px;
height:160px;
}

.listado_libros a:hover {
background:#CC3333 none repeat scroll 0%;
}

.volver_listado a {
color: #999;
text-decoration: none;
margin-top: 15px;
}

.volver_listado a:hover {
color: #c33;
}

#biblioteca_columna {
width: 250px;
float: left;
font-size: 80%;
margin-right:40px;
}

#contenido h4 {
color: #882323;
font-weight: bold;
}

.autor {
font-style: italic;
margin: 0;
padding:0;
color: #666;
}

/* - -  LACTANCIA  - - - - -  */


.granate {
color: #993333;
}


#intro_lactancia {
background-color:#F6F6F6;
border-left:10px solid #CCCCCC;
float:left;
font-family:georgia;
font-size:120%;
font-style:italic;
line-height:2.3em;
margin-bottom:50px;
padding:0 16px 1px 20px;
width:390px;
}

#temario {
float: right;
margin-left: 50px;
width: 370px;
font-size: 90%;
}

#temario h4 {
background:#999999 none repeat scroll 0% 50%;
color:#FFFFFF;
display:block;
font-weight:bold;
padding-left: 10px;
}

#temario h4 a {
color:#FFFFFF;
padding-left:10px;
text-decoration:none;
}

#temario h4 a:hover {
background:#CC3333 none repeat scroll 0%;
display:block;
}

#temario ul {
border:1px solid #EDEDED;
font-size:90%;
margin-bottom:25px;
}

#temario li {
background:#FFFFFF none repeat scroll 0% 50%;
border-bottom:1px solid #EDEDED;
display:block;
}

#temario li a {
color:#666666;
padding:0pt 10px;
text-decoration:none;
display:block;
}

#temario li a:hover {
background:#CC3333 none repeat scroll 0%;
color:#FFFFFF;
display:block;
}


/* - -  SOCIAS (privado)  - - - - -  */

.active {
border-left:1px dashed #999999;
color:#333333;
float:right;
font-size:85%;
margin:0;
padding-left:20px;
}

.active p {
margin: 0; padding:0;
}

.login {
background:#EEEEEE none repeat scroll 0 50%;
border:1px solid #999999;
color:#111111;
float:right;
font-size:100%;
margin-left:50px;
padding:14px;
width:350px;
}

.socias h2 a, #contenido.socias h2 {
color: #444;
}

#descargar_socias {
margin: 15px 0 30px 0;
padding: 2px;
border-top: 1px dashed #999;
font-size: 85%;
color: #999;
}

#descargar_socias a {
color: #999;
text-decoration: none;
font-weight: normal;
}

#descargar_socias a:hover {
color: #c33;
}


/* - -  TABLAS  - - - - -  */


th, td {
padding: 1em 0.4em;
}

caption {
font-weight: bold;
margin: 1em 0;
font-size: 110%;
}

col {
border-right: 1px solid #ccc;
}

.impar {
background-color: #efefef;
}

thead {
background-color: #666;
color: #fff;
border-bottom: 2px solid #444;
font-weight: bold;
font-size: 110%;
}

tr {
padding: 1em 0;
}

tr:hover {
background-color: #c33;
color: #fff;
}

thead tr:hover {
background-color: transparent;
color: inherit;
}

#t1 {
border: 2px solid #666;
font-size: 80%;
line-height: 1.4em;
margin-bottom: 40px;
}

#tipo {
width: 30%;
}

/* Category Page
- - - - - - - - - - - - - - - - - - - - */
.category_page h2 {
margin: 0 0 2em 0;
color:#000;
}
.category_page h3 a {color:#882323;}
.category_page .metas {
margin-bottom: 1.2em;
color: #999;
}
.category_page .metas a {
color: #999;
text-decoration:underline;
}