body {
     background: #eee;
     margin: 0;
     padding: 0;
     font: 11pt Arial, Helvetica, sans-serif;
     color: #777
}

body#recomendarArticulo {
     margin: 10px;
     background: #f5f5f5
}

#contenedorPrincipal {
     width: 970px;
     padding: 10px 14px 10px 14px;
     margin: 0 auto;
     background: #fff url(../images/fondo_contenedor.png) top center repeat-y;
}

#encabezado {
     height: 110px;
     overflow: hidden;
     margin-bottom: 5px;
     margin: -10px -10px 10px -10px
}

#contenedorSecundario {
     float: left;
     width: 750px
}

#contenido {
     float: left;
     width: 490px;
     padding: 0 20px 0 10px;
     margin-bottom: 20px;
     overflow: hidden
}

#izquierda {
     float: left;
     width: 220px;
     font-size: 9pt
}

#derecha {
     float: right;
     width: 220px;
     font-size: 9pt
}

#pie {
     clear: both;
     border-top: solid 1px #ccc;
     padding: 10px 0;
     margin: 20px 0 0 0
}

.destacadoColumnaIzqda {
     width: 235px;
     margin: 0;
     text-align: justify;
     float: left;
     overflow: auto
}

.destacadoColumnaDcha {
     width: 235px;
     margin: 0;
     text-align: justify;
     float: right;
     overflow: auto
}

#cartaDirector {
     clear: both;
     background: #f3f3f3;
     padding: 10px 10px 0 10px;
     margin: 0;
     border: solid #144b87;
     border-width: 5px 0 1px 0;
}

#bannerSuperior {
     margin: 0 auto 10px auto;
     width: 980px;
     padding: 5px;
     height: 80px;
     overflow: hidden;
     background: #ccc
}

#bannerSuperior a img {
     border: 0
}

.bannerIzquierda a, .bannerDerecha a {
     display: block;
     margin-bottom: 10px;
     height: 0;
     padding-top: 146px;
     overflow: hidden;
     background-position: top left;
     background-repeat: no-repeat
}

#titularidad {
     float: left;
     margin-bottom: 10px
}

div.resena {
     clear: both;
     margin-bottom: 20px;
     padding-bottom: 10px;
     border-bottom: solid 1px #ebebeb
}


#publicidadGoogle {
     margin-top: 100px
}



/* TITULOS */
h1#logotipo {
     margin: 0;
     padding: 0
}

h1#logotipo a {
     display: block;
     float: left;
     margin: 0;
     width: 230px;
     height: 0;
     padding-top: 110px;
     overflow: hidden;
     background: url(../images/logotipo_observatorio.png)
}

#recomendarArticulo h1 {
     font: normal 14pt Georgia, Palatino, serif;
     color: #144b87
}

#contenido h1 {
     font: normal 10pt Arial, Helvetica, sans-serif;
     color: #900;
     letter-spacing: 1px
}

#cartaDirector h1, #presentacionObservatorio h1 {
     margin: 0
}

#contenido h1.tituloArticulo {
     margin: 0;
     padding: 0;
     font: normal 18pt Georgia, Palatino, serif;
     color: #144b87;
}

h2#slogan {
     margin: 0;
     padding: 0;
     float: left;
     width: 760px;
     height: 0;
     padding-top: 88px;
     overflow: hidden;
     background-image: url(../images/fondo_slogan1.png);
     background-position: top right
}

h2.tituloSeccion {
     margin-bottom: 0;
     padding: 0
}

h2 {
     font: normal 10pt Arial, Helvetica, sans-serif;
     color: #900;
     letter-spacing: 1px
}

h2.tituloArticulo {
     margin: 0;
     padding-bottom: 0;
     font: normal 16pt Georgia, Palatino, serif;
     letter-spacing: 0
}

h2.tituloArticulo span.euro {
     font-size: 10pt
}

