/* CSS Document */
/* --- INICIO ESTILOS GENÉRICOS --- */
body {
   background: #000;
   padding: 5px;
   margin: 0px;
}
.publicidad {
   width: 750px;
   padding: 0px;
   margin: 0px 0px 8px 0px;
}
.copyright {
   width: 750px;
   font: normal 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #ccc;
   margin: 15px 0px 0px 0px;
   padding: 0px;
   text-align: center;
}
.copyright a {
   font: bold 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #ccc;
}
a {
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
}
.pestanias {
   font: normal 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
}
.celdacontenidos {
   background: #fff;
   padding: 15px 20px 20px 20px;
   margin: 0px;
}
.seccion {
   font: bold 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   margin: 0px;
   padding: 0px 0px 0px 10px;
   vertical-align: top;
   line-height: 14px;
}
.seccion h1 {
   font: bold 18px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   margin: 0px 0px 5px 0px;
   padding: 0px;
}
.seccion .titulorojo {
   font: bold 30px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #cd2027;
}
.enlaceayuntamiento {
   font: normal 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   margin: 10px 0px 0px 0px;
   padding: 5px 10px 5px 5px;
   background: #f9f9f9;
   text-align: right;
}
.enlaceayuntamiento a {
   font: normal 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   text-decoration: none;
}
.enlaceayuntamiento a:hover {
   text-decoration: underline;
}
/* --- FIN ESTILOS GENÉRICOS --- */
/* --- INICIO ESTILOS NAVEGACIÓN INTERIOR --- */
.navegacioninterior {
   position: relative;
   width: 437px;
   height: 85px;
   padding: 0;
   margin: 0;
   background: #fff;   }
#nav {
   position: relative;
   top: 0px;
   left: 0px;
   list-style: none;
   margin: 0;
   padding: 0;
   height: 85px;
   display: inline;
   overflow: hidden;
   width: 437px;
}
#nav li {
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;
   }

#nav a {
   float: left;
   padding: 0;
   height: 85px;
   text-decoration: none;
   }
#nav a:hover {
   background-position: 0px 0px;
}
#cool a {
   width: 25px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/cool.gif) no-repeat 0px -85px;

}
body.coolsel #cool a {
   width: 25px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/cool.gif) no-repeat 0px 0px;
}
#papa_canguro a {
   width: 36px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/papa_canguro.gif) no-repeat  0px -85px;
}
body.papa_cangurosel #papa_canguro a {
   width: 36px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/papa_canguro.gif) no-repeat 0px 0px;
}
#buena_mesa a {
   width: 31px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/buena_mesa.gif) no-repeat  0px -85px;
}
body.buena_mesasel #buena_mesa a {
   width: 31px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/buena_mesa.gif) no-repeat 0px 0px;
}
#freaky a {
   width: 30px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/freaky.gif) no-repeat  0px -85px;
}
body.freakysel #freaky a {
   width: 30px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/freaky.gif) no-repeat 0px 0px;
}
#clasico a {
   width: 21px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/clasico.gif) no-repeat  0px -85px;
}
body.clasicosel #clasico a {
   width: 21px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/clasico.gif) no-repeat 0px 0px;
}
#compras a {
   width: 32px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/compras.gif) no-repeat  0px -85px;
}
body.comprassel #compras a {
   width: 32px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/compras.gif) no-repeat 0px 0px;
}
#turista a {
   width: 32px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/turista.gif) no-repeat  0px -85px;
}
body.turistasel #turista a {
   width: 32px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/turista.gif) no-repeat 0px 0px;
}
#menor a {
   width: 25px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/menor.gif) no-repeat  0px -85px;
}
body.menorsel #menor a {
   width: 25px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/menor.gif) no-repeat 0px 0px;
}
#soltero a {
   width: 28px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/soltero.gif) no-repeat  0px -85px;
}
body.solterosel #soltero a {
   width: 28px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/soltero.gif) no-repeat 0px 0px;
}
#amor_al_arte a {
   width: 33px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/amor_arte.gif) no-repeat  0px -85px;
}
body.amor_al_artesel #amor_al_arte a {
   width: 33px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/amor_arte.gif) no-repeat 0px 0px;
}
#ambiente a {
   width: 24px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/ambiente.gif) no-repeat  0px -85px;
}

body.ambientesel #ambiente a {
   width: 24px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/ambiente.gif) no-repeat 0px 0px;
}

#mayor a {
   width: 21px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/mayor.gif) no-repeat  0px -85px;
}
body.mayorsel #mayor a {
   width: 21px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/mayor.gif) no-repeat 0px 0px;
}
#deportista a {
   width: 32px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/deportista.gif) no-repeat  0px -85px;
}
body.deportistasel #deportista a {
   width: 32px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/deportista.gif) no-repeat 0px 0px;
}
#mistico a {
   width: 28px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/mistico.gif) no-repeat  0px -85px;
}
body.misticosel #mistico a {
   width: 28px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/mistico.gif) no-repeat 0px 0px;
}
#sibarita a {
   width: 35px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/sibarita.gif) no-repeat  0px -85px;
}
body.sibaritasel #sibarita a {
   width: 35px;
   background: url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/sibarita.gif) no-repeat 0px 0px;
}

