/* ************************************************************************** */
/* ************************ VERSION AYUNTAMIENTO **************************** */
/* -----   ---------- Version 2.0 por ABSIS  9-01-2006 -------------   -----  */
/* ************************************************************************** */
/* ************************* Eduard Diaz ************************************ */
/* ************************************************************************** */

/* 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:#11B344; margin: 0;}
/* =============================== */
/* ======.Elementos Comunes.====== */
/* =============================== */
/*** Estilos por defecto para los enlaces ***/
a {text-decoration: none; outline: none;}
a:visited {color: #307082;}
a:active {color: #4F5FAA;}
a {color: #307082}
a:hover {color: #4F5FAA; text-decoration: underline;}
a img{border:none;}

/*** Estilos por defecto para los titulos ***/
h1{color:#E97500; font-size:1.6em; margin-top: 20px; margin-bottom: 20px;}
h2{color:#F7820C; font-size: 1.3em; margin-top: 20px; margin-bottom: 0px;}
h3{
  border-left:0.8em solid #0056E1; 
  color:#003581; 
  font-size: 0.8em; 
  margin: 15px 2px 12px 0; 
  padding:0 15px 0 10px;
  clear:both;
}
h4{color:#000000; font-size: 1em; display:block; float: left; margin: 10px 10px 0 0;}

/*** Estilos por defecto para los parrafos ***/
p {margin:0 5px 3px 5px;}
p.enlace{ margin: 0px; padding: 0px;}

/*** Modificamos el tamaño de letra globalmente ***/
a, p, label, input, textarea {font-size: 0.8em;}

/*** 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{
	margin:0 auto 0 auto;
	padding:0;
	width:990px;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center;
	border:none;
	background:url(img/bgPagina.gif) repeat-y;
}
/*----Medidas----*/
#pagina{width:990px;}

/* Tamaño para las capas contenido y sus variantes*/
.contenido, .columnaContenido {width:640px;}
*html .contenido, *html .columnaContenido{width:675px;}
/* Variante para formularios*/
#frmFormBase .contenido, #frmFormBase .columnaContenido {width:645px;}
*html #frmFormBase .contenido, *html #frmFormBase .columnaContenido{width:675px;}
*html #frmFormBase .columnaMenu{ margin-left:-30px;}

.columnaMenu, .menu, .buscadorMenu, .extrasMenu, .bannerMenu { width:225px; margin-left:-30px;}
*html .columnaMenu, *html .menu, 
*html .buscadorMenu, *html .extrasMenu, 
*html .bannerMenu { width:160px;}

p.info{margin-left:200px;}

.campo_texto, .campo_lista
{
 display: block;
 float: left;
 margin: 3px 0 0 0;
}

.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 {
	margin: 0; 
	padding:0;
	background:url(img/bgCabecera.jpg) no-repeat;
	height:227px;
	border:none;
}
/* Este estilo sirve para diseñar el final de la página*/
#auxiliarInferior {
	margin:0; 
	padding:0;
	background:url(img/bgPiePagina.gif) repeat-y;
	height:18px;
	border:none; 	
}
#auxiliarSuperior,#contenidos,#auxiliarInferior{} 

/*----Contenidos----*/
#contenidos{
  /*padding:61px;*/
  padding:45px;
  padding-top:0;
  margin:0;  
	text-align: left;
}

/*----Contenido----*/
.contenido, .columnaContenido{
  float:right;
   padding:1em;
  padding-top:0;
  border:none;
}


/*----Menu y contenidos situados por encima o debajo de el----*/
.columnaMenu{
  float:left;
	min-height:2em;  
  margin:0;
  padding:2px 0 6px 5px;
}
.menu, .buscadorMenu, .extrasMenu, .bannerMenu { 
  margin:0;
  padding:20px 5px 0 5px;
}
.buscadorMenu{padding:0 5px 0 5px;}



/*----piePagina----*/
.pie{
  height: 2em;
}
/*----Info----*/
p.info{
  font-size:0.7em; 
  color:#777; 
  text-align:center;}

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

.seccion, .info, .parrafo 
{
  clear:both;
  margin-top: 15px; 
  margin-bottom:15px;
}

/* ====================================== */
/* ==========.BARRA DE USUARIO  .======== */
/* ====================================== */
.usuarioInfo
{
  background:none;
  margin :0; 
  padding:0 0 10px 0;
} 
.usuarioInfo form,
.usuarioInfo form span#usuario
{
  margin :0; 
  padding:0; 
}
.usuarioInfo form span#ciudadano
{
	margin:0;
	padding:4px;
}
.usuarioInfobtn 
{
  margin:0;
  padding:2px 20px 2px 20px;
}
*html .usuarioInfobtn {padding:2px 3px 2px 3px;}
.usuarioInfo form span#usuario,
.usuarioInfo form span#ciudadano,
.usuarioInfobtn
{
	font-size: 0.8em;
}

.usuarioInfo form input
{
	font-size: 1em;
	padding:2px;
	height: 1em;
}
.usuarioInfobtn 
{
	color: #555;
	font-weight : bold;
	font-style: normal;
	background-color: #f2f2f2;
	border: 1px #666666 solid;
	line-height:0.9em;
	cursor: pointer;
}


/* ====================================== */
/* ==========.MENU             .========= */
/* ====================================== */

.menu h4{margin:0;padding:0;color:#FFF;}
.menu a, .menu a:hover,.menu a:active,.menu a:visited {color:#FFF;}
.menu ul {margin:0;padding:0; list-style-type: none; background: none;}
.menu ul li {margin:0;padding:0 0 0 16px; border:0px none;}
.menu li {margin:0;padding:0 0 0 10px; list-style-type: none;}
*html .menu li {height:1em;}
.menu ul li a {margin:0;padding:0;  color:#FFF; border-bottom:1px dotted #786A47;}
.menu ul li a:hover {color:#EEE; text-decoration: none;border-bottom:1px solid #FFF;}
.menu li.menuOpcion{background:url(img/bgbtnmas.gif) no-repeat left 3px; }
.menu li.menuSubOpcionMarcat{background:url(img/bgbtnmas.gif) no-repeat left 3px;}
.menu li.menuSubOpcion{background:url(img/bgbtnmas.gif) no-repeat left 3px;}

/* ====================================== */
/* ==========.BUSCADOR MENU    .========= */
/* ====================================== */
.buscadorMenu {
  margin:0;
  padding:7px 5px 0 5px;
  border:none;
  height:25px;
}
*html .buscadorMenu {height:36px;}

.buscadorMenu h4{margin:0 2px 0 0;padding:0; color:#FFF; }
.buscadorMenu form{margin:0; padding:0; font-size:0.8em; display: block; float: left; width: 200px;}

.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: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:0px;
  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:0.8em;
  font-weight: normal;
  margin-top:0.8em;
  color:#444;
}
#resultados .clsBlqTitulo a{
  font-size:0.9em;
  font-weight: bold;
}
/* ====================================== */
/* ==========.COLUMNAS         .========= */
/* ====================================== */ 
/*----Columnas----*/
.elem1Columna,.eleme2Columnas, .elem3Columnas, .elem4Columnas
{ display: block; padding:0px; margin: 0px; }

.elem2Columnas .columna1, .elem2Columnas .columna2, .elem3Columnas .columna1, .elem3Columnas .columna2,
.elem3Columnas .columna3, .elem4Columnas .columna1, .elem4Columnas .columna2, .elem4Columnas .columna3, .elem4Columnas .columna4
{ /*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 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%;}
 
/*----5 columnas----*/
.elem5Columnas .columna1, .elem5Columnas .columna2{ float:left; width:19%;}
.elem5Columnas .columna3, .elem5Columnas .columna4, .elem5Columnas .columna5{ float:right;width:19%;}

/*IE Exlorer*/
*html .elem5Columnas .columna1, *html .elem5Columnas .columna2{ width:19%;}
*html .elem5Columnas .columna3, *html .elem5Columnas .columna4, .elem5Columnas .columna5{ width:19%;}

/*----6 columnas----*/
.elem6Columnas .columna1, .elem6Columnas .columna2, .elem6Columnas .columna3{ float:left; width:16%;}
.elem6Columnas .columna4, .elem6Columnas .columna5, .elem6Columnas .columna6 { float:right;width:16%;}

/*IE Exlorer*/
*html .elem6Columnas .columna1, *html .elem6Columnas .columna2, *html .elem6Columnas .columna3{ width:16%;}
*html .elem6Columnas .columna4, *html .elem6Columnas .columna5, *html .elem6Columnas .columna6{ width:16%;}

/* ====================================== */
/* ==========.FORMULARIOS      .========= */
/* ====================================== */
#frmFormBase{
  /*padding:0 30px 0 30px;*/
  padding:0;
  margin:0;  
	text-align: left;
	
}
#frmFormBase .contenido{float:right;}
*html #frmFormBase{padding:0 20px 0 0px;}
*html #frmFormBase .columnacontenido{padding:0px}
*html #frmFormBase .contenido{padding:0px}
*html div#frmFormBase div.columnaMenu {margin-left:20px}

#frmFormBase form{
  /*width:100%;*/
  display:inline;
  margin:0;
  padding:0;
}

#tabFormulario{
  /*float:right;
  border:none;*/
  padding:0;
  margin:0;
  
}
#lnfLinea, .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 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: #000000;
 }
.frmInput, .frmTextArea, .frmSelect{ border: 1px solid #7F9DB9; }
.frmInput, .frmSelect, frmButton {  height: 20px; } 
.frmButton { background-color: #fbf2ea; }



/* ====================================== */
/* ==========.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: 10;	
}
.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;}

/* ====================================== */
/* ==========.GUIA URBANA      .========= */
/* ====================================== */

#guiaUrbana {margin: 0px; display: block; width: 100%; float: left; padding-left: 0px; }
#guiaUrbana .cabecera, #guiaUrbana .cabecera a, #guiaUrbana .cabecera img{margin:0; padding: 0;border: none;}
img#guiaUrbana{ margin:0px; width: 16px;} /*para el control de edición*/
#guiaUrbana .contenido{width: 100%; display: block; float: left;}
#guiaUrbana .lineaGuia{width: 100%; display: block; float: left;}
#guiaUrbana .elem2Columnas{margin:0;padding:0;}
#guiaUrbana .columna1{width: 450px; display: block; float: left; margin-left: 0px;}
#guiaUrbana .columna2{float:right; width: 130px; margin-top: 50px;}

#guiaUrbana h1 {color:#E97500; font-size:1.6em; margin-top: 20px; margin-bottom: 20px;}
#guiaUrbana h2{  padding: 6px; font-family: Trebuchet MS;  color:#E97500; font-size: 1.3em;  font-size: 1.2em;  text-align: left; font-weight: bold;  }
#guiaUrbana h3{ border-left:0.8em solid #0056E1;; background-color: #a8a8a8; font-family: Trebuchet MS; color: #000000; font-size: 0.9em; margin: 0px; margin-bottom: 5px; padding-left: 10px; width: 100%;}
#guiaUrbana h4 { border-bottom: 1px solid #a8a8a8; font-family: Trebuchet MS; color: #455c85; text-align: left; font-weight: bold; margin-bottom: 20px; padding-left:0px; display: block; clear: both;}

/* Estilo para la capa que contiene el mapa flash */
div.guiaObjFlash{border:1px solid #ccc;}

/* define el tamaño del flash*/
div#guia object
{
 	float:left;
 	border:1px solid #000000;
 	width: 450px;
 	height: 310px;
}

#guiaUrbana .controlesGU{display: block;float: left; width: 100%;}
#guiaUrbana .controlesGU a{padding: 2px; float: left; display: block; font-family: Trebuchet MS;  color: #000000; font-size:0.7em;}
#guiaUrbana .controlesGU a img {border: none; clear:both; display: block; float: left;}
#guiaUrbana .controlesGU a font{border: none; clear:both; display: block; float: left;}

#guiaUrbana .entidadesGU{margin-top: 10px; font-family: Trebuchet MS; display: block;float: right;width: 100%;font-size: 0.8em;}
#guiaUrbana .entidadesGU .h2{font-family: Trebuchet MS;  font-weight: bold; color: #ffa300; font-size:1.0em; padding:10px 0px 0px 0px;}
#guiaUrbana .entidadesGU img{ background-color: #ffffff; border: none;}
#guiaUrbana .entidadesGU .entidad{font-size:1.0em;}

#guiaUrbana .cartografiaGU{display: block;float: right;width: 100%;background-color: #F4F2EE; font-size: 1.2em;}
#guiaUrbana .cartografiaGU h2{font-size:1em;padding:0px 0px 0px 2px;}
#guiaUrbana .cartografiaGU img{ background-color: #ffffff; border: none; margin-right: 3px;}
#guiaUrbana .cartografiaGU .entidad{font-size:0.8em;}


#guiaUrbana .camposEntrada{	margin: 15px 0 0 0; display: block; float: left; width: auto; vertical-align: center;}
#guiaUrbana .camposEntrada .botonBusquedaGU{float:left; margin:7px; font-family: Trebuchet MS; color: #000000; font-size:0.7em; text-align: CENTER; font-weight: bold; border: 1px solid #000000; background:  #f2f2f2;}
#guiaUrbana .camposEntrada label{width: 50px; font-size: 0.8em; font-family: Trebuchet MS; color: #000000; text-align: left; width: auto;}
#guiaUrbana .camposEntrada input{  font-family: Trebuchet MS; color: #000000; font-size: 0.8em; width: auto;}


/* capa que controla la escala */
#guiaUrbana .campoZoom{ clear:both; display: block; background-color: #dedede;  margin-top: 0px; border-bottom: solid 1px #888888; padding-left:8px;}
#guiaUrbana .campoZoom input{ border: solid 1px #333333; background-color: #efefef; font-family: Trebuchet MS; color: #000000; font-size: 1em;}

#guiaUrbana .zoomsGU{ display: block; height:80px; width: 125px; padding: 10px; background-color:  #f2f2f2; font-size: 0.8em;}
#guiaUrbana .zoomsGU a{display: block; float: left; width: 40px; margin: 5px; text-align: center; color: #000000; }
#guiaUrbana .vistaAereaGU{ display: block; float: right; width: 50px; height: 50px; background-color: #dedede; padding: 0px; clear: none;}
#guiaUrbana .vistaAereaGU object{ border: 2px solid #ff0000; margin: 0px; display: block; float: left; width: 50px; height: 50px; border: solid 1px #888888;}


#guiaUrbana .resultadosGU
{
text-align: center;
display: block;
float: left;
width: 90%;
background-color: #dedede;
}

#guiaUrbana .resultadosGU #resultadoBusqueda{width: 100%; background-color: #dedede; display: none; }


#guiaUrbana .guiaUrbana{ display: block; float: left;  margin: 0px; padding: 0px;}
#guiaUrbana .columnaContenido{margin: 0 0 0 0px; display: block; float: right;}
#guiaUrbana #guia{ display: block; float: left;margin: 0px; padding: 0px;  }
#guiaUrbana #guia object{ margin: 0px; padding: 0px; display: block; }
#guiaUrbana .camposEntrada h2{ display: block; clear: both; width: 100%; margin: 20px 0 20px 0;} /* buscar */

.elemCapa{display: block; float: left; margin-left: 25px;}
.tablaResultados{display: block; width: 650px; text-align: left;  margin: 0 0 0 245px;}
.paginaResultados .tablaResultados .colTexto{display: block; width: 50%; float: left; clear: none; height: 20px; margin: 0 0 0 0px; padding: 0; font-size: 0.9em;}
.paginaResultados .tablaResultados .colSiglas{display: block; width: 50%; float: left; clear: none;height: 20px; margin: 0 0 0 0px; padding: 0; font-size: 0.9em;}
.tablaResultados h5 {color: #ff8866;}

.paginaResultados #guiaUrbana h1 {margin: 20px 50px 0 250px;}
.paginaResultados #guiaUrbana h2 {margin: 0 50px 0 250px; font-family:Trebuchet MS; color:#000000; font-size:1.0em;}
.paginaResultados #contenidos {margin: 0 0 50px 0;}
.paginaResultados #expandoTabDiv {display: block; float: left; margin: 0 0 0 0px; padding: 0; font-size: 0.8em; }
.paginaResultados .tablaResultados .elemCapa .colTexto{display: block; width: 100%; float: left; clear: none; height: 20px; margin: 0 0 0 0px; padding: 0; font-size: 0.9em;}


/* ====================================== */
/* ==========.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: 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  ==== */
/* ====================================== */
#pagSelecFicheros
{
	display: block; 
	float: left;
	margin: 0;
	padding:0;
	font-family: verdana,geneva,arial,helvetica,sans-serif; 
	background-color: #f2ebdb;
	border: 1px solid #888888;
	height: 100%;
}

#pagSelecFicheros .label
{
font-family: verdana,geneva,arial,helvetica,sans-serif;
font-size:0.8em;
margin: 10px;
color: #000000;
font-weight: bold;
}


.selecFicheros .texto {text-align: left; margin: 10px; color: #000000; }

.selecFicheros table
{
	background-color: #f3f3f3;
}

.selecFicheros tr
{
	font-size:0.7em;
}

.selecFicheros input.boton
{
	color:#ffffff;
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 0.7em;
	background-color: #07b00b;
	border: 1px #000000 solid;
	line-height:16px;
	cursor: pointer;
	margin-left:30%;
	margin-top: 25px;
	margin-bottom: 25px;
}

.selecFicheros input.btnFichero
{
	font-family: Verdana,geneva,arial,helvetica,sans-serif;
	font-size:0.8em;
	width: 80%;
	margin: 10px;
}

.selecFicheros div.listaFicheros table
{
	border: #000000 1px solid;	
	font-family: verdana,geneva,arial,helvetica,sans-serif;
}

.selecFicheros div.listaFicheros th
{
	background: #07b00b;
	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:0.7em;
}

.bot_Cerrar
{
margin-top: 25px;
margin-left: 50%;
}

/**********************TEXTOBASE***************************/
.textoBase{ display: block; float: left; clear: both; width: 95%; margin: 10px 10px 15px 0; padding: 0px;text-align:justify;}
.textoBase p{ display: inline; margin: 5px 0px 3px 5px; }
.textoBase img{   float: right; margin: 0px 0px 15px 20px;}
.textoBaseiz{ display: block; float: left; clear: both; width: 95%; margin: 10px 10px 15px 0; padding: 0px;text-align:justify;}
.textoBaseiz p{ margin: 5px 0px 3px 5px; }
.textoBaseiz img{ float: left; margin:0px 20px 15px 0px; }
.textoVinciz{ display: block; float: left; clear: both; width: 95%; margin: 10px 10px 15px 0; padding: 0px;text-align:justify;}
.textoVinciz p{ margin: 5px 0px 3px 5px; }
.textoVinciz img{ float: left; margin:0px 20px 15px 0px; }

/*==================================================*/
/*   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: #990000;}
.calendario th.cal_titulo_mes{cursor:move;color: #990000;}
.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: #990000;}
.calendario th.cal_titulo_mes{border:none; height:25px;color: #990000;}


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

/* ====================================== */
/* ==========.	carta servicios  .========= */
/* ====================================== */

.cabecera{ margin: 10px 10px 0px 10px;background: url(img/cabecera.gif) top left no-repeat; height: 35px; WIDTH: 620px; float: right;border-bottom: 1px solid #ffffff; }
.cabecera .linkCompuesto {float:right; margin:15px 0 5px 0; display: block; clear: both;}
.enlace {float:left; display: block; clear: both; width: 95%;}
.enlace1 {float:left; display: block; clear: both;  width: 100%;}
.enlace1 .linkCompuesto img{border: 1px solid #ffffff; float: right;}

/* ==========.	Sección Visible  .========= */
.seccionCabecera h1{font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #333333; text-decoration: none ; font-weight: bold; margin: 5px 0px 0px 0px; text-align: left; letter-spacing: 0px;display:block;}
.fitxaTramit .seccion {display: block; float: left; width: 100%;margin: 0; padding: 0; margin-bottom: -1px;}
.fitxaTramit .seccion .elem2Columnas {background-color: #ffffff; border:1px solid #1e4279; display: block; overflow: hidden;}
.fitxaTramit .seccion .elem2Columnas .columna1{ border-right: 1px solid #1e4279; border-top: 1px solid #1e4279; display: block; float: left; width: 22%; background-color: #cccccc; padding: 0 0 1000px 0; margin: -1px 0 -1000px 0; overflow: hidden; padding-top: 5px;}
.fitxaTramit .seccion .elem2Columnas .columna2{ width: 78%;display: block; float: right; overflow: hidden;  font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000000; }
.fitxaTramit .seccion .elem2Columnas .columna1 h2{font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; text-decoration: none ; margin-left: 5px; }
.seccion .titolFitxa h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; letter-spacing: 1px;color: #1e4279; text-decoration: none ; font-weight: bold; margin: 5px 0px 5px 5px;;text-transform: uppercase;}
.seccion .titolFitxa p { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; letter-spacing: 1px;color: #1e4279; text-decoration: none ; font-weight: bold; margin: 5px 0px 5px 5px;;text-transform: uppercase;}
.seccion .elem2Columnas .columna2 p {display:block; clear: both; float: left;margin: 0px 2px 5px 10px;}


/* ==========.	Sección Imprimible  .========= */

.seccionImprimible {display: block; float: left; width: 100%;margin: 0; padding: 0; border-top:1px solid #1e4279;}
.seccionImprimible .elem2Columnas {background-color: #ffffff;  border-right:1px solid #1e4279; border-left:1px solid #1e4279; display: block; overflow: hidden;}
.seccionImprimible .elem2Columnas .columna1{ border-right: 1px solid #1e4279; display: block; float: left; width: 22%; background-color: #336699; padding: 0 0 1000px 0; margin: 0 0 -1000px 0; overflow: hidden;}
.seccionImprimible .elem2Columnas .columna2{ display: block; float: right;  width: 78%; padding: 0 0 1000px 0; margin: 0 0 -1000px 0; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000000;}
.seccionImprimible .elem2Columnas .columna2 p {display:block; float: left; margin: 0px 2px 5px 10px;}
.seccionImprimible .elem2Columnas .columna1 h2{ padding-top: 5px; background-image: none;font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; text-decoration: none ; margin-left: 5px; font-weight: bold;}
.seccionImprimible .elem2Columnas .columna2 a img {float:left; display: block; clear: none; margin-left:10px;}
.seccionImprimible .titolFitxa h2{font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #557ebc; text-decoration: none ; font-weight: bold; margin: 5px 0px 5px 5px; text-transform: uppercase; }



.seccionCabecera{display: block; float:left; clear: both; margin:5px 0px 0px 0px; width: 100%; padding: 0; } 
.lineaseccion a{display: block; float:right; clear: both; margin: 5px 0px 5px 0px;}
.linea a{display: block; float:right; clear: both; margin: 0px 0px 0px 0px;}
.lineaseccion2 {display: block; float:right; clear: both;margin: 5px 0px 5px 0px;}
.lineaseccion3 {display: block; float:left; clear: both;margin: 5px 0px 5px 0px;}
.lineaseccion { margin-top:0px; display: block; float:right; width: 100%; }


/*************************Actividad************************/
.fitxaTramit .actividad .elem2Columnas {display: block; float: left; overflow: hidden;}
.fitxaTramit .actividad .elem2Columnas .columna1 {background-color: #6488AE; display: block; float: left;  width: 22%;padding: 0 0 1000px 0px; margin: 0 0 -1000px 0;  font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000000;}
.fitxaTramit .actividad .elem2Columnas .columna2 {width: 75%;padding: 0 0 1000px 0px; margin: 0 0 -1000px 0;}
.fitxaTramit .actividad .elem2Columnas .columna2 .elem3Columnas { width:95%; border: 1px solid #6488ae;}
.fitxaTramit .actividad .elem2Columnas .columna2 .elem3Columnas .columna1{background-color: transparent; width: 10%; padding: 0 0 1000px 0; margin: 0 0 -1000px 0;}
.fitxaTramit .actividad .elem2Columnas .columna2 .elem3Columnas .columna2{ width: 60%;padding: 0 0 1000px 0px; margin: 0 0 -1000px 0; }
.fitxaTramit .actividad .elem2Columnas .columna2 .elem3Columnas .columna3 { width: 27%;padding: 0 0 1000px 0px; margin: 0 0 -1000px 0;}
.fitxaTramit .actividad .elem2Columnas .columna2 .elem3Columnas .columna1 .H2 { font-weight: bolder; font-size: 1em;}
.fitxaTramit .actividad .elem2Columnas .columna2 .elem3Columnas .columna2 .H2 {font-weight: bolder; font-size: 1em;}
.fitxaTramit .actividad .elem2Columnas .columna2 .elem3Columnas .columna3 .H2{font-weight: bolder; font-size: 0.9em;}
.elem2Columnas .columna1 .imagenBase{float: left;}