/* ************************************************************************** */
/* ************************ VERSION AYUNTAMIENTO **************************** */
/* -----   ---------- Version 2.0 por ABSIS  9-01-2006 -------------   -----  */
/* ************************************************************************** */
/* ************************************************************************** */
body{margin: 0; padding: 0; background:#dedede; font-size: 0.9em; font-family: verdana, arial, Helvetica, sans-serif; color: #000;}

/* =============================== */
/* ======.Elementos Comunes.====== */
/* =============================== */
a {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; background-color: transparent;text-decoration: none; outline: none;color: #1e4279; font-weight : bold; margin: 0; padding: 0; visibility:hidden;}
a:visited {color: #948b34;}
a:active {color: #1e4279;}
a:hover {color: #948b34; text-decoration: underline;}
a img{border:none; padding:0; margin:0;}


h3{font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #606060; text-decoration: none;}
h1{font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #BFCBDD; margin-top: 1px; text-decoration: none ; font-weight: bolder; letter-spacing: 1px;}

h4{font-family: "times new roman", arial, verdana,Hevetica,sans-serif; background-color: transparent; color:#990000; font-size: 1em; border-bottom: 1px solid; margin:0;}
p {/**/  margin: 0px 5px 0 5px;}
a, p, label, input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; /*display: inline;*/ white-space:normal;}
ul{width: 80%; margin: 0 0 0 5px; padding: 0 0 0 20px; /**/ }
li{margin: 5px 0 5px 0;}
img{}

/* =============================== */
/* =========.Estructura.========== */
/* =============================== */
/************************************
Estructura:
  body
  |
  +--#pagina
     |
     +--#auxiliarSuperior
     |
     +--#contenidos
     |  |
     |  +--#tipolgiaDePagina(portada,noticias,...)
     |     |
     |     +--.cabecera
     |     |
     |     +--.menu
     |     |
     |     +--.contenido
     |        |
     |        +--(Contenido de la página)
     |
     |
     +--#auxiliarInferior
************************************/
/* ====================================== */
/* ==========.CONTENIDO PAGINA  .======== */
/* ====================================== */

#pagina {color:#000; padding:0; margin:0; text-align:left; background-color:#fff; width:17cm;}

#auxiliarSuperior {display: none;}
#contenidos {width:17cm; margin:0; padding:0; /**/ }
#auxiliarInferior {width:17cm; margin:0; padding:0; /**/  height: 20px; background-color: #1e4279;}

/* Tamaño para las capas contenido y sus variantes*/
.columnaContenido { width:17cm; padding: 0;margin: 0;}

/***contenido para consultas y para que no afecte tb los ITs y tramits ***gl****/
.columnaContenidoH{width:80%;border:1px solid silver;border-top:10px solid #515184; margin: 20px 0 0 4px; padding-bottom: 10px; }
* html .columnaContenidoH{width:70%;}

#parrafo {/**/   width:16cm;}
.columnaContenido {/**/   width: 75%; margin: 10px 0 0 20px ;}
.pieWeb {   width: 100%; margin: 10px 0 0 0 ; text-align:center;}
.pieWeb p{   width: 100%;}
.mailPeu {  margin:0 auto;}


/*----Info----*/
p.info{ font-size:0.8em; background-color: transparent; color:#777; width: 790px; margin: 20px 0 0 0; padding: 0; visibility:hidden;}


/*----fijador----*/
.fijador{  margin:0; padding:0; font-size:0; height:0;}
.linea, .seccion, .info, .parrafo { /**/   margin:0; padding: 0; width: 100%;}
.lineaA {   width:99%; margin-top:10px;}
.lineaA a, .lineaA .img_imgLink,{display:inline;  visibility:hidden;}
.lineaA .img_imgLink {margin:0;}
/* ====================================== */
/* ==========.MENU             .========= */
/* ====================================== */
.columnaMenu {/**/  width: 18%; border: 1px solid #CECECE; margin: 20px 0 0 7px; visibility:hidden;}
.menu,
.menu ul,
.menu li.menuSubOpcion,
.menu a,
.menu h1{margin:0; padding:0;  }
.menu li.menuSubOpcionActual
 {margin:0; padding:0;  color:#515184;background-color: #efefef;}
.menu li.menuSubOpcion IMG,
.menu li.menuSubOpcionActual IMG {padding:0 2px 0 0;}
.menu {font-size: small; width:170px;}
.menu h1 { background-color:#515184; font-size: 90%; padding: 3px 0 5px 3px; border: 1px solid #515184;
color: #515184; width:120px;}

.menu ul {list-style: none; border: none;}
.menu ul li a { 
font-size: 0.8em; 
 
border-bottom: 1px solid #515184; 
padding: 5px 0 2px 4px; 
text-decoration: none; 
color:#515184; 
width:130px; /*estaba a 150px y lo he puesto a 130px*/
}
.columnaMenuP .menu ul li a {font-size: 0.6em; width:170px;}


.menu ul li a:hover, 
.menu ul li a:focus {color: #fff;font-weight:bold;background-color:#515184;}
.menu ul li a:visited{}

#parrafo .columnaMenuP { /**/   width: 100%; border: none; padding:20px 0 30px 0; }
#parrafo .columnaMenuP .menu {font-size: 1.2em; font-weight: bold; margin-left: 50px; }

.columnaContenidoH .filtroConsulta {  margin-left:10px;}
.columnaContenidoH .filtroConsulta .lnfLinea{ margin-left:15px;}

/* ====================================== */
/* ==========.PAGINA PRINCIPAL    .========= */
/* ====================================== */
.principal {margin:20px 0 0 0px; /**/   font-size: 0.9em; width: 100%; }
.principal a, .principal a:hover, .principal a:active, .principal a:visited 
{ margin:0px; font-weight:bold; color: #3471cc;   }
.principal a:hover {color: #000; text-decoration:underline; font-weight:normal;}
.principal ul {   margin: 0px 0 15px 5px; width: 95%;}
.principal ul li {list-style-type: none; }
.principal li {margin: 5px 0 5px 0;padding:0;list-style:none; display: block ;  }


.principal .menuOpcion {width: 100%; font-size: 1.2em; font-weight: bold; color: #3471cc; text-transform:uppercase; width: 100%;}
.principal .menuOpcion a:hover{font-weight:bold;}

.principal .menuOpcion .menuOpcion{font-size: 1.0em; font-weight: bold; color: #3471cc; text-transform:none; padding-left:20px; margin-bottom:10px;}
.principal .menuOpcion .menuOpcion a{font-weight:bold; color: #3471cc; width: 100%;}
.principal .menuOpcion .menuOpcion a:hover{font-weight:bold;}
.principal .menuOpcion .menuSubOpcion {margin-top:10px;}
.principal .menuSubOpcionMarcat{background:no-repeat;}
.principal .menuSubOpcion{list-style-type: none; padding: 0 0 0 0px; margin: 10px 0 0 0; width: 98%;}
.principal .menuSubOpcion a:hover{font-weight:normal;}
.principal .menuOpcion .menuSubOpcion a {color: #000; font-weight:normal;}
.principal .menuOpcion .menuSubOpcion a:hover{font-weight:normal;}
           .menuOpcion .menuSubOpcion{margin:0px; text-transform:none;}
.principal ul ul{margin-left:15px;}

/* **************************Portada************************************** */
/* *********************************************************************** */

#portada{  width: 100%;}
.titulo {/**/  width:95%; padding:0; margin:0;}
.cabecera1{background: url(img/logoajuntament.gif) top right no-repeat;height: 0px; color: #fff; height:0px;display:none;}
.textoBase{ /**/   width: 90%; margin: 5px;}
.textoBase p{  }
.textoBase img{  }

.barraUsuario {   width:100%;}
.usuarioInfo {   width:95%; border:none; background-color: #fff;}
.usuarioInfobtn {   width:2%; background-color: #fff; border:none; font-weight: bolder;}

/*.imagenBase {   margin: 5px 0;}
#imagenBase-14 {  margin:auto 0;}*/
#ident {background: url(../catala/img/iconos/propios/conecta.jpg) center right no-repeat; width:100%;}

#Portada .imagenBase {}
#Portada .txt {width:80%;margin:10px;
  
background-repeat: no-repeat;
background-image: url(../catala/img/iconos/propios/FOG-023666.jpg);
border:1px solid #515184; 
height:143px;}
#Portada .txt h2{width:100%;margin:0; padding:0;  border-bottom:1px solid #515184;background-color: #515184; color:#fff;}

#Portada .txt a{background:#515184;color:#fff;  margin:0; padding:0; width:100%;text-decoration: none;color:#fff; margin-top:130px;}
#Portada .txt a:hover{text-decoration:underline;}
.linea6 {width:260px;border:1px solid silver; margin:0 ;padding:0; text-align:left; background-color:#515184;}
.linea6 a {font-size: 0.7em;  margin:0; padding:0; text-decoration: none;
color:#fff;width:250px;}
.linea6 a:hover{width:260px;color: #515184; background-color:#fff; margin:0;padding:0;}
/*gl*/
.botAceptar{height:40px;margin:0;clear:left;}
.campo_lista, .campo_texto{width:30%;}
/*cebecera*/
.cabecera {background-image: url(../catala/img/fotos/cabecera.gif);width:680px;display:none;height:86px; }

/* ====================================== */
/* ==========.BUSCADOR MENU    .========= */
/* ====================================== */
.buscadorMenu {
  margin:0;
  padding:7px 5px 0 5px;
  background:#00198C;
  border:none;
  height:25px;
  display: none;
  
  width: 100%;
}

.buscadorMenu h4{margin:0 2px 0 0;padding:0; background-color: transparent; color:#FFF; display:inline;}
.buscadorMenu form{margin:0; padding:0; background-color: transparent; font-size:0.8em; display:inline;}

.formBuscar input.frmTexto, .buscadorMenu input.frmTexto{
	display:inline;
	border:1px solid #000088;
	margin:0;
	padding:0;
	font-weight: normal;
	vertical-align:middle;
	text-indent:3px;
 }
.formBuscar input.frmTexto, .buscadorMenu input.frmTexto{width:135px;}

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 {  
		vertical-align: baseline;
		font-weight: normal;
		color: #000066;
		background-color: transparent;
}

#resultados.labelG {  
		vertical-align: baseline;
		font-size: 1.0em;
		font-weight: normal;
		color: #ff9900;
		background-color: transparent;
}
#resultados.labelGN {  
		vertical-align: baseline;
		font-size: 1.0em;
		font-weight: normal;
		color: #ff9900;
		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;
}
.cabeceraResulBusqueda{  
		
		
		
		width: 100%;
}

.resulBusqueda .elemResul h2 {  
		
		
		
		width: 100%;
font-size: 1.0em;
}

.resulBusqueda .elemResul h2 a{  
		
		
		
		width: 100%;
font-size: 1.0em;
}
/* ====================================== */
/* ==========.COLUMNAS         .========= */
/* ====================================== */ 
/*----Columnas----*/
.elem0columnas, .elem1Columnas, .elem2Columnas, .elem3Columnas, .elem4Columnas, .elem8Columnas
{page-break-before:auto; padding:0; margin:0;  width: 100%;}

.columna1, .columna2, .columna3, .columna4{  padding:0; margin:0;}

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

/*----3 columnas----*/
.elem3Columnas .columna1,.elem3Columnas .columna2 { }
.elem3Columnas .columna3 { float:right;}
.elem3Columnas .columna1 {width:38%;}
.elem3Columnas .columna2, .elem3Columnas .columna3 {width:32%;}



.elem3Columnas .columna1, .elem3Columnas .columna3{ width:32%;}
.elem3Columnas .columna2{width:34%; margin:0 auto 0 auto; }

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

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

/* ====================================== */
/* ==========.	carta serveis  .========= */
/* ====================================== */

.fitxaTramit{margin:0 0 0 20px; width:100%;}
.elem2Columnas {width: 100%; margin:0;}
.elem2Columnas .columna1 .imagenBase,
.elem2Columnas .columna2 .imagenBase { margin:0 0 0 20px; width: auto;}
.elem2Columnas .columna2 .imagenBase {display:none;}
.seccionCabecera h1{font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #3471cc; text-decoration: none ; font-weight: normal;  text-align: left; letter-spacing: 0px; margin:0 0 0 20px;}
.fitxaTramit .seccion {display:none;  width: 100%;margin: 0; padding: 0; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666;}
.fitxaTramit .seccion .elem2Columnas .columna1{width: 22%;background-color: #bfcbdd;  overflow: hidden;}
.fitxaTramit .seccion .elem2Columnas .columna2{background-color: #fff; width: 77%; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000;}
.fitxaTramit .seccion .elem2Columnas .columna2 .columna1 {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; text-decoration: none ;  }
.fitxaTramit .seccion .elem2Columnas .columna2 .columna1{width: 40%; background-color: #fff; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; }
.fitxaTramit .seccion .elem2Columnas .columna2 .columna2{width: 50%; background-color: #fff; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; }
.fitxaTramit .seccion .elem2Columnas  .columna1 h2{font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #1e4279; text-decoration: none ; margin-left: 5px; margin-bottom: 5px;}
.fitxaTramit .seccion .elem2Columnas .columna2 p {width:85%;}
.fitxaTramit .seccion .elem2Columnas .columna2 .formulario a img{}
.fitxaTramit .seccion .elem2Columnas .columna2 .formulario a.linkCompuesto p.txtLink{width: 90%; }

.seccionImprimible {width: 100%; margin:0 0 0 20px; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666;border-bottom: 1px solid #666;}
.seccionImprimible .elem2Columnas {overflow: hidden;}
.seccionImprimible .elem2Columnas .columna1{ width: 22%;background-color: #557ebc;  overflow: hidden;}
.seccionImprimible .elem2Columnas .columna2{ background-color: #fff; width: 77%; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000;}
.seccionImprimible .elem2Columnas .columna2 p {width:85%; }
.seccion .elem2Columnas {overflow: hidden;}
.seccion .elem2Columnas .columna2 p {width:85%; margin:0;}
.seccionImprimible .elem2Columnas .columna1 .columna1 h2{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000; text-decoration: none ;}
.seccionImprimible .elem2Columnas .columna1 h2{background-image: none;font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #fff; text-decoration: none ;  font-weight: normal;}
.seccionImprimible .elem2Columnas .columna2 .columna1{width: 45%;background-color: #fff;margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000;}
.seccionImprimible .elem2Columnas .columna2 .columna2 {width: 40%;background-color: #fff;margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000;}
.seccionImprimible .elem2Columnas .columna2 .formulario1{width: 100%;background-color: #fff;margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000;}
.seccionImprimible .elem2Columnas .columna2 .formulario2 {width: 100%;background-color: #fff;margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; }
.seccionImprimible .elem2Columnas .columna2 .formulario { margin: 0 0 10px 0;  width: 100%;background-color: #fff; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; }
.seccionImprimible .elem2Columnas .columna2 .formulario .linkCompuesto{  width: 100%;}
.seccionImprimible .elem2Columnas .columna2 .formulario a img{}
.seccionImprimible .elem2Columnas .columna2 .formulario a.linkCompuesto p.txtLink{  width: 90%; }
.seccionImprimible .elem2Columnas .columna2 .parrafo {   width: 100%;background-color: #fff; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; }

.seccionImprimible .elem2Columnas .columna2 .columna3{margin-top: 15px; width: 10%;float: right;}
.seccionImprimible .elem2Columnas .columna2 .parrafo a.linkCompuesto { width: 100%; }
.seccionImprimible .elem2Columnas .columna2 .parrafo a.linkCompuesto   img.img_linkCompuesto{}
.seccionImprimible .elem2Columnas .columna2 .parrafo a.linkCompuesto p.txtSeccVin{  width: 90%; }
.seccionImprimible .elem2Columnas .columna2 .parrafo a.linkCompuesto p.txtLink{  width: 90%;}
.seccionImprimible .elem1Columnas .columna1{display:none;width: 100%;}
.seccionImprimible .elem1Columnas .columna1 p {display:none;width: 90%;}
.seccionImprimible .elem2Columnas .columna2 .columna2 a.linkCompuesto {  width: 90%;  margin: 5px 0 0 0;}
.seccionImprimible .elem2Columnas .columna2 .columna2 a.linkCompuesto   img.img_linkCompuesto{}
.seccionImprimible .elem2Columnas .columna2 .columna2 a.linkCompuesto p.txtSeccVin{  width: auto;  }
.seccionImprimible .elem2Columnas .columna2 .columna2 .txtLink { width: auto;}
.seccionCabecera{  width: 99%; padding: 0; } 
.lineaseccion a{  }
.secciontabla{display:none;}


.linea a.linkCompuesto { width: 35%; padding: 0; margin: 0;}
.linea a.linkCompuesto p.txtLink, 
.linea a.linkCompuesto img.img_linkCompuesto{ margin: 0;}

.lineaOculta  a{  width: 100px;  margin: 0 ;  }
.lineaseccion2 { margin: 0;}
.seccionImprimible .titolFitxa h2{font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #557ebc; text-decoration: none ; font-weight: bold;  text-transform: uppercase; }
.seccion .titolFitxa h2 {display:none; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; letter-spacing: 1px;color: #1e4279; text-decoration: none ; font-weight: bold; text-transform: uppercase;}
.seccion .titolFitxa p { display:none;font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; letter-spacing: 1px;color: #1e4279; text-decoration: none ; font-weight: bold; text-transform: uppercase;}
.lineaseccion3 {margin: 5px 0px 5px 0px;}
.lineaseccion { margin-top:0px;  float:right; width: 100%; }

/****** tablas de actividades****/
.fitxaTramit{display:none;}
.fitxaTramit .actividad .elem2Columnas{overflow: hidden;}
.fitxaTramit .actividad .elem2Columnas .columna1{ width: 22%;background-color: #ffe030;  border: 1px solid #fff;}
.fitxaTramit .actividad .elem2Columnas .columna2{ background-color: #fff; width: 75%; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000;}
.fitxaTramit .actividad .elem2Columnas .columna2 .columna1{ background-color: #fff; width: 15%;  font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000;}
.fitxaTramit .actividad .elem2Columnas .columna2 .columna2{ background-color: #fff; width: 50%;  font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000;}
.fitxaTramit .actividad .elem2Columnas .columna2 .columna3{ background-color: #fff; width: 25%;  font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000;}
.seccionact .elem2Columnas .columna2 .columna1 .H2{font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; text-decoration: none ; margin-left: 2px; }
.seccionact .elem2Columnas .columna2 .columna2 .H2{font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; text-decoration: none ; margin-left: 2px;}
.seccionact .elem2Columnas .columna2 .columna3 .H2{font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; text-decoration: none ; margin-left: 2px; }
.actividad .elem2Columnas .columna2 .columna1{background-color: #fff;margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000;}
.actividad .elem2Columnas .columna1 h2{font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #1e4279; text-decoration: none ; margin-left: 5px;}

.actividad .seccionact { width: 100%;margin: 0; padding: 0;  border: 1px solid #666; }
.actividad .secciontabla { width: 100%;margin-top: -1px; padding: 0;  border: 1px solid #666;}
.secciontabla .elem2Columnas .columna2 p {    font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; }

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

/* ====================================== */
/* ==========.LOGIN            .========= */
/* ====================================== */

#frmLogin .datosUsuarioCert h2{  font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #1e4279; text-decoration: none ; margin-left: 10px; margin-bottom: 10px; }
#frmLogin .subgrupoForm .txtInfo p{ margin: 5px 0px 5px 0px; padding:0;  width: 100%; }
#frmLogin .lnfLineaBot{text-align: center;   margin-bottom:20px; height:auto;}
#frmLogin input.botLinkCert#botLinkCert { height: 40px; border: none; width: 212px; margin:0 auto; padding:0;   background: url(img/botonlogin.jpg) top left no-repeat;  }
#frmLogin .linkTexto {  margin:5px 0px 5px 0px ; padding:0;   }
#frmLogin .txtDescripcion {  margin:0; padding:0;   }*/

.paginaLogin{width:100%;}
.paginaLogin h1 { font-size:1.0em; margin: 10px 0px 10px 0px; padding:0;  }
.paginaLogin h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #1e4279; text-decoration: none ; font-weight: bolder; letter-spacing: 1px; margin:10px 0px 10px 5px; padding:0;   }
.paginaLogin h3 {font-size:1em; padding:0;    margin:10px 0px 20px 170px;}
.paginaLogin .textoBaseiz {font-size:1em; margin:0; padding:0;    margin:10px 0px 10px 5px; }
.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{  width:48%;}
.paginaLogin div.elem2Columnas div.columna form{ margin:0; padding:0;}
.tipoLogin1 {display: none;}
.tipoLogin {  margin: 0px 0 15px 100px;}
.textoEnlaceNuevoUsuario .txtNuevoUsuario {}

/**** Estilo para el formulario de alta de usuarios ****/
div#frmAltaUsuario{ width:100%; padding:1em;}
.datosNuevoUsuario{padding:0 10px 0 10px;}

.paginaLogin .textoBaseDer {    width: 80%; margin: 0px 0 15px 100px; padding: 0;text-align:justify;}
.paginaLogin .textoBaseDer p{ width:auto;}


/************************formularios************************/

#formularioBase .columnaContenido {overflow: hidden; border: 0px solid #dedede; width: 750px;  }
#formularioBase h1 {margin-left: 10px; border-bottom: 1px solid #1e4279;font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #1e4279; margin-top: 10px; width: 95%; text-decoration: none ; font-weight: bolder; letter-spacing: 1px}
#formularioBase .datosServicio{background-color: #dedede;   width: 730px; margin: 15px 0 0px 0; }
#formularioBase .columnaContenido .condiciones {  width: 730px; margin: 15px 0 0px 0;}
#formularioBase .datosSolicitante {background-color: #BFCBDD;   width: 730px;}
#formularioBase .columnaContenido .parrafo h2 {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #1e4279; text-decoration: none; margin: 15px 0 5px 0px;}
#formularioBase .datosSolicitante .parrafo {   width: 680px; margin: 0 0 0 20px;}
#formularioBase .datosSolicitante .lnfLinea {   width: 680px; margin: 0 5px 10px 20px;}
.parrafo p b{   margin: 0 0 0px 0px;}
.parrafo p {   font-family: Arial; font-size: 0.9em; margin: 2px 0 2px 0px;}
.parrafo h2 {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #234e8d; text-decoration: none; margin: 15px 0px 7px 0px;}
#formularioBase .parrafo h3 {   margin: 20px 0 10px 0px;}
.lnfLinea h2 {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #234e8d; text-decoration: none; margin: 15px 0px 7px 20px;}
.lnfLinea .linea a{   margin: 10px 0 0 0;}
#formularioBase .columnaContenido .condiciones .lnfLinea {margin: 5px 10px 5px 30px; width: 95%; }
#formularioBase .columnaContenido .condiciones .parrafo { margin: 0px 30px 5px 25px; width: 90%; }
#formularioBase .elem0Columnas .parrafo p { width: 700px; margin: 0 10px 10px 20px;   }
#formularioBase .elem0Columnas .lnfLinea .textoBase {  width: 690px; margin: 0 10px 15px 0px;   }
#formularioBase .elem0Columnas .lnfLinea  {margin: 0 0 0px 25px;   }
#formularioBase .elem3Columnas {width:100%;   }
#formularioBase .elem3Columnas .columna1 {/**/  width:240px; margin: 0px;  }
#formularioBase .elem3Columnas .columna2 {   width:230px; margin: 0px;}
#formularioBase .elem3Columnas .columna3 {  width:200px; margin: 0px; }
#formularioBase .columnaContenido .attachment{margin: 20px 0 0 10px;    }
#formularioBase .linea a {   margin: 5px 0 10px 0;}
#formularioBase .checkRepresentante {  margin: 10px 0 0 5px;}
#formularioBase .elem2Columnas {width:95%;   }
#formularioBase .elem2Columnas .columna1 {/**/  width:240px; margin: 0px;  }
#formularioBase .elem2Columnas .columna2 {   width:420px; margin: 0px;}


/**************************attach**************/
#formularioBase .attachment { margin: 0px;  width: 400px;  }
#formularioBase .attachment a .imgAttach{  margin: 0px; float:right; }
#formularioBase .attachment a .txtAttach {     }
#formularioBase .attachment a { width: 142px;	   margin: 0 0px 20px 0px;}  
#spanAttachText { font-size: 0.9em; font-family:Arial, Helvetica, sans-serif;  width: 250px;    margin: 0 0 20px 0px;} 


/*****campos****/
.campo_numerico {margin: 5px 0 0 0px;    }
.campo_texto {font-family: arial;    margin:5px 0 10px 0; }
.campo_booleano {  margin:3px 0 0 0px;}
.campo_lista  {margin: 5px 0px 5px 0px;    width: auto;}
.campo_lista  .campoLista1 {  width: 175px; margin: 0px;}
.campo_lista  .campoLista2 {  width: 175px; margin: 0px;}
.campo_lista .elemento  {   margin: 0px 0 4px 0px;}


/**********************TEXTOBASE***************************/
.textoBase,
.textoBaseDer,
.textoBaseiz{    width: 95%; margin: 0 0 15px 0; padding: 0;text-align:justify;}
.textoBaseiz h3{border-bottom:1px solid #000000;}
.textoBaseiz img{  float: right; margin: 0 0 0 10px;  }
.textoBase img,
.textoBaseDer img{   margin: 0 10px 0 0; }

.textoBaseDer li,
.textoBaseIz li,
.textoBase li{ margin: 0 0 0 25px; list-style-type: disc;}

.textoBaseiz h1, .textoBaseDer h1 {font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #BFCBDD; margin: 1px 0 0 5px; text-decoration: none ; font-weight: bolder; letter-spacing: 1px;}
.textoBaseiz h2 , .textoBaseDer h2 {margin-left: 10px;text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #1e4279; text-decoration: none; margin: 5px 0 0 5px;}
.textoBaseiz p , .textoBaseDer p {   margin: 0px 0 3px 5px; width: 95%; text-align:left;font-size: 0.9em; text-align: justify; }
.textoBaseDer h3 {margin: 0px 0 3px 5px;} /* SR */

.columnaContenidoH .textoBaseDer H2,
.columnaContenidoH .textoBaseDer P{padding:5px 0 0 5px;}
.columnaContenidoH .resulConsulta {  padding:5px 0 0 0; MARGIN:0;}
.columnaContenidoH .resulConsulta H3{width:95%;}


/**botones**/
.enlace {float:right; margin:10px 0 6px 0;   width: 13%;}
.botImprimir,.botAtras {color: #fff; background-color: #1e4279; height:0px; text-align: center; margin: 20px 10px 10px 0px; visibility:hidden;}
.botImprimir{float:right;}
.botBorrar,.botImprimir,.botAtras,.botAceptar,#submit1{width:150px; background: url(img/save_as_pdf.gif) center no-repeat;height:0px;visibility:hidden;font-size:small;cursor: pointer;}
#submit1{   width:100%; font-weight: bolder;  background: url(../catala/img/iconos/propios/conecta.jpg) center right no-repeat; padding-right:20px;}
.lineaBoton {   margin-left:220px;}
.lineaBoton .botImprimir {margin:0; padding:5px 0;}
/*****instalacions****************/

#formularioBase .Instalacions { width: 650px; margin: 5px 10px 20px 40px;    }
#formularioBase .Instalacions p {   margin-top: 10px;}
#formularioBase .Instalacions .columna1 {/**/ width: 150px; margin: 0px;}
#formularioBase .Instalacions .columna2 { width: 350px; margin: 0px;}

/*==================================================*/
/*  Documentos formulario                                 */
/*==================================================*/
#documento {width:17cm; margin:0; padding:0;}
#documento .columnaContenido .documento .Titulo {width:17cm; margin:0; padding:0;}
#documento .columnaContenido {width:17cm; margin:0; padding:0;}
#documento h1 {margin:0;font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #1e4279;text-decoration: none ; font-weight: bolder; letter-spacing: 1px}
#documento .columnaContenido .documento{width:100%; margin:0; padding:0;}
#documento .dadesolicitant {   width: 95%; margin:0 0 0px 0px;background-color: #BFCBDD;}
#documento .dadesolicitant h2 {text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #1e4279; text-decoration: none; margin: 10px 0 5px 25px;}
#documento .dadesolicitant p {   margin: 0px 0 5px 20px; width: 95%; text-align:left;}
#documento .dadeservei {   width: 95%; margin: 0px 0 0px 0px;background-color: #dedede;}
#documento .dadeservei h2 {text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #1e4279; text-decoration: none; margin: 20px 0 5px 25px; }
#documento .dadeservei p {   margin: 0px 0 5px 20px; width: 95%; text-align:left;}
#documento .parrafo p {   margin: 10px 0 5px 0; width: 95%; text-align:justify;}
#documento .formMTMBotonera {margin:0 0 10px 10px; color:#fff; }
#documento .columnaContenidoH { }
#documento .columnaContenidoH .textBaseiz {  }
#documento .columnaContenidoH h1{padding-top:10px;}
#documento .columnaContenidoH h2{padding:0 0 10px 15px;}
#documento .columnaContenidoH p{padding-left:15px;}

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


.tabla_attachments {font-size: 0.9em;   }

/* ====================================== */
/* ==========.CONSULTAS        .========= */
/* ====================================== */
.datosResultado div.formMTM,
#formBuscar, #frmFormBase, #tabFormulario{width: 99%; margin: 0; padding: 0;}

/* Conducta Estandar */
#consulta{width: 100%;}
#consulta .subtitulo {}

#portada #consulta {width: 407px;}

/* Conducta Estandar - filtro */
#consulta .filtro {margin: 10px 0 0 10px; width:90%;}
#consulta .filtro input,
#consulta .filtro select{ margin: 0; width: auto; background-color: #fff; border: 1px solid #CCC;}
#consulta .filtro input{font-size: 1em;}
#consulta .filtro .campo_texto {margin-right: 5px; width:auto;}
#consulta .filtro .campo_lista {}
#consulta .filtro .frmbotonera {}
#consulta .filtro .lnfLinea {margin-left:10px;}
#consulta .filtro .textoBaseiz {padding-left:10px; width:95%;}
#consulta .filtro input.botAceptar {width:150px; border:0;}

#consulta .filtro .campo_fechaHoraSinCalendario { margin-top: 5px;}
/* Conducta Estandar - resultados */
.EDCresultado {width: 99%;  }
.EDCresultado table{margin: 5px 0 2px 0; width: 98%; border-collapse: collapse;}
.EDCresultado th{background-color:#515184; color: #fff; padding:2px 0; font-size: 0.9em;}
.EDCresultado tr{border-bottom: 1px solid #888; }
.EDCresultado td {font-size: 0.9em; border-bottom: 1px solid #888; }
.EDCresultado a{text-decoration: underline;}
.EDCresultado table tr td input{border: none;}


#tabFormulario .acciones {width: 100%; margin: 0; padding: 10px 0;}
#tabFormulario .acciones a{margin-left:4px; font-size:0.8em; border: 1px solid #cecece; padding:0 4px;}
#tabFormulario .gridResultado .boton1 ,
#tabFormulario .gridResultado .boton2 { }
#tabFormulario .gridResultado .boton1 {width: 17.9em;}
#tabFormulario .gridResultado .boton2 {width: 400px;}

#tabFormulario .gridResultado .boton1 a,
#tabFormulario .gridResultado .boton2 a{  background: #eee url(img/decoracion/bgMenuAcciones.gif) left top repeat; vertical-align: middle; text-decoration: none; font-Size: 0.9em; 
color: #000; text-align: center; cursor: pointer; margin: 2px 0 0 4px; width: 19em; height: 2em; border-bottom: 1px solid #888; border-right: 1px solid #888; padding: 2px 2px 0 2px;}


div.EDC_Texto, .edc_linea{   width: 99%; margin: 5px 0; font-size:0.8em;}
.EDC_Texto1 { display:inline; margin: 5px 3px 5px 0; font-size:0.8em;}
.EDC_Texto1 a {padding: 0; margin: 0; font-size:1em;  border: 1px solid #cecece;}
.edc_etiqueta { display:inline; margin: 0 3px;}

/*#Consulta .EDC_resultado1 {width: 640px;}*/
.edc_titulo { width: 99%; margin: 5px 0; font-weight: bolder;}
.EDC_vinculo{margin: 0 0 0 0.3em;}

.edc_etiqueta {font-weight: bolder;}

#frmFormBase .textoBaseiz {margin: 5px 0 0 0 ; padding-left:15px; width: 95%;}
#frmFormBase .textoBaseiz H3{margin: 0; padding:0; border-bottom:#000000;}
#frmFormBase .textoBaseiz P{margin: 0; padding:0;}
#frmFormBase .seccion {/**/ width: 100%; padding-left:15px;}
#frmFormBase .columnaContenidoH .filtroConsulta .frmbotonera {display:none; height:0px;}

.legend {display:none;}
/* ====================================== */
/* ==========.BARRA DE USUARIO  .======== */
/* ====================================== */

/*.barraUsuario {  width: 75%;  background-color: transparent; border:none; padding: 0;}
.usuarioInfo, .usuarioInfo form1{  margin: 0; padding: 0;  border: none; }
.usrConectado {margin: 0; padding: 0; }
.usuarioInfo .usuario, .usuarioInfo .nombreUsr { width: 100%; display: inline;  }
.usuarioInfo .nombreUsr {font-weight:  bold; font-size:small;width:auto;margin:0 10px 1px; }
.usuarioInfo{background:none;  font-size: 1.1em; width: 100%; }
.usrDesconectado {margin: 0; padding: 0; width: 100%; }
.usuarioInfobtn {   cursor: pointer;  background:none; border: none; }*/