/* ************************************************************************** */
/* ************************ 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 {display:block; float:left; padding:0; margin:0; width:100%; color:black; font-family: Arial, helvetica, Verdana, Sans-serif; font-size:0.8em; height:auto;}

/* Todos los tags aqui descritos llevan el tipo de fuente */
h1 { color: #CC067F; font-size: 150%; font-weight: bold; margin: 5px 0 5px 0; padding: 0;}
h2 { color: #FFFFFF; font-size: 100%; font-weight: normal; margin: 5px 5px 10px 0; padding: 0 0 0 5px; background-color: #CDAB47; display: block; float: left; width: 100%;text-transform: uppercase; font-family: Georgia, "Times new roman", times, arial, helvetica, verdana; clear:both;}
h3 { color: #376faf; font-size: 110%; font-weight: bold; margin: 5px;}
h4 { color: #376faf; font-size: 105%; font-weight: bold; margin: 5px;}
h5 { color: #376faf; font-size: 100%; font-style: italic;margin: 5px;}
h6 { color: #376faf; font-size: 100%; font-style: italic;margin: 5px;}
p, a, ul, li, table, th, td {font-size: 1em; color: #5a7b8d; }


p {font-weight: normal; color: #5a7b8d; margin: 0 0 0 4px;}
a { text-decoration: none; font-weight: bold; cursor: pointer;}
a, a:link, a:visited, a:active { color: #CC067F; font-weight: bold;}
a:hover { color: #CC067F; text-decoration: underline;}
a img{border: none;}

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


/*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{display:block; float:none; margin:0 auto; text-align:left; background: #fff url(img/composicion/fondoPagina2d.jpg) left 20px no-repeat; width:1024px; height:auto;}
#pagina.modoEdicion {overflow:auto;}
#pagina #pagina{margin: 0; padding:0;}
#auxiliarSuperior {display: none;}
#contenidos{width: 1024px; margin:0; padding:0; display: block; float: left;overflow: hidden;}
/*#pagina.modoEdicion #contenidos{overflow:auto;}*/
#auxiliarInferior {display: none;}

.separador{width:40px; float:left; display:block; clear:none; min-height:1px; margin:0; padding:0; padding:0 0 1000px 0; margin: 0 0 -1000px 0; overflow: hidden;border-bottom: 0px solid #000;}
/*#pagina.modoEdicion .separador{overflow:auto;}*/
.seccionContenidos {width:737px; float: left; display: block; margin:0; padding:0; }
/*.seccionContenidos { width:737px; float: left; display: block; padding:0 0 1000px 0; margin: 0 0 -1000px 0; overflow: hidden;}*/
/*#pagina.modoEdicion .seccionContenidos{overflow:auto;}*/
.columnaContenido {width:585px; }
/*.columnaContenido { width:585px; padding:0 0 1000px 0;margin: 20px 0 -1000px 0; overflow: hidden;}*/
/*#pagina.modoEdicion .columnaContenido{overflow:auto;}*/

.pie {background-color:#000; margin:0; display:block; height:auto; float:left; width:99%; height:auto; padding-bottom:0;}
.pie .pie_aux_1, .pie .pie_aux_1 .pie_aux_2 {display:block; height:auto; padding:0; margin:0;}
.pie .about { font-size:1.1em;}
.pie .about p {color:#FFF; font-family:arial;}
.pie .w3c_links {display:none;}
.pie .texto_pie {position:absolute;top:7px;left:13px;font-size:0.85em;}
.pie .texto_pie p {line-height:1.2em; color:#fff;}

.pieWeb{ font-size:1em; background: #000 none; color:#AAA; width: 99%; margin: 0; padding: 0; display: block; float: left; text-align: center;}
.pieWeb p{ font-size:0.8em; background: transparent none; color:#FFF; width: 100%; margin: 0; padding: 0; float: left;}

.logosW3C{width: 470px; display: block; float: left; clear: none;}
.logosW3C .columna1, .logosW3C .columna2, .logosW3C .columna3{width: 90px; margin: 0; padding: 0; clear: none;}

p.info{display:none;font-size: 0.8em;}
.pie p.info{display:block}
/* ======================================================== */
/* ==========. tamaños letra para accesibilidad  .========= */
/* ======================================================== */
.letraGrande {font-size: 1.1em;}
.letraMediana{font-size: 0.8em}
.letraPequena{font-size: 0.6em;}


/* ========================================== */
/* ==========. BARRA HERRAMIENTAS  .========= */
/* ========================================== */
.barraHerramientas{display: block; float: left; width: 100%; clear: both; background-color: #000; margin: 0 0 130px 0; padding: 0; font-size: 0.9em; height: 20px;}
.barraHerramientas .cambioDeIdioma{display: block; float: left; width: auto; clear: none;margin: 2px 0 0 10px; }
.barraHerramientas .cambioDeIdioma .itemIdioma a{color: #ddd; font-weight: bold;}

a.cambio_letraGrande,a.cambio_letraMediana,a.cambio_letraPequena{display: inline; float: left;}

.ico_letraGrande, .ico_letraMediana, .ico_letraPequena, .ico_contraste
{display: block; float: left; height: 15px; width: 15px;}


.cambiaEstilo{display: block; float: right; margin: 0 5% 0 0;}
.txt_letraGrande,.txt_letraMediana,.txt_letraPequena {display: none;}
.ico_letraGrande {background: transparent url(img/composicion/letraGrande.gif) 0 0 no-repeat;}
.ico_letraMediana{background: transparent url(img/composicion/letraMedia.gif)  0 0 no-repeat;}
.ico_letraPequena{background: transparent url(img/composicion/letraPeque.gif)  0 0 no-repeat;}
.ico_contraste{background: transparent url(img/composicion/contraste.gif)  0 0 no-repeat;}

/* ====================================== */
/* ==========     .CABECERA.     ======== */
/* ====================================== */
.cabecera{display: none;}
.cabecera h1 {display: none; }  /* se mostrar en impresion */
.cabecera img.escudoImprimible {display: none;}

/* ============================================== */
/* ==========. BARRA ACCESOS DIRECTOS  .========= */
/* ============================================== */
.accesosDirectos {height: 40px; float: left; clear: left; width: 737px; display: block; padding: 2px 0 0 0; margin: 0; }
.accesosDirectos .menu {float: left; width: 350px; display: block; padding:0; margin: 0 0 0 10px; background: none; border: none; clear: none;height: 40px;}
.accesosDirectos .menu li { height: 38px; clear: none; padding: 0; margin: 0; display: block; float: left; list-style-type: none; width: 85px; text-align: center; }
.accesosDirectos .menu a,
.accesosDirectos .menu a:hover,
.accesosDirectos .menu a:active,
.accesosDirectos .menu a:visited 
{ margin:0; padding: 12px 0 0 0; font-size: 0.8em; clear: both; display: block; float: left; width: 100%; color: #6A8DA0; vertical-align:middle; text-align: center; height: 33px; font-family: Georgia, "Times new roman", times, arial, helvetica, verdana; text-transform: uppercase; font-weight: bold;background: transparent url(img/composicion/pestanyaAD.gif) right top no-repeat;}
.accesosDirectos .menu a:hover{color: #B2237A;background: transparent url(img/composicion/pestanyaADhover.gif) right top no-repeat;}

.accesosDirectos .buscador{display: block; float: right;  width: 300px;clear: none; margin: 0; padding: 0;height: 38px; }
.accesosDirectos .buscador form{height: 38px; width: 280px; clear: none; background: url(img/composicion/buscadorLupa.jpg) left top no-repeat; margin:0; padding:0; display: block; float: left;}
.accesosDirectos input.frmTexto{display:block; float: left; margin:14px 14px 0 23px; padding:0; font-weight: normal;  text-indent:3px; width: 140px; height: 15px; border: none; background: transparent; color: #333;}
.accesosDirectos .buscador input.btnImg{margin: 11px 0 0 0; padding: 0; vertical-align: top; float: left; border: none;}

/* ====================================== */
/* ==========. BARRA MENU      .========= */
/* ====================================== */
.barraMenu {float: left; clear: left; width: 737px; display: block; padding: 0 0 3px 0; margin: 0;}
.barraMenu .menu{float: left; clear: left; width: 737px; display: block; padding:0; margin: 0; background: none; border: none;}
.barraMenu .menu li { height: 45px; clear: none; padding: 0; margin: 0; background: #860255 url(img/composicion/fondoMenuSup.jpg) left top no-repeat; display: block; float: left; list-style-type: none; width: 184px; text-align: center; vertical-align: middle;}
.barraMenu .menu a,
.barraMenu .menu a:hover,
.barraMenu .menu a:active,
.barraMenu .menu a:visited 
{ margin:0; padding: 15px 0 0 0; font-size: 1em; clear: both; display: block; float: left; width: 100%; color: #fff; vertical-align:middle; position: relative; text-align: center; height: 30px; text-transform: uppercase; font-family: Georgia, "Times new roman", times, arial, helvetica, verdana;font-weight: bold;}
.barraMenu .menu a:hover{background: #860255 url(img/composicion/fondoMenuSup_hover.jpg) left top no-repeat; text-decoration: none;}

/* ====================================== */
/* ==========. COLUMNA MENU    .========= */
/* ====================================== */
.columnaMenu{width: 150px; display: block; float: left; background: transparent url(img/composicion/rayaMenu.gif) right top repeat-y;/* border-right: 4px solid #FDC1E7; */padding:0 0 1000px 0;margin: 20px 0 -1000px 0; overflow: hidden;}
/*#pagina.modoEdicion .columnaMenu{overflow:auto;}*/
.columnaMenu h4  {display: none;}
.columnaMenu .menu {margin: 5px; float: left; clear: left; width: 130px; color: #000; display: block; padding:0; height: 300px;}
.columnaMenu .menu li {clear: both; margin: 1px 0 1px 0; padding: 0; display: block; float: left; list-style-type: none; width: 130px;background: transparent url(img/composicion/flechitaMenu.jpg) 0 7px no-repeat; overflow: hidden;}

.columnaMenu .menu h4{display: block; margin:0; padding:5px 0 5px 5px; background-color: #2eafcf; width: 130px; float: left; font-size: 1em; color: #fff; text-align: left;}
.columnaMenu .menu a,
.columnaMenu .menu a:hover,
.columnaMenu .menu a:active,
.columnaMenu .menu a:visited 
{ margin: 0; padding: 0; font-size: 0.9em; clear: both; display: block; float: right; font-weight: normal;}
.columnaMenu .menu a:hover{color: #eb7a02;}
.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 
{margin: 5px 0 5px 0;font-size: 0.9em; text-transform: uppercase; color: #CC067F; font-weight: bold;}
.columnaMenu .menu li.menuOpcion a:hover{color: #CC067F;}

.columnaMenu .menu li.menuSubOpcion a,
.columnaMenu .menu li.menuSubOpcion a:hover,
.columnaMenu .menu li.menuSubOpcion a:active,
.columnaMenu .menu li.menuSubOpcion 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:#8aadb0; margin: 2px 0; font-weight: bold;}
.columnaMenu .menu li.menuSubOpcion a:hover{color: #8b0357; font-weight: bolder;}

.columnaMenu .menu li.menuSubOpcionActual a,
.columnaMenu .menu li.menuSubOpcionActual a:visited,
.columnaMenu .menu li.menuSubOpcionActual a:hover{color: #4a4da0; text-decoration: none;}




.columnaMenu .banner{margin:10px 0 0 2px; padding:0; display: block; float: left; clear: both; height: 85px; }


/* ====================================== */
/* ==========. COLUMNA DERECHA .========= */
/* ====================================== */
.columnaDerecha{width: 195px; display: block; float: left;  padding: 0 0 0 20px; margin: -12px 0 0 0; height: auto;}
.columnaDerecha .columnaDerecha{margin:0; padding:0;}
#portada .columnaDerecha{width: 195px; display: block; float: left;  padding: 0 0 0 20px; margin: -35px 0 0 0; height: auto;}

.columnaDerecha .fecha{display: block; float: none; height: 50px; width: 195px; margin: 70px 0 0 12px; padding:0;}
.columnaDerecha .fecha p{color: #FED3ED;}
.columnaDerecha .fecha p.dia,
.columnaDerecha .fecha p.mes{display: inline; float: left; margin: 0; padding: 0; clear: none; }

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

.columnaDerecha .menu {margin: 0; float: left; clear: both; width: 130px; color: #000; display: block; padding:0; }
.columnaDerecha .menu li {font-family: arial, verdana; border-bottom: 1px dotted #ddd; clear: both; margin: 1px 0 1px 0; padding: 0; display: block; float: left; list-style-type: none; width: 130px;background: transparent url(img/composicion/flechitaMenu.jpg) 0 7px no-repeat; }

.columnaDerecha .menu h4{display: block; margin:0; padding:5px 0 5px 5px; background-color: transparent; width: 130px; float: left; font-size: 0.9em; color: #CC067F; text-align: left;}
.columnaDerecha .menu a,
.columnaDerecha .menu a:hover,
.columnaDerecha .menu a:active,
.columnaDerecha .menu a:visited 
{margin:0 0 0 10px; padding: 5px 0 5px 0; font-size: 0.9em; clear: both; display: block; float: left; width: 110px; font-weight: normal; color: #666;}
.columnaDerecha .menu a:hover{color: #eb7a02;}
.columnaDerecha .banner{margin:10px 0 0 2px; padding:0; display: block; float: left; clear: both; border-bottom: 1px dotted #8aadb0;}
.columnaDerecha .banner a, 
.columnaDerecha .banner a img{padding:0; display: block; float: left; clear: both; }
.columnaDerecha .banner a:hover{text-decoration: none;}

.columnaDerecha .enlaces {display: block; float:left; clear: both; margin: 0; width: 99%; padding: 0; border-bottom: 1px dotted #8aadb0;}
.columnaDerecha .enlaces h4{color: #8aadb0;}
.columnaDerecha .enlaces .menu {display: none;}

div.calendario{height: 150px;display: block; float: left; margin: 55px 0 0 0; width: 150px}
table.calendario{border: 0; width: 150px; border-spacing: 2px; padding: 0; margin: 0; font-size: 0.9em; display: block; float: left; background-color:transparent;}
table.calendario .mesanyo{background-color: transparent; border-bottom: 1px solid #fff; color: #fff; text-align: center; font-weight: bold;}
table.calendario .header_dias td{background-color: transparent; text-align: center; width: 17px; color: #fff;}
table.calendario .hoy{background-color: transparent; border: 1px solid #fff; text-align: center; width: 17px; color: #fff;}
table.calendario .dia{background-color: #510333; text-align: center; width: 17px; color: #fff;}
table td {text-align:left;}

.columnaDerecha{background: transparent url(img/composicion/bgTitAgendaPortada.gif) 3px 21px no-repeat;}
.columnaDerecha .banner{ margin:0 0 10px 0; padding:2px 0 2px 0; display: block; float: left; clear: both; width: 150px;}
.columnaDerecha .banner a, 
.columnaDerecha .banner a img,
.columnaDerecha .banner a p{padding:0; margin: 0; width: 100%; display: block; float: left; clear: both; color: #5a7b8d; }
.columnaDerecha .menu {display: block; }
.columnaDerecha .menu h4 {display: block; }
.columnaDerecha > div{width: 150px;}
/* ====================================== */
/* ==========     .PARRAFOS     .======== */
/* ====================================== */
.seccion, .info, .parrafo, .linea,
.textoBaseDer, .textoBaseiz, .textoBase{ display: block; float: left; clear: both; width: 97%; margin: 0; padding: 5px; text-align:justify;}
.linea{margin: 5px 0 0 0; padding:0;}
.textoBaseDer h2 {width: 96%; clear:both; text-align: left;}
.textoBaseDer h3 {width: 96%; clear:both; }
.textoBase p{ display: block; }
.textoBase img{  display: block; float: left; margin: 5px 20px 0 0;}
.textoBaseiz img{  display: block; float: right; margin: 5px 0 0 20px; }
.textoBaseDer img{  display: block; float: left; margin: 5px 20px 0 5px; }
.textoBaseDer a {margin: 5px 0 0 5px; }
.textoBaseDer a img {margin: 0px 0 0 4px; }
.textoBaseDer p { margin: 0 25px 0 0; display: block; clear: none;}

.avanza{display: block; float: left; clear: both; width: 97%; margin: 0; padding: 5px; text-align:justify;}
.avanza a{color:#5a7b8d; font-size: 0.8em; width: 200px; }
.avanza .elem2Columnas .columna1,
#guiaComercial .avanza .elem2Columnas .columna1 {width: 100px;}
.avanza .elem2Columnas .columna2,
#guiaComercial .avanza .elem2Columnas .columna2{width: 100px; float:right; margin:0;}
.avanza .columna1 a, 
.avanza .columna2 a {text-align: left; width: 100px; display: block; float: left;}
.avanza .columna2 a{text-align: right; }
.avanza .columna2 img{ float: right;}
.avanza .columna1 img{ float: left;}


/*----fijador----*/
.fijador{ clear:both; margin:0; padding:0; font-size:0; height:0;}

/* ====================================== */
/* ===.      PÁGINA PRINCIPAL        .=== */
/* ====================================== */
/* No hay menú, redimensionamos columnaContenido */
#portada .columnaContenido {margin:0; float: left;}
/*#portada .columnaContenido { width:737px; padding:0 0 1000px 0;margin: 0 0 -1000px 0;}*/

/* Cambiamos los tamaños de las columnas */

#portada .columnaContenido > .linea{margin:0; padding:0; float: left;}
#portada .elem2Columnas{width: 740px; margin: 0; padding:0; float: left;}
#portada .elem2Columnas .columna1{width: 58%; margin: 0 0 0 2px;}
#portada .elem2Columnas .columna2{width: 38%;}
#portada .elem2Columnas .columna2 .textoBaseDer p,
#portada .elem2Columnas .columna1 .textoBaseDer p { margin-left: 0; width: 93%; font-size: 0.8em;}
#portada .elem2Columnas .columna2 .elem2Columnas{width: 100%;}
#portada .columna1 .columna1, 
#portada .columna1 .columna2, 
#portada .columna1 .columna3{width: 32%; float: left;}
#portada .columna2 .columna1, 
#portada .columna2 .columna2{width: 45%; }

#portada .columna2 .columna2{float: left; margin-left: 7px;}

#portada .elem2Columnas .columna1 a.linkFoto{ 
background: #27802C 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;}

#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: #980c62 url(img/composicion/fletxaPoblacions_hover.gif) 3px 3px no-repeat; border: 0; padding:0 0 0 12px; margin:0; text-decoration: none;}


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

#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{text-align:right; float:right; margin:0; width:90%; padding: 0 7px 0 0;}
#portada .elem2Columnas .columna2 .columna2 a.linksFV {text-align: left; float: left;margin: 0; width:90%;padding: 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; }
#portada .elem2Columnas .columna2 .columna2 a.linksFV:hover{background: transparent url(img/composicion/imgLinkportada_hover.gif) left top no-repeat; float: left;}

#portada .linksInferiores{display: block; float: left; width: 100%; margin: 0px;}
#portada .linksInferiores .elem3Columnas {margin-left: 25px;}
#portada .linksInferiores .elem3Columnas .columna1, 
#portada .linksInferiores .elem3Columnas .columna2, 
#portada .linksInferiores .elem3Columnas .columna3 {display: block; float: left; width: 30%; margin: 0px;  }
#portada .linksInferiores .elem3Columnas .columna1 .linkFoto img, 
#portada .linksInferiores .elem3Columnas .columna2 .linkFoto img, 
#portada .linksInferiores .elem3Columnas .columna3 .linkFoto img{height: 65px; display: block; float: left; width: 163px; margin: 0px;  }

#portada .linksInferiores2 .linkFoto img{height: 100px; display: block; width: 100px; margin: 0;  }
#portada .linksInferiores2 a { color:#567B8D;}

/* #portada p.info{width: 400px; font-size: 0.8em; display: block; float: right; clear: none; margin: -45px 0 0 0; text-align: left;} */
/*
#portada .columnaDerecha{background: transparent url(img/composicion/bgTitAgendaPortada.gif) 3px 21px no-repeat; float: left;margin:0;}
#portada .columnaDerecha .banner{ margin:10px 0 0 0; padding:0; display: block; float: left; clear: both; width: 150px;}
#portada .columnaDerecha .banner a, 
#portada .columnaDerecha .banner a img,
#portada .columnaDerecha .banner a p{padding:0; margin: 0; width: 100%; display: block; float: left; clear: both; }
#portada .columnaDerecha .menu {display: block; }
#portada .columnaDerecha .menu h4 {display: block; }
*/

/* ====================================== */
/* ===.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:hover{text-decoration: none;}
.subTema a{font-weight: bold; font-size: 1.1em; padding: 0; width: 100%; }
.subTema a img {margin: 5px 15px 0 0;}
.subTema a br{clear: none; height: 0; width: 0;}
.subTema p{display: inline; float: none;}
/* ============================= */
/* =====      PESTANYES      === */
/* ============================= */

.pestanyes{display : block; float: left; width: 95%; margin: 10px 0 0px 15px; padding: 0;  }
.pestanya,
.pestanyaSelec {display: inline; height:35px; float: left; width: 100px; clear:none; margin:0 2px 2px 0;}
a.pestanya{display: block; float: left; width: 99%;  background-color: #FFF; border: 1px solid #8AADB0; text-align: center; margin: 0;}
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: 99%;  background-color: #fff; border: 1px solid #8AADB0; 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 25px 0 15px; padding:0;  border-top: none; }
.contPestanya .linea { margin: 0 0 10px 3px; padding: 3px 0 3px 20px;}
.contPestanya .linea a img{ margin: 0 5px 0 0;}
.contPestanya .textoBaseDer h2 {display: block; float: left;  width: 97%;}
.contPestanya {padding: 0 0 10px 0;}


/* =============================*/
/* ===== CATEGORIAS ==========*/
/*=============================*/

.menuCategorias .niveles{display: block; float: left; clear: both; width: 99%; margin: 0 0 0 10px;}
.menuCategorias .nivel1,  .menuCategorias .nivel2, .menuCategorias .nivel3 {padding: 0px; margin: 5px 0 0 0; display: block; float: left; width: 90%;}
.barraSeparacion {display : block; float: left; width: 90%; margin: -15px 0 0 3px; padding: 0 0 10px 0; border-bottom: 1px dotted #5a7b8d;}

/*==========================*/
/*===== guia Comercial =====*/
/*==========================*/

#guiaComercial .elem3Columnas {display: block; float: left; clear: both; width: 100%;}
#guiaComercial .elem3Columnas .columna1 { width: 15%; }
#guiaComercial .elem3Columnas .columna1 .textoBaseDer  h1{ color: #8b0357;  font-family: verdana;  font-size: 1.4em;}
#guiaComercial .elem3Columnas .textoBaseDer img{ margin: 1px;}
#guiaComercial .elem3Columnas .columna2 { width: 37%;}
#guiaComercial .elem3Columnas .columna3 { width: 37%;}


#guiaComercial .elem2Columnas {display: block; float: left; clear: both; width: 100%;}
#guiaComercial .elem2Columnas .columna1 { width: 15%; }
#guiaComercial .elem2Columnas .columna1 .textoBaseDer  h1{ color: #8b0357;  font-family: verdana;  font-size: 1.4em;}
#guiaComercial .elem2Columnas .textoBaseDer img{ margin: 1px;}
#guiaComercial .elem2Columnas .columna2 { width: 74%;}

/*===============================*/
/*===BARRA DE JERARQUIA=======*/
/*===============================*/

.barraJerarquia {display: block; float:left; clear: both; width: 99%;}
.barraJerarquia  a {clear:none; display:block; float:left; margin: 0px 3px 0px 2px;}
.barraJerarquia  p { clear:none; display: block; float:left; padding:0;}
.barraJerarquia .carpetas {margin:0; padding:0; line-height:1.2em;}

#galeria .elem3Columnas img{margin: 0 2% 0 0; clear: both; display: block;}

#galeria .elem3Columnas .columna1,
#galeria .elem3Columnas .columna2,
#galeria .elem3Columnas .columna3{margin: 0 0 0 1%; width:27%; float:left;}

#galeria .elem3Columnas a img {display:block; clear:both;}
#galeria .elem3Columnas a.linkFoto,
#galeria .elem4Columnas a.linkFoto  {color: #CC067F; display:block; clear:both; font-size: 0.7em; text-align: left; margin: 0; padding:0; }