
*{
	margin:0;
	padding:0;
}
body{
	font-size: 14px;
	font-family: "Arial", sans-serif;
    background: url(../img/back_deg.jpg) top left repeat-x;
    color: #333;
    padding: 0;
    margin: 0;
    text-align: center;
}

/* Estructura */
#layout {
    margin: 0 auto 0 auto;
    border-collapse: collapse;
}

#layout tbody {    
}

#layout td {
    border: 0;
}

#layout-izquierda, #layout-derecha {
    margin: 10px 0 0 auto;
    width: 17px;
}

#layout-izquierda {
    background: url(../img/sombra_izqda.png) 0 72px no-repeat;
}

#layout-derecha {
    background: url(../img/sombra_dcha.png) 0 72px no-repeat;
}

#contenedor {
    margin: 10px auto 0 auto;
    width: 1040px;
    text-align: left
}

#cabecera {
    padding: 2px 4px 6px 4px;
}

#menu-principal {
    text-align: left;
    margin-top: 0px;
    float: left;
    background: url(../img/menu/menu_fondo.png) bottom right no-repeat;
}

#menu-principal ul.pestanhas {
    float: left;
    padding: 0;
    list-style: none;
}

#menu-principal ul.pestanhas-aux {
    float: left;
    padding: 0;
    list-style: none;
}

#menu-principal ul.pestanhas li {
    float: left;
    font-weight: bold;
    margin-left: 0px;
    height: 45px;
}

#menu-principal ul.pestanhas li a {
    background: url(../img/menu/menu_link_i.png) left top no-repeat;
    text-decoration: none;
    display:block;
    font-family: "Arial", sans-serif;
    color: white;
}

#menu-principal ul.pestanhas li a span {
    background: url(../img/menu/menu_link_d.png) right top no-repeat;
    display:block;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

#menu-principal ul.pestanhas li a span span {
    background: url(../img/menu/menu_link_c.png) left top repeat-x;
    padding: 25px 20px 5px 20px;
    display:block;
}

#menu-principal ul.pestanhas li.active a,
#menu-principal ul.pestanhas li.active a:hover {
    background: url(../img/menu/menu_active_i.png) left top no-repeat;
    color: #153379;
}

#menu-principal ul.pestanhas li a:hover {
    background: url(../img/menu/menu_hover_i.png) left top no-repeat;
}

#menu-principal ul.pestanhas-aux li a:hover {
    background: url(../img/menu/menu_link_i.png) left top no-repeat;
}

#menu-principal ul.pestanhas li a:hover span {
    background: url(../img/menu/menu_hover_d.png) right top no-repeat;
}

#menu-principal ul.pestanhas li.active a span {
    background: url(../img/menu/menu_active_d.png) right top no-repeat;
}

#menu-principal ul.pestanhas li a:hover span span {
    background: url(../img/menu/menu_hover_c.png) left top repeat-x;
}

#menu-principal ul.pestanhas li.active a span span {
    background: url(../img/menu/menu_active_c.png) left top repeat-x;
}

#menu-principal ul.pestanhas-aux li a:hover span span {
    background: url(../img/menu/menu_link_c.png) left top repeat-x;
}

#menu-principal ul.pestanhas-aux li a span,
#menu-principal ul.pestanhas-aux li a:hover span {
    background: none;
}

#submenu ul.subpestanhas {
    padding: 0;
    width: 100%;
    list-style: none;
}

#submenu ul.subpestanhas li {
    display: inline;
    margin-right: 10px;
}

#submenu ul.subpestanhas li a {
    text-decoration: none;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    color: black;
}

#submenu ul.subpestanhas li.active a {
    font-weight: bold;
}

#menu-principal-usuario {
    float: right;
    height: 45px;
    text-align: right;
    padding: 0 10px 0 0;
    font-size: 13px;
}

#menu-principal-usuario .usuario {
    font-family: "Arial", sans-serif;
    padding-top: 24px;
    color: #dcdcec;
}

#menu-principal-usuario a {
    margin: 0 0 0 5px;
    color: white;
}

#cabecera h2 {
    font-size: 24px;
}

#logo img {
    padding: 10px 0 0 2px;
    border: 0;
}

#logo-arriba {
    height: 15px;
    background: url(../img/logo_arriba.png) bottom center no-repeat;
}

