/* Reglas generales que afectan a todo el boletín */

html {
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/fondo_punto.gif);
}

body {
background-color: white;
width: 941px;
padding: 10px;
margin: auto;
font-family: arial, helvetica, sans-serif;
}

p, li, div {
font-size: 12px;
}

img {
border: 0px;
}

h1, h2 {
font-size: 14.5px;
}

h3 {
color: #1481a2;
font-size: 14px;
font-weight: bold;
display: inline;
margin-top: 0.5em;
}

.resumen {
font-weight: bold;
color: #555;
font-size: 1.1em;
}

a {
color: #15728e;
}

a:hover {
text-decoration: none;
}

.solo_para_correo {
display: none;
}

cite.cita_posterior {
display: block;
text-align: right;
}

/* Cabecera
--------------------------------------------------*/

#cabecera p.imagen_numero {
font-size: 16px;
font-weight: bold;
color: white;
background-color: #67bbd0;
margin-top: 22px;
margin-bottom: 0px;
height: 68px;
display: block;
}

#cabecera .numero_boletin {
display: block;
padding-top: 24px;
}

#cabecera a.logotipo_ecsocial_boletin {
background-image:url(http://www.ecsocial.com/web/boletin/images_boletin/cabecera.jpg);
color:white;
display:block;
float:left;
font-size:20px;
height:20px;
margin-left:408px;
padding:24px;
text-align:right;
text-decoration:none;
width:485px;
}

#cabecera span.alternativo_logo_ecsocial {
display: none; /* El objetivo de esta regla es que cuando no se carguen las css (por tanto no se vea el logotipo) se vea un texto en su lugar.*/
}

#cabecera div.separador {
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/puntitos.gif);
background-repeat: repeat-x;
height: 8px;
margin: 0px;
}

#cabecera p.fecha {
font-size: 11px;
color: #3d7886;
text-align: right;
border-bottom: 1px solid #abc7d3;
padding-top: 3px;
padding-bottom: 1px;
margin-top: 0px;
margin-bottom: 0px;
}

#cabecera p.fecha .dia_semana{
font-weight: bold;
}

div#descarga_pdf {
padding: 0px;
height: 14px;
margin-bottom: 5px;
}

#descarga_pdf p {
margin:0px;
}

div#descarga_pdf a {
text-decoration: none;
color: #ba5f5f;
display: block;
float: right;
padding: 1px 0px 0px 17px;
font-size: 10.5px;
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/descarga_pdf.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

div#descarga_pdf a:hover {
text-decoration: underline;
}

/* Indice
--------------------------------------------------*/

div.indice {
float: left;
width: 790px;
background-color: white;
padding-right: 10px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
}

div.info_adicional {
float: left;
width: 141px;
background-color: white;
margin: 0px;
}

.indice div {
padding: 1px 10px;
clear: left;
}

/* Indice - Bienvenida
--------------------------------------------------*/

div#bienvenida {
background-color: #e7f4f8;
margin-top: 0px;
}

#bienvenida h1 {
color: #1481a2;
font-weight: bold;
}

#bienvenida a {
color: #e4553f;
font-weight: bold;
}

/* Indice - Información adicional
--------------------------------------------------*/

#agenda iframe {
display: block;
width: 141px;
border: 0px;
}

#publicar a {
color: #e4553f;
font-weight: bold;
}

#publicar p {font-size: 11px;}

div#redaccion, div#publicar {
margin-bottom: 20px;
}

#redaccion h2, #agenda h2, #publicar h2 {
color: white;
background-color: #67bbd0;
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 0px;
}

#redaccion h3 {
display: block;
margin-top: 5px;
margin-bottom: 0px;
font-size: 11px;
}

#redaccion ul {
list-style-type: square;
padding-left: 15px;
margin: 3px 0px 15px 0px;
background-color: #e7f4f8;
}

#redaccion li {
margin-left: 0px;
margin-bottom: 2px;
font-size: 11px;
}


/* Indice - Noticias
--------------------------------------------------*/

#indice_noticias h2 {
color: #e4553f;
font-weight: bold;
padding-bottom: 5px;
margin-left: -10px;
margin-right: -10px;
border-bottom: 4px solid #e7f4f8;
	/* A continuación, inserción del iconito del título */
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/ico_otrasnoticias.gif);
background-repeat: no-repeat;
padding-left: 30px;	/* Para que no se monte */
height: 1em;		/* Para que se pegue el iconito al borde inferior */
}

