/**********************************/
/*   hojas de estilo para         */
/*       radio topo               */
/*        101.8 FM                */
/*        Zaragoza                */
/*                                */
/*      diciembre de 2006         */
/**********************************/


/************************************/
/*   posicion y color de las capas  */
/************************************/

html{
        margin: 0px;
        padding: 0px;
        }

body{
        background: rgb(240,240,240);/*gris1*/
        font-family: Helvetica, Arial, Vedana, Sans-Serif;
        font-size: 1em;
        margin:0;
        padding:0;
        height:100%;
        }

.contenedor{
        background: rgb(255,255,255);/*blanco*/
        width:700px;
        margin:0 auto;
        text-align:left;
        position:relative;
        }


#cabecera{
        background: none;
        padding: 0.5em /*2em 50px 1em 50px*/;
        position:relative;
        }

#navegacion{
        background: rgb(240,240,240);/*gris1*/
        border-top: 1px solid rgb(220,220,220);/*gris2*/
        border-bottom: 1px solid rgb(220,220,220);/*gris2*/
        height:14px/*1.4em*/;
        padding:0.4em 0 0 55px;
        position:relative;
        }

#cuerpo{
        background: rgb(240,240,240);/*gris1*/
        border: 1px solid  rgb(220,220,220);/*gris2*/
        border-top:0px;
        min-height:20px;
        width:480px;
        margin:0px 0px 20px 40px;
        padding:1em 0.5em;
        position:relative;
        }
#lateral{
        position:relative /*absolute*/;
        float:right;
        /*top:200px;*/
        right:1px;
        background:none;
        width:150px;
        border:none;
        margin:0;
        padding:/*10px 0 0*/ 0;
        }

#pie {
        padding:0px;
        clear:both;
        position:relative;
        }


/****************************************/
/*   posicion y color de los elementos  */
/****************************************/


/*   cabecera
*********************/
#cabecera img {
        border:0;
        display:inline;
        }
#cabecera a, #cabecera a:visited, #cabecera a:link {
        border:0;
        margin:0;
        padding:0;
        }
#cabecera .hacemos{
   float:right;
   margin:3em 8em 0 0;
   color:rgb(90,90,90);/*topo gris90*/
   font-size:0.8em;
	}
#cabecera .logo{
}

/*   navegacion
*********************/
#navegacion {
        color:  rgb(20,20,20);/*topo gris20*/
        font-size: 0.75em;
        }

#navegacion a {
        font-style: normal;
        font-weight: normal;
        text-align: left;
        text-decoration:none;
        color:rgb(90,90,90);/*topo gris90*/
        }

#navegacion a:hover {
        text-decoration:underline;
        color: rgb(20,20,20);/*topo gris20*/
        }


/*   cuerpo
*********************/

#cuerpo a, #cuerpo a:visited{
        color:rgb(90,90,90);/*topo gris90*/
        text-decoration: underline;
        }

#cuerpo a:hover{
        background: rgb(220,220,220);/*topo gris220*/
        text-decoration: underline;
        }

#cuerpo .articulo {
        font-size: 0.8em;
        line-height:1.3em;
        }

#cuerpo .titular_noticias,
.titular_noticias,
#cuerpo a.titular_noticias,
#cuerpo a:visited.titular_noticias,
#cuerpo a.secciones,
#cuerpo a:visited.secciones {
        color:rgb(90,90,90);/*topo gris90*/
        font-size: 1em;
        font-weight:bold;
        text-decoration:none;
        }

#cuerpo a:hover.titular_noticias,
#cuerpo a:hover.secciones{
        color: rgb(20,20,20);/*topo gris20*/
        text-decoration: underline;
        }

#cuerpo a.articulos_subsecciones,
#cuerpo a:visited.articulos_subsecciones,
#cuerpo a:link.articulos_subsecciones,
#cuerpo .imagen_principal a,
#cuerpo .imagen_principal a:visited,
#cuerpo .imagen_principal a:link {
        color:rgb(90,90,90);/*topo gris90*/
        font-size: 0.85em;
        font-weight:normal;
        text-decoration:none;
        }

#cuerpo a:hover.articulos_subsecciones,
#cuerpo .imagen_principal a:hover{
        color: rgb(20,20,20);/*topo gris20*/
        text-decoration: none;
        }

#cuerpo h3,
#cuerpo h3.articulo {
        font-size: 0.9em;
        line-height:1.5em;
        color:rgb(90,90,90);/*topo gris90*/
        }

