body {
     margin-bottom: 0;
     padding: 0;
     font: 10pt Arial, Helvetica, sans-serif;
     color: #333
}

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

#contenedorPrincipal {
     width: 970px;
     margin: 0 auto
}

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

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

#contenido {
     float: right;
     width: 460px;
     padding: 20px 20px 0 20px;
     margin-bottom: 5px;
     overflow: hidden
}

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

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

#pie {
     clear: both;
     height: 80px;
     padding: 40px 10px 10px 10px;
     background: #333 url(../images/banderas.png) top center no-repeat
}

#presentacionObservatorio {
     margin: 0 -10px 10px -10px;
     padding: 10px;
     border: solid 1px #ebebeb;
     text-align: justify
}

#cartaDirector {
     background: url(../images/cartas_director.png) top right no-repeat;
     padding: 10px;
     margin-left: -10px;
     margin-right: -10px;
     border: dotted 1px #660
}

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

#titularidad {
     float: left
}

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

#buscador {
     position: absolute;
     top: 125px;
     right: 160px
}


#publicidadGoogle {
     margin-top: 100px
}



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

#recomendarArticulo h1 {
     font: bold 12pt Georgia, Palatino, serif;
     color: #660
}

#contenido h1 {
     font: bold 15pt Georgia, Palatino, serif;
     color: #660
}

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

h1.tituloArticulo {
     margin: 0;
     padding: 0
}

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

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

h2 {
     font: bold 12pt Georgia, Palatino, serif;
     color: #144b87
}

h2.tituloArticulo {
     margin: 0;
     padding-bottom: 0;
     font: bold 10pt Georgia, Palatino, serif
}

h3.tituloBloque {
     margin: 0;
     padding: 7px 20px;
     background: #660;
     font-size: 12pt;
     color: #fff
}

h3#tituloEncuesta {
     background: #333
}

h3#tituloPublicidad {
     background: #144b87
}




/* ENLACES */
a:link, a:visited {
     color: #144b87
}

a:hover {
     color: #dc0000
}

a:active {
     color: #ffd200
}

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

#paginacion a.actual {
     background: #dc0000
}

#paginacion a.vinculoPagina:hover {
     color:  #dc0000
}

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

#paginacion a.vinculoPagina:active {
     color: #ffd200
}





/* LISTAS MENÚ */
ul#menuGeneral {
     margin: 0;
     padding: 0;
     list-style: none
}

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

ul#menuGeneral li a {
     color: #fff;
     text-transform: uppercase;
     font-weight: bold;
     text-decoration: none;
     background: #333 url(../images/fondo_menu_general.png);
     display: block;
     width: 103px;
     height: 18px;
     padding: 6px
}

ul#menuGeneral li.ultimo {
     margin-right: 0
}

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

ul#menuTrabajos {
     background: #f3f3f3
}

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

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

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

ul#menuSecciones li a {
     display: block;
     color: #808080;
     padding: 10px 10px 10px 30px;
     text-decoration: none
}

ul#menuSecciones li a:hover, ul#menuSecciones li a:active {
     font-weight: bold;
     color: #333;
     background-color: #f3f3f3
}

ul#menuTrabajos li a {
     color: #808080;
     padding-left: 10px;
     text-decoration: none
}

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

ul#menuTrabajos li a {
     background: url(../images/vineta_derecha.png) 4px left no-repeat
}

ul#menuTrabajos li a:hover, ul#menuTrabajos li a:active {
     background: url(../images/vineta_izquierda.png) 4px left no-repeat;
     color: #144b87;
     text-decoration: underline
}


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

ul#menuGeneralTexto li {
     margin: 0 4px;
     padding-left: 8px;
     display: inline;
     border-left: solid 1px #fff
}

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

ul#menuGeneralTexto li.primero {
     border: none
}

ul#otrosArticulos {
     list-style: none;
     margin: 10px 0;
     line-height: 15pt
}

ul#otrosArticulos li a {
     padding-left: 15px;
     background: url(../images/vineta_izquierda.png) 5px left no-repeat;
     color: #808080
}






/* FORMULARIOS */
form#formEncuesta, form#formLogin {
     margin: 0 0 5px 0;
}

form#formEncuesta fieldset, form#formLogin fieldset {
     border: solid 2px #ebebeb;
     padding: 10px 18px
}

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

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

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

#contenido legend {
     margin-bottom: 10px;
     font-weight: bold;
     color: #144b87
}

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

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

form#formBuscador label {
     color: #fff;
     font-weight: bold
}

/*OTROS ESTILOS DE PÁRRAFO*/
#cartaDirector p {
     color: #333;
}

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

p.vinculosPieArticulo {
     text-align: right
}

span.tituloArticulo a {
     color: #660
}

p.infoArticulo {
     border-top: solid 1px #ebebeb;
     padding: 5px 0 10px 0
}

span.datosArticulo, span.puntuarArticulo {
     float: left
}

span.puntuarArticulo, span.volverAnterior {
     padding-top: 5px;
     border-top: solid 1px #f3f3f3;
     font-size: 8pt
}

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

p.introArticulo {
    width: 100%;
    clear: both;
    font-style: italic;
    overflow: hidden
}

p.resenaArticulo {
     margin-top: 0
}

span.referenciaPagina {
     float: left
}

span.paginas {
     float: right
}

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

.privado {
     background: url(../images/candado.png) 0px 0px no-repeat;
     padding-left: 15px
}

.descargar {
     background: url(../images/descargar.png) left center no-repeat;
     padding-left: 16px
}

.imprimir {
     background: url(../images/imprimir.png) left center no-repeat;
     padding-left: 17px
}

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

.recomendarArticulo {
     background: url(../images/recomendar.png) left center no-repeat;
     padding-left: 19px
}

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


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

img.inicio {
     width: 200px;
     height: 200px
}

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
}