
/* ************************************************************************** */
/* ************************ VERSION AYUNTAMIENTO **************************** */
/* -----   ---------- Version 2.0 por ABSIS  9-01-2006 -------------   -----  */
/* ************************************************************************** */
/* ************************* Eduard Diaz ************************************ */
/* *********************Pepe el 27 de febrero******************************** */
/* ********************* Pepe 31 de Marzo * ********************************* */
/* XXXXXXXXXXXXXXX IMPORTANTE XXXXXXXXXXXXXXXXXXXXXXXX */
/* Los nombres de las reglas de estilos no pueden      */
/* comenzar por un número ni por un guión (-)          */

/* =============================== */
/* =============.BODY.============ */
/* =============================== */
body {background:White; background-image:url(img/fondoRayas.gif); font-size:0.75em; color:#000; text-align:center; font-family:Arial, Helvetica, sans-serif; background-repeat:repeat;}

/* =============================== */
/* ======.Elementos Comunes.====== */
/* =============================== */
/*** Estilos por defecto para los enlaces ***/
a {text-decoration:none; outline:none; display:block; clear:both; width:100%;}
a:visited {color:#6598C9;}
a:active {}
a {color:#336699;}
a:hover {color:#1F3F5F;}
a img {border:none;}
p, ul, li {display:block;}

/*** Estilos por defecto para los titulos ***/
/* Título */
h1 {font-family:Georgia; color:Gray; font-size:1.85em; font-weight:lighter; line-height:1.2em;}
/* SubTítulo */
h2 {color:Gray; font-weight:600px; font-size:1em; text-transform:uppercase; line-height:1.2em;}
/* Mayúsculas */
h3 {color:#5B5B5B; font-size:1em; font-weight:bold; margin:0; padding:0 0 0 8px; background:url(img/flechaH3.gif) no-repeat 4px left; line-height:1.25em;}
h4 {font-size:1em; font-style:normal; font-variant:normal;}

/*** Estilos por defecto para los parrafos ***/
p {margin:0 0 10px 0;}
p.enlace {margin:0; padding:0;}

/*** Modificamos el tamaño de letra globalmente ***/
a, p, label, input, textarea {font-size:1em; line-height:1.2em;}
table td, table th {font-family:verdana, Arial, Helvetica, sans-serif;}

/*** Asignamos a textarea un tipo de ltra por defecto ***/
textarea {font-family:Arial,Hevetica,sans-serif;}

/*----Estilos para las imágenes----*/
.flotanteIzquierda {float:left; margin-right:10px; margin-bottom:10px;}
.flotanteDerecha {float:right; margin-left:10px; margin-bottom:10px;}
.centrado {display:block; text-align:center;}

/* =============================== */
/* =========.Estructura.========== */
/* =============================== */
/************************************
Estructura:
  body
  |
  +--#pagina
     |
     +--#auxiliarSuperior
     |
     +--#contenidos
     |  |
     |  +--#tipolgiaDePagina(portada,noticias,...)
     |     |
     |     +--.columnaMenu
     |     |
     |     +--.columnaContenido
     |        |
     |        +--(Contenido de la página)
     |
     |
     +--#auxiliarInferior
************************************/
/* ====================================== */
/* ==========.CONTENIDO PAGINA  .======== */
/* ====================================== */
#pagina {float:none; height:auto; min-height:1%; margin:0 auto; padding:0; width:980px; text-align:center; background-color:White; background-image:url(img/sombraFondo.jpg); background-position:top; background-repeat:repeat-y;}

/* Tamaño para las capas contenido y sus variantes*/
.contenido, .columnaContenido {width:730px;}
* html .contenido, * html .columnaContenido {width:730px;}

/* Variante para formularios*/
#frmFormBase .contenido, #frmFormBase .columnaContenido {width:730px;}
* html #frmFormBase .contenido, * html #frmFormBase .columnaContenido {width:730px;}

p.info {margin-left:200px;}
.campo_texto, .campo_lista {display:block; float:left;}

.campo_lista .campoLista1, .campo_lista .campoLista2 {display:block; float:left;}

/*Capas auxiliares para diseño*/
/* Este estilo sirve para diseñar el principio de la página*/
#auxiliarSuperior {display:none; float:left; margin:0 0 0 5px; padding:0; height:176px; width:968px; background-image:url(img/cabecera-2-06-09.gif); background-repeat:no-repeat; background-position:center; background-color:White;}

/* Este estilo sirve para diseñar el final de la página*/
#auxiliarInferior {display:none;margin:0; padding:0; background:#ccc; height:18px; border:none; background-image:url(img/sombraPie.jpg); background-position:center; background-repeat:no-repeat; width:980px;}
#auxiliarSuperior,#contenidos,#auxiliarInferior {} 

/*----Contenidos----*/
#contenidos {margin:0; padding:0; text-align:left; width:100%;}

/*----Contenido----*/
.contenido, .columnaContenido {width:730px; display:block; float:left; padding:1em;}
.columnaContenido {margin:0 0 0 5px;}
.columnaContenido .textoBase a.linkCompuesto {width:auto}
.columnaContenido .textoBase a.linkCompuesto img {display:block;float:none}

/*----piePagina----*/
.pie {height:2em;}

/*----Info----*/
p.info {display:none; font-size:0.9em; margin:0; padding:0; color:#777; text-align:center;}

/*----fijador----*/
.fijador {clear:both; margin:0; padding:0; font-size:0; height:0;}

/* ====================================== */
/* ==========.    SECCIONES     .======== */
/* ====================================== */
.seccion, .parrafo {clear:both; margin-top:15px; margin-bottom:15px;}
.imgtxt, imgtxt2 {clear:both; display:block; float:left; width:100%; margin:0 0 5px 0;}
.imgtxt img {display:block; float:left; margin:0 0 0 0;}
.imgtxt p {margin: 0 0 5px 0;}
imgtxt2 {border-bottom:1px solid #dedede;}

/* ====================================== */
/* ==========.BARRA DE USUARIO  .======== */
/* ====================================== */

/*.usuarioInfo
{
  background:none;
  font-size: 0.9em; 
  display: block; 
  float: left; 
  margin: 0px 0px 0px 0px;
  padding: 0 0 5px 0px;
} 


.usuarioInfo .usuario span#usuario b{clear: both;margin: 0 2px 0 2px;}


.usuarioInfo form,
.usuarioInfo form span#usuario
{
  
  margin: 2px 0px 0px 0px;
  padding:0; 

}
.usuarioInfo form span#ciudadano
{
	margin:0;
	padding:4px;
}


.usuarioInfo form span#usuario,
.usuarioInfo form span#ciudadano,


.usuarioInfo form input
{
	font-size: 1em;
	padding:2px;
	height: 1em;
}
.usuarioInfobtn#ident
{
	font-size: 0.8em;
	margin: 0 10px 0 10px;
	/*padding:2px 20px 2px 20px;*/
	/*color: #555;
	font-weight : bold;
	font-style: normal;
	background-color: #f2f2f2;
	border: 1px #666666 solid;
	line-height:0.9em;
	cursor: pointer;
	height: 20px;
	display: block; 
	float: left;
}*/
.usuarioInfo {background:none; padding:0 0 10px 0; font-size:0.9em;}
.usuarioInfo form,
.usuarioInfo form span#usuario {margin:2px 0 0 0; padding:0;}
.usuarioInfo form span#ciudadano {margin:0; padding:4px;}
.usuarioInfo form span#usuario {}
.usuarioInfobtn {margin:0 0 0 20px;}

/* ====================================== */
/* ==========.MENU             .========= */
/* ====================================== */
.columnaMenu {width:200px; display:block; float:left; min-height:2em; margin:0; padding:2px 2px 6px 5px; background-image:url(img/lateralMenu.jpg); background-position:right top; background-repeat:no-repeat;}

/**html .columnaMenu, *html .menu,
*html .buscadorMenu, *html .extrasMenu, 
*html .bannerMenu { width:180px;}*/

.menu {display:block; float:left; width:90%; margin:5px 0; padding:5px;}
.menu .menu {display:block; float:left;	width:100%; margin:0; padding:0;}
.extrasMenu, .bannerMenu {width:180px;}
.extrasMenu, .bannerMenu {margin:0; padding:20px 5px 2px 5px;}
.menu h4 {margin:0 0 5px 0; padding:0; color:#369;}
.menu a, .menu a:hover,.menu a:active,.menu a:visited {color:#369;}
.menu ul {margin:0; padding:0 10px 0 0; list-style-type:none;}
.menu ul li {margin:0; padding:0 0 0 16px; border:0 none;}
.menu li {margin:0; padding:0;}
* html .menu li {height:1em;}
.menu ul li a {margin:0; padding:0; color:#369; border-bottom:1px dotted #CCC;}
.menu ul li a:hover {color:#369; text-decoration:none; border-bottom:1px solid #369;}
.menu li.menuOpcion {}
.menu li.menuSubOpcionMarcat {}
.menu li.menuSubOpcion {}

.columnaMenu .link .linkCompuesto {margin:0 0 10px 0;}

/* ====================================== */
/* ==========.BUSCADOR MENU    .========= */
/* ====================================== */
.buscadorMenu {display:block; float:left; width:90%; margin:0; padding:5px;}
* html .buscadorMenu {height:36px;}
.buscadorMenu h4 {display:block; float:left; clear:both; width:90%; margin:5px 0; padding:0;	color:#369;}
.buscadorMenu form {display:block; float:left; margin:0; padding:0; font-size:0.8em;}
.formBuscar input.frmTexto, .buscadorMenu input.frmTexto {display:inline; border:1px solid #666; margin:0; padding:0; font-weight:normal; vertical-align:middle;	text-indent:3px;}
.formBuscar input.frmTexto, .buscadorMenu input.frmTexto {width:135px;}
* html formBuscar input.frmTexto, * html .buscadorMenu input.frmTexto {width:140px;}
* html .formBuscar input.frmTexto, * html .buscadorMenu input.frmTexto{/*padding:5px 0 3px 0; */}
input.btnBuscar, .formBuscar input.btnImg, .buscadorMenu input.btnImg {vertical-align:middle; padding:0; height:22px; width:22px; border:none;}
.formBuscar input.btnImg {margin:0;}

/* ====================================== */
/* ===.PAGINA RESULTADOS BUSQUEDA     .=== */
/* ====================================== */
/*
#resultados .labelNN {  
		font-family: Arial, Helvetica, sans-serif; 
		vertical-align: baseline;
		font-weight: normal;
		color: #000066
}

#resultados.labelG {  
		font-family: Arial, Helvetica, sans-serif; 
		vertical-align: baseline;
		font-size: 1.1em;
		font-weight: normal;
		color: #ff9900
}
#resultados.labelGN {  
		font-family: Arial, Helvetica, sans-serif; 
		vertical-align: baseline;
		font-size: 1.1em;
		font-weight: normal;
		color: #ff9900
}*/
#resultados .clsBlqTitulo {font-size:1em; font-weight:normal; margin-top:0.8em; color:#000;}
/*
#resultados .clsBlqTitulo a{
  font-size:0.9em;
  font-weight: bold;
}*/
/* ====================================== */
/* ==========.COLUMNAS         .========= */
/* ====================================== */ 
/*----Columnas----*/
.elem1Columna,.eleme2Columnas, .elem3Columnas, .elem4Columnas .elemenXColumnas {display:block; padding:0; margin:0;}

.elem2Columnas .columna1, .elem2Columnas .columna2, .elem3Columnas .columna1, .elem3Columnas .columna2,
.elem3Columnas .columna3, .elem4Columnas .columna1, .elem4Columnas .columna2, .elem4Columnas .columna3, .elem4Columnas .columna4 .elemenXColumnas
{ /*border:1px solid #ccc;*/ }

/*----2 columnas----*/
.elem2Columnas .columna1 {float:left;}
.elem2Columnas .columna2 {float:right;}
.elem2Columnas .columna1, .elem2Columnas .columna2 {display:block; width:49%;}

/*IE Exlorer*/
* html .elem2Columnas .columna1, * html .elem2Columnas .columna2 {width:49%;}

/*----3 columnas----*/
.elem3Columnas .columna1,.elem3Columnas .columna2 {float:left;}
.elem3Columnas .columna3 {float:right;}


.elem3Columnas .columna1, .elem3Columnas .columna3 {width:32%;}
.elem3Columnas .columna2 {width:34%; margin:0 auto;}

/*IE Exlorer*/
* html .elem3Columnas .columna1, * html .elem3Columnas .columna3 {width:32%;}
* html .elem3Columnas .columna2 {width:34%;}

/*----4 columnas----*/
.elem4Columnas .columna1, .elem4Columnas .columna2 {float:left; width:24%;}
.elem4Columnas .columna3, .elem4Columnas .columna4 {float:right; width:24%;}

/*IE Exlorer*/
* html .elem4Columnas .columna1, * html .elem4Columnas .columna2 {width:24%;}
* html .elem4Columnas .columna3, * html .elem4Columnas .columna4 {width:24%;}

.elemenXColumnas .columna1 {float:left; width:70%;} 
.elemenXColumnas .columna2 {float:right; width:30%} 

/*IE Explorer*/
* html .elemenXColumnas .columna1 {float:left; width:70%;} 
* html .elemenXColumnas .columna2 {float:right; width:30%}

.elem2Columnas .linkCompuesto .txtLink {display:inline; float:none; width:auto;}
.elem2Columnas .linkCompuesto img {vertical-align:middle;}
.elem2Columnas .imgtxt p {display:block; float:none; width:auto;}
.elem2Columnas .imgtxt img {display:block; float:left; width:auto;}

/* ====================================== */
/* ==========.FORMULARIOS      .========= */
/* ====================================== */
#frmFormBase {padding:0; margin:0; text-align:left;}
#frmFormBase .contenido {float:right;}
* html #frmFormBase {padding:0 20px 0 0;}
* html #frmFormBase .contenido {padding:20px}
#frmFormBase form {display:inline; margin:0; padding:0;}
#tabFormulario {padding:0; margin:0;}
.lnfLinea, div.boton {float:left; display:block; clear:both; width:100%;}
div.boton {margin:10px 1px 5px 1px;}

/*----Campos----*/
/* esta es el div que envuelve un campo de un formulario incluido el label*/
.ctrCampo {display:block; float:left; position:relative; margin:10px 0;}

/*----Check Representante----*/
/* esta es el div que envuelve la check de la sección del repreentante*/
.checkRepresentante {clear:both;}

/*----Controles form----*/
.frmInput, .frmTextArea, .frmSelect, .frmButton, .frmOption {font-family:inherit; color:#000;}
.frmInput, .frmTextArea, .frmSelect {border:1px solid #999;}
.frmInput, .frmSelect, frmButton {height:20px;} 
.frmButton {background-color:#fbf2ea;}

/* ====================================== */
/* ==========.ERROR            .========= */
/* ====================================== */
.mensajeErrorLogin {color:#8E2722}

/* ====================================== */
/* ==========.CONSULTAS        .========= */
/* ====================================== */
.datosResultado, .servicio {background:none; margin:0; padding:0;}
.servicio h2 {color:#6495ED; font-size:1.4em; margin:5px 2px 2px 8px; padding:0 10px 0 0; clear:both; font-family: Arial, Helvetica, sans-serif;	background:none;}
.datosResultado div.formMTM {margin:0; padding:0;}
.EDCresultado table {border:none; margin:5px 0 2px 0; padding:0 10px 0 0;}
.EDCresultado th {background-color:#475478; padding:2px 5px 2px 5px;}
.EDCresultado td {padding-right:10px;}
.EDCresultado a {text-decoration:underline;}
.EDCresultado a:hover {text-decoration:underline;}

/* ====================================== */
/* ==========.LOGIN            .========= */
/* ====================================== */
#Login {margin:0; padding:0;}
.paginaLogin {width:100%;}
.paginaLogin h1 {font-size:1.0em; margin:0; padding:0;}
.paginaLogin h2 {font-size:0.9em; margin:0; padding:0;}
.paginaLogin h3 {font-size:0.8em; margin:0; padding:0;}

.paginaLogin div.elem1Columnas div.columna, .paginaLogin div.elem2Columnas div.columna {border:1px solid #CCC; padding:1em; margin:2px;}
.paginaLogin div.elem2Columnas {margin:0; padding:0;}
.paginaLogin div.elem2Columnas div.columna {float:left; width:48%;}
.paginaLogin div.elem2Columnas div.columna form {margin:0; padding:0;}

/**** Estilo para el formulario de alta de usuarios ****/
div#frmAltaUsuario {width:100%; padding:1em;}
.datosNuevoUsuario {padding:0 10px;}

* html #datosUsuarioCert .lnfLinea {width:99%;}

/* ====================================== */
/* ==========.GUIA URBANA      .========= */
/* ====================================== */
/* permite seleccionar un tipo de fondo determinado para la guia urbana */
#paginaGU{ margin:auto; padding:0; width:750px; text-align:center; border:1px solid #888; background-color:White;}
.guiaUrbana {display:block; float:left; width:100%; margin:0; padding:0;}
/* Eliminamos el menú de la página de Guia Urbana */
.guiaUrbana .columnamenu {display:none; width:0; height:0;}
.guiaUrbana .columnaContenido {display:block;width:95%; margin:0 0 0 5px;padding:1em; float:left;}

/* --- Elementos de la guia Urbana --- */
.guiaUrbana .columnaContenido .textoBase {display:block; float:right; margin:0; width:720px;}
.guiaUrbana .columnaContenido .link {display:block; float:right; margin:0; width:720px;}
.guiaUrbana .columnaContenido .ControlesGU {display:block; float:right; margin:0 0 5px 0; width:720px;}
.guiaUrbana .columnaContenido .guiaUrbana {clear:none; display:block; float:left; margin:0 0 5px 5px; padding:0; width:500px;}
.guiaUrbana .columnaContenido .vistaAereaGU ,
.guiaUrbana .columnaContenido .entidadesGU {float:left; margin:0 0 0 3px;}

/* Estilo para la capa que contiene el mapa flash */
div.guiaObjFlash { border:1px solid #ccc;}
/* define el tamaño del flash*/
div#guia {width:500px; margin:0; padding:0;}
div#guia object {float:left; border:1px solid #ccc; width:500px; height:400px;}

/* controla el input de la escala que normalmente está debajo del flash*/
.guiaUrbana .campoZoom {display:block; float:left; width:195px; margin:1px 0 0 3px; padding:0 0 4px 3px; border:1px solid #ccc; border-bottom:solid 1px #888; height:25px;}

/* input de la escala*/
.guiaUrbana .campoZoom input {clear:both; border:solid 1px #333; background-color:#BEBEBE; text-align:right;}

/* zoom predefinido */
.guiaUrbana .ZoomsGU {display:block; float:right; padding:0; margin:5px 0; width:720px; clear:none;}
.guiaUrbana .ZoomsGU H1 {width:auto; float:left; margin:0; padding:0;}
.guiaUrbana .ZoomsGU .lineaSeccion {width:auto; float:left; margin:0 10px; padding:0 5px;}
* html .guiaUrbana .ZoomsGU .lineaSeccion {display:block; width:50px; float:left; margin:0 10px; padding:0 5px;}

/* Modificamos la conducta de los links */
.ControlesGU a {float:left; display:inline; width:auto; clear:none;}
.guiaUrbana .zoomsGU a {float:left; display:inline; width:100px; clear:none;}

/* capa que contiene la lista de entidades */
.guiaUrbana .entidadesGU {display:block; float:left; font-family:verdana; height:186px; width:200px; background-color:#dedede;}
.guiaUrbana .entidadesGU p {border:1px solid #f00; display:none; margin:0; padding:0;}

/*Capa que contiene el iframe con los resultados de las busquedas*/
div.guiaResultados {float:left; width:100%; border:1px solid #ccc;}

/*Capa que contiene el formulario de busqueda de calles*/
div.buscadorGuia {clear:both; float:left; width:500px;}

/*Estilo utilizado a nivel de edición ---no tocar--- */
div.frmGuia {float:left; width:245px;}

/*Capa que contiene el formulario de busqueda de calles y entidades*/
div.guiaCalles, div.guiaEntidades {float:left; width:300px; margin:5px 0;}

/*Estilos de los inputs de lo formularios de busqueda de la Guia Urbana*/
div.buscadorGuia form {margin:0; padding:0;}
div.buscadorGuia input.btnImgGuia {margin:0; padding:0;}
.guiaUrbana .controlesGU {clear:both; display:block; float:left; width:100%; margin:0;}
.guiaUrbana .controlesGU a {padding:2px;}
.guiaUrbana .entidadesGU h1,
.guiaUrbana .resultadosGU h1,
.guiaUrbana .vistaAereaGU h1 {background-color:#888; color:#fff; font-size:0.8em; margin:0; margin-bottom:5px; padding-left:10px; width:95%;}
.guiaUrbana .resultadosGU {clear:both; display:block; float:left; width:100%;}
.guiaUrbana .camposEntrada {margin-left:2%; display:block; float:left; vertical-align:bottom;}
.guiaUrbana .camposEntrada .boton {text-decoration:none; width:25px; height:25px; border:none; background:transparent; background-image:url(../castellano/img/fotos/lupa.gif); background-repeat:no-repeat; display:block;}
.guiaUrbana .resultadosGU {text-align:center; display:none; float:left; width:90%; background-color:#dedede;}
.guiaUrbana .resultadosGU #resultadoBusqueda {width:100%; background-color:#dedede; font-size:15px;}
.guiaUrbana .contenido {display:block; float:left; width:100%;}
.guiaUrbana .controlesGU a {float:left; display:block;}

/*
#guiaUrbana .guiaUrbana
{
	display: block;
	float: left;
	width: 500px;
}
*/

.guiaUrbana .vistaAereaGU {clear:none; display:block; float:left; width:200px; background-color:#dedede; padding:0;}
.guiaUrbana .vistaAereaGU object {margin:0; margin-left:10%; display:block; float:left; width:150px; height:150px; background-color:#dedede;}
* html .guiaUrbana .vistaAereaGU object {margin:0; margin-left:10px; display:block; float:left; width:150px; height:150px; background-color:#dedede;}

/* ====================================== */
/* ==========.CATEGORIAS       .========= */
/* ====================================== */
.categoritzacio {padding:0; 	margin:0; display:block; float:left; width:75%;}
.categorias {background:none; background-color:transparent; display:block; float:left; padding:0; margin:0; width:100%; font-family:Verdana,sans-serif; margin-left:2%;}
.categorias .nivel1 {background:none; color:#CF3333; font-weight:bold; display:block; float:left; padding:0; margin:0; padding:10px; width:45%;}
.categorias .nivel2 {padding-left:10px;}
.categorias .niveles {display:block; float:left;	padding:0; margin:0; background-color:transparent; width:100%;}
.categorias .menuCategorias {margin:0; padding:0; font-size:10px; float:left; display:block; background:none; border:0; width:100%;}
.categorias .jerarquia {font-size:9px; color:#000; margin-left:20px;}
.categorias .jerarquia a {font-size:9px; color:#000;}
.categorias .menuCategorias .linea {display:block; float:left; clear:both; width:100%;}
.categorias .menuCategorias .titulo h1 {font-weight:bold; text-decoration:none; border:none; padding:0; margin:0; padding-left:10px; margin-bottom:15px; width:50%; border-bottom:1px solid #333;}
.categorias .menuCategorias .niveles {padding-left:20px;}
.categorias .menuCategorias .niveles .nivel1 a, 
.categorias .menuCategorias  .niveles .nivel1 a:hover,
.categorias .menuCategorias  .niveles .nivel1 a:visited {margin:0; padding:0; font-size:12px; font-weight:normal; color:#000; padding-left:10px; text-decoration:none; clear:both; background:transparent url(img/flechaNegra.gif) top left no-repeat; text-transform:none;}
.categorias .menuCategorias  .niveles .nivel1 a:hover {text-decoration:underline;}

/* ====================================== */
/* =========== PORTADA NUEVA ========== */
/* ====================================== */
#parrafo {display:block; float:left; width:100%; margin:0; padding:0;}
#pagina .generica {display:none;}
.tresColumnas {width:100%;}
.tresColumnas .cabecera,
#contenidoPagina .cabecera,
#cartaServeis .cabecera,
#documento .cabecera,
#buscador .cabecera,
#frmFormBase .cabecera,
#parrafo .cabecera {width:970px; margin:0 auto;}
.tresColumnas .cabecera .cab_aux_2,
#contenidoPagina .cabecera .cab_aux_2,
#documento .cabecera .cab_aux_2
#cartaServeis .cabecera .cab_aux_2,
#frmFormBase .cabecera .cab_aux_2,
#buscador .cabecera .cab_aux_2,
#parrafo .cabecera .cab_aux_2 {height:auto;}
.tresColumnas .cabecera .logo .linea,
#contenidoPagina .cabecera .logo .linea,
#documento .cabecera .logo .linea,
#cartaServeis .cabecera .logo .linea,
#frmFormBase .cabecera .logo .linea,
#buscador .cabecera .logo .linea,
#parrafo .cabecera .logo .linea {padding:0;}
.tresColumnas .cabecera .logo,
#contenidoPagina .cabecera .logo,
#documento .cabecera .logo,
#cartaServeis .cabecera .logo,
#frmFormBase .cabecera .logo,
#buscador .cabecera .logo,
#parrafo .cabecera .logo {display:block; float:left; margin:0; padding:0; width:970px; right:0; top:0; position:static; height:auto;}
.tresColumnas .cabecera .cabTitulo,
#contenidoPagina .cabecera .cabTitulo,
#documento .cabecera .cabTitulo,
#cartaServeis .cabecera .cabTitulo,
#frmFormBase .cabecera .cabTitulo,
#buscador .cabecera .cabTitulo,
#parrafo .cabecera .cabTitulo {display:none;}
.tresColumnas .cabecera .utilidades,
#contenidoPagina .cabecera .utilidades,
#documento .cabecera .utilidades,
#cartaServeis .cabecera .utilidades,
#frmFormBase .cabecera .utilidades,
#buscador .cabecera .utilidades,
#parrafo .cabecera .utilidades {display:none;}
.tresColumnas .cabecera .menuPrincipal,
#contenidoPagina .cabecera .menuPrincipal,
#documento .cabecera .menuPrincipal,
#cartaServeis .cabecera .menuPrincipal,
#frmFormBase .cabecera .menuPrincipal,
#buscador .cabecera .menuPrincipal,
#parrafo .cabecera .menuPrincipal {display:block; position:absolute; top:137px; left:5px; width:auto;}
.tresColumnas .cabecera .menuPrincipal .menu,
.tresColumnas .cabecera .menuPrincipal .menu .menu,
#contenidoPagina .cabecera .menuPrincipal .menu,
#contenidoPagina .cabecera .menuPrincipal .menu .menu,
#documento .cabecera .menuPrincipal .menu,
#documento .cabecera .menuPrincipal .menu .menu,
#cartaServeis .cabecera .menuPrincipal .menu,
#frmFormBase .cabecera .menuPrincipal .menu,
#buscador .cabecera .menuPrincipal .menu,
#cartaServeis .cabecera .menuPrincipal .menu .menu,
#frmFormBase .cabecera .menuPrincipal .menu .menu,
#buscador .cabecera .menuPrincipal .menu .menu,
#parrafo .cabecera .menuPrincipal .menu,
#parrafo .cabecera .menuPrincipal .menu .menu {margin:0; padding:0; width:auto; background-image:url(img/menuprincipal.gif); background-repeat:no-repeat;}
.tresColumnas .cabecera .menuPrincipal .menu .menu li,
#contenidoPagina .cabecera .menuPrincipal .menu .menu li,
#documento .cabecera .menuPrincipal .menu .menu li,
#cartaServeis .cabecera .menuPrincipal .menu .menu li,
#frmFormBase .cabecera .menuPrincipal .menu .menu li,
#buscador .cabecera .menuPrincipal .menu .menu li,
#parrafo .cabecera .menuPrincipal .menu .menu li {display:block; float:left; width:auto; margin:0; padding:1px 6px; background-color:transparent;}
.tresColumnas .cabecera .menuPrincipal .menu .menu li a,
#contenidoPagina .cabecera .menuPrincipal .menu .menu li a,
#documento .cabecera .menuPrincipal .menu .menu li a,
#cartaServeis .cabecera .menuPrincipal .menu .menu li a,
#frmFormBase .cabecera .menuPrincipal .menu .menu li a,
#buscador .cabecera .menuPrincipal .menu .menu li a,
#parrafo .cabecera .menuPrincipal .menu .menu li a {display:block; float:left; width:auto; border-bottom:none; margin:0; padding:5px 0; text-align:center; color:#369; font-weight:bold; font-size:1.2em;}
.tresColumnas .cabecera .menuPrincipal .menu .menu li a:hover,
#contenidoPagina .cabecera .menuPrincipal .menu .menu li a:hover,
#documento .cabecera .menuPrincipal .menu .menu li a:hover,
#cartaServeis .cabecera .menuPrincipal .menu .menu li a:hover,
#frmFormBase .cabecera .menuPrincipal .menu .menu li a:hover,
#buscador .cabecera .menuPrincipal .menu .menu li a:hover,
#parrafo .cabecera .menuPrincipal .menu .menu li a:hover {text-decoration:none; border-bottom:none;}
/* --- Menú superior horizontal --- */
.tresColumnas .menuPrincipal {display:none;}
.tresColumnas .contenido {width:100%; padding:0; border:none; margin:0;}
/* --- columna derecha portada --- */
.tresColumnas .contenido .columnaDerecha {width:190px; padding:0; margin:0;}
.tresColumnas .contenido .columnaDerecha .linea {padding:0; margin:0;}
.tresColumnas .contenido .columnaDerecha .linea .linkCompuesto {display:block; float:left; margin:0 0 5px 0; padding:0;}
.tresColumnas .contenido .columnaDerecha .linea .linkCompuesto IMG {display:block; float:left; margin:0; padding:0;}
/* --- columna izquierda portada --- */
.tresColumnas .contenido .columnaIzquierda {width:130px; padding:0; margin:0;}
#parrafo .columnaIzquierda {width:130px; padding:0; margin:0; float:left; font-size:0.8em;}
.tresColumnas .contenido .columnaIzquierda .linea .menuLateral {width:100%;}
#parrafo .columnaIzquierda .linea .menuLateral {width:100%}
.tresColumnas .contenido .columnaIzquierda .linea .menuLateral .menu {width:90%; margin:0 0 0 10px; padding:0;}
#parrafo .columnaIzquierda .linea .menuLateral .menu {width:90%; margin:0 0 0 10px; padding:0;}
.tresColumnas .contenido .columnaIzquierda .linea .menuLateral .menu li {display:block; float:left; width:99%; margin:0; padding:0; border:1px solid #000; background-color:#9CF;}
#parrafo .columnaIzquierda .linea .menuLateral .menu li {display:block; float:left; width:99%; margin:0; padding:0; border:1px solid #000; background-color:#9CF}
.tresColumnas .contenido .columnaIzquierda .linea .menuLateral .menu li a {display:block; float:left; width:100%; margin:0; padding:5px 0; text-align:center; color:#000; font-weight:bold; font-size:1.2em;}
#parrafo .columnaIzquierda .linea .menuLateral .menu li a {display:block; float:left; width:100%; margin:0; padding:5px 0; text-align:center; color:#000; font-weight:bold; font-size:1.2em;}
.tresColumnas .contenido .columnaMenu {font-size:1.25em;}
/* - buscador - */
.tresColumnas .contenido .columnaIzquierda .buscador,
#parrafo .Ayuntamiento .buscador {margin:10px 0 0 0;}
.tresColumnas .contenido .columnaIzquierda .buscador h3,
#parrafo .Ayuntamiento .buscador h3 {display:block; float:left; margin:0 0 0 10px; width:85%; clear:both;}
#frmtramite {float:left; margin:0 0 0 10px; width:90%; padding-top:0;}
#frmtramite .frmTexto {display:block; width:85px; margin:0 3px 0 0; float:left;}
/* --- Columna Contenido --- */
.tresColumnas .contenido .columnaContenido {width:570px; padding:0; margin:0 0 0 5px;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 {display:block; width:65%; margin:0; padding:0; clear:none;}
.tresColumnas .contenido .columnaContenido .linea .colPortada2 {display:block; width:33%; margin:0 0 0 5px; padding:0; clear:none;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1,
.tresColumnas .contenido .columnaContenido .linea .colPortada2 {float:left;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .columna1,
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .columna2 ,
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .columna1 {width:180px; padding:0; margin:0; clear:none;}
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .columna1 {margin:0 0 0 3px;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .columna1,
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .columna1 {float:left;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .columna2 {float:right;}
/* --- Columna Portada 1 ---- */
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .h1 {width:100%; margin:5px 0 0 0; padding:0;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .h1 h1 {line-height:1.2em; padding:0; margin:0;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .textoBaseIzq,
/*.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .textoBaseIzq IMG,*/
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .textoBaseIzq H6,
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .textoBaseIzq p {width:100%; margin:0; padding:0; font-size:1.1em;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .textoBaseIzq IMG { margin:0; padding:0;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .textoBaseIzq H6 {line-height:1.2em;}
/*.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .linea {margin:5px 0 0 0;}*/
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .linea .linkCompuesto {width:100%; color:#369; font-size:1.3em; line-height:1.2em;}
.tresColumnas .contenido .columnaContenido .linea .colPortada1 .elem2Columnas .linea a:hover {color:#1F3F5F;}
/* --- Columna Portada 2 --- */
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .h1 {width:99%; margin:0; padding:0; border-bottom:1px solid #000;}
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .h1 h1 {width:auto; text-transform:uppercase; margin:0; padding:0; color:#000; font-size:1.3em;}
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .textoBaseIzq {width:95%; margin:0; padding:0;}
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .textoBaseIzq  h4{width:100%; margin:5px 0 0 0; padding:0; font-size:1.3em; line-height:1.2em;}
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .textoBaseIzq  p{width:100%; margin:0; padding:0; text-align:left; font-size:1.3em;}
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .linea .linkCompuesto {width:95%; margin:0; padding:0; color:#369; font-size:1.3em; line-height:1.2em;}
.tresColumnas .contenido .columnaContenido .linea .colPortada2 .elem1Columnas .linea a:hover {color:#1F3F5F}

/* --- Seccion Banners --- */
.tresColumnas .contenido .columnaContenido .linea .Banners {display:block; float:left; width:100%;}
.tresColumnas .contenido .columnaContenido .linea .Banners .linea {display:block; float:left; width:auto; clear:none; margin:0 10px;}
.tresColumnas .contenido .columnaContenido .linea .Banners .linea .linkCompuesto {display:block; float:left; width:auto;}
/* --- pie portada --- */
#generica .pie,
#cartaServeis .pie,
#buscador .pie,
#contenidoPagina .pie,
#documento .pie,
#parrafo .pie {display:block; font-size:1.3em; float:left; width:100%; height:auto; padding:0; margin:0; background-image:url(img/sombraFondo.jpg); background-position:top; background-repeat:repeat-y;}
#cartaServeis .pie .pie_aux_1,
#documento .pie .pie_aux_1,
#generica .pie .pie_aux_1,
#buscador .pie .pie_aux_1,
#contenidoPagina .pie .pie_aux_1,
#parrafo .pie .pie_aux_1 {height:70px; background:url(img/sombraPie.jpg) bottom left no-repeat;}
#cartaServeis .pie .pie_aux_1 .pie_aux_2,
#documento .pie .pie_aux_1 .pie_aux_2,
#generica .pie .pie_aux_1 .pie_aux_2,
#buscador .pie .pie_aux_1 .pie_aux_2,
#contenidoPagina .pie .pie_aux_1 .pie_aux_2,
#parrafo .pie .pie_aux_1 .pie_aux_2 {width:100%; height:100%;}
#generica .pie .pie_aux_1 .pie_aux_2 .texto_pie,
#documento .pie .pie_aux_1 .pie_aux_2 .texto_pie,
#cartaServeis .pie .pie_aux_1 .pie_aux_2 .texto_pie,
#buscador .pie .pie_aux_1 .pie_aux_2 .texto_pie,
#contenidoPagina .pie .pie_aux_1 .pie_aux_2 .texto_pie,
#parrafo .pie .pie_aux_1 .pie_aux_2 .texto_pie {display:none;}
#cartaServeis .pie .pie_aux_1 .pie_aux_2 .about,
#documento .pie .pie_aux_1 .pie_aux_2 .about,
#generica .pie .pie_aux_1 .pie_aux_2 .about,
#buscador .pie .pie_aux_1 .pie_aux_2 .about,
#contenidoPagina .pie .pie_aux_1 .pie_aux_2 .about,
#parrafo .pie .pie_aux_1 .pie_aux_2 .about {width:50%; margin:10px auto;}
#cartaServeis .pie .pie_aux_1 .pie_aux_2 .about p,
#documento .pie .pie_aux_1 .pie_aux_2 .about p,
#generica .pie .pie_aux_1 .pie_aux_2 .about p,
#buscador .pie .pie_aux_1 .pie_aux_2 .about p,
#contenidoPagina .pie .pie_aux_1 .pie_aux_2 .about p,
#parrafo .pie .pie_aux_1 .pie_aux_2 .about p {display:block; font-size:1.25em; font-family:Arial, Helvetica, sans-serif;}
#cartaServeis .pie .pie_aux_1 .pie_aux_2 .w3c_links,
#documento .pie .pie_aux_1 .pie_aux_2 .w3c_links,
#generica .pie .pie_aux_1 .pie_aux_2 .w3c_links,
#parrafo .pie .pie_aux_1 .pie_aux_2 .w3c_links,
#contenidoPagina .pie .pie_aux_1 .pie_aux_2 .w3c_links,
#buscador .pie .pie_aux_1 .pie_aux_2 .w3c_links,
#cartaServeis .pie .pie_aux_1 .pie_aux_2 .links_pie,
#documento .pie .pie_aux_1 .pie_aux_2 .links_pie,
#parrafo .pie .pie_aux_1 .pie_aux_2 .links_pie,
#contenidoPagina .pie .pie_aux_1 .pie_aux_2 .links_pie,
#buscador .pie .pie_aux_1 .pie_aux_2 .links_pie,
#generica .pie .pie_aux_1 .pie_aux_2 .links_pie {display:block; float:right; width:auto; font-size:0.75em;}
#cartaServeis .pie .pie_aux_1 .pie_aux_2 .w3c_links .linkCompuesto,
#documento .pie .pie_aux_1 .pie_aux_2 .w3c_links .linkCompuesto,
#buscador .pie .pie_aux_1 .pie_aux_2 .w3c_links .linkCompuesto,
#contenidoPagina .pie .pie_aux_1 .pie_aux_2 .w3c_links .linkCompuesto,
#generica .pie .pie_aux_1 .pie_aux_2 .w3c_links .linkCompuesto,
#parrafo .pie .pie_aux_1 .pie_aux_2 .w3c_links .linkCompuesto,
#buscador .pie .pie_aux_1 .pie_aux_2 .links_pie .linkCompuesto,
#contenidoPagina .pie .pie_aux_1 .pie_aux_2 .links_pie .linkCompuesto,
#documento .pie .pie_aux_1 .pie_aux_2 .links_pie .linkCompuesto,
#cartaServeis .pie .pie_aux_1 .pie_aux_2 .links_pie .linkCompuesto,
#parrafo .pie .pie_aux_1 .pie_aux_2 .links_pie .linkCompuesto,
#generica .pie .pie_aux_1 .pie_aux_2 .links_pie .linkCompuesto {display:block; width:auto;}

/* ====================================== */
/* ==== Seleccion Ficheros Adjuntos  ==== */
/* ====================================== */
.selecFicheros {font-family:verdana,geneva,arial,helvetica,sans-serif;}
.selecFicheros table {background-color:#f3f3f3;}
.selecFicheros tr {font-size:0.7em;}
.selecFicheros input.boton {color:#333; font-family:verdana,geneva,arial,helvetica,sans-serif; font-weight:bold; font-style:normal; font-size:11px; background-color:#FFF; border:1px #666 solid; background-image:url(img/bg_imprimir_abs_gris.gif); line-height:16px; cursor:pointer; margin-right:5px;}
.selecFicheros input.btnFichero {font-family:Verdana,geneva,arial,helvetica,sans-serif; font-size:1em; border:1px #666 solid; width:100%;}
.selecFicheros div.listaFicheros table {border:#c30 1px solid; font-family:verdana,geneva,arial,helvetica,sans-serif;}
.selecFicheros div.listaFicheros th {background:#c30; color:#fff; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; font-weight:bold; font-size:1em;}
.selecFicheros div.listaFicheros tr {font-size:0.7em;}

/* *********************************************************************** */
/* *********************************************************************** */
.parrafo h1, .parrafo h2, .parrafo h3 {	width: 100%;}
.parrafo img {display: block; float: left;}
.parrafo img {margin-right: 10px;}
.tituloCabecera, .titulo {display:block; float:left; clear:both; width:100%;}
.parrafo ul {padding-left:24px;}
.parrafo ul li {list-style-type:disc; padding:0 0 5px 0;}

/*REDES SOCIALES*/
#redesSociales a{clear:none; width:32px;float:left;}