#logo-abajo {
    height: 9px;
    background: url(../img/logo_abajo.png) bottom center no-repeat;
}

#buscador-formulario {
    text-align: right;
    padding: 25px 10px 0 0;
}

#buscador-formulario input {
    width: 140px;
    padding: 3px;
}

#buscador-formulario button {
    padding: 2px;
}

#botonera ul {
    padding: 27px 0 0 0;
    text-align: center;
}

#botonera ul li {
    list-style: none;
    display: inline-block;
}

* html #botonera ul li  { display:inline; }  /* for IE 6 */
* + html #botonera ul li  { display:inline; }  /* for IE 7 */

#botonera ul li img {
    display: block;
    border: 0;
}

#contenedor-cuerpo {
    background: #fff url(../img/back_sup_contenido.jpg) top left repeat-x;
}

#cuerpo {
    
}

.caja {
    
}

#navegacion {
    background-color: #EEE;
    font-size: 14px;
    padding: 2px 10px 2px 10px;
}

#lateral-derecha,
#lateral-izquierda {
    padding-bottom: 10px;
}

#contenido {
    background: url(../img/back_inf_contenido.jpg) bottom center repeat-x;
}

#pie {
    text-align: center;
    background: #b2bccc url(../img/bar_inf.png) top left repeat-x;
    min-height: 100px;
}

/* varios */
.tderecha {
    margin-right: 0;
}

/* publicidad */
.caja-banner {
    margin-top: 10px;
}

.banner {
    margin: 10px auto 0 auto;
    background: transparent url(../img/fondo-publicidad.png) top left no-repeat;
    text-align: center;
    padding-top: 10px;
}

.banner-superior {
    margin: 10px auto 10px auto;
    background: transparent url(../img/fondo-publicidad-vertical.png) center left no-repeat;
    text-align: center;
    padding-left: 10px;
}

.banner-300x250 {
    width: 300px;
    height: 250px;
    
}

.banner-300x100 {
    width: 300px;
    height: 100px;
}

.banner-728x90 {
    width: 728px;
    height: 90px;
    margin: 0;
    float: left;
}

.banner-125x125 {
    width: 125px;
    height: 125px;
}

.banner-282x90 {
    width: 282px;
    height: 90px;
    float: left;
    margin-left: 10px;
}

.banner-120x240 {
    width: 120px;
    height: 240px;
    margin: 10px auto;
}

.banner-120x90 {
    width: 120px;
    height: 90px;
    margin: 10px auto;
}

.banner-468x60 {
    width: 468px;
    height: 60px;
    margin: 10px auto;
}

.google-ads {
    margin-top: 10px;
    text-align: center;
}

/* bloques laterales */

.bloque-lateral {
    margin-top: 10px;
}

.bloque-lateral .titulo {
    display: block;
    padding: 1px 0 0 5px;
    background-color: #00204c;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.bloque-lateral .caja {
    margin-top: 2px;
    border: 1px solid #808080;
    border-spacing: 0;
    * margin-left: 1px;
    * margin-right: 1px;
}

#enlaces-recomendados ul {
    list-style-position: inside;
    margin-top: 10px;
}

#enlaces-recomendados ul li {
    font-size: 11px;
    padding: 0 0 3px 10px;
    margin: 1px;
}

#enlaces-recomendados ul li a {
    text-decoration: none;
    color: #333;
}

#enlaces-recomendados ul li a:hover {
    text-decoration: underline;
}

#enlaces-recomendados ul li ul {
    margin-top: 5px;
}

#enlaces-recomendados ul li ul li a {
    font-weight: normal;
}

#mas-leidas ol {
    list-style-position: inside;
    margin-top: 10px;
}

#mas-leidas ol li {
    font-size: 11px;
    padding: 0 0 3px 10px;
    margin-bottom: 1px;
}

#mas-leidas ol li a {
    text-decoration: none;
    color: #333;
}

#mas-leidas ol li a:hover {
    text-decoration: underline;
}

#mas-leidas .publicadaen {
    font-style: italic;
    color: #666;
}

#numero-actual {
    text-align: center;
}

#numero-actual .mitad-i {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    zoom: 1;
    *display: inline;
}

#numero-actual .mitad-d {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    zoom: 1;
    *display: inline;
}

#numero-actual .anteriores {
    height: 168px;
    text-align: right;
}