#cuerpo p,
#cuerpo p.spip,
#cuerpo p.detalle,
#cuerpo p.articulo {
        color: rgb(0,0,0);
        }

#cuerpo ol,
ol.spip,
#cuerpo li,
li.spip{
        color: rgb(0,0,0);
        }

#cuerpo .fecha {
        font-size: 0.8em;
        font-weight: bold;
        color: rgb(150,150,150);/*topo gris150*/
        }

#cuerpo a.leermas,
#cuerpo a:hover.leermas,
#cuerpo a:visited.leermas {
        font-size:0.8em;
        color: rgb(20,20,20);/*topo gris20*/
        text-decoration:none;
        }

.galerias_cada{
        display:block;
        clear:both;
        }

.galerias_logo{
        float:left;
        display:block;
        clear:both;
        }

.galerias_datos{
        display:block;
        }

.otras_galerias{
}

/*   migas de pan
*********************/
.migas_de_pan{
        font-size:0.7em;
        font-style: normal;
        font-weight: normal;
        text-align: left;
        text-decoration:none;
        color: rgb(120,120,120);/*gris4*/
       }
#cuerpo .migas_de_pan a,
#cuerpo .migas_de_pan a:visited,
#cuerpo .migas_de_pan a:link {
        color: rgb(120,120,120);/*gris4*/
        text-decoration:none;
        }

#cuerpo .migas_de_pan a:hover{
        text-decoration:none;
        background: rgb(240,240,240);/*gris1*/
        }


/*   lateral
***********************/
#lateral {
}
#lateral img {
   border:0;
   }
#lateral a{
   text-decoration:none;
   }
   
/*galeria_seccion 
***************************/
.imagen_siguiente a,
.imagen_anterior a,
.imagen_siguiente a:link,
.imagen_anterior a:link,
.imagen_siguiente a:visited,
.imagen_anterior a:visited{
        font-size:0.8em;
        font-style:normal;
        font-weight:normal;
        text-align:left;
        text-decoration:none;
        color: rgb(20,20,20);/*topo gris20*/
        }
.imagen_siguiente a:hover,
.imagen_anterior a:hover{
        text-decoration:underline;
        }
/*   agenda
***********************/
.agenda_mini {
        color: rgb(20,20,20);/*topo gris20*/
        font-size: 0.65em;
        text-align:right;
}

.agenda_mini a {
        color:  rgb(90,90,90);/*topo gris90*/
        text-decoration:none;
        border: 1px dotted rgb(90,90,90);/*topo gris90*/
}

table.agenda_mini {
        width:133px;
        border:solid 1px rgb(240,240,240);/*gris1*/
        padding:0;
}

.agenda_mini caption {
        color:rgb(90,90,90);/*topo gris90*/
}


th.agenda_mini_dias_letras {
        text-align:right;
        vertical-align:top;
        color:rgb(90,90,90);/*topo gris90*/
}


td.agenda_mini_este_mes {

}

td.agenda_mini_este_dia {
        background-color:rgb(220,220,220);/*gris2*/

}

td.agenda_mini_no_este_mes {
        color:rgb(100,100,100);/*gris5*/

}



/*   pie de pagina
*********************/
#pie address {
        background: rgb(240,240,240);/*gris1*/
        border-top:1px solid rgb(220,220,220);/*gris2*/
        border-bottom: 1px solid rgb(220,220,220);/*gris2*/
        height:3.2em; /* era: 1.6em; para una línea */
        }

#pie address{
        font-size: 0.7em;
        }
#pie address, #pie a, #pie a:visited {
        font-style: normal;
        font-weight: bold;
        color:rgb(150,150,150);/*topo gris150*/
        text-align: center;
        padding:0.4em; /*[(altura#pie)-(font-size)]/2 -- centra el texto a la caja en altura*/
        }

#pie a:hover {
        color:rgb(90,90,90);/*topo gris90*/
        text-decoration:underline;
        }

#pie img{
        border:0;
        }

#pie .rayas {
        color: rgb(150,150,150);/*topo gris150*/
        }

#pie .i_img{
/*        background: transparent url(img_squelettes/i.gif) no-repeat left center;
  */      }
#pie p{
        text-align:center;
        }

p.firmaweb, img.firmaweb {
        display: inline;
        text-decoration:none;
        border:0;
        margin: 5px auto;
        }