#indice_noticias ul {
margin:-5px -12px 0;
padding-left:0;
}

#indice_noticias li {
float:left;
font-weight:bold;
list-style-type:none;
margin:0.9%;
padding:0;
width:250px;
}

#indice_noticias li.not_par {
/* Antaño se sombreaban alternadamente las noticias (iban en forma de lista) */
}

#indice_noticias li a {
background:transparent url(http://www.ecsocial.com/web/boletin/images_boletin/ampliarnoticia1.gif) no-repeat scroll 144px bottom;
border:1px solid #CCC;
color:#1481A2;
display:block;
font-size:13px;
padding:0.6em 0.6em 2em;
text-decoration:none;
}

#indice_noticias li a:hover {
border: 1px solid #aaa;
background-color: #f7f7f7;
}

/* Indice - Reseña artículo de fondo
--------------------------------------------------*/

.resenna_articulo h2 {
color: white;
background-color: #67bbd0;
font-weight: bold;
margin-left: -10px;
margin-right: -10px;
	/* A continuación, inserción del iconito del título */
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/4punt.gif);
background-repeat: no-repeat;
padding-left: 30px;	/* Para que no se monte */
}

.resenna_articulo .resumen {
font-weight: normal;
}

.resenna_articulo h3 a {
text-decoration: none;
color: #1481a2;
}

.resenna_articulo h3 a:hover {
text-decoration: underline;
}

.indice div.resenna_articulo {
border-color:#67BBD0;
border-style:solid;
border-width:1px 1px 1px 3px;
clear:none;
float:left;
margin:10px 6px 15px 8px;
width:45%;
}

.resenna_articulo img.ampliar_noticia {
float:right;
}

.opinion {margin-right:0;}
div.opinion {background-color:#EFFAFD;}

.seccion_vacia {font-size: xx-small; text-transform: uppercase; color: #15728E; font-weight: bold;}
.envia_proximo {float:right; margin:-21px -5px 3px 0; padding:0; width:11em; }
.envia_proximo a {display:block; margin:0; color: #E4553F; text-decoration: none;background:#F0F0F0 none repeat scroll 0 0; border:1px solid #E2E2E2; padding:3px; text-align: center; font-weight: bold; font-size:x-small;}
.envia_proximo a:hover {background:#F7F7F7 none repeat scroll 0 0; border:1px solid #d0d0d0; color: #D3442e;}

/* Indice - Otras noticias
--------------------------------------------------*/

#indice_otras_noticias h2 {
color: #e4553f;
font-weight: bold;
padding-bottom: 5px;
margin-left: -10px;
margin-right: -10px;
border-bottom: 4px solid #e7f4f8;
	/* A continuación, inserción del iconito del título */
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/ico_otrasnoticias.gif);
background-repeat: no-repeat;
padding-left: 30px;	/* Para que no se monte */
height: 1em;		/* Para que se pegue el iconito al borde inferior */
}

#indice_otras_noticias ul {
padding-left: 0px;
margin-top: -5px;
}

#indice_otras_noticias li {
list-style-type: none;
padding: 15px 0px 10px 0px;
border-bottom: 1px solid #abc7d3;
}

#indice_otras_noticias li a {
color: #15728e;
font-weight: bold;
}

/* Indice - Novedades editoriales
--------------------------------------------------*/

#novedades_editoriales h2 {
color: #e4553f;
font-weight: bold;
padding-bottom: 5px;
margin-left: -10px;
margin-right: -10px;
border-bottom: 4px solid #e7f4f8;
	/* A continuación, inserción del iconito del título */
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/ico_otrasnoticias.gif);
background-repeat: no-repeat;
padding-left: 30px;	/* Para que no se monte */
height: 1em;		/* Para que se pegue el iconito al borde inferior */
}

#novedades_editoriales ul {
padding-left: 15px;
margin-top: -5px;
}

#novedades_editoriales li {
padding: 15px 0px 10px 0px;
color: #15728e;
}

#novedades_editoriales .autor {
color: #15728e;
}

#novedades_editoriales .titulo {
font-weight: bold;
}

#novedades_editoriales .serieynum {
font-style: italic;
}

/* Indice - Novedades portal ECSocial
--------------------------------------------------*/

#novedades_portal div.mensaje {
margin-left:-10px;
margin-right:-10px;
padding: 0px;
background-color: #e7f4f8;
border-bottom: 1px dotted #abc7d3;
}

#novedades_portal div.ultimo {
border-bottom: none;
}