p span.tituloArticulo strong {
     margin: 0;
     padding-bottom: 0;
     font: normal 22pt Georgia, Palatino, serif;
     letter-spacing: 0
}

p.vinculosPieArticulo + p span.tituloArticulo strong {
     font-size: 16pt
}

.destacadoColumnaIzqda span.tituloArticulo strong, .destacadoColumnaDcha span.tituloArticulo strong {
     font-size: 13pt
} 

h3.tituloBloque {
     margin: 0;
     padding: 3px 10px;
     font-size: 10pt;
     font-weight: normal;
     color: #144b87;
     letter-spacing: 1px;
     background: #ebebeb
}

#izquierda h3.tituloBloque, #derecha h3.tituloBloque {
     border-left: solid 20px #ccc;
}

#izquierda h3#tituloEncuesta {
     background: /*#ebf1fc*/#fff2f2;
     border: 0;
     color: #900;
     border-left: solid 20px /*#144b87*/#900;
}

#derecha h3#tituloLoginSuscriptores {
     background: url(../images/fondo_login.png) top left no-repeat;
     border: 0;
     font-weight: normal;
     font-family: Georgia, Palatino, serif;
     font-size: 12pt;
     padding: 10px 0 0 20px;
     text-transform: uppercase;
}




/* ENLACES */
a:link, a:visited {
     color: #144b87;
     text-decoration: none
}

a:hover {
     color: #6292e4;
     text-decoration: underline
}

a:active {
     color: #a9c5f1;
     text-decoration: underline
}

#paginacion a.vinculoPagina {
     text-decoration: none;
     padding: 0 5px;
     background: #144b87;
     color: #fff
}

#paginacion a.actual {
     background: #900
}

#paginacion a.vinculoPagina:hover {
     background:  #6292e4
}

#paginacion a.actual:hover {
     color: #fff
}

#paginacion a.vinculoPagina:active {
     background: #a9c5f1
}





/* LISTAS MENÚ */
ul#menuGeneral {
     margin: 0;
     padding: 0 0 0 10px;
     list-style: none;
     width: 750px;
     background: #555 url(../images/fondo_menu_general.png);
     overflow: auto
}

ul#menuGeneral li {
     display: block;
     float: left;
     text-align: center;
     padding: 5px 0;
}

ul#menuGeneral li a {
     color: #fff;
     font-weight: bold;
     text-decoration: none;
     text-transform: uppercase;
     display: block;
     font-size: 8pt;
     padding: 0 10px;
     border-right: solid 1px #666;
}

ul#menuGeneral li.rss {
     float: right;
}

ul#menuGeneral li.rss a {
     text-transform: none;
     border: 0;
     padding-left: 18px;
     background: url(../images/vineta_rss.png) top left no-repeat
}

ul#menuGeneral li.suscripcion {
     float: right;
}

ul#menuGeneral li.suscripcion a {
     text-transform: none;
     border: 0;
     padding-left: 18px;
     background: url(../images/vineta_suscripcion.png) top left no-repeat
}

ul#menuSecciones, ul#menuTrabajos {
     margin: 0 0 10px 0;
     padding: 0;
     list-style: none;
     border: solid #ebebeb;
     border-width: 0 1px 1px 1px
}

ul#menuTrabajos {
     background: #edf1f8;
     padding: 10px 0 0 10px;
     list-style: square;
     font-family: Georgia, Palatino, serif;
     color: #144b87
}

ul#menuSecciones li {
     padding: 0;
     border-bottom: dotted 1px #ebebeb
}

ul#menuSecciones li.ultima {
     border-bottom: none
}

ul#menuTrabajos li {
     margin: 0 10px 10px 10px
}

ul#menuSecciones li a {
     display: block;
     color: #144b87;
     padding: 5px 10px 5px 25px;
     text-decoration: none
}

ul#menuSecciones li a:hover, ul#menuSecciones li a:active {
     font-weight: bold;
     color: #6292e4;
     background-color: #eef4ff
}

