
/* ************************************************************************** */
/* ************************ VERSION AYUNTAMIENTO **************************** */
/* -----   ---------- Version 2.0 por ABSIS  9-11-2006 -------------   -----  */
/* ************************************************************************** */


/* XXXXXXXXXXXXXXX IMPORTANTE XXXXXXXXXXXXXXXXXXXXXXXX */
/* Los nombres de las reglas de estilos no pueden      */
/* comenzar por un número ni por un guión (-)          */

/* =============================== */
/* =============.BODY.============ */
/* =============================== */
body { color: #4C4C4C; font-size: 10px; font-family:  Trebuchet MS, Arial, Helvetica, Sans-Serif; background:url(img/bgBody.gif); text-align: center;}

/* =============================== */
/* ======.Elementos Comunes.====== */
/* =============================== */
/*** Estilos por defecto para los enlaces ***/
a {font-size: 1em; clear: both;	margin: 0px; font-weight:bold; color:#75AE47; text-decoration:none; padding:0; padding-top: 5px; display: block; float: left;font-family: trebuchet, arial, verdana, geneva, arial, helvetica, sans-serif;}
a:visited {}
a:active {}
a:hover { text-decoration: none; cursor: pointer;}
a img{border: none ; display: block; float: left;margin:0; padding:0; clear: none; cursor: pointer;}
a p{ padding:0; margin:0; border:none; vertical-align:middle; clear: none;display: block; float: left; cursor: pointer;}

/*** Estilos por defecto para los titulos ***/
h1{	color:#297DAB; font-size:24px; padding:0; margin:0; display: block;}
h2{	margin:0; padding:0; font-size:1.8em; color:#75AE47; display: block;}
h3{	margin:0; padding:5px 0 15px 10px; font-size:1.8em; color:#75AE47;}
h4{	font-size: 16px; font-weight: bold; color:#475478; margin:10px 0; padding:0 10px; border-left:16px solid #A1DA3C; text-transform: none;	display: block;}
h5{display: block; float: left; font-size:1.3em;}

/*** Estilos por defecto para los parrafos ***/
p {margin: 10px 5px 10px 5px; clear: both;font-family: arial, verdana, geneva, arial, helvetica, sans-serif; }
table{font-size: 1em;}
table a{padding:0; margin:0; font-size: 1em;}
table p{padding:0; margin:0; font-size: 1em;}
table tr th{text-align:center;}

/* ======================= */
/* ======== TABLE ======== */
/* ======================= */
/* -- tabla con border -- */
.tBorder table,
.tBorder td,
.tBorder tr {border:1px solid #666;}
/* -- tabla sin border -- */
.tSinBorder {border:none}
/* -- tabla alineada a la derecha -- */
.tDer {display:block; float:right; width:auto;}
/* -- tabla alineada a la izquierda -- */
table.tIz {display:block; float:left; width:auto;}

/*** Modificamos el tamaño de letra globalmente ***/
label, input, textarea {font-family: arial, verdana, geneva, arial, helvetica, sans-serif; font-size: 1em;}
/*br{clear: both;}*/

/**********************TEXTOBASE***************************/
.textoBase {display:block; float:left; width:100%; margin:0; padding:0; text-align:justify;}
.textoBase .txtContenido {display:inline; float:left; width:70%; margin:0; padding:0;}
.textoBase p {display:block; width:100%; margin:0;}
.textoBase img{  display: block; float: left; margin: 0px 20px 0px 0px; }
.textoBaseiz {display:block; float:left; width:100%; margin:0; padding:0;}
.textoBaseiz H2,
.textoBaseiz H1 {display: block; float:left; width:auto;}
.textoBaseiz img {display:block; float:right; width:auto; margin:0 0 0 3px; padding:0;}
.textoBaseiz p {display:block; float:left; margin:0; clear:none; text-align:justify;}

.textoBaseDer {display:block; float:left; width:100%; margin:0; padding:0;}
.textoBaseDer img {display:block; float:left; width:auto; margin:0 3px 0 0; padding:0;}
.textoBaseDer p {display:inline; float:none; margin:0;}

/********************** PARRAFOFOTO*************************/
.textoBaseIz .parrafoFoto {display:block; float:left; width:68%; margin:0; padding:0;}
.textoBaseIz .foto {display:block; float:right; width:150px; margin:0; padding:0;}
.textoBaseIz .parrafoFoto A {display:inline; clear:none; float:none;}
/* =============================== */
/* =========.Estructura.========== */
/* =============================== */
/***********************************
Estructura:
  body
  |
  +--#pagina
     |
     +--#auxiliarSuperior
     |
     +--#contenidos
     |  |
     |  +--#tipolgiaDePagina(portada,noticias,...)
     |     |
     |     +--.columnaMenu
     |     |
     |     +--.columnaContenido
     |        |
     |        +--(Contenido de la página)
     |
     |
     +--#auxiliarInferior
************************************/
/* ====================================== */
/* ==========.CONTENIDO PAGINA  .======== */
/* ====================================== */
#pagina{margin:0 auto; background:url(img/bgMedio.gif) repeat-y top left; display:block; height:auto; float:none; width:950px;}


.campo_texto, .campo_lista{ display: block; float: left;}
.campo_lista .campoLista1, .campo_lista .campoLista2{ display: block; float: left;}
.cabecera{background: transparent url(img/cabecera.jpg) top left no-repeat; width: 950px; height: 93px; clear: both; display: block; float: left;}
/*** Capas auxiliares para diseño ***/

/*** Este estilo sirve para diseñar el principio de la página ***/
#auxiliarSuperior {
	margin:0; 
	padding:0;
	background: transparent url(img/auxiliarSuperior.jpg) no-repeat top left;
	height:15px;
	border:none;
	display: block;
	float: left;
	width: 950px;
}

/*** Este estilo sirve para diseñar el final de la página ***/
#auxiliarInferior {
	margin:0; 
	padding:0;
	background:url(img/bgInf.gif) no-repeat top left;
	height:30px;
	border:none; 
	width: 950px;
	display: block;
	float: left;
}

#auxiliarSuperior,#contenidos,#auxiliarInferior{} 

/*** Contenidos ***/
#contenidos{  
  text-align: left;
  display:block;
  float: left; 
  padding:0; 
  margin:0; 
  width:950px;
  height:auto;
  min-height:auto;
}

/*** Contenido ***/
.contenido, .columnaContenido, #columnaContenido{
  display: block;
  float:left;
  padding:0;
  width:740px; 
  margin:0 0 0 10px; 
  padding: 0px;
}

.columnaContenidoSinMenu{
 display: block;
  float:left;
  padding:0;
  width:870px; 
  margin: 0 0 0 10px; 
  padding: 0px;
  padding:2px 0 6px 5px;
  clear: both;
}

/*** Menu y contenidos situados por encima o debajo de el ***/
.columnaMenu{
  display: block;
  width:157px;
  float:left;
  /*min-height:2em; */ 
  margin:0 0 0 10px;
  padding:2px 0 6px 5px;
}

.menu, .buscadorMenu, .extrasMenu, .bannerMenu { margin:0; padding:0px;}
.buscadorMenu{padding:0 5px 0 5px;}


/*** piePagina ***/
.pie{ height: 2em;}

/*** Info ***/
p.info{ display: block;	float: left;  font-size:0.9em;   color:#777;   text-align:center; width: 950px; margin:0; padding:0;}

/*** fijador ***/
.fijador{
  clear:both;
  margin:0;
  padding:0;
  font-size:0px;
  height:0px;
}

.seccion, .info
{
  clear:both;
  margin-top: 15px; 
  margin-bottom:15px;
  float:left;
  display:block;
  width: 100%;
}

.parrafo {clear:both; margin-top: 5px; margin-bottom: 5px; float:left; display:block; width: 95%; }

#senseMenu {display:block;  margin-left: 100px; width:200px;}
/* ====================================== */
/* ==========.BARRA DE USUARIO  .======== */
/* ====================================== */
.barraUsuario
{
	display: block;
	float: left;
	width: 90%;
	height: 25px;
	margin: 0;
	padding: 0;
	border-left: none;
	border-right: none;
	border-bottom:1px solid #dedede;
}

.contenidoASP{border: none;}
.usuarioInfo{ background:none; border: none; margin :0; padding: 0; font-size: 12px;}
.usuarioInfo table{margin:0; padding:0;}

.usuarioInfo form,
.usuarioInfo form span#usuario
{
  margin :0; 
  padding:0; 
  font-size: 12px;
}

.usuarioInfo form input
{
	margin:0 0 0 10px;
	padding: 2px 0px 2px 0px;
}

.usuarioInfobtn 
{
  margin:0;
  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;
	font-size: 0.8em;
}



/* ====================================== */
/* ==========.BUSCADOR MENU    .========= */
/* ====================================== */
#frmtramite {margin: 0 0 0 5px;}
.menu .menu{width:100%; clear:both; display:block; float:left; background: url(img/bgMenuMed.gif) repeat-y; background-position: 0px 0px; padding: 0 0 0 12px;}

.buscadorMenu {
  margin:0;
  padding: 0px;
  border:none;
  height:25px;
  width: 140px;
  display: block;
  float:left;
}

.buscadorMenu h4{margin:0 2px 0 0;padding:0; color:#000; }
.buscadorMenu form{margin:0; padding:0; font-size:1.1em;  width: 140px; }

.formBuscar input.frmTexto, .buscadorMenu input.frmTexto{
	display:inline;
	border:1px solid #008000;
	margin:0;
	padding:0;
	font-weight: normal;
	vertical-align:middle;
	text-indent:3px;
 }
.formBuscar input.frmTexto, .buscadorMenu input.frmTexto{	width:100px;}

input.btnBuscar, .formBuscar input.btnImg, .buscadorMenu input.btnImg{
  vertical-align:middle;
  padding:0px;
  height:22px;
  width:22px;
  border:none;
 }
.formBuscar input.btnImg{margin:0;}

/* RESULTADOS DE LAS BÚSQUEDAS */
.buscar{display: block; float: left; clear: both; border-bottom: 1px solid #dedede; width: 99%;}
.selectIntensiva{display: block; float: left; clear: both;}
.checkIntensiva{background: none; border: none; display: inline; clear: none; float:left;}
p.textoCheckIntensiva{display: block; clear: none; float:left;}
#resultados{display: block; clear: both; width: 99%;}
.resulBusqueda a, #resultados a{display: block; clear: both; clear: both; margin:0; padding:0; font-size: 1em;}
.resulBusqueda li, #resultados li{display: block; clear: both; clear: both; margin:0; padding:0;}
.resulBusqueda ol, #resultados ol{display: block; clear: both; clear: both; margin:0; padding:0;list-style-type: none;}

.resulBusqueda .elemResul h2, .resulBusqueda .elemResul h2 a{font-size: 1em; padding: 0; margin: 0; }
.resulBusqueda .elemResul {margin: 5px 0 15px 0; padding: 0;display: block; float: left; clear: both; }
.resulBusqueda .elemResul p{margin:0 0 0 20px; padding:0; }

/* ====================================== */
/* ==========.      MENU       .========= */
/* ====================================== */

div.menuCabecera
{
	background: url(img/bgMenuSupLogo.gif) no-repeat;	
	background-position: 0px 0px;
	margin:0;
	padding:0;
	height: 90px;
	display: block;
	clear: both;
	width: 160px;
	float:left;
}

.menu a {padding:0px; width: 150px;}
.menu .menuOpcion {width:115px;float:left;}
.menu .menuOpcion,
.menu ul li.menuSubOpcion,
.menu ul li.menuOpcion,
.menu ul li.menuSubOpcionActual {width:115px;float:left;}
.menu .menuOpcion a {width: 100%; display: block; float:left; padding:2px 0;}

.menuOpcion ul {float:left; display:block; width:113px;}
.menuOpcion ul li.menuOpcion {display: block; float:left; width:102px;}

/* modificació per la visualització del link a la página principal en el menú (logo) */
div.menu a div.menuCabecera, div.menu a:hover  {font-size: 1em;padding: 0px; color:#000066; font-weight: normal; cursor:pointer;}
/*div.menuCabecera,div.menu a:active div.menuCabecera,div.menu a:visited div.menuCabecera*/

div.menuContenido{
	/*width:155px; */
	background: url(img/bgMenuMed.gif) repeat-y;
	background-position: 0px 0px;
/*	font-size:1.0em;*/
	margin:0;
	padding:10px;
	float:left;
	display:block;
	clear:both;
	float:left;
}
div.menuPie{
	background: url(img/bgMenuInf.gif) no-repeat;
	background-position: 0px 100%;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	clear:both;
	width:100%;
}
div.menuContenido h4{display:block;margin:0;padding:0;color:#000;}
div.menuContenido a, div.menuContenido a:hover,div.menuContenido a:active,div.menuContenido a:visited {float:left; display:block; font-size:1.1em;padding:2px 0px; color:#000066; font-weight: normal;width:100%;border-bottom:1px dotted #ccc; }
div.menuContenido ul {margin:0;padding:0; list-style-type: none;}
div.menuContenido li {clear: both;}
/*.menu ul li {margin:0;padding:0 0 0 16px; border:0px none;}*/
/*.menu li {margin:0;padding:0;} */
div.menuContenido ul li.menuSubOpcion,
div.menuContenido ul li.menuOpcion
{
	padding: 0 0 0 12px;
	margin: 0 0 2px 0;
	background: url(img/bullets/flechaArriba01.gif) 0 3px no-repeat;
}


li.menuSubOpcionMarcat,
li.menuSubOpcionActual{	padding: 0 0 0 12px; font-weight:bold; float:left; display:block; width:101px;background: url(img/bullets/flechaVerde.gif) 0 3px no-repeat;}
li.menuSubOpcionMarcat a:visited,
li.menuSubOpcionMarcat a:hover,
li.menuSubOpcionMarcat a:active,
li.menuSubOpcionMarcat a,
li.menuSubOpcionActual a:visited,
li.menuSubOpcionActual a:hover,
li.menuSubOpcionActual a:active,
li.menuSubOpcionActual a{font-weight:bold; float:left; display:block; width:101px;background: none;}

/* *html div.menuContenido li.menuOpcion:hover, div.menu li.menuOpcion a:hover {
	background-color:#E5E5E5;
	cursor:pointer;			
} */
div.menuContenido li ul li.menuSubOpcion, .menu li:hover ul li.menuSubOpcion{
	margin: 0;
	padding: 0 0 0 12px;
	list-style : none;
	background: url(img/bullets/flechaBlanca.gif) 0 3px no-repeat;
	float:left;
	display:block;
	width:100px;
}
div.menuContenido li ul li.menuSubOpcionMarcat
{
	margin: 0;
	padding: 0 0 0 12px;
	list-style : none;
	background: url(img/bullets/flechaVerde.gif) 0 3px no-repeat;
	/*border: 1px solid red;*/
}

/*html .menu li {height:1em;}*/


/* ====================================== */
/* ===.PAGINA RESULTADOS BUSQUEDA     .=== */
/* ====================================== */



/* ====================================== */
/* ==========.COLUMNAS         .========= */
/* ====================================== */ 

/*** Columnas ***/
.elem0columnas, .elem1Columnas, .elem2Columnas, .elem3Columnas, .elem4Columnas
{ display: block; padding:0; margin: 0; }

.columna1, .columna2, .columna3, .columna4{ display: block; float: left; }

/*** 2 columnas ***/
.elem0Columnas .columna1{ float:left;}
.elem0Columnas .columna2{ float:right;}
.elem0Columnas .columna1, .elem0Columnas .columna2{ display:block; width:45%;}

.elem2Columnas .columna1{ float:left; }
.elem2Columnas .columna2{ float:right;}
.elem2Columnas .columna1, .elem2Columnas .columna2{ display:block; 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 0 auto; }

/*** 4 columnas ***/
.elem4Columnas .columna1, .elem4Columnas .columna2{ float:left; width:24%;}
.elem4Columnas .columna3, .elem4Columnas .columna4{ float:right;width:24%;}

#contenidos .columnas{display:block; float:left; width:100%; margin:0; padding:0;}
#contenidos .columnas .columna1 {display:block; float:left; width:40%; margin:0; padding:0;}
#contenidos .columnas .columna2 {display:block; float:right; width:55%; margin:0; padding:0;}
#contenidos .columnas .columna2 .parrafoSeccion {display:block; float:left; width:100%; margin:15px 0 0 0; padding:0;}

/* ====================================== */
/* ==========.FORMULARIOS      .========= */
/* ====================================== */


/* campos de entrada */
input, textarea, select{border-top: 1px solid #8ABAD9; border-left: 1px solid #8ABAD9;border-bottom: 1px solid #74AC75;border-right: 1px solid #cccccc;font-size: 1em; background-color:#F0F4F7; color: #444; }
label{font-size: 0.9em;}
span { display: block; float: left; }


/* contenedores */
.ctrCampo{display: inline; float: left; clear: none;}
select option{color: #000;}
.campo_booleano{display: block; float: left;}
.campo_lista .elemento{ display: block; float: left; width: 100%;}
.campo_texto, .campo_lista, .campo_booleano{ display: block; float: left; padding-left:1px;}
#WTXENVMAI,  #WTGENVSMS{width: 20px; clear: none; display: inline; float: left;}
#WTGENVMAI{border: none; background-color: transparent;}
.campo_lista .campoLista1, .campo_lista .campoLista2 { display: block; float: left;}
table.tabla_attachments{width:auto; font-size: 1em;  display:block; float: left;}
table.tabla_attachments td {display: block; float: left; width:auto; padding:0;}
table.tabla_attachments td a{display: block; float: left; width:auto; padding:0;}
table.tabla_attachments td img{display: block; float: left; width:auto; padding:0;}
table.tabla_attachments p.txtAttach { margin: 0; padding: 0;display:block; float: left;}


/* botones */
.botImprimir, .botAceptar, .botAtras, .boton, .botBorrar, .formbtnrojo {background: #75ae47;color: #FFFFFF;padding: 0px 5px;font-weight: normal;text-decoration: none;border: 3px double #000000;}
.botImprimir{float:right;}
.boton { margin:10px 1px 5px 1px; }

/* composicion */
.informacionAsociada{display:block; float:left; clear:both; width:100%;}
.informacionAsociada p {width:auto; float:left; margin:0; padding:0;}
#frmFormBase{text-align: left;}
#frmFormBase form{display:inline; margin:0; padding:0;}
#tabFormulario{padding:0; margin:0;}

#lnfLinea, .lnfLinea{ margin:0; float:left; display:block; clear:both; margin-right:5px; margin-bottom:5px; width:100%;}
#frmFormBase .lnfLinea{ margin: 10px 0 0 0; }

/*----Check Representante----*/
/* esta es el div que envuelve la check de la sección del repreentante*/
.checkRepresentante{margin: 20px 0px 30px 0px; display: block; float: left;}
.checkRepresentante label{display: block; float: left; clear: none;}
.checkRepresentante input{display: block; float: left; clear: none; background: none; border: none;}
.condiciones{display: block; float: left; width: 99%;}

/* boton de opciones */
.opcionForm {display: block;  clear: none; float: left; width: 80%;}
.opcionForm .textoBase {display: inline; width: 30%; float: left; clear: none;}
.opcionForm .lnfLinea {display: inline; width: 15%; float: left; clear: none; }
.opcionForm .lnfLinea .campo_lista .elemento{display: block; width: 15%; float: left; margin: 0 0  0 2px;}

/* ====================================== */
/* ==========.ERROR            .========= */
/* ====================================== */
.mensajeErrorLogin{color:#8E2722}


/* ====================================== */
/* ==========.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:0px 10px 0px 0px;
  clear:both;
  font-family: Arial, Helvetica, sans-serif;
  background:none;
}
.datosResultado div.formMTM{  margin:0;  padding:0;}

.EDCresultado table{
  border:none;
  margin: 5px 0px 2px 0px; 
  padding:0 10px 0 0px;  
}
.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;
}

/* Conducta Estandar */
.EDCresultado{display: block; border: none; clear: both; width: 100%;}
.EDC_grupoResultados{ display: block; float: left; clear: both; width: 100%; border: 1px solid #dedede;}
#EDC_resultado1,#EDC_resultado2,#EDC_resultado3,#EDC_resultado4,#EDC_resultado5{ display: block; float: left; padding: 3px; border: 1px solid #dedede; width: 100px;}
#EDC_grupoResultados1 #EDC_resultado1,
#EDC_grupoResultados1 #EDC_resultado2,
#EDC_grupoResultados1 #EDC_resultado3,
#EDC_grupoResultados1 #EDC_resultado4,
#EDC_grupoResultados1 #EDC_resultado5{ display: block; float: left;} /*cabecera*/

#EDC_resultado1,
#EDC_resultado2,
#EDC_resultado3,
#EDC_resultado4,
#EDC_resultado5,
#EDC_resultado6,
#EDC_resultado7{ width: auto; font-size: 1em; display: block; float: left;border: 1px solid #dedede;}

.EDCresultado table{font-size: 9px; border: 1px solid #bf1919;}
.EDCresultado table td{border-bottom: 1px solid #dedede;}
.EDCresultado th{background-color: #bf1919; color: #ffffff;}

fieldset.consulta{border: none;}
fieldset.consulta table td a{display: inline; float: left; font-size: 0.7em; color: #bf1919; height: 20px; margin-left: 3px; cursor: pointer;}
fieldset.consulta table td a:hover{text-decoration: none; color: #000000; }
fieldset.consulta table td a img{ margin-left: 3px; display: block; float: left;}
fieldset.consulta table td a span{  padding: 3px 0px 3px 0px; height: 20px;}
/* ====================================== */
/* ==========.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: 0;border: 1px solid #bf1919; margin: 20px 0 10px 0; }
div#frmAltaUsuario h2{font-size: 1em; color: #fff; background-color: #bf1919;}
div#frmAltaUsuario .subgrupoForm{padding: 1em;}
.nuevoUsuario{clear: both;}
.datosNuevoUsuario{padding:0 10px 0 10px;}
.datosUsuario{border: 1px solid #bf1919; display: block; float: left; width: 400px; margin: 10px; padding: 0;}
.datosUsuario h2{background-color: #bf1919; color: #fff;font-size: 1.1em; display: block; float: left; width: 400px; margin:0; padding: 0 0 0 10px;}
.datosUsuario label{margin: 0 0 0 10px; width: 100px;}
/* ====================================== */
/* ==========.CATEGORIAS       .========= */
/* ====================================== */
.categoritzacio
{
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	width: 75%;
}

.categorias
{
	background: none;
	background-color: transparent;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
	font-family: arial, Verdana,sans-serif;
	margin-left: 2%;
}

.categorias .nivel1
{
    background: none;
    color: #CF3333;
    font-weight: bold;
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
    padding: 10px;
    width: 45%;
}

.categorias .nivel2
{
    padding-left: 10px;
}

.categorias .niveles
{
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	width: 100%;
}

.categorias .menuCategorias
{
  margin:0;
  padding:0;
  font-size: 10px;
  float: left;
  display: block;
  background: none;
  border: 0px;
  width: 100%;
}

.categorias .jerarquia
{
	font-size: 9px;
	color: #000000;
	margin-left: 20px;
}

.categorias .jerarquia a
{
	font-size: 9px;
	color: #000000;
}

.categorias .menuCategorias .linea
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
}


.categorias .menuCategorias .titulo h1
{
	font-weight: bold;
	text-decoration: none;
	border: none;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	margin-bottom: 15px;
	width: 50%;
	border-bottom: 1px solid #333333;
}

.categorias .menuCategorias .niveles
{
	padding-left: 20px; 
}

.categorias .menuCategorias .niveles .nivel1 a, 
.categorias .menuCategorias  .niveles .nivel1 a:hover,
.categorias .menuCategorias  .niveles .nivel1 a:visited
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	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;
}

/* ====================================== */
/* ==== Seleccion Ficheros Adjuntos  ==== */
/* ====================================== */
.selecFicheros .texto, .selecFicheros .texto2, .selecFicheros .label
{
	font-family: arial, verdana,geneva,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	
	
}

.selecFicheros table
{
	background-color: #fff;

}

.selecFicheros tr
{
	font-size:1em;
}

.selecFicheros input.boton
{
	color:#333333;
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px #666666 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 #666666 solid;
	width: 100%;
}

.selecFicheros div.listaFicheros table
{
	border: #000000 1px solid;	
	font-family: verdana,geneva,arial,helvetica,sans-serif;
}

.selecFicheros div.listaFicheros th
{
	background: #75ae47;
	color: #ffffff;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;	
	font-weight: bold; 
	font-size:1em;
}
.selecFicheros div.listaFicheros tr
{
	font-size:1em;

}


/* *********************************************************************** */
/* *********************************************************************** */

/* FOTOS */
/* encabezado de páginas (titulo, subtitulo, imagen) */
.encaPagina {display:block; float:left; width:100%; height:105px; margin:0; padding:0; background:url(img/bgtitulo3.gif) no-repeat 0 0;}
.encaPagina h1,
.encaPagina h2 {display:block; float:left; width:75%; margin:0 0 0 5px; padding:0;}
.encaPagina .imagenBase {display:block; float:right; width:auto; margin:10px 10px 0 0;}
/* ------------------------------------------------- */
.encabezado {clear:both;background: url(img/bgtitulo3.gif) no-repeat 0px 0px;margin-bottom: 0; padding-bottom:7px; display: block; float: left; width: 99%;}

.foto {display:block; float:left; clear:none; width:auto;}
.foto img{clear: both;margin:0 5px 0 0; padding:0;}
.foto p.peuFoto{ position: relative; display: block; float: left; clear: both; margin:0; padding:0;}
.textoBaseIz .foto{float: right; width: 200px;}
.textoBaseIz .foto img{margin:0; padding:0;}
.textoBaseIz .foto p.peuFoto{width: 95%;text-align: right; display: block;clear: both; margin:0; padding:0; float: right;}



.lineaSeccion {display:block; float:left; width:95%; clear:both; margin:10px 0 0 0; padding:0;}
.parrafos {display:block; float:left; width:100%; margin:0; padding:0;}

/******** DISSENY PORTADA ***************************/
#portada h1 { background: url(img/bgtituloportada.gif) no-repeat 0px 0%; margin:0; padding:5px 0 15px 10px; color:#75AE47;}


#portada div.elem3Columnas div.columna1{width:250px; padding:0 2px 10px 2px; margin:0 5px 0 5px;}
#portada div.elem3Columnas div.columna2{width:250px; float:left; padding:0 2px 10px 2px;margin:0 5px 0 5px;}	
#portada div.elem3Columnas div.columna3{width:182px; float:right; padding:0; margin:0;}

/******* IE6 **********/
* html .columnaMenu{ display: block; width:143px; float:left; /*min-height:2em; */ margin:0 0 0 5px; padding:2px 0 6px 5px;}
* html #portada div.elem3Columnas div.columna1{width:250px; padding:0 2px 0 0; margin:0 8px 0 0;}
* html #portada div.elem3Columnas div.columna2{width:250px; float:left; padding:0 2px 10px 2px;margin:0 2px 0 5px;}
* html #portada div.elem3Columnas div.columna3{width:100px; float:right; padding:0; margin:0;}
* html #portada div.columna3 div.contenidoColuma{ clear:both; width:115px; padding:0 5px 10px 5px; margin:0; background:url(img/bgdestacadosmed.gif) repeat-y top left;display:block; float:left;} 
* html #portada div.columna3 div.contenidoColuma div.seccion h1{ width:100%; display:block; font-size:20px; vertical-align:middle; color:#297DAB; margin:0; padding:3px 0px 0 33px; border-left:none; background:url(img/icoflechabajo.gif) no-repeat;}

#portada div.columna3 div.auxiliarColumnaSup{ clear:both; width:182px; height:10px;  margin:0; padding:0; background:url(img/bgdestacadossup.gif) no-repeat top left; display:block; float:left;}
#portada div.columna3 div.contenidoColuma{ clear:both; width:182px; padding:0 5px 10px 5px; margin:0; background:url(img/bgdestacadosmed.gif) repeat-y top left;display:block; float:left;} 
#portada div.columna3 div.auxiliarColumnaInf{ clear:both; width:182px; height:20px; margin:0; padding:0; background:url(img/bgdestacadosinf.gif) no-repeat top left;}
#portada div.columna3 div.contenidoColuma div.seccion h1{ display:block; font-size:20px; vertical-align:middle; color:#297DAB; margin:0; padding:3px 10px 0 33px; border-left:none; background:url(img/icoflechabajo.gif) no-repeat;}
#portada .columna3 a{ clear:both; font-weight:normal; color:#297DAB; text-decoration:none; padding: 2px 0 2px 0; background: none; display:block; margin:0;}
#portada .columna3 .enlaceColumnap { margin:3px 0; padding: 0; display: block; float: left; width: 182px;}
#portada .columna3 .enlaceColumnap a {font-size: 1.2em;}

#portada .parrafoSeccion{clear:both; padding: 0px; background: url(img/bgpuntos.gif) bottom repeat-x; margin: 15px 0 0 0; display: block; float: left; width: 230px;}
#portada .parrafoSeccion h4 {display:block; float:left;clear:both; margin:5px 0; padding:0; width:99%;}
#portada .parrafoSeccion h5 {display:block;float:left;margin:2px 0; color:#75AE47;}
#portada .parrafoSeccion p{display:block; float:left; margin:0; padding:0 0 5px 0; clear: both; width:99%; }
#portada .parrafoSeccion a{margin:0;padding:0; display: inline; clear: none; }
#portada .parrafoSeccion img{float:left; display: block; margin:5px 0; padding:0; width:auto;}


/* estilo para los enlaces de la portada */
#portada .parrafoSeccionEnlace { clear:both;padding:0; margin:0; margin-top:10px; }
#portada .parrafoSeccionEnlace a{ clear:both;padding:0; margin:0 0 10px 0; }

/* enlaces de la columna de la derecha */
#portada .parrafoBloqueenlaces {}
#portada .parrafoBloqueenlaces a{ clear:both; display:block; border:none; text-align:center;}

/*banners de la pagina principal de la columna de la dercha */
div.bannerSeccion, div.bannerSeccion a{clear:both; margin:2px 25px 2px 25px; display:block; text-align: center; width: 100%; border: 0px;}
div.bannerSeccion a img{text-align: center; width: 100px;}
/* Elementos de la columna derecha de la portada */
#portada div.elementoColumna {clear:both; text-align:center; }
#portada div.elementoColumna div.parrafoBloqueEnlaces{ text-align:center;}
#portada div.elementoColumna div.parrafoBloqueEnlaces img {margin:0 auto 0 auto;}
#portada .enlaceColumnap a p{ font-family: Trebuchet MS, arial, verdana; font-size: 1.1em;}

.avisLegal a {float:left; display:block; margin:0; text-align:center; width: 950px;}
.logoIQUA {margin: 0; padding: 0; float:left; display:block; width:950px;}
.logoIQUA .logo{float:none; display:block; width:63px; margin:0 auto;}

/*==================================================*/
/*   AJAX CALENDAR                                  */
/*==================================================*/
.btnCalendario{height:20px;width:32px; 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.9em; height:15px; border-bottom:1px solid #aaa; background: url(img/bg_th_tablCA00002.gif) repeat-x;}
.calendario th.cal_titulo_mes{font-size:0.9em;color: #7C223C;}
.calendario th.cal_titulo_mes{cursor:move;color: #7C223C;}
.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;font-size:0.9em;}
.calendario td.cal_dias{background-color:#fff;font-size:0.9em;}
.calendario td.cal_dias_finde{background-color:#fff; color:#7C223C; font-weight:bold;font-size:0.7em;}
.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;font-size:0.7em;}
.calendario th.cal_mes_anterior, .calendario th.cal_mes_siguiente{border:none;cursor:pointer; height:25px;color: #7C223C;}
.calendario th.cal_titulo_mes{border:none; height:25px;color: #7C223C;}

/* =============================== */
/* ========= DOCUMENTO =========== */
/* =============================== */
#documento .textoBaseiz {display:block; float:left; width:100%; margin:0; padding:0;}
#documento .textoBaseiz H2 {display:block; float:left; width:100%; margin:0; padding:0; text-align:left;}
#documento .textoBaseiz H3 {display:block; float:left; width:100%; margin:0; padding:0; text-align:left;}
#documento .textoBaseiz P {display:block; float:left; width:100%; clear:both;}