#novedades_portal h2 {
color: #e4553f;
font-weight: bold;
padding-bottom: 5px;
margin-left: -10px;
margin-right: -10px;
border-bottom: 4px solid #e7f4f8;
	/* A continuación, inserción del iconito del título */
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/ico_otrasnoticias.gif);
background-repeat: no-repeat;
padding-left: 30px;	/* Para que no se monte */
height: 1em;		/* Para que se pegue el iconito al borde inferior */
}

#novedades_portal .numerito {
color: #e4553f;
font-weight: bold;
font-size: 11px;
float: left;
margin: 5px;
padding: 0px;
}

#novedades_portal .texto {
padding-left: 25px;
}

#novedades_portal .texto p {
margin: 5px;
padding: 0px;
}

/* Secciones
--------------------------------------------------*/

.seccion, .noticia, .otra_noticia, #pie {
clear: left;
width: 940px;
}

.seccion h2 {
color: white;
background-color: #67bbd0;
font-weight: bold;
margin-top: 5px;
	/* A continuación, inserción del iconito del título */
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/4punt.gif);
background-repeat: no-repeat;
padding-left: 30px;	/* Para que no se monte */
}

.seccion h4 {
font-size: 13px;
font-weight: bold;
}

.seccion h5 {
font-size: 11px;
font-weight: bold;
}

.autor {
line-height: 0px;
color: #e4553f;
font-size: 11px;
}

.autor a {
color: #e4553f;
}

ul.mismo_autor {
list-style-type: none;
}

.bibliografia h5 {
padding-left: 20px;
margin-bottom: 5px;
}

.bibliografia ol, .bibliografia ul {
margin-top: 2px;
color: #15728e;
}

.bibliografia span.titulo {
font-weight: bold;
color: #15728e;
}

.bibliografia a {
color: #15728e;
}

div#contenido_articulo_fondo {
border-left: 2px solid #67bbd0;
border-right: 2px solid #67bbd0;
padding-left: 20px;
padding-right: 20px;
}

a.anotado {
text-decoration: none;
color: #1481a2;
font-weight: bold;
}

/* Cursiva para otras lenguas (sólo en párrafos, en otro caso posiblemente son títulos o nombres y no requiere cursiva) */
p span[lang="la"], p span[lang="ca"], p span[lang="en"], p span[lang="fr"] {
font-style: italic;
}

blockquote p:before {
content: "«";
}

blockquote p:after {
content: "»";
}

blockquote {
margin-left: 20px;
}

a.agrandar_imagen {
text-align: center;
text-decoration: none;
color: black;
font-size: 10px;
}

/* Noticias
--------------------------------------------------*/

div.noticia, div.otra_noticia, div.seccion {
border-top: 1px solid #abc7d3;
border-bottom: 1px dashed #abc7d3;
margin-bottom: 20px;
padding-top: 0.8em;
}

div.noticia h3, div.otra_noticia h3, div.seccion h3 {
font-size: 1.8em;
}

div#noticia1, div#noticia5 {
border-top: none;
}

div#noticia3, div#noticia7 {
border-bottom: none;
margin-bottom: 0px;
}

.noticia div.logo_entidad {
float: left;
width: 103px;
margin-right: 10px; 
}

.noticia .texto h3 {
display: block;
padding-top: 20px;
margin-bottom: 0px;
}

.noticia div.texto {
padding-left: 113px;
}

div.volver_indice {
text-align: right;
}

#articulo_fondo h3 {
font-size: 18px;
}

/* Normas de publicación
--------------------------------------------------*/

#normas_publicacion ol li {margin: 0.4em 0 0.3em 0;}
#normas_publicacion ol strong {color: #1481A2; font-size: 1.1em;}

/* Pie de página
--------------------------------------------------*/

div#pie {
background-color:#54676B;
background-image:url(http://www.ecsocial.com/web/boletin/images_boletin/pie.gif);
background-repeat:repeat-x;
color:#67BBD0;
margin-bottom:10px;
padding-bottom:10px;
padding-top:15px;
text-align:center;
width:940px;
}

div#pie a {
color: white;
text-decoration: underline;
}

div#pie a:hover {
text-decoration: none;
}

/* Particulares
-- (reglas que sólo afectan  a este número)
--------------------------------------------------*/

#noticia1 .logo_entidad img { margin-top: 7px; }
#noticia2 .logo_entidad img { margin-top: 4px; }
#noticia3 .logo_entidad img { margin-top: 18px; }

/* Explorer de mis amores */
#mensaje_explorer {display: none;}