#numero-actual .anteriores a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #00204c;
    text-align: left;
}

#numero-actual .anteriores a.ediciones-link {
    margin: 10px 10px 10px 15px;
}

#numero-actual .anteriores a.ediciones-link span {
    font-size: 12px;
    color: #1f78d5;
}

#numero-actual .anteriores a strong {
    display: block;
}

#numero-actual .anteriores-portada {
    width: 65px;
    height: 120px;
    margin-top: 20px;
    overflow: hidden;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#numero-actual .actual span {
    font-size: 12px;
    font-weight: bold;
}

#numero-actual .anteriores-portada img {
    width: 120px;
    border: 0;
    vertical-align: top;
    border: 1px solid #b3b3bc;
}

#numero-actual .actual {
    text-align: center;
}

#numero-actual .actual img {
    display: block;
    margin: 0 auto;
    border: 1px solid #b3b3bc;
}

#numero-actual .enlaces {
}

#numero-actual .enlaces ul {
    text-align: left;
    list-style: none;
    margin-top: 5px;
    padding: 0 10px 10px 10px;
}

#numero-actual .enlaces ul li {
    border-top: 1px solid gray;
    padding: 3px;
}

#numero-actual .enlaces ul li a {
    font-size: 13px;
    color: gray;
    text-decoration: none;
}

#boletin-reclamo-contenedor {
    position: fixed;
    bottom: -130px;
    left: 50%;
    margin: 0 auto 0 -520px;
    width: 300px;
    height: 170px;
    background: transparent url(../img/fondo-boletin.png) top left no-repeat;
    z-index: 1000;
    display: none;
}

.boletin-reclamo {
    padding: 20px 25px 10px 20px;
    color: white;
}

.boletin-reclamo strong {
    display: block;
    float: left;
}

.boletin-reclamo span.botonera {
    float: right;
    display: block;
}

.boletin-reclamo a {
    margin: 3px 3px 0 0;
    text-align: center;
}

.boletin-reclamo img {
    border: 0;
    vertical-align: middle;
}

.boletin-formulario {
    padding: 0 25px 10px 20px;
    font-size: 13px;
    color: black;
    clear: both;
}

.boletin-formulario span {
    display: block;
    margin-bottom: 5px;
}

.boletin-formulario span.registro-ok {
    margin-top: 10px;
    font-weight: bold;
    color: green;
}

.boletin-formulario span.registro-ko {
    margin-top: 10px;
    font-weight: bold;
    color: red;
}

.boletin-formulario form label {
    font-weight: bold;
}

.boletin-formulario form label.error {
    float: right;
    margin-right: 10px;
    font-weight: normal;
    color: red;
    display: block;
    max-width: 140px;
    text-align: right;
}

.boletin-formulario form input {
    width: 240px;
}

.boletin-formulario form button {
    margin: 10px auto;
}

#mapa ul.navigation {
    margin: 10px;
}

#mapa ul.navigation li {
    display: inline;
    vertical-align: top;
    text-align: left;
    list-style: none;
    margin-left: 10px;
}

#mapa ul.navigation li a {
    color: white;
    text-decoration: none;
    font-size: 14px;
}

#mapa ul.navigation li a:hover {
    text-decoration: underline;
}

#mapa ul.navigation ul li,
#mapa ul.navigation ul ul li {
    display: inline-block;
    margin-left: 10px;
}

#mapa ul.navigation ul li a {
    font-size: 12px;
    font-weight: normal;
}

#creditos {
    height: 16px;
    padding-top: 2px;
    color: white;
    font-size: 12px;
}

#legal span {
    display: inline-block;
    font-size: 12px;
    color: white;
}

#legal ul.navigation {
    display: inline-block;
}

#legal ul.navigation li {
    display: inline;
    vertical-align: top;
    text-align: left;
    list-style: none;
    margin-left: 5px;
}

#legal ul.navigation li a {
    color: white;
    text-decoration: none;
    font-size: 12px;
}

#legal ul.navigation li a:hover {
    text-decoration: underline;
}

#legal ul.navigation ul li,
#legal ul.navigation ul ul li {
    display: inline-block;
    margin-left: 10px;
}

#legal ul.navigation ul li a {
    font-size: 12px;
    font-weight: normal;
}

table.grid {
    width: 98%;
}
