/* ************************************************************************** */
/* ************************ VERSION AYUNTAMIENTO **************************** */
/* -----   ---------- Version 2.0 por ABSIS  15-12-2006 -------------  -----  */
/* ************************************************************************** */
/* ************************************************************************** */
/* COLORES: Títulos-fondos rosas: #CC067F */
/*			Fondo subtitulo: #CDAB47 */
/*			Azul fondo: #4F7288 */

/* =============================== */
/* ======.Elementos Comunes.====== */
/* =============================== */
body {color: #0f0; background: #000 none;}

/* Todos los tags aqui descritos llevan el tipo de fuente */
h1, h2, h3, h4, h5, h6 { color: #0f0; background-color: transparent;}
p, a, ul, li, table, th, td {font-size: 1em; }


p {font-weight: normal; color: #0f0;}
a { text-decoration: underline; }
a, a:link, a:visited, a:active { color: #0f0; }
a:hover { color: #0f0; }
a img{border: none;}

table{float: left;}
th { font-weight: bold; border: 1px solid #0f0;}
hr { height: 1px; border: 1px solid #0f0;}


/*br{clear: both; display: block; float: left; margin: 2px 0 2px 0; width: 1px; height: 1px;}*/
/* =============================== */
/* =========.Estructura.========== */
/* =============================== */
/************************************
Estructura:
  body
  |
  +--#pagina
     |
     +--#auxiliarSuperior
     |
     +--#contenidos
     |  |
     |  +--#tipolgiaDePagina(portada,noticias,...)
     |     |
     |     +--.cabecera
     |     |
     |     +--.menu
     |     |
     |     +--.contenido
     |        |
     |        +--(Contenido de la página)
     |
     |
     +--#auxiliarInferior
************************************/
/* ====================================== */
/* ==========.CONTENIDO PAGINA  .======== */
/* ====================================== */
/*#pagina{width: 100%;}
#contenidos{width: 100%;}
*/
.separador{display: none;}
.seccionContenidos { width:100%; }
.columnaContenido { width:75%; }


.pieWeb{ font-size:1em; background: #0f0 none; color:#000;}
p.info{color:#000;}

/* ======================================================== */
/* ==========. tamaños letra para accesibilidad  .========= */
/* ======================================================== */
.letraGrande {font-size: 1.1em;}
.letraMediana{font-size: 0.8em}
.letraPequena{font-size: 0.6em;}
/* ====================================== */
/* ==========     .CABECERA.     ======== */
/* ====================================== */
/* mostramos la cabecera alternativa, con una imágen que es el escudo y un texto */
.cabecera{background: transparent; display: block; float: left; width: 100%; margin: 10px 0 20px 0;}
.cabecera h1 {display: block; float: left; font-size: 2em; margin: 10px 0 0 0;}
.cabecera img.escudoImprimible {display: none; float: left;}

/* ========================================== */
/* ==========. BARRA HERRAMIENTAS  .========= */
/* ========================================== */
.barraHerramientas{background-color: #000; border-bottom: 1px solid #0f0; width: 100%;clear: both; margin:0;}
.barraHerramientas .cambioDeIdioma .itemIdioma a{color: #000;}

/* ============================================== */
/* ==========. BARRA ACCESOS DIRECTOS  .========= */
/* ============================================== */
.accesosDirectos{height: auto; width: 100%;clear: both; margin:0;}
.accesosDirectos .menu {background: none; margin:0;}
.accesosDirectos .menu a,
.accesosDirectos .menu a:hover,
.accesosDirectos .menu a:active,
.accesosDirectos .menu a:visited 
{ color: #0f0; background: transparent none; text-decoration: none; text-transform: lowercase;}
.accesosDirectos .menu a:hover{color: #000;background: #0f0 none; text-decoration: none;}

.accesosDirectos .buscador form{background: transparent none; }
.accesosDirectos input.frmTexto{border: 1px solid #0f0; color: #0f0;}

/* ====================================== */
/* ==========. BARRA MENU      .========= */
/* ====================================== */
.barraMenu{width: 100%; clear: both; border-bottom: 1px solid #0f0;}
.barraMenu .menu li { background: #0f0 none; border: 1px solid #000;}
.barraMenu .menu a,
.barraMenu .menu a:hover,
.barraMenu .menu a:active,
.barraMenu .menu a:visited 
{ color: #000; text-decoration: none;}
.barraMenu .menu a:hover{}

/* ====================================== */
/* ==========. COLUMNA MENU    .========= */
/* ====================================== */
.columnaMenu{background: transparent none; border-right: 1px solid #0f0; width: 20%;}
.columnaMenu .menu {color: #0f0;}

.columnaMenu .menu a{text-decoration: none;}
.columnaMenu .menu a:hover{color: #0f0; text-decoration: underline;}
.columnaMenu .menu ul {margin: 0; padding:0;}
.columnaMenu .menu ul li {margin: 0; padding:0;}

.columnaMenu .menu li.menuOpcion a,
.columnaMenu .menu li.menuOpcion a:hover,
.columnaMenu .menu li.menuOpcion a:active,
.columnaMenu .menu li.menuOpcion a:visited,
.columnaMenu .menu li.menuSubOpcionActual a,
.columnaMenu .menu li.menuSubOpcionActual a:hover,
.columnaMenu .menu li.menuSubOpcionActual a:active,
.columnaMenu .menu li.menuSubOpcionActual a:visited
{width: 90%; font-size: 1.0em; text-transform: none; color:#0f0; margin: 2px 0 2px 0; font-weight: bold;}
{color: #0f0; text-decoration: none;}
.columnaMenu .menu li.menuOpcion a:hover{color: #0f0;}

.columnaMenu .menu li.menuSubOpcion a,
.columnaMenu .menu li.menuSubOpcion a:hover,
.columnaMenu .menu li.menuSubOpcion a:active,
.columnaMenu .menu li.menuSubOpcion a:visited 
{color: #0f0;}
.columnaMenu .menu li.menuSubOpcion a:hover{color: #0f0;}

.columnaMenu .menu li.menuSubOpcionActual a,
.columnaMenu .menu li.menuSubOpcionActual a:visited,
.columnaMenu .menu li.menuSubOpcionActual a:hover{color:#0f0; text-decoration: underline;}


/* ====================================== */
/* ==========. COLUMNA DERECHA .========= */
/* ====================================== */
.columnaDerecha{float: left; padding: 0; margin: 0; height: auto; width: 100%; clear: both; border-top: 1px solid #0f0; background: black;}

.columnaDerecha  div.calendario{width: 195px; display: inline; clear: none; float: left; margin:0;}

.columnaDerecha .fecha{width: auto; margin: 0; padding:0; clear: both;}
.columnaDerecha .fecha p{color: #0f0;}

.columnaDerecha .fecha .dia{font-size: 1.5em;}
.columnaDerecha .fecha .mes{font-size: 0.8em; }

.columnaDerecha .menu {color: #0f0; margin:0; padding:0; clear: none;}

.columnaDerecha .menu a:hover{color: #0f0;}
.columnaDerecha .banner{clear: none; border: none;}

/* ====================================== */
/* ===.      PÁGINA PRINCIPAL        .=== */
/* ====================================== */
/* No hay menú, redimensionamos columnaContenido */
#portada .columnaContenido { width:100%; padding:0;margin: 0;}

#portada .elem2Columnas .columna1 a.linkFoto{ 
background: none url(img/composicion/fletxaPoblacions.gif) 3px 3px no-repeat; 
display: block; 
float: left; 
width: 118px;
height: 72px; 
margin:0; 
padding:0 0 0 12px;
clear: none; 
color: #fff; 
text-transform: uppercase;
font-size: 0.8em;
font-family: Georgia, "Times new roman", times, arial, helvetica, verdana;
font-weight: bold;
border: 1px solid #27802C;
}

#portada .linkFoto img { margin:0 0 0 -9px; padding: 0; float: none; /*width: 125px; height: 50px; */display: block;}

#portada .elem2Columnas .columna1 a.linkFoto:hover{background: #DDD url(img/composicion/fletxaPoblacions_hover.gif) 3px 3px no-repeat; border: 0; padding:0 0 0 12px; margin:0; text-decoration: none; color: #000;}



/* Aspecto de los accesos a necesidades */
a.linksFV{height: 40px; width: 100%; display: block;}
a.linksFV p{color: #888; font-weight: bold;}
a.linksFV:hover {height: 40px; display: block; text-decoration: none; margin: 0; padding:0; }

#portada .elem2Columnas .columna2 .columna1{background: transparent url(img/composicion/imgLinkportada.gif) right top no-repeat; }
#portada .elem2Columnas .columna2 .columna2{background: transparent url(img/composicion/imgLinkportada.gif) left top no-repeat; }

#portada .elem2Columnas .columna2 .columna1 a.linksFV{float: right; color: #0f0;}
#portada .elem2Columnas .columna2 .columna1 a.linksFV p{float: right; margin: 0 7px 0 0;}
#portada .elem2Columnas .columna2 .columna2 a.linksFV {float: left;color: #0f0;}
#portada .elem2Columnas .columna2 .columna2 a.linksFV p {float: left; margin: 0 0 0 7px;}

#portada .elem2Columnas .columna2 .columna1 a.linksFV:hover {background: transparent url(img/composicion/imgLinkportada_hover.gif) right top no-repeat; float: right; color: #0f0;}
#portada .elem2Columnas .columna2 .columna2 a.linksFV:hover{background: transparent url(img/composicion/imgLinkportada_hover.gif) left top no-repeat; float: left;color: #0f0;}
a.linksFV:hover p{margin: 0 4px 0 0;color: #0f0;}

#portada .linksInferiores{display: block; float: left; width: 100%;}
#portada .columnaDerecha{background: transparent none; border: 1px solid #0f0; margin:0; padding: 0;}
#portada .columnaDerecha .banner{padding:0; display: block; float: left; clear: none; width: 150px;}
/* ====================================== */
/* ===.PAGINA RESULTADOS BUSQUEDA     .=== */
/* ====================================== */
#buscador .buscar, #buscador .resulBusqueda{background-color: #fff; display: block; float: left; clear: both; width: 97%; margin: 0 2px 15px 0; padding: 5px 5px 10px 5px;text-align:justify;border: 1px solid #c0e6f1;}
.cabeceraResulBusqueda{border-top: 1px solid #888; width: 99%; background-color: #eee; height: 2em;}

.resulBusqueda h2{background: none; float: left; text-align: left; margin:0; padding:0;}
.resulBusqueda p{background: none; float: left; text-align: left; margin:0 0 0 5px; padding:0;}
.resulBusqueda .elemResul{display: block; float: left; clear: both; width: 99%; margin: 10px 0 3px 0; border-bottom: 1px solid #dedede;}


.textoBaseDer .elem2Columnas .columna1, .textoBaseDer .elem2Columnas .columna2{width:40%;}

/* ============================= */
/* =====PAGINAS TEMA-SUBTEMA === */
/* ============================= */
.subTema {display : block; float: left; width: 99%; margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px dotted #5a7b8d;}
.subTema a, .subTema a h1{margin:0; padding: 0;}
.subTema a:hover{text-decoration: none;}
.subTema a h1, .subTema a h1 p{font-weight: bold;font-size: 1.1em; }
.subTema p{margin: 0; padding:0; float: none;}

/* ============================= */
/* =====      PESTANYES      === */
/* ============================= */

.pestanyes{display : block; float: left; width: 99%; margin: 0; padding: 0; }
.pestanya{display: block; float: left; width: 100px;}
a.pestanya{display: block; float: left; width: 100%; border-left: 1px solid #fff; text-align: center;}
a.pestanya,a:visited.pestanya{background-color: #8AADB0; color: #fff;}
a:hover.pestanya{background-color: #88054F; color: #fff; text-decoration: none;}

a.pestanyaSelec{display: block; float: left; width: 100%;  background-color: #FFF; border: 1px solid #8AADB0; border-bottom: none; text-align: center; margin: 0;}
a.pestanyaSelec,a:visited.pestanyaSelec, a:hover.pestanyaSelec{color: #6A8DA0; text-decoration: none;}
.contPestanya{display: block; float: left; margin: -1px 0 0 0; padding:0;  border-top: none;}