/* ************************************************************************** */
/* ********************** VERSION AYUNTAMIENTO ************************** */
/* -----   --------------------- Version 2.0 por ABSIS  15-12-2006 ---------------------------  -----  */
/* ************************************************************************** */
/* ************************************************************************** */
/* =================================== */
/* ====== ELEMENTOS COMUNES ====== */
/* =================================== */
body {padding:0; margin:0; color:black; background:#4863A7 url(img/fondo.gif) top left repeat-x; font-family:Verdana, Sans-serif; font-size:12px; line-height:normal;}

/* -- reset cssproducto -- */
h1, h2, h3, h4, h5, h6, .linea, .textoBase {clear:both; padding:0;}

/* Todos los tags aqui descritos llevan el tipo de fuente */
h1 {color:#fff; font-size:1em;  padding:0 15px 0 2px; width:auto; margin:5px 0 0 0; display:block; float:left; background:#7c94CF url(img/pestanyaH1simple.gif) top right no-repeat;}
h2 {color:#2d4c98; font-size:1em; font-weight:bold;  display: block; float: left; width: 100%; margin: 2px 0;}
h3 {color:#376faf; font-size:110%; font-weight:bold; margin-left:5px;}
h4 {color:#376faf; font-size:105%; font-weight:bold; margin-left:5px;}
h5 {color:#376faf; font-size:100%; font-style:italic; margin-left:5px;}
h6 {color:#376faf; font-size:100%; font-style:italic; margin-left:5px;}

p {font-weight:normal; font-family:verdana, Arial, Helvetica, sans-serif; font-size:95%;}
ul,li, ul li {font-size:1em; list-style-type:disc;}
li {margin:0 0 12px 0;}
input,select,textarea {font-size:80%; font-weight:normal; background:#fff; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; border-left:1px solid #B0C4DE; border-top: solid 1px #B0C4DE;}

a {display:block; float:left; text-decoration:none; font-weight:bold; font-size:1em; margin:0; padding:0;}
a:link, a:visited, a:active {color:#19568f;}
a:hover {color:#19568f; font-size:1em ; cursor:pointer;}
a img {border:none; display:block;}
p a {float:none; display:inline;}

th {font-weight:bold; font-size:90%; border:0px solid #191970; border-bottom: 1px solid #191970;}
td {font-size:90%;}
hr {height:1px; border-top:1px solid #191970;}
/* =============================== */
/* ======== 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; width:777px; margin:o auto; background-color:#fff; height:auto; min-height:1%; text-align:left; font-size:1em; border:1px solid #dedede;}

#auxiliarSuperior {display:none;}
#contenidos {width:777px; margin:0; padding:0; display:block; float:left; overflow:hidden;}
#auxiliarInferior {display:none;}

/* Tamaño para las capas contenido y sus variantes*/
.columnaContenido {display:block; float:left; width:590px; border-left:1px solid #000; margin:5px 5px 0 2px; padding:0 5px;}

/*----Menu y contenidos situados por encima o debajo de el----*/
.columnaMenu {display:block; float:left; width:160px; margin:5px 2px 0 2px;}

/*---- Pie de pagina ----*/
p.info {font-size:0.8em; background-color:#fff; color:#777; width:777px; margin:0 0 0 -1px; border-left:1px solid #fff; border-right:1px solid #fff; padding:20px 0 0 0;}
.pieWeb {background:#fff url(img/fondoPeu.jpg) top left no-repeat; color:#000; font-size:0.9em; width:777px; display:block; float:left; clear:both; margin:0; border-top:5px solid #fff;}
.pieWeb .elem2Columnas .columna1 {width:500px;}
.pieWeb .elem2Columnas .columna2 {width:200px;}
.pieWeb h3, .pieWeb p {color:#000; font-size:0.9em; margin:0; padding:0;}

/*----fijador----*/
.fijador {clear:both; margin:0; padding:0; font-size:0; height:0;}
.cabecera {display:block; float:left; width:777px; background:#fff url(img/cap1.gif) top left no-repeat; height:140px;}

/* ====================================== */
/* ============== PARRAFOS ============= */
/* ====================================== */
div.titulo {display:block; float:left; font-size:1em; padding:0; margin:20px 0 0 0; border-bottom:1px solid #000; width:99%; clear:both;}

.seccion, .info, .parrafo, .linea {display:block; float:left; clear:both; margin:5px 0 0 0; padding:0; width:100%;}
.banner {display:block; float:left; margin:0 0 5px 0;}

.destacats1, .destacats2, .destacats3 {display:block; float:left; width:135px; margin:0 1px 0 0; padding:0;}
.destacats1 h3, .destacats2 h3, .destacats3 h3 {margin:0; padding:0; display:block; float:left; clear:both;}
.destacats1 a.linkCompuesto {margin:0; padding:0; display:block; float:left; clear:both;}
.destacats1 a.linkCompuesto img.img_linkCompuesto, 
.destacats2 a.linkCompuesto img.img_linkCompuesto, 
.destacats3 a.linkCompuesto img.img_linkCompuesto {margin:0; padding:0; clear:both;}
.destacats1 a.linkCompuesto,
.destacats2 a.linkCompuesto,
.destacats3 a.linkCompuesto {font-weight:normal; font-size:0.9em; background:#fff url(img/destacats3.gif) left 120px repeat-x; margin:0; padding:0; text-decoration:underline; color:#000; width:99%;}

.destacats1 a.linkCompuesto {background-image:url(img/destacats1.gif);}
.destacats2 a.linkCompuesto {background-image:url(img/destacats2.gif);}
.destacats3 a.linkCompuesto {background-image:url(img/destacats3.gif);}

.noticies {background:#fff url(img/fondoNoticies.jpg) top left repeat-x; margin:0; padding:0; display:block; float:left;}
.noticies h3, .noticies p, .noticies a {margin:0; padding:0; clear:both; font-size:1em;}
.noticies .noticia {margin:10px 0 0 0; display:block; float:left; clear:both; width:100%;}
.noticies .noticia a {font-weight:normal;}

.textoBase {display:block; float:left; clear:both; width:95%; margin:10px 10px 5px 0; padding:0; text-align:justify;}
.textoBase p {display:inline;}
.textoBase img {display:block; float:left; margin:0 20px 0 0;}

.textoBaseiz {display:block; float:left; clear:both; width:95%; margin:10px 10px 5px 0; padding:0; text-align:justify;}
.textoBaseiz p {}
.textoBaseiz p p {clear:both;}
.textoBaseiz img {display:block; float:right; margin:0 20px 0 0;}

.textoBaseDer {display:block; float:left; clear:both; width:95%; margin:10px 2px 5px 2px; padding:0; text-align:justify;}
.textoBaseDer p {display:block; line-height:1.1em; margin:0 0 15px 0;}
.textoBaseDer p font {clear:both; display:block;}
.textoBaseDer img {display:block; float:left; margin:0 20px 0 0;}
.textoBaseDer ul {display:block; float:left; margin:5px 0 10px 0; padding:0 0 0 15px; font-size:0.9em; width:100%;}
.textoBaseDer ul li {margin:0 0 0 15px; padding:0 0 10px 5px; width:90%; vertical-align:top;}

.link {display:block; float:left; width:90%; clear:both; margin:5px 0}
.link a {display:block; float:left; margin:10px 0; clear:both; font-weight:normal; font-size:0.9em;}
.link img {display:inline; float:left; margin:0 3px 0 0; padding:0;}
.link p {display:inline; float:left; margin:0; padding:0; width:90%; clear:both;}
.link p.txtLink a {display:block; float:left; margin:0; padding:0; clear:none;}

/* ====================================== */
/* =========== BARRA SUPERIOR ========== */
/* ====================================== */
.barraSuperior {display:block; float:left; background:#000; width:777px; color:#fff; border:1px solid #fff; height:25px;}
.barraSuperior .AccesDir {display:block; height:15px; float:left; margin:10px 0 0 10px; width:auto; background:#7c94CF url(img/pestanyaH1simpleN.gif) top right no-repeat; padding:0;}
.barraSuperior .AccesDir a {display:block; float:left; line-height:15px; height:15px; font-weight:bold; color:#fff; font-size:1.1em; width:auto; margin:0 15px 0 5px; padding:0 0 2px 0;}

.barraSuperior .idioma,
.barraSuperior .Idioma {display:block; float:right; width:auto; padding:0; margin:5px 10px 0 10px;}
.barraSuperior .idioma a, .barraSuperior .idioma a p,
.barraSuperior .Idioma a, .barraSuperior .Idioma a p {color:#fff; font-weight:bold; padding:0; margin:0;}

/* ====================================== */
/* ========== BARRA DE USUARIO ======== */
/* ====================================== */
.usuarioInfo {display:block; float:left; width:400px; background:transparent; border:none; font-size:0.8em;}
.usuarioInfo .nomUsr ,
.usuarioInfo .codUsr ,
.usuarioInfo .txtUsr {clear:none; margin:0; padding:0; display:block; float:left;}
.usuarioInfo .nomUsr {font-weight:bold;}
.usuarioInfo .codUsr, .usuarioInfo .txtUsr {font-weight:normal;}

/* ====================================== */
/* ========== BARRA DE USUARIO ======== */
/* ====================================== */
.barraJerarquia {display:block; float:left; width:100%; clear:both; margin:2px 0;}
.barraJerarquia a {display:inline; float:left; text-decoration:none; font-weight:bold;}
.barraJerarquia p.carpetas {font-size:0.9em; display:inline; float:left; color:#19568f;}

/* ====================================== */
/* ============ FORMULARIOS =========== */
/* ====================================== */
.lnfLinea {width:95%; margin:5px; clear:both;}
.boton {font-Size:11px; color:#fff; background-color:#7281bc; text-Align:center; cursor:pointer; border:none;}

div.boton {margin:10px 1px 5px 1px;}
.Enviar {border:none; padding:2px 0 0 0;}
.botImprimir, .botAceptar, .botAtras, .Enviar {font-Size:11px; color:#fff; background-color:#7291bc; text-align:center; cursor:pointer;}

.botImprimir {float:right;}

.subgrupoForm {display:block; float:left; clear:both; width:98%; margin:0; padding:0 0 5px 0; background-color:#dedede;}
#tabFormulario {display:block; float:left; clear:both; width:98%; padding:0; margin:0;}

label {font-size:0.8em;}
.campo_booleano {display:block; float:left; width:100%;}
.campo_lista .elemento {display:block; float:left; width:100%;}
.campo_texto, .campo_lista, .campo_booleano {display:block; float:left; padding-left:1px;}
.campo_booleano #WTGENVMAI {width:20px;}
.campo_lista .campoLista1, .campo_lista .campoLista2 {display:block; float:left;}
textarea {font-size:1em;}
#WTGENVMAI {border:none;}
#checkRepresentante {clear:both;border:none;}
.condiciones .subGrupoForm {background-color:transparent;}
.condiciones .campo_booleano, .condiciones .campo_texto {display:inline; float:left; width:auto;}

#WTXRECOLL0, #WTXRECOLL1 {border:none; background:transparent;}
.informacionAsociada {display:block; float:left; width:99%; clear:both;}

/* ====================================== */
/* ================= MENU ============== */
/* ====================================== */
.menu1, .menu2, .menu3 {display:block; float:left; width:160px; margin:0; padding:0; background-color:transparent; clear:left; color:#000;}
.menu1 .menu, .menu2 .menu, .menu3 .menu {display:block; float:left; width:100%; margin:0; padding:0;}

.menu1 li, .menu2 li , .menu3 li  {display:block; float:left; width:160px; margin:1px 0; padding:0; list-style-type: none;} /* nivel 1 de menu */

.menu1 h4, .menu2 h4,
.menu3 h4 {display:block; margin:5px 0 2px 0; padding:0 0 2px 0; width:160px; height:15px; float:left; font-size:0.9em; color:#fff;}
.menu1 h4{background-color:#F18F18;}
.menu2 h4{background-color:#0292AB;}
.menu3 h4{background-color:#2D4C98;}

.menu li a, 
.menu li a:active, 
.menu li a:visited,
.menu a:hover {display:block; float:left; background-color:#ECECEC; width:160px; margin:1px 0; padding:0; font-size:0.9em; font-weight:normal; color:#000;}
.menu a:hover, .menu a:hover:visited{background-color:#C3C3C3; color:#fff;}

/* ====================================== */
/* ==========.BUSCADOR MENU    .========= */
/* ====================================== */
.buscadorMenu { margin:0;  padding:0; background: transparent; border:none; height:25px; display: block; float: right; width: auto; }
.buscadorMenu h4{clear: none; font-size: 0.8em; margin:0; padding:0; display: inline; color: #333;}
.buscadorMenu form{clear: none; margin:0; padding:0; background-color: transparent; font-size:0.8em; display:inline;}
.buscadorMenu input.frmTexto{display:inline; margin:0; padding:0; font-weight: normal; vertical-align:middle; text-indent:3px; width: 75px;}

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 {vertical-align:baseline; font-weight:normal; color:#006; background-color:transparent;}
#resultados.labelG {vertical-align:baseline; font-size:1.1em; font-weight:normal; color:#f90; background-color:transparent;}
#resultados.labelGN {vertical-align:baseline; font-size:1.1em; font-weight:normal; color:#f90; background-color:transparent;}
#resultados .clsBlqTitulo {font-size:0.8em; font-weight:normal; margin-top:0.8em; color:#444; background-color:transparent;}
#resultados .clsBlqTitulo a {font-size:0.9em; font-weight:bold;}

p.textoCheckIntensiva {display:inline; float:left; clear:none; margin:0; padding:0;}
p.CheckIntensiva {display:inline; float:left; clear:none; margin:0; padding:0;}
.selectIntensiva,
.botonBuscar,
.cabeceraResulBusqueda {display:block; float:left; clear:both;}

/* ====================================== */
/* ============ COLUMNAS ============== */
/* ====================================== */ 
/*----Columnas----*/
.elem0columnas, .elem1Columnas, .elem2Columnas, .elem3Columnas, .elem4Columnas, .elem8Columnas
{display:block; padding:0; margin:0; float:left; width:100%;}

.columna1, .columna2, .columna3, .columna4 {display:block; float:left; padding:0; margin:0;}

/*----2 columnas----*/
.elem2Columnas .columna1 {float:left;}
.elem2Columnas .columna2 {float:right;}
.elem2Columnas .columna1, .elem2Columnas .columna2 {width:45%;}

/*----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;}

/*----4 columnas----*/
.elem4Columnas .columna1, .elem4Columnas .columna2 ,
.elem4Columnas .columna3, .elem4Columnas .columna4 {float:left; width:24%;}

/*----8 columnas----*/
.elem8Columnas .columna1, .elem8Columnas .columna2, .elem8Columnas .columna3, .elem8Columnas .columna4,
.elem8Columnas .columna5, .elem8Columnas .columna6, .elem8Columnas .columna7, .elem8Columnas .columna8 {float:left; width:12%;}

/* ====================================== */
/* ============ CARTA SERVEIS ========== */
/* ====================================== */
#cartaServeis {margin:0; padding:0; display:block; float:left; width:100%;}
#cartaServeis .imprimir {display:block; float:left; clear:both; width:90%;}
#cartaServeis a img {display:inline; float:left;}
#cartaServeis .seccion, #cartaServeis .seccionInt {display:block; float:left; margin:10px 0;}
#cartaServeis .seccion .columna1, #cartaServeis .seccionInt .columna1  {width:30%;}
#cartaServeis .seccion .columna2, #cartaServeis .seccionInt .columna2  {width:65%;}
#cartaServeis .seccion .columna2 ul li {margin:0 0 0 15px; padding:0 0 10px 5px; width:90%; vertical-align:top;}
#cartaServeis .seccion .columna2 ul {display:block; float:left; margin:5px 0 10px 0; padding:0 0 0 15px; font-size: 0.9em; width:100%;}
#cartaServeis .seccion .columna2 .linkCompuesto {display:block; float:left; width:100%;}

/* ====================================== */
/* =============== ERROR ================ */
/* ====================================== */
.mensajeErrorLogin {color:#8E2722; background-color:transparent;}

/* ====================================== */
/* ============= CONSULTAS ============ */
/* ====================================== */
.datosResultado, .servicio {background:none; margin:0; padding:0;}
.servicio h2 {border-left:16px solid #A1DA3C; color:#475478; font-size:2em; 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;}
.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 0 10px;}

/* ====================================== */
/* ============ CATEGORIAS ============ */
/* ====================================== */
.categorias {background:none; background-color:transparent; display:block; float:left; padding:0; margin:0; width:100%; margin-left:0;}
.categorias .niveles {display:block; float:left; padding:15px; margin:0; background-color:transparent; width:100%;}
.categorias #linea {display:block; float:left; 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:1.2em; color:#000; margin-left:20px; border-bottom:1px solid #dedede; margin:0;}
.categorias .jerarquia a {font-size:1.2em; color:#33B;}

.categorias .menuCategorias {margin-top:20px;}
.categorias .menuCategorias .niveles {padding-left:0;}
.categorias .nivel1 {color:#2d4c98; font-size:1.2em; font-weight:bold; display:block; float:left; width:100%; margin:2px 0;}
.categorias .nivel2 {padding-left:15px; list-style-type:disc; clear:both; display:block; float:left; width:100%; background:url(img/fletxaGris.gif) top left no-repeat;}
.categorias .nivel2 a, .categorias .nivel2 a:hover, .categorias .nivel2 a:visited {color:#000; font-size:1em; font-weight:normal;}
.categorias .nivel2 a:hover {color:#000; font-size:1em; font-weight:normal; text-decoration:underline;}

/* ====================================== */
/* == SELECCION FICHEROS ADJUNTOS  == */
/* ====================================== */
.selecFicheros {font-family:verdana,geneva,arial,helvetica,sans-serif;}
.selecFicheros table {background-color:#f3f3f3; color:#000;}
.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 solid #666;
	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 solid #666; width:100%;}
.selecFicheros div.listaFicheros table {border:1px solid #7291bc; font-family:verdana,geneva,arial,helvetica,sans-serif;}
.selecFicheros div.listaFicheros th {background:#7291bc; color:#000; padding:4px 2px; font-weight:bold; font-size:1em;}
.selecFicheros div.listaFicheros tr {font-size:0.7em;}

/* ====================================== */
/* ========== AJAX CALENDAR =========== */
/* ====================================== */
.btnCalendario {height:20px; width:19px; background:transparent url(img/btn_open_cal.gif) no-repeat 50% 50%; margin-left:0; padding-left:0; border:none; margin-right:2px;}   
.cont_calendario {position:absolute; width:161px; margin:10px auto;} /* Container calendarios */
.calendario {float:left; width:auto; margin:2px;} /* Container mensual */
.calendario table {border:1px solid #aaa; border-collapse:collapse; width:161px; background-color:#FFF;}

.cal_controles table.tbl_cal_ctrl {border:none; border-collapse:collapse; width:100%;}
.cal_controles th.cal_mes_anterior,.cal_controles th.cal_mes_siguiente {border:none; cursor:pointer; background:none; color:#333; height:25px;}
.cal_controles th.cal_titulo_mes {border:none; background:none; color:#333; height:18px;}

.calendario th {color:#333; font-size:0.6em; height:15px; border-bottom:1px solid #aaa; background:url(img/bg_th_table002.gif) repeat-x;}
.calendario th.cal_titulo_mes {font-size:0.6em; color:#900;}
.calendario th.cal_titulo_mes {cursor:move; color:#900;}
.calendario td {font-size:0.6em; text-align:center; width:23px; height:18px; cursor:pointer;}
.calendario td:hover {background:url(img/bg_dias_on.png) no-repeat 40% 50%;}
.calendario td.cal_vacio {background-color:#f6f6f6;}
.calendario td.cal_dias {background-color:#fff;}
.calendario td.cal_dias_finde {background-color:#fff; color:#900; font-weight:bold;}
.calendario td.cal_dias_activados {color:#28c; background:#D3EFE1; border:1px solid #A6C6B1;} /*border:1px solid #684;*/
.calendario td.cal_dias_activados a {text-decoration:none; color:#3D5F1B;}
.calendario td.cal_dias_activados:hover {background:#d6d6d6}
.calendario td.cal_dias_hoy {color:#6B824B; font-weight:bold; background:#D3EFE1; border:1px solid #A6C6B1;}
.calendario th.cal_mes_anterior, .calendario th.cal_mes_siguiente {border:none; cursor:pointer; height:25px; color:#900;}
.calendario th.cal_titulo_mes {border:none; height:25px; color:#900;}

.tabla_attachments {font-size: 0.9em; float:left; display:block; clear: both;}	

/* *********************************************************************** */
/* *********************************************************************** */
.MsoNormal {font-size:1em; font-family:inherit;}

#portada {display:block; float:left; width:100%;}
#portada .columnaContenido {width:423px; float:left; display:block; border-left:1px solid #000; border-right:1px solid #000; padding:0 5px 1000px 5px; margin:5px 5px -1000px 2px; overflow:hidden;}

.cabecera .tituloCabecera {display:block; float:right; width:500px;}
.cabecera .tituloCabecera h1 {color:#fff;}

#composicio img {border:1px solid #4863A7;}