/* ************************************************************************** */
/* ************************ ESTILOS DE IMPRESIÓN **************************** */
/*
/*  Este css define los estilos para la impresión de las páginas
/*  En él se eliminan los menús y controles innecesarios y se muestran alternativas
/*  a las imágenes de fondo para los navegadores que no las imprimen (la mayoría)
/*  El tamaño de las fuentes pasa a definirse en puntos.
/*
/* ************************************************************************** */
/* ************************************************************************** */


/* =============================== */
/* ======.Elementos Comunes.====== */
/* =============================== */
body {padding:0; margin:0; color:#000; font-family:Arial, Verdana, Sans-serif; font-size:8pt;}

/* Todos los tags aqui descritos llevan el tipo de fuente */
h1 {color:#000; font-size:11pt; margin:0; padding:0; text-decoration:none;}
h2 {color:#000; font-size:10pt; font-weight:bold; padding:0; text-decoration:underline; text-transform:uppercase;}
h3 {color:#000; font-size:9pt; font-weight:bold; margin:5px 0;}
h4 {color:#000; font-size:8pt; font-weight:bold; margin:5px 0;}
h5 {color:#000; font-size:7pt; font-style:italic;margin:5px 0;}
h6 {color:#000; font-size:7pt; font-style:italic;margin:5px 0;}

p {font-weight:normal; color:#000;}
a {text-decoration:none; color:#000; font-weight:normal;}
a img {border:none;}

table{float: left;}
th { font-weight: bold; border: 1px solid #888;}
hr { height: 1px; border: 1px solid #888;}
/* =============================== */
/* =========.Estructura.========== */
/* =============================== */
/************************************
Estructura:
  body
  |
  +--#pagina
     |
     +--#auxiliarSuperior
     |
     +--#contenidos
     |  |
     |  +--#tipolgiaDePagina(portada,noticias,...)
     |     |
     |     +--.cabecera
     |     |
     |     +--.menu
     |     |
     |     +--.contenido
     |        |
     |        +--(Contenido de la página)
     |
     |
     +--#auxiliarInferior
************************************/
/* ====================================== */
/* ==========.CONTENIDO PAGINA  .======== */
/* ====================================== */

#pagina{text-align:left; background: transparent; width: 100%;}
#pagina #pagina{margin: 0; padding:0;}
#auxiliarSuperior {display: none;}
#contenidos{width: 100%; margin:0; padding:0;}
#auxiliarInferior {display: none;}

.separador{display: none;}
.columnaContenido {display:block; width:18cm; margin:0;}

.pie {display:none;}
p.info {display:none;}


/* ====================================== */
/* ==========.PARRAFOS  .======== */
/* ====================================== */
.seccion, .info, .parrafo, .linea { clear:both; margin:5pt 0 5pt 0; padding: 0; width: 95%;}
.seccion, .parrafo {background-color: #fff;}

.textoBase{ background-color: #fff; clear: both; width: 99%; margin: 0 10px 15px 0; padding: 5pt 5pt 10pt 5pt;text-align:justify;}
.textoBase p{ display: inline; }
.textoBase img{  display: block; float: left; margin: 5pt 20pt 0 0; }

.textoBaseiz{ background-color: #fff; clear: both; width: 97%; margin: 0 10pt 15pt 0; padding: 5pt 5pt 10pt 5pt;text-align:justify; }
.textoBaseiz p{ }
.textoBaseiz img{  display: block; float: right; margin: 5pt 20pt 0pt 0pt; }

.textoBaseDer {display:block; float:left; width:97%; margin:0 2pt 15pt 2pt; padding:5pt 5pt 10pt 5pt; text-align:justify;}
.textoBaseDer img {display:block; float:left; margin:5px 20px 0 5px;}
.textoBaseDer p {margin:0 25px 0 0; display:block; clear:none;}

.seccion h1, .parrafo h1, .textoBaseDer h1, .textoBaseiz h1 {display:block; margin:0; padding:0; border-bottom:1px solid #000;}

.titulo {display: block; float: left; width: 100%; margin: 0; padding: 0;}

img.img_linkCompuesto{margin:0; padding:0;display: block; float: left;}
p.txtLink{margin:0; padding:0;display: block; float: left;}

.linea a {display:none;}
.linea .elem4Columnas a {display:block;}


/* ========================================== */
/* ==========. BARRA HERRAMIENTAS  .========= */
/* ========================================== */
.barraHerramientas{display: none;}

/* ====================================== */
/* ==========     .CABECERA.     ======== */
/* ====================================== */
/* mostramos la cabecera alternativa, con una imágen que es el escudo y un texto */
.cabecera{display:block; width:18cm;}
.cabecera h1 {display:block; float:left; width:auto; margin:15pt 0 0 5pt; text-decoration:none; clear:none; color:#000;}
.cabecera img.escudoImprimible {display:block; float:left; width:auto; margin:0;}

/* ============================================== */
/* ========= BARRA ACCESOS DIRECTOS ========== */
/* ============================================== */
.accesosDirectos {display:none;}

/* ====================================== */
/* ============= BARRA MENU ============ */
/* ====================================== */
.barraMenu {display:none;}

/* ====================================== */
/* ============ COLUMNA MENU ========= */
/* ====================================== */
.columnaMenu {display:none;}

/* ====================================== */
/* ========= COLUMNA DERECHA ========= */
/* ====================================== */
.columnaDerecha {display:none;}

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

/* Cambiamos los tamaños de las columnas */
#portada .elem2Columnas .columna1{width: 65%; margin: 0 0 0 2pt;}
#portada .elem2Columnas .columna2{width: 33%;}
#portada .columna1 .columna1,
#portada .columna1 .columna2,
#portada .columna1 .columna3{width: 32%; float: left;}
#portada .columna2 .columna1,
#portada .columna2 .columna2{width: 45%;}

/* Aspecto de los accesos a los municipios */
#portada .elem2Columnas .columna1 a.linkFoto{background: #27802C url('img/composicion/fletxaPoblacions.gif') no-repeat 3px 4px; display: block; float: left; width: 130px; height: 72px; margin:0; padding:0}
#portada .elem2Columnas .columna1 a.linkFoto img.img_LinkFoto{margin:18px 0 0 0; padding: 0; float: left; width: 130px; height: 50px; display: block; float: left;}
#portada .elem2Columnas .columna1 a.linkFoto p{margin: -67px 0 0 7px; padding:0; color: #fff; width: 100px; text-transform: uppercase; font-weight: bold; height: 20px; display: block; float: left; font-size: 0.8em; font-family: Georgia, "Times new roman", times, arial, helvetica, verdana; }
#portada .elem2Columnas .columna1 a.linkFoto:hover{background: #980c62 url('img/composicion/fletxaPoblacions_hover.gif') no-repeat 3px 4px; border: 0px none; padding:0; margin:0}

/* 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: url('img/composicion/imgLinkportada.gif') no-repeat right top; }
#portada .elem2Columnas .columna2 .columna2{background: url('img/composicion/imgLinkportada.gif') no-repeat left top; }

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

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

#portada .linksInferiores{display: block; float: left; width: 737px;}
#portada .columnaDerecha{background: url('img/composicion/bgTitAgendaPortada.gif') no-repeat 3px 21px;}

/* ============================= */
/* =====PAGINAS TEMA-SUBTEMA === */
/* ============================= */
.subTema {width: 99%; margin: 10pt 0 0 0; padding: 0 0 10pt 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; }
a.pestanya{display: none; float: left; width: 100%; border-left: 1px solid #fff; text-align: center;}

a.pestanyaSelec{display: block; float: left; width: 100%;  background-color: #FFF; margin: 0; font-size: 120%;}
a.pestanyaSelec{color: #6A8DA0; text-decoration: none;}
.contPestanya{margin: 0; padding:0;}

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

.barraJerarquia {display: none; }

/*.contPestanya .textoBaseDer {display:block;float:none;border:1px solid red}

.contPestanya .textoBaseDer img {float:left;display:block;page-break-before:always !important;Border:1px solid orange}
.contPestanya .textoBaseDer p {}*/

.contPestanya .textoBaseDer {display:block;float:none}
.contPestanya .textoBaseDer h3 {}
.contPestanya .textoBaseDer img {float:none}
.contPestanya .textoBaseDer p {}