ul#menuTrabajos li a {
     color: #808080;
     text-decoration: none
}

ul#menuSecciones li a {
     background: url(../images/vineta_izquierda.png) 10px center no-repeat
}

ul#menuTrabajos li a:hover, ul#menuTrabajos li a:active {
     color: #6292e4;
}

ul#menuGeneralTexto {
     margin: 0;
     padding: 0;
     list-style: none;
     float: right;
     font-size: 8pt;
}

ul#menuGeneralTexto li {
     margin: 0 5px;
     padding-left: 10px;
     display: inline;
     border-left: solid 1px #aaa
}

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

ul#menuGeneralTexto li.primero {
     border: none
}

#contenido ul#otrosArticulos {
     list-style: square;
     margin: 10px 0 30px 0;
     padding: 0 0 20px 20px;
     line-height: 17pt;
     font-size: 9pt;
     font-family: Georgia, Palatino, serif;
     border-bottom: solid 1px #ebebeb
}

#creditos ul {
     clear: both;
     margin: 10px 0 0 0;
     padding: 0;
     list-style: none;
     font-size: 8pt;
}

#creditos ul li {
     margin: 0 5px 0 0;
     display: inline;
}

#creditos ul li a {
     color: #900;
     text-decoration: none;
}




/*LISTA AYUDA A SUSCRIPCION */

li.primero {
     list-style: none;
     background: url(../images/primero.png) top left no-repeat;
     padding-left: 83px;
     margin-bottom: 40px
}

li.segundo {
     list-style: none;
     background: url(../images/segundo.png) top left no-repeat;
     padding-left: 83px;
     margin-bottom: 40px
}

li.tercero {
     list-style: none;
     background: url(../images/tercero.png) top left no-repeat;
     padding-left: 83px;
     margin-bottom: 40px
}





/* FORMULARIOS */
form#formSuscripcion {
     margin-top: 40px
}

form#formEncuesta {
     border: solid #ebebeb;
     border-width: 0 1px 1px 1px;
     margin: 0 0 10px 0;
     color: #500
}

form#formLogin, form#formRecordarContrasena {
     margin: 0 0 10px 0;
     background: url(../images/fondo_login.png) left bottom no-repeat
}

form#formEncuesta fieldset, form#formLogin fieldset, form#formRecordarContrasena fieldset {
     border: 0;
     padding: 10px 18px
}

form#formRecomendarArticulo fieldset {
     border: solid 1px #ebebeb;
     padding: 10px
}

#contenido fieldset {
     border-width: 1px 0 0 0;
     border-color: #ebebeb;
     border-style: solid;
     margin-bottom: 30px;
}

#contenido fieldset.enviarFormulario {
     padding: 10px 0 0 0;
     text-align: center
}

#contenido legend {
     margin-bottom: 20px;
     padding: 3px 5px;
     border: solid 1px #ebebeb;
     background: #f5f5f5;
     font-weight: bold;
     color: #144b87;
     font: normal 12pt Georgia, Palatino, serif
}

input, select, textarea {
     font: 11pt Arial, Helvetica, sans-serif
}

form#formLogin input#usuario {
     width: 170px
}

form#formLogin input#claveacceso, form#formRecordarContrasena input#usuario_recordar_pwd {
     width: 120px
}

label[for="acepto"],
label[htmlFor="acepto"] {
     font-size: 10pt
}

textarea#condicionesEnvio {
     font-size: 10pt;
     text-align: justify;
     width: 100%;
}

input.boton {
     text-transform: uppercase;
     font-weight: bold;
     color: #fff;
     background: #555 url(../images/fondo_menu_general.png)
}

input#loginNo {
     text-transform: none
}

form#formBuscador {
     border: solid 1px #ebebeb;
     margin: 0 0 10px 0;
     background: #f5f5f5
}

form#formBuscador fieldset {
     border: 0;
     padding: 10px 18px
}

