*/ #migas p{ margin-top:0px; } #migas a { color:#000; text-decoration:none; } #migas a:hover { text-decoration: underline; color:#000; } #migas span.lastitem{ font-style:italic; } /**********************TABLAS ************************/ table{ margin-bottom:1.4em; width:95%; margin:6px auto 7px; /*centramos la tabla*/ /*Color de cada fila */ background:#fafafa; /*#f6f6f6;*/ /*CAMBIAR*/ /*color borde limites superior e inferior tabla border-top:2px solid #316400; /*CAMBIAR línea-separador*/ border-bottom:2px solid #316400; /*CAMBIAR línea-separador*/ border:1px solid #316400; border-collapse:separate; border-spacing:0; } table.mitadancho{ width:60%; } table thead tr *{ color:#fff; } table thead td, table thead th{ font-size:1.2em; /*color cabecera tabla background */ background:#316400; /*CAMBIAR*/ /*color borde inferior cabecera tabla que junto a los bordes sup-inf de la tabla la delimitan*/ border-bottom:2px solid #316400; /*CAMBIAR línea-separador*/ /*border-left:1px solid #cfdecf;*/ /*separador columnas */ /* text-align:center; que el usu alinee como quiera, pues al poner esto siempre centra (lo cual puede confundirlo) y además puede que no quiera el centrado. */ } /*SUBCABECERAS
Al estar dentro de #columnaizquierdainterior hay un menú a la derecha, por tanto la imagen no debe llegar a él. Sin embargo su height da igual pues hacia abajo no hay límite. */ #elcontenido #columnaizquierdainterior p img { max-width:440px; } /*Hack IE6 */ * html #elcontenido #columnaizquierdainterior p img { width: expression(this.width > 440? "440px":this.width); } /********** [Más información] -> recuadro abajo donde te pone la {fecha de las noticia} en Noticias o {volver a galerías de imágenes} en Galerias *********/ #columnaizquierdainterior .masinformacion { width:95%; clear:both; /*texto CAMBIAR (si se desea)*/ font-size:0.85em; color:#000; margin: 1px 0 1em 0; padding-right:0.4em; text-align:right; /*Así controlamos la altura del
más información para que el texto quede dentro del recuadro dibujado con el propio
*/
line-height:1.7em;
/*bordes*/
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
#columnaizquierdainterior .masinformacion a:focus,
#columnaizquierdainterior .masinformacion a:hover{
/*CAMBIAR*/
font-style:italic;
}
/* << volver : dentro de noticias, agenda,... */
#volver a {
color:#000;
}
#volver a:hover {
font-style:italic;
}
/****************
COLUMNADERECHAINTERIOR: contiene el menuterciario con :
categoria >ver todas>
-----------------------
Categ1 ->elemento
Categ2 ..
******************/
#elcontenido #columnaderechainterior ,#columnaderechainterior{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #A80000;
float:left;
margin:1em 0 1em 0.5em;
width:28%;
}
/*
Cabecera en menú derecha.
Contiene p.e. en galerias: Galeria >ver todas< . Idem para resto
*/
#elcontenido #columnaderechainterior h3, #columnaderechainterior h3 {
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #A80000;
color:#000000;
font-size:1em;
font-weight:bold;
height:1.3em;
line-height:1.5em;
margin:0 0 0.5em;
overflow:hidden;
padding:5px 0 2px 5px;
text-decoration:none;
width:97%;
}
/*El >ver todas< */
#columnaderechainterior h3 a.vertodo {
float:right;
margin-right:5px;
font-weight: normal;
letter-spacing: 0px;
font-size:0.85em;
line-height:1.85em;
text-align: right;
/*separamos el vertodo del título principal*/
padding-left:25px;
/*CAMBIAR*/
color:#000;
/* text-decoration:underline; */
}
/*hack IE6-7 */
*:first-child+html #columnaderechainterior h3 a.vertodo{
margin-top:-17px; /*TOCAR SI NO CUADRA EL VER-TODAS EN IE7*/
}
*html #columnaderechainterior h3 a.vertodo{
margin-top:-15px; /*TOCAR SI NO CUADRA EL VER-TODAS EN IE6*/
line-height:1.5em;
}
/*Hover sobre ver-todo */
#columnaderechainterior h3 a.vertodo:focus, #columnaderechainterior h3 a.vertodo:hover{
/*CAMBIAR*/
font-style:italic;
}
/*Padding para los li*/
#columnaderechainterior #menuterciario {
padding-left:0px;
padding-bottom:3px;
margin:0;
}
#columnaderechainterior #menuterciario li{
padding-left:2px; /*Sobreescribimos el del #elcontenido ul li */
background:none; /*Eliminamos li.gif puesto en #elcontenido ul li */
/*Tamaño fuente de las distintas categorías listadas como li */
font-size:1em;
margin:0:
}
/*Categorías listadas en el menu derecha (categorias de noticias, eventos,..) */
#columnaderechainterior #menuterciario a {
/*CAMBIAR*/
color:#000;
font-size:1em;
}
/*Hover sobre las categorías,.. */
#columnaderechainterior #menuterciario a:hover {
/*CAMBIAR*/
/*cogemos color del general*/
text-decoration:underline;
}
#columnaderechainterior #menuterciario a.activo {
font-style:italic;
}
/**************** NOTICIAS **************************************/
/*****************
Todo el cuerpo de noticias que puede crecer
*****************/
#listadonoticiasinterior {
margin: 0px;
border: none;
width:100%;
height:auto;
}
/*Cada noticia es un