.info{
   position:relative;
   z-index:0;
   background-color:#ccc;
   color:#000;
   text-decoration:none;
   font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

a.info:hover{z-index:5; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
   font: normal 10px 'Trebuchet MS', Verdana, Arial, sans-serif;
   display:block;
   position:absolute;
   top: 70px;
   left:0;
   width: 50px;
   line-height: 12px;
   border: 1px solid #666;
   padding: 1px;
   background-color:#f9f9f9;
   color:#000;
   text-decoration: none;
   text-align: center;
}
/* --- FIN ESTILOS NAVEGACIÓN INTERIOR --- */
/* --- INICIO ESTILOS PORTADA --- */
.celdapestaniaportada {
   background:url(https://e00-elmundo.uecdn.es/especiales/2006/12/metropoli/planes/img/portada_03.gif) no-repeat;
   height: 59px;
   font: bold 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   margin: 0px;
   padding: 0px 0px 0px 30px;
   vertical-align: top;
}
/* --- FIN ESTILOS PORTADA --- */
/* --- INICIO ESTILOS CONTENIDOS --- */
.tablaplanes {
   margin: 20px 0px 10px 0px;
   padding: 0px;
}
.tablaplanes img {
   border: 1px solid #ccc;
   margin: 0px 0px 0px 10px;
   padding: 5px;
}
.tablaplanes .texto {
   font: normal 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   line-height: 16px;
   margin: 0px;
   padding: 5px 0px 0px 5px;
}
.tablaplanes .texto a {
   font: normal 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #cd2027;
   margin: 0px;
   padding: 0px;
}
.tablaplanes h2 {
   font: bold 18px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #cd2027;
   display: inline;
}
.tablaplanes .ficha {
   font: normal 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #515252;
   margin: 15px 0px 0px 0px;
   padding: 0px;
}
.tablaplanes .ficha strong {
   font: bold 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   text-transform: uppercase;
}
.tablaplanes .ficha a {
   font: normal 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #515252;
   text-decoration: underline;
}
.tablaplanes .ficha a:hover {
   text-decoration: none;
}
.tablaplanes .numero {
   font: bold 30px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   margin: 0px;
   padding: 0px;
}
.tablaplanes .video {
   width: 160px;
   float: right;
}
.tablaplanes .video img {
   border: 1px solid #ccc;
   margin: 0px 0px 0px 10px;
   padding: 5px;
}
.tablaplanes .video .pie {
   width: 162px;
   font: normal 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   background: #f9f9f9;
   margin: 1px 0px 0px 10px;
   padding: 0px;
   text-align: center;
}
.tablaplanes .video .pie a {
   font: normal 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   text-decoration: none;
}
.tablaplanes .video .pie a:hover {
   text-decoration: underline;
}
.tablaplanes .video .pie strong {
   font: bold 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #cd2027;
   text-transform: uppercase;
}
.tablaplanes .video .pie strong a {
   font: bold 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #cd2027;
   text-decoration: none;
}
.tablaplanes .video .pie strong a:hover {
   text-decoration: underline;
}
/* --- FIN ESTILOS CONTENIDOS --- */
/* --- INICIO ESTILOS RELATO --- */
.celdarelato {
   font: normal 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   background: #fff;
   padding: 20px 30px 30px 30px;
   margin: 0px;
}
.celdarelato h1 {
   font: bold 22px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   margin: 0px 0px 20px 0px;
   padding: 0px;
}
.celdarelato .firma {
   font: bold 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   margin: 0px 0px 20px 0px;
}
.celdarelato .firma a {
   font: bold 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   text-decoration: none;
}
.celdarelato .firma a:hover {
   text-decoration: underline;
}
.rufoportada {
   font: bold 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   margin: 10px 20px 15px 20px;
   padding: 5px 10px 5px 5px;
   background: #f9f9f9;
   text-align: center;
}
.rufoportada a {
   font:  bold 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   text-decoration: none;
}
.rufoportada a:hover {
   text-decoration: underline;
}
/* --- FIN ESTILOS RELATO --- */
/* --- INICIO ESTILOS VÍDEOS --- */
.archivovideo {
   padding: 5px;
   margin: 0px 0px 15px 0px;
}
.archivovideo img {
   border: 1px solid #ccc;
   margin: 0px 0px 5px 0px;
   padding: 5px;
}
.archivovideo .pie {
   font: normal 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   margin: 0px 0px 0px 3px;
   padding: 0px;
   text-align: left!important;
}
.archivovideo .pie a {
   font: normal 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #666;
   text-decoration: underline;
}
.archivovideo .pie strong {
   font: bold 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #cd2027;
   text-transform: uppercase;
}
.archivovideo .pie strong a {
   font: bold 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #cd2027;
   text-decoration: none;
}
.archivovideo .pie strong a:hover {
   text-decoration: underline;
}
h1 {
   font: bold 22px 'Trebuchet MS', Verdana, Arial, sans-serif;
   color: #000;
   margin: 0px 0px 15px 0px;
   padding: 0px;
}
/* --- FIN ESTILOS VÍDEOS --- */