form#formBuscador input[type=text] {
     width: 120px
}




/* SUSCRIPCIÓN */

p.ok {
     padding-left: 42px;
     background: url(../images/ok.png) top left no-repeat
}

p.ko {
     padding-left: 42px;
     background: url(../images/ko.png) top left no-repeat
}

p.pagoKo {
     padding-left: 42px;
     background: url(../images/pago_ko.png) top left no-repeat
}

p.codigoPago {
     border: dotted 1px #ebebeb;
     padding: 10px;
     background: #f5f5f5;
     text-align: center
}

p.codigoPago strong {
     font-size: 14pt
}




/*OTROS ESTILOS DE PÁRRAFO*/
#contenido p, #contenido ul, #contenido ol {
     line-height: 14pt
}

#cartaDirector h1+p {
     color: #555;
     border: 0;
     font-size: 10pt;
     font-style: italic
}

#cartaDirector h1+p+p {
     border: 0;
}

address {
     font-style: normal;
     font-size: 9pt;
}

p.vinculosPieArticulo {
     text-align: right;
     padding-bottom: 10px;
     border-bottom: dotted 1px #ebebeb;
     font-size: 9pt;
     overflow: auto;
     width: 100%;
}

p.infoArticulo {
     border-top: dotted 1px #ebebeb;
     margin: 0;
     padding: 5px 0 0 0;
     font-size: 9pt;
     overflow: auto
}

span.puntuarArticulo {
     float: left;
     font-size: 9pt
}

map {
     display: inline
}

span.datosArticulo {
     font-size: 9pt;
     float: left
}

span.puntuarArticulo, span.volverAnterior {
     padding-top: 5px;
     font-size: 8pt
}

span.descargarArticulo, span.volverAnterior {
     float: right
}

p.introArticulo {
    width: 100%;
    clear: both;
    overflow: hidden;
    font: italic /*13pt*/15pt Georgia, Palatino, serif;
    text-align: justify;
    line-height: /*17pt*/19pt !important
}

p.resenaArticulo {
     margin-top: 0
}

#paginacion {
     font-size: 9pt;
     overflow: auto;
}

span.referenciaPagina {
     float: left;
     display: block;
     width: 90px;
}

span.paginas {
     float: right;
     display: block;
     width: 390px;
}

p.aviso {
     text-align: center;
     font-size: 8pt;
     font-weight: bold;
     padding: 5px;
     border: solid 1px #ebebeb;
     background: #f3f3f3
}

.vinculosPieArticulo a, .ver {
     background: url(../images/ver.png) left center no-repeat;
     padding-left: 19px
}

span.volverAnterior a {
     background: none;
     padding-left: 0
}

#contenido p.avisoNoSuscriptores {
     background: #f3f3f3 url(../images/candado.png) 10px 15px no-repeat;
     padding: 10px 10px 10px 52px;
     margin: 20px 0;
     border: solid #144b87;
     border-width: 5px 0 1px 0;
     font-size: 12pt;
     line-height: 18pt
}

#contenido p.avisoSuscripcionCaducada {
     background: #f3f3f3 url(../images/info.png) 10px 15px no-repeat;
     padding: 10px 10px 10px 52px;
     margin: 20px 0;
     border: solid #144b87;
     border-width: 5px 0 1px 0;
     font-size: 12pt;
     line-height: 18pt
}






/* IMÁGENES */
img.ilustracion {
     float: left;
     max-width: 125px;
     max-height: 125px;
     margin: 0 10px 0 0
}

img.portadaArticulo {
     float: left;
     max-width: 125px;
     margin: 0 10px 0 0;
     border: double 3px #ebebeb
}

img.puntuacion {
     vertical-align: middle;
     width: 75px;
     height: 0;
     padding-top: 14px;
     border: 0;
     background: url(../images/puntuacion.png) no-repeat
}

img.puntos {
     vertical-align: middle;
     width: 75;
     height: 14px
}