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

body {
background-position: center 50%;
background-repeat: repeat-y;
width: 17cm;
margin: auto;
font-family: "Times", serif;
}

li, div {
font-size: 10pt;
}

div#novedades_portal {
page-break-after: avoid;
page-break-inside: avoid;
page-break-before: always;
}

p {
font-size: 10pt;
text-align: justify;
}

img {
border: 0pt;
}

h1, h2 {
font-size: 14pt;
color: #777;
font-family: "Georgia", serif;
}

h3 {
color: #777;
font-size: 11pt;
font-weight: bold;
display: inline;
}

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

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

#novedades_editoriales a[href]:after,
#novedades_portal a[href]:after,
#bienvenida a[href]:after,
#contenido_articulo_fondo a[href]:after,
.autor a[href]:after,
.noticia a[href]:after {
color: #444;
content: "[" attr(href) "]";
display: block;
text-decoration: underline;
font-size: 8pt;
margin-left: 3pt;
}

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

.solo_para_correo {
display: none;
}

.no_imprimir, .agrandar_imagen {
display: none;
}

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

#cabecera p.imagen_numero {
font-size: 12pt;
font-weight: bold;
margin-bottom: 0pt;
margin-top: 0px;
height: 37px;
width: 450px;
display: block;
float: left;
}

#cabecera .numero_boletin {
display: block;
padding-top: 18px;
padding-left: 225px;
}

#cabecera a.logotipo_ecsocial_boletin {
background-image: url(http://www.ecsocial.com/web/boletin/images_boletin/ecsocial_boletin_impreso.png);
height: 37px;
width: 220px;
display: block;
float: left;
}

#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 {
display: none;
}

#cabecera p.fecha {
padding-top: 23px;
font-size: 9pt;
color: #777;
border-bottom: 1pt solid #777;
text-align: right;
}

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

div#descarga_pdf {
display: none;
}

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

div.indice {
float: left;
width: 13cm;
background-color: white;
padding-right: 0.2cm;
margin-top: 0pt;
margin-left: 0pt;
margin-right: 0pt;
margin-bottom: 20pt;
border-right: 1pt #777 solid;
}

div.info_adicional {
float: left;
width: 3.4cm;
background-color: white;
margin: 0pt;
padding-left: 0.2cm;
}

.indice div {
padding: 5pt;
}

.indice img[alt~="Ampliar"] {
display: none;
}

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

div#publicar {
display: none;
}

div#bienvenida {
background-color: #eee;
margin-top: 0pt;
border-top: 1pt solid #ccc;
border-bottom: 1pt solid #ccc;
}

div#bienvenida h1 {
margin: 0pt;
}

div#bienvenida p {
margin: 6pt 0pt 4pt 0pt;
}

#bienvenida a {
display: none;
}

div#redaccion {
margin-top: 0pt;
}

#redaccion h2 {
color: #777;
background-color: #eee;
font-size: 11pt;
font-weight: bold;
margin-top: 0pt;
border-top: 1pt solid #ccc;
border-bottom: 1pt solid #ccc;
}

#redaccion h3 {
display: block;
font-size: 9pt;
margin-top: 8pt;
margin-bottom: 0pt;
}

#redaccion ul {
list-style-type: square;
padding-left: 15pt;
margin: 0pt 0pt 0pt 0pt;
}

#redaccion li {
margin-left: 0pt;
margin-bottom: 2pt;
font-size: 8pt;
}


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

#indice_noticias h2 {
padding-bottom: 1pt;
margin-left: -5pt;
margin-right: -5pt;
margin-top: 10pt;
border-bottom: 4pt solid #eee;
padding-left: 5pt;
height: 14pt;
}

#indice_noticias ul {
padding-left: 0pt;
margin-top: -8pt;
margin-bottom: 6pt;
}

#indice_noticias li {
list-style-type: none;
padding: 4pt 0pt 4pt 4pt;
border-bottom: 1pt dotted #ccc;
font-size: 12pt;
}

#indice_noticias li a {
color: black;
}

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

#resenna_articulo_fondo h2 {
color: white;
background-color: #777;
font-weight: bold;
margin-left: -5pt;
margin-right: -5pt;
margin-top: 3pt;
margin-bottom: 6pt;
padding-left: 5pt;	/* Para que no se monte */
font-size: 11pt;
letter-spacing: 1pt;
}

#resenna_articulo_fondo h3 a {
font-weight: bold;
font-size: 14pt;
color: #777;
}

div#resenna_articulo_fondo p {
margin-top: 5pt;
margin-bottom: 5pt;
}

#resenna_articulo_fondo .resumen {
font-weight: normal;
}

div#resenna_articulo_fondo {
border: 1pt solid #777;
margin-top: 6pt;
margin-bottom: 4pt;
}

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

#indice_otras_noticias h2 {
padding-bottom: 1pt;
margin-left: -5pt;
margin-right: -5pt;
margin-top: 7pt;
border-bottom: 4pt solid #eee;
padding-left: 5pt;
height: 14pt;
}

#indice_otras_noticias ul {
padding-left: 0pt;
margin-top: -10pt;
margin-bottom: 0pt;
}

#indice_otras_noticias li {
list-style-type: none;
padding: 4pt 0pt 4pt 4pt;
border-bottom: 1pt dotted #ccc;
}

#indice_otras_noticias li a {
color: black;
}

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

#novedades_editoriales h2 {
padding-bottom: 1pt;
margin-left: -5pt;
margin-right: -5pt;
margin-top: 7pt;
border-bottom: 4pt solid #eee;
padding-left: 5pt;
height: 14pt;
}

#novedades_editoriales ul {
padding-left: 12pt;
margin-top: -10pt;
margin-bottom: 0pt;
}

#novedades_editoriales li {
padding: 10pt 0pt 0pt 4pt;
}

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

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

#novedades_editoriales li a {
color: black;
}

/* Indice - Novedades portal EC|Social
--------------------------------------------------*/

#novedades_portal div.mensaje {
margin-left: -10pt;
margin-right: 0pt;
margin-top: 0px;
padding: 0pt;
border-bottom: 1pt solid #ccc;
}

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

#novedades_portal h2 {
padding-bottom: 1pt;
margin-left: -5pt;
margin-right: -5pt;
margin-top: 7pt;
margin-bottom: 4pt;
border-bottom: 4pt solid #eee;
padding-left: 5pt;
height: 14pt;
}

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

#novedades_portal ul {
margin: 4pt 0pt 2pt 0pt;
}

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

#novedades_portal .texto p {
margin: 0pt;
}

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

.seccion, .noticia, .otra_noticia, #pie {
clear: left;
width: 17cm;
}

.seccion h2 {
background-color: #eee;
border-top: 1pt solid #ccc;
border-bottom: 1pt solid #ccc;
font-weight: bold;
margin-top: 5pt;
padding-left: 5pt;
}

.seccion h4 {
font-size: 13pt;
font-weight: bold;
margin-bottom: -4pt;
}

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

.autor {
line-height: 0pt;
font-size: 12pt;
}

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

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

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

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

.bibliografia a {
color: #15728e;
}

div#contenido_articulo_fondo {
border-left: 1pt solid #ccc;
border-right: 1pt solid #ccc;
padding-left: 10pt;
padding-right: 10pt;
}

a.anotado {
text-decoration: none;
color: black;
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: 30px;
margin-right: 10px;
}

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

div.noticia, div.otra_noticia, div.seccion {
border-top: 1pt solid #777;
border-bottom: 1pt dashed #777;
margin-bottom: 20pt;
}

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

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

.noticia div.logo_entidad {
float: left;
width: 2.7cm;
margin-right: 10pt; 
}

.noticia h3, .texto h3, #articulo_fondo h3 {
display: block;
margin-top: 10pt;
margin-bottom: 0pt;
font-size: 16pt;
}

.noticia div.texto {
padding-left: 3.3cm;
}

div.volver_indice {
display: none;
}

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

div#pie {
background-color: #eee;
width: 17cm;
padding-top: 15pt;
padding-bottom: 10pt;
text-align: center;
margin-bottom: 10pt;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

div#pie a {
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: 22px; }
#noticia2 .logo_entidad img { margin-top: 31px; }
#noticia3 .logo_entidad img { margin-top: 30px; }

#articulo_fondo img#mujer_dentista {
margin: 10px 20px 10px 0px;
display: block;
float: left;
width: 166px;
height: 167px;
}

div#noticia2, div#noticia7 {
page-break-before: always;
}