/*  -------------------------------------------------------------------------------  */
/*  |        CSS del Ayuntamiento de Sant Cugat                                   |  */
/*  |-----------------------------------------------------------------------------|  */
/*  |        Name: Hoja de estilo para las paginas de guia de la ciutat, tramits  |  */
/*  -------------------------------------------------------------------------------  */

body{ background-image: url(/imgfiles/images/back_body_agenda.gif); background-repeat: repeat-y; background-position: center;}

fieldset{ margin:0; padding:0; border:0;}
legend{ display:none;}


/* ==========| GUITRAPLA |============ */
/* =================================== */

#guitrapla { float: left; width:760px;}
	#guitrapla #top { float: left;}


/* ==========| IZQUIERDA |============ */
/* =================================== */

#izda { float: left; width: 112px;}
#izda ol{ float: left; width: 100px; margin:10px 0 0 0; padding:10px 5px 10px 5px; background-color:#F9FBEF; border: 1px solid #EDEDED; list-style-type:none;}
#izda ol li{float: left; width:99px; padding:2px 0; background-image:url(/imgfiles/images/listas_flecha_gris_10.gif); background-repeat:no-repeat;}
#izda ol li.seleccionado{float: left; width:99px; padding:2px 0; background-image:url(/imgfiles/images/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}
#izda ol li p{float: left; padding: 0 0 0 6px;}

/*SUBMENU*/
#izda ol li ol {float: left; width: 94px; margin:0; padding:0 0 0 6px; border:0; height:100%;}
#izda ol li ol li {float: left; width: 89px; padding: 0px 0px 1px 5px; color: #646464; background-image:url(/imgfiles/images/listas_guion_gris_06.gif); background-repeat:no-repeat; background-position:top left;}
#izda ol li ol li.seleccionado {float: left; width: 89px;  padding: 0px 0px 1px 5px; background-image:url(/imgfiles/images/listas_guion_negro.gif); background-repeat:no-repeat; background-position:top left; color:#000;}
#izda ol li ol li.seleccionado a{float: left; color:#000;}


/* ==========| CENTRO |============ */
/* ================================ */

#guitrapla #centro { float: left; width: 520px; padding: 0 0 0 2px;}


/* ==========| MIGAS |============ */

#guitrapla #migas { float: left; width: 510px; height: 20px;}
	#guitrapla #migas ul { margin-left: 0; padding-left: 0; display: inline; color: #7C7C7C;} 
	#guitrapla #migas ul li.primero { margin:0; padding:0; list-style: none; display: inline; background-image:none;}
	#guitrapla #migas ul li { margin:0; padding:0; list-style: none; display: inline;}
	#guitrapla #migas ul li a{ padding:0 6px 0 0; background-image:url(/imgfiles/images/listas_flecha_migas.gif); background-repeat:no-repeat; background-position:right center;}


/* ==========| EXPLICACION |============ */

.explicacion{ float: left; width: 476px; padding: 0 10px 0 20px;}
	.explicacion .izda{ float:left; height: 75px; background-image:url(/imgfiles/images/back_image_media_1.gif); background-position:bottom; background-repeat:repeat-x;}
	.explicacion .izda2{  float: left; width:80px; height: 70px;}
	.explicacion .izda3{  float: left; width:180px; height:111px;  background-image:url(/imgfiles/planols/placa2.jpg);background-repeat:no-repeat;}
	.explicacion .izda3 p{float: left; width:110px; height:57px; text-align:center; font-family:courier; font-size:12px; padding:24px 25px 30px 45px; line-height:15px; font-weight:bold;}

	.explicacion .explicadcha{ float:left; width:385px; padding:0 0 0 10px;}
	.explicacion .explicadcha2{ float:left; width:285px; padding:0 0 0 10px;}
	.explicacion .abecedario a{ float:left; margin-left:2px; padding:0 3px; border:1px solid #c2c888; background:#F9FBEF; text-decoration:none;}
	.explicacion .abecedario a:hover{ background:#FFF; border:1px solid #709F24;}
	.explicacion .abecedario a.seleccionado{ color:#000; background:#FFF; border:1px solid #709F24}
	.explicacion .verenplano { float:right; padding:4px 0;}
		.explicacion .verenplano a{ padding:2px 3px; background:#eef3d0; border:1px solid #c2c888; color:#000; text-decoration:none;}
		.explicacion .verenplano a:hover{ background:#FFF; color:#000;}
	.explicacion .listado { padding-left:5px; background: transparent url(/imgfiles/images/listas_flecha_naranja_09.gif) left top no-repeat;}


/* ==========| EXPLICACION CON FOTO GRANDE |============ */

.explica-img-gran { float: left; width: 478px; padding: 0 10px 0 20px;}
	.explica-img-gran .izda{ float: left; width: 225px; height:145px; margin:0 10px 0 0; background-image:url(/imgfiles/images/back_image_grande.gif); background-repeat:no-repeat; background-position:bottom;}
	.explica-img-gran .dcha{ float: left; width: 242px;}
		.explica-img-gran ul{ float: left; margin:0; padding:0; list-style-type:none;}
		.explica-img-gran li{ margin:0; padding: 5px 0 0 6px; background-image:url(/imgfiles/images/listas_flecha_naranja_14.gif); background-repeat:no-repeat;}


/* ===========| CUATRO COLUMNAS CON FOTO Y EXPLICACION |=========== */

.cuatrocol  { float: left; width: 485px; padding:0 0 0 20px;}
	.cuatrocol .item { float: left; width: 80px; margin: 0 55px 0 0;}
	.cuatrocol .itemultimo { float: left; width: 80px;}
	.cuatrocol .arriba{ height: 72px;}
	.cuatrocol .abajo{ padding: 4px 0 0 0;}


/* ==========| CALLEJERO |============ */

.galeria-madre{ float: left; width: 494px; padding: 0 0 0 14px;}
	.galeria{ float: left; width: 482px; padding: 4px; border: 1px solid #EAEAEA;}
		.galeria h4{ float: left; margin:0; padding: 3px 0 5px 4px;}

		.galeria form.callejero{ float: left; width: 482px; background:#f9fbef; position:relative;}
		.galeria form.callejero fieldset{ padding:10px 6px 5px 6px;}
		.galeria form.callejero fieldset p{ float:left;}
		
		.galeria form.callejero fieldset.calles{ background:#f4f8e3; padding:10px 6px 5px 6px;}
		.galeria form.callejero fieldset.calles p{ margin-bottom:10px;}
		.galeria form.callejero fieldset.calles p.listado{ margin-left:36px; padding-left:5px; background: transparent url(/imgfiles/images/listas_flecha_naranja_09.gif) left top no-repeat; display:inline;}
		.galeria form.callejero fieldset.calles label.carrer{ float:left; width:285px;}
		.galeria form.callejero fieldset.calles label.carrer input{ width:245px;}
		.galeria form.callejero fieldset.calles label.num{ float:left; width:107px; margin-left:25px;}
		.galeria form.callejero fieldset.calles label.num input{ width:60px;}
		
		.galeria form.callejero fieldset.prop{ padding:10px 6px 5px 6px;}
		.galeria form.callejero fieldset.prop p{ width:215px; margin-bottom:5px; padding-left:20px;}
		.galeria form.callejero fieldset.prop p.indicar{ width:472px; padding:0;}
		.galeria form.callejero fieldset.prop p.mas{ width:auto; margin-left:260px; padding-left:6px; display:inline;}
		.galeria form.callejero fieldset.prop label input{ float:left; border:none; background:#f9fbef;}
		.galeria form.callejero fieldset.prop label span{ float:left; margin-left:5px; padding: 4px 0 5px 25px;}
		
		.galeria form.callejero .doscoldashtext{ float: left; width: 482px; padding:0;}
		.galeria form.callejero .doscoldashtext p.serveis{ margin:10px;}
		.galeria form.callejero .doscoldashtext input{ background-color:#F9FBEF;}
		
		.galeria form.callejero input.boton{ position:absolute; top:9px; right:6px; width: 50px; padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
		.galeria form.callejero input.boton:hover{ background: #FFF;}
		
		.galeria form.callejero input.boton2{ float:right; margin:10px; padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
		.galeria form.callejero input.boton2:hover{ background: #FFF;}


/* ==========| DOS COLUMNAS CON SUBTITULOS |============ */

.doscol{ float:left;}
	.doscol .columna{ float:left; width:236px; margin: 0 5px 0 14px; display:inline;}
		.doscol .columna h3 { margin-bottom:0; padding: 0 0 2px 8px; font-size:12px; color:#6eab24; border-bottom:1px solid #D0D0D0;}
		.doscol .columna p{ margin:10px 0 0 8px;}
		.doscol .columna ul{ margin:10px 0 0 8px; padding:0;}
		.doscol .columna ul li{ margin:0; padding: 2px 0 3px 5px; list-style-type:none; background: transparent url(/imgfiles/images/listas_flecha_naranja_10.gif) left top no-repeat;}


/* ==========| OPCIONES VISUALIZACION |============ */

.visual-madre{ float: left; width: 494px; padding: 0 0 0 14px;}
	.visual{ float: left; width: 489px; padding:8px 0; border: 1px solid #EAEAEA;}
	
	.visual .columna{ float: left; width:224px; padding: 0 10px;}
	.visual .primera{ border-right: 1px dashed #D0D0D0;}
	
	.visual h4{ margin:0; padding:0}
	.visual ul{ margin:0; padding:0 0 20px 10px;}
	.visual ul li{ margin:0; padding:3px 0 0 5px; list-style-type:none; background: transparent url(/imgfiles/images/listas_guion_gris.gif) left center no-repeat;}
	.visual img{ float:left; margin:0; padding:0 8px 0 0;}
	.visual p a{ float:left; display:block; width:auto; margin:15px 0 10px 0; padding:5px; border:1px solid #c2c888; background:#eef3d0; text-align:center;}
	.visual p a:hover{ background:#FFF; text-decoration:none;}
	.visual p.adobe_plugin { float:left; width:136px;}
	.visual p.adobe_plugin span{ display:block; padding:3px 0 3px 20px; background: transparent url(/imgfiles/images/adobe_plugin.gif) left center no-repeat;}
	
	.visual p.mas{ float:left; margin-left:12px; padding-left: 6px; display:inline;}
	.visual p.mas a{ float:none; display:inline; margin:0; padding:0; width:auto; border:0; background:#FFF;}
	.visual p.mas a:hover{ text-decoration:underline;}
	.visual dl, .visual ul.trafico{ margin:0; padding:10px 0 12px 10px;}
	.visual dl dt{ padding-bottom:4px;}
	.visual dl dd{ margin:0; padding: 0;}
	.visual dl dd ul{ margin:0; padding: 0;}
	.visual dl dd ul li, .visual ul.trafico li{ margin:0; padding: 0 0 4px 6px; list-style-type:none; background: transparent url(/imgfiles/images/listas_guion_gris.gif) left top no-repeat;}
	.visual dl dd ul li span{ font-weight: bold; color:#FFA012; font-size: 9px;}


/* ==========| 1 COLUMNA CON LISTA Y FLECHA |============ */

.unacollista{ float: left; width: 478px; margin:0; padding: 0 0 0 22px; list-style-type:none;}
	.unacollista li{ margin:0; padding:0 0 4px 6px; background-image:url(/imgfiles/images/listas_flecha_naranja.gif); background-repeat:no-repeat;}
	.unacollista li.dos{ margin:0; padding:0 0 4px 6px; background-image:url(/imgfiles/images/listas_flecha_naranja_08.gif); background-repeat:no-repeat;}
	.unacollista li.mas{ margin:0; padding:5px 0 4px 6px; background-image:url(/imgfiles/images/listas_flecha_naranja_14.gif); background-repeat:no-repeat;}


/* ===========| ICONOS DE TRAMITS DE LA PARTE DE SUBTITULO |=========== */

.titarribadcha img.tramits { padding: 0 0 0 6px;}


/* ==========| 2 COLUMNAS CON CAJA GRIS DEBAJO DE INFORMACION |============ */

.doscolgris{ float: left; width: 486px; padding: 0 13px 0 19px;}
.doscolgris1{ float: left; width: 290px; padding:0 0 0 8px;}
	.doscolgris .masinfo{ float: left; width: 170px; padding: 0 0 2px 20px; background-image:url(/imgfiles/images/nav/nav_atencio_off.gif); background-repeat:no-repeat;}
	.doscolgris .itemgrande{ float: left; width: 215px; padding: 5px 10px 5px 20px; background-color:#F3F3F3; border:1px solid #EAEAEA;}


/* ==========| 2 COLUMNAS CON IMAGEN CON PUNTEADO |============ */

.doscoldash{ float: left; width: 486px; padding: 0 0 0 22px;}
.doscoldashcol1{ float: left; width: 238px;}
.doscoldashcol2{ float: left; width: 238px; border-left: 1px dashed #D0D0D0;}
.doscoldashcol1 .itemprimero{ float: left; width: 203px; padding: 10px;}
.doscoldashcol1 .item{ float: left; width: 203px; padding: 10px; border-top: 1px dashed #D0D0D0;}
.doscoldashcol2 .itemprimero{ float: right; width: 203px; padding: 10px;}
.doscoldashcol2 .item{ float: right; width: 203px; padding: 10px; border-top: 1px dashed #D0D0D0;}
	.doscoldash ul{ float: left; margin:3px 0 0 0; padding: 0; list-style-type:none;}
	.doscoldash li{ margin:0; padding: 2px 0 0 6px; background-image:url(/imgfiles/images/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}
	
	
/* ==========| 2 COLUMNAS TODO TEXTO CON PUNTEADO |============ */

.doscoldashtext{ float: left; width: 486px; padding: 20px 0 0 10px; }
.doscoldashtextramits{ float: left; width: 486px; padding: 5px 0 15px 20px; }
	.doscoldashtext p.explica{ float:left; margin:10px; }
	.doscoldashtext1{ float: left; width: 238px; border-right: 1px dashed #D0D0D0;}
	.doscoldashtext2{ float: left; width: 228px; padding-left:10px;}
		.doscoldashtext1 .itemprimero{ float: left; width: 223px; padding: 10px 0;}
		.doscoldashtext1 .item{ float: left; width: 223px; padding: 10px 0; border-top: 1px dashed #D0D0D0;}
		.doscoldashtext2 .itemprimero{ float: left; width: 223px; padding:10px 0;}
		.doscoldashtext2 .item{ float: left; width: 223px; padding: 10px 0; border-top: 1px dashed #D0D0D0;}
		.doscoldashtext p.tit{ margin-bottom:8px;}
		.doscoldashtext div.ferro{ float:left; margin-top:5px;}

			.doscoldashtext ul{ margin:0; padding: 0; list-style-type:none;}
			.doscoldashtext li{ margin:0; padding: 2px 0 0 6px; background-image:url(/imgfiles/images/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}
		    .doscoldashtextramits ul{ margin:0; padding: 0; list-style-type:none;}
			.doscoldashtextramits li{ margin:0; padding: 2px 0 0 6px; background-image:url(/imgfiles/images/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}

			.doscoldashtext li.mas{ margin:0; padding: 2px 0 0 6px; background-image:url(/imgfiles/images/listas_flecha_naranja_12.gif); background-repeat:no-repeat;}
			.doscoldashtext li.sin{ background-image:none;}

			/*Afegir telefons*/
			.doscoldashtext li.afegir{background-image:none;}
			.doscoldashtext input.tel{ width:auto; margin:3px 0 0 0; border:none;}
			.doscoldashtext label{ margin:3px 0 0 0; padding:0 0 0 2px;}
			
			/*Listas para los iconos de tramits*/
			
			li.linea { padding: 4px 0 4px 18px; background-image:url(/imgfiles/images/icn_tramits_enlinea.gif); background-repeat:no-repeat;}
			li.inter { padding: 4px 0 4px 18px; background-image:url(/imgfiles/images/icn_tramits_inter.gif); background-repeat:no-repeat;}
			li.consult { padding: 4px 0 4px 18px; background-image:url(/imgfiles/images/icn_tramits_consulta.gif); background-repeat:no-repeat;}
			
			/*Tablas dentro de doscoldashtext*/
			
			.doscoldashtext table{ float:left; width:223px; margin:3px 0 0 -6px;}
			.doscoldashtext caption{ width:223px; margin: 0 0 4px 2px; padding: 0 0 2px 6px; text-align:left; background-image:url(/imgfiles/images/listas_flecha_naranja_08.gif); background-repeat:no-repeat;}
			.doscoldashtext table td { width:68px; padding:0 0 0 2px; vertical-align:top;}
			.doscoldashtext table td.linea { width:51px; padding:0 0 0 6px;}
			.doscoldashtext table td.destino { width:100px; padding:0 0 0 2px;}
			.doscoldashtext table td.servicio { width:153px; padding:0 0 0 6px;}
			.doscoldashtext table td.telefono { width:70px;}
			
			/*Listas para moure per la ciutat*/
			.doscoldashtext ul.moure{ float:left; margin:5px 0 0 0; padding: 0; list-style-type:none;}
			.doscoldashtext ul.moure li{ margin:0; padding: 0 0 0 6px; background-image:none}
			.doscoldashtext ul.moure li.flecha{ background:url(/imgfiles/images/listas_flecha_naranja_07.gif) no-repeat;}
			.doscoldashtext ul.moure li ul{ float:left; width:210px; margin:0; padding: 0;}
			.doscoldashtext ul.moure li ul li{ margin:4px 0 2px 6px; padding: 0 0 0 6px; background:url(/imgfiles/images/listas_flecha_naranja_08.gif) no-repeat;}
			.doscoldashtext ul.moure p.explica{ margin-top:4px;}

			/*Listas para categorias*/
			.doscoldashtext ul.cats{ float:left; width:218px; margin:0; padding:0 10px; list-style-type:none;}
			.doscoldashtext ul.cats li{ float:left; width:218px; margin:0; padding:10px 0; background-image:none; border-bottom:1px dashed #D0D0D0;}
			.doscoldashtext ul.cats li dl { float:left; margin:0; padding: 0;}
			.doscoldashtext ul.cats li dl dd{ float:left; margin:0; padding-left: 10px;}
			.doscoldashtext ul.cats li dl dd ul{ float:left; width:208px; margin:0; padding: 10px 0 5px 0;}
			.doscoldashtext ul.cats li dl dd ul li{ float:left; width:188px; margin: 0 0 4px 0; padding:0; border:0;}
			
			.doscoldashtext ul.cats li dl dd ul li label{ float:left; width:144px; margin:0; padding: 4px 0 4px 24px;}
			.doscoldashtext ul.cats li dl dd ul li input{ float:left; display:block; border:0;}
			
			.catsbotonera{ float:right; padding:15px 40px 0 0;}
			.catsbotonera input.boton{ width: auto; padding:1px 4px 0 4px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
			.catsbotonera input.boton:hover{ background: #FFF;}
			
			/*domcollapse*/
			.doscoldashtext .trigger{ cursor:pointer;}
			.doscoldashtext .trigger:hover{ cursor:pointer;}
			.doscoldashtext .expanded{ cursor:pointer;}
			.doscoldashtext .expanded:hover{ cursor:pointer;}
			.doscoldashtext .show{ position:static; display: table;}
			.doscoldashtext .hide{ position:absolute; left:-999em; height:1px; width:100px; overflow:hidden;}			


/* FORMULARIO BASICO */

.form-madre{ float: left; width: 428px; padding: 0 0 0 80px;}
	.formbasic { float: left; width: 354px; padding: 8px; background-color:#F9FBEF;}
	.formbasic .caja { float:left; width: 334px; padding:0 0 0 10px;}
		.formbasic .caja .izda{ float: left; margin-bottom: 10px; text-align: right; width: 100px; padding: 3px 4px 0 0;}
		.formbasic .caja .dcha{ float:left; width: 216px; margin-bottom: 10px; }
			.formbasic p.asterisc { padding: 8px 0 15px 0; text-align:center;}
			.formbasic input { width: 210px; padding: 1px 2px; border: 1px solid #D0D0D0;}
			.formbasic textarea{ height:80px; width: 212px; padding: 1px 0px 0px 2px;  border: 1px solid #D0D0D0; font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #646464;}
			.proteccion { float:left; width: 230px; padding: 0 0 0 104px;}
			.proteccion .col1{ float:left; width: 20px; height:26px;}
			.proteccion .col2 { float:left; width: 200px; padding-top: 3px;}
			.formbasic .abajo{ float:right; margin-bottom: 10px; padding-right: 14px;}
			.proteccion .col1 input.chebos{ width:auto; margin:0; border:none; background-color:#F9FBEF;}
			.formbasic input.bot-enviar { width: 50px; padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
			.formbasic input.bot-enviar:hover { background: #FFF;}
			.formbasic p.tit { padding: 0 0 6px 0; text-align:center;}
			.formbasic .caja .dcha .pri{ float:left; width: 106px;}
			.formbasic .caja .dcha .pri input{ width: 100px; padding: 1px 2px; border: 1px solid #D0D0D0;}
			.formbasic .caja .dcha .sec{ float:left; width: 110px;}
			.formbasic .caja .dcha .sec .iz{ float: left; text-align: right; width: 72px; padding: 3px 4px 0 0;}
			.formbasic .caja .dcha .sec .de{ float: right; width: 34px;}
			.formbasic .caja .dcha .sec .de input{ width: 28px; padding: 1px 2px; border: 1px solid #D0D0D0;}
			.formbasic .grupche { float:left; width: 334px; padding:0 0 0 10px;}
			.formbasic .grupche .one{ float:left; width: 102px; padding:0 4px;}
			.formbasic .grupche .one .cheeee{ float:left; width: 20px; height:26px;}
			.formbasic .grupche .one .cheley{ float:left; width: 82px; padding: 4px 0;}
			.formbasic .grupche .one .cheeee input.chebos{ width:auto; margin:0; border:none; background-color:#F9FBEF;}
			.formbasic select { width: 217px;}


/* ==========| LA RUTA |============ */

.laruta_madre{ float: left; width: 494px; padding: 0 0 0 14px;}
	.laruta{ float: left; width: 472px; padding: 4px 10px 10px 10px; background:#f9fbef;}
		.laruta h4{ margin:0; padding: 3px 0 12px 0;}
		
				.laruta ul{ float: left; margin:0; padding:0;}
				.laruta ul li{ list-style-type:none;}
			.laruta .botonera{ float:left; width:100%;}
			.laruta .botonera input{ float: right; width:auto; padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
			.laruta .botonera input:hover{ background:#FFF;}
	
	
/* ==========| LA RUTA GRANDE|============ */

.larutagran{ float: left; width: 608px; margin-top:5px; padding: 12px 10px; background:#f9fbef;}

	.larutagran .izq{ float: left; width:470px;}
		.larutagran .izq ul{ float: left; margin:0; padding:0;}
		.larutagran .izq ul li{ list-style-type:none;}
	.larutagran .botonera{ float: right; margin-top:10px; padding-right:15px;}
	.larutagran .botonera input{ float: left; width:auto; padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
	.larutagran .botonera input:hover{ background:#FFF;}
	.larutagran .botonera p.volver{ margin-top:5px;}


/* ==========| CAJAS CLARITAS CON BORDE |========== */

.cajasclara{ float: left; width: 491px; padding: 0 0 0 14px;}
	.cajasclara .uno { float: left; width: 238px; background-color:#F9FBEF; border: 1px solid #EAEAEA; border-top:0;}
	.cajasclara .dos { float: right; width: 238px; margin:0 0 0 11px; background-color:#F9FBEF; border: 1px solid #EAEAEA; border-top:0;}
		.cajasclara .cajasclara-tit { float: left; width:222px; padding: 4px 8px; background-color:#EDEDC8;}
		.cajasclara ul{ float: left; width: 230px; margin:0; padding:10px 0 6px 8px; list-style-type:none;}
		.cajasclara ul.tfijo{ float: left; height:120px; width: 230px; margin:0; padding:10px 0 6px 8px; list-style-type:none;}
		.cajasclara ul li{ float:left; width: 230px;}
		.cajasclara ul li.mas{ padding: 6px 0 1px 0;}
		.cajasclara ul li ul{ float: left; width: 210px; margin:0; padding:5px 0 10px 20px;}
		.cajasclara ul li ul li{ width: 210px; padding: 1px 0;}
		.cajasclara ul li ul li.mas{ padding: 6px 0 1px 0;}
		.cajasclara ul li ul li label{ padding: 0 0 3px 0;}
		.cajasclara .tres { float: left; width: 489px; margin:11px 0 0 0; background-color:#F9FBEF; border: 1px solid #EAEAEA; border-top:0;}
		.cajasclara .tres .cajasclara-tit { float: left; width:473px; padding: 4px 8px; background-color:#EDEDC8;}
		.cajasclara .tres ul{ float: left; width: 481px; margin:0; padding:10px 0 6px 8px; list-style-type:none;}
		.cajasclara .tres ul li{ float:left; width: 111px; margin-right: 4px;}
		.cajasclara .tres ul li input{ float:left;}
		.cajasclara .tres ul li span{ float:left; width: 90px; padding-top: 3px;}
		.cajasclara .botonera{ float:right; padding:15px 0 0 0;}
		.cajasclara .botonera input.mod{ width: 85px; margin:0 10px 0 0; padding:1px 0; background-color:#EEF3D0; color: #597B20;}
		.cajasclara .botonera input.mod:hover{ color: #000;}
		.cajasclara .botonera input.boton{ padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
		.cajasclara .botonera input.boton:hover{ background: #FFF;}
		.cajasclara input.texto, .cajasclara textarea { width:180px; padding:1px 2px;}
		.cajasclara input.vul { border:0; background-color:#F9FBEF;}
		.cajasclara input.numero { width:30px; padding:1px 2px;}
		.cajasclara select { width: 186px;}
		.cajasclara select.multiple { margin: 20px 0 20px 28px;}


/* ===========| CAJA CON BORDE GRIS Y LISTA |=========== */

.cajalista-madre{ float: left; width: 491px; padding: 0 0 0 14px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.cajalista{ float: left; width: 481px; padding: 8px 4px 0 4px; border: 1px solid #EAEAEA;}

.cajalista .cajalista-tit{ float: left; width: 474px; border-bottom: 1px solid #EAEAEA; padding: 4px 4px 1px 4px;}

.cajalista .cajalista-cont{ float: left; width: 474px; padding: 10px 4px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.cajalista .cajalista-cont ul{ float: left; width: 468px; margin:0; padding:8px 0 0 6px; list-style-type:none;}

.cajalista .cajalista-cont ul li{ width: 468px; padding: 3px 0;}

.cajalista .cajalista-cont table{ float: left; width: 468px; border-collapse:collapse;}

.cajalista .cajalista-cont table td.tit{ width: 150px; color:#709F24; padding:2px 6px;}

.cajalista-madre .actualizacio { float:right; width:162px; margin: 0 10px 0 0; padding:4px; background-color:#F9FBEF; border: 1px solid #EAEAEA; border-top:0; text-align:center;}



/* ==========| EXPLICACION CON FOTO GRANDE CON NAVEGACION |============ */

.explica-img-nav{ float: left; width: 488px; padding: 0 0 0 20px;}

.explica-img-nav .dcha{ float: left; width: 232px; margin: 0; padding:  0 0 0 10px;}
	.explica-img-nav .dcha .foto{ float: right; padding: 2px; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-left: 1px solid #EAEAEA;}
		.explica-img-nav .dcha .piefoto{ float: right; width: 230px; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #EAEAEA;}
			.explica-img-nav .dcha .piefoto-izda{ float: left; width: 105px; height: 14px; padding: 6px 0 0 10px; background-image: url(/imgfiles/images/back_pie_foto.gif);}
			.explica-img-nav .dcha .piefoto-dcha{ float: right; width: 105px; height: 19px; padding: 1px 2px 0 8px;}

			/* Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */
			.explica-img-nav .dcha .piefoto-dcha a{ float:right; margin:0 10px; z-index: 1; width: 18px;}                                                        
			html>body .explica-img-nav .dcha .piefoto-dcha a{ position: relative;}   
			.explica-img-nav .dcha .piefoto-dcha a{ display: block; min-height: 18px;}
			* .explica-img-nav .dcha .piefoto-dcha a{ height: 18px;}
			.explica-img-nav .dcha .piefoto-dcha a span{ position: relative; z-index: -1; display:none;}
			
			a#zoom_menos{ background: transparent url(/imgfiles/images/planol_zoom_menos.gif) 0 -18px no-repeat;}
			a#zoom_mas{ background: transparent url(/imgfiles/images/planol_zoom_mas.gif) 0 -18px no-repeat;}
			a#zoom_menos:hover, a#zoom_mas:hover {background-position:0 0;}

	.explica-img-nav .dcha .escala{ float: right; padding: 2px 0 0 0;}

.explica-img-nav .izda{ float: left; width: 243px;}
.explica-img-nav .izda table{ float: left; width: 100%; border-collapse:collapse; background:#F3F3F3;}
.explica-img-nav .izda table td{ padding:4px; border-top:2px solid #FFF; border-right:2px solid #FFF;}
.explica-img-nav .izda table td.pie{ background:#E6E6E6;}


/* ===========| FORMULARIO DE MULTIRESULTADO CARRER |=========== */
#formmulticarrer{ float: left; width: 494px; padding: 0 0 0 14px;}
#formmulticarrer form{ float: left; width: 489px; padding: 16px 0 8px 0; border:1px solid #EAEAEA; background:#f9fbef;}

#formmulticarrer form .access{ display: none;}
#formmulticarrer form p{ float:left; width: 430px; padding:0 0 8px 8px;}
#formmulticarrer form p label.radio input{ border: 0; background-color: #f9fbef;}
#formmulticarrer form p label.radio span{ float: left; width: 110px; padding-top: 3px;}

#formmulticarrer form input { float:left;}
#formmulticarrer form select{ float: right; width: 280px;}
#formmulticarrer form select.gran{ width: 425px;}
#formmulticarrer form input.bot-enviar { float: right; padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
#formmulticarrer form input.bot-enviar:hover { background: #FFF;}


/* ==========| PIC |========== */

#pic{ float: left; width: 494px; padding: 0 0 0 14px;}
#pic form{ float: left; width: 489px; padding-bottom:8px; border:1px solid #EAEAEA; background:#f9fbef;}
#pic form h3{ margin:0; padding:4px 9px; display:block; background:#ededc8}
#pic form fieldset{ margin:10px 8px 20px 8px;}
#pic form fieldset.arriba p{ width:475px;}
#pic form fieldset legend{ display:block; margin-bottom:5px;}
#pic form fieldset legend.access{ display: none;}
#pic form fieldset fieldset{ margin:4px 0 10px 0; padding:0;}
#pic form fieldset fieldset legend{ display:none;}

#pic form p{ margin-bottom:5px;}
#pic form p:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html #pic form p {display:block;}

#pic form p label{ float:left;}
#pic form p label input{ float:left; padding:1px 2px;}
#pic form p label span, #pic form p label strong{ float:left; display:block; padding:3px 4px 0 0;}

#pic form p label span.access{ display:none;}

#pic form p label.radio input{ border:0; background:#f9fbef;}
* html #pic form p label.radio span, * html #pic form p label.radio strong{ padding-top:5px;} /*Hack IE*/

#pic form p label.carrer{ float:left; margin:0 31px 0 6px;}
#pic form p label.carrer input{ width:253px;}
#pic form p label.num{ float:left; width:107px;}
#pic form p label.num input{ width:60px;}

#pic form p label.corto{ margin:0 49px 0 6px;}
#pic form p label.corto input{ width:101px;}
#pic form p label.corto select{ width:107px;}
#pic form p label.corto select.gran{ margin-left: 39px; width:259px;}
#pic form p label.corto span{ padding-top:2px; padding:2 4px 0 0;}

#pic form fieldset.planols p{ float:left; width:157px; margin-bottom:10px;}
#pic form fieldset.planols img{ margin:5px 0 0 21px;}

#pic form p.botonera{ text-align:center;}
#pic form p.botonera input { padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
#pic form p.botonera input:hover{ background:#FFF;}

/* ==========| HISTORIC CARRER |========== */
/*parrafo con icono INFO -historic carrer-*/
p.iconoinfo{ float: left; margin-left: 17px; padding: 0 0 2px 18px; background-image:url(/imgfiles/images/nav/nav_atencio_off.gif); background-repeat:no-repeat;}

/*parrafo con icono INFO -historic carrer-*/
form.botmostrar { float:left;}
form.botmostrar fieldset p{ float:left; width: 505px;}
form.botmostrar fieldset p input{ float:right; padding:1px 2px 0 2px; background:#eef3d0; border:1px solid #c2c888; color:#000; overflow: visible;}
form.botmostrar fieldset p input:hover{ background:#FFF;}


/* ===========| NAVEGACION DE LA DERECHA |=========== */

#dcha { float:left; width:116px; padding:0 0 0 3px;}
#dcha #vacio{ height:10px; width: 119px; margin:0 0 0 -1px; background-color:#FFF;}
#navegacion { float: left; width: 116px; padding:0 0 0 6px; border-left: 1px solid #FFF;}
#navegacion .backprimero {  background-color: #F9FBEF; border-bottom: 1px solid #EFEFEF; }
#navegacion .back { float:left ; background-color: #F9FBEF; border-bottom: 1px solid #EFEFEF; }


/* ==========| BANNERS |========== */

#navegacion .banners { float:left; padding: 4px 0 2px 0; }
#navegacion .banitem { float:left; padding: 0 0 10px 5px;}


/* ==========| CERCA DE LA GUIA |========== */

#navegacion #cerca { margin: 0 0 15px 0; padding: 0; list-style-type: none;}
#navegacion #cerca #imgcerca { padding: 5px 0 0 0; background-color: #EDEDC8;}
#navegacion #cerca #imgcerca p { padding: 5px 0 0 10px; background-color: #F9FBEF;}
#navegacion form { padding: 4px 0 0 0; background-color:#F9FBEF;}
#navegacion #cerca select { width:97px; margin:0 0 8px 0; padding: 0;}
#navegacion #cerca #cerca-abajo { height:14px; margin:0px 10px 0 0; padding: 4px; border: 1px solid #7C7C7C; background-color:#FFFFFF;}
#navegacion #cerca #cerca-abajo-izda { float:left;}
#navegacion #cerca input.cerca { border: none; padding:2px 0 0 0; margin:0; width:65px;}
#navegacion #cerca #cerca-abajo-dcha { width: 14px; height:16px; float:right; padding: 0 0 0 2px; border-left: 1px solid #7C7C7C; text-align:right;}
#navegacion #cerca input.botoncerca { width: 14px; height: 14px; padding: 0; border: 0; background-image: url(/imgfiles/1/boton_lupa_off.gif);}
#navegacion #cerca input.botoncerca:hover { background-image: url(/imgfiles/1/boton_lupa_on.gif);}


/* ==========| ENLACES |========== */

#navegacion .enlaces { margin: 0; padding: 0; list-style-type: none;}
#navegacion .enlaces #einteres { padding: 5px 0 0 0; background-image:none; background-color: #EDEDC8;}
* html #navegacion .enlaces #einteres { overflow:hidden; width: 104px;}  /*Hack <IE6*/
* html #navegacion .enlaces #einteres li { overflow:hidden; width: 104px;}  /*Hack <IE6*/

#dcha .enlaces ol { margin:0; padding:8px 0 0 4px; background-color:#F9FBEF;}
#dcha .enlaces li { padding: 0 3px 5px 6px; list-style-type: none; background-image:url(/imgfiles/images/listas_flecha_naranja.gif); background-repeat:no-repeat; background-position:top left;}


/* ==========| BUSCAR DIRECCION |========== */

#dcha .bus_dir { margin: 0; padding: 0 0 5px 0; list-style-type: none;}
#dcha .bus_dir #ebus_dir { padding: 5px 0 0 0; background-image:none; background-color: #EDEDC8;}
#dcha .bus_dir form { margin:0; padding:8px 4px 0 4px; background-color:#F9FBEF;}
#dcha .bus_dir form p{ float:left;}
#dcha .bus_dir form p span{ display:block;}
#dcha .bus_dir form input{ width:103px; padding: 1px 2px;}
#dcha .bus_dir form input.numero{ width:40px;}
#dcha .bus_dir form p.listado{ margin:2px 0 4px 0; padding-left:5px; background: transparent url(/imgfiles/images/listas_flecha_naranja_08.gif) left top no-repeat;}
#dcha .bus_dir form p.boton{ float:right;}
#dcha .bus_dir form p.boton input{ width:auto; padding:0 1px; margin-top:13px; border:1px solid #c2c888; background:#eef3d0; color:#000; text-transform:uppercase; overflow:visible;}
* html #dcha .bus_dir form p.boton input{ padding: 0 3px; overflow: visible;}
#dcha .bus_dir form p.boton input:hover{ background:#FFF;}


/* ==========| MOSTRAR SERVICIOS |========== */

#dcha .servicios { margin: 0; padding: 0; list-style-type: none;}
#dcha .servicios #eservicios { padding: 5px 0 0 0; background-image:none; background-color: #EDEDC8;}
#dcha .servicios form { margin:0; padding:8px 4px 0 4px; background:#F9FBEF;}
#dcha .servicios form p{ float:left; width:109px; margin-bottom: 3px;}
#dcha .servicios form p span{ float:left; width:65px; margin-left:1px; padding: 4px 0 5px 23px;}
#dcha .servicios form p.mas{ width:auto; margin:0 0 0 2px; padding: 0 0 5px 5px; background: transparent url(/imgfiles/images/listas_flecha_naranja_09.gif) left top no-repeat; display:inline;}
#dcha .servicios form label input{ float:left; border:0; background:#F9FBEF;}
#dcha .servicios form p.boton{ margin-bottom:7px;}
#dcha .servicios form p.boton input{ float:right; width:auto; padding:0 1px; border:1px solid #c2c888; background:#eef3d0; color:#000; text-transform:uppercase;}
#dcha .servicios form p.boton input:hover{ background:#FFF;}


/* ==========| MOSTRAR SERVICIOS |========== */

#dcha p.equipaments { text-align:center;}
#dcha p.equipaments a{ float:left;  display:block; padding:50px 5px 9px 5px; background: #BACE44 url(/imgfiles/images/ban_cerca_equipaments.gif) left top no-repeat; border-bottom:2px solid #BACE44; font:11px/14px "Trebucket-MS",Arial, Helvetica, sans-serif; color:#000;}
#dcha p.equipaments a:hover{ background-position: right top; background-color:#FEFEFC;}


/* ==========| GUIA CIUDAD |========== */

#dcha .guia { margin: 0; padding: 0 0 10px 0; list-style-type: none;}
#dcha .guia #eguia { padding: 5px 0 0 0; background-image:none; background-color: #EDEDC8;}
#dcha .guia form { margin:0; padding:8px 4px 0 4px; background-color:#F9FBEF;}
#dcha .guia form fieldset.categorias label span { display:none;}
#dcha .guia form p{ float:left; width:109px; margin-bottom:3px;}
#dcha .guia form fieldset.opciones p{ margin-bottom:0;}
#dcha .guia form p label select{ width:109px;}
#dcha .guia form p span{ float:left; width:88px; margin-left:1px; padding: 4px 0 5px 0;}
#dcha .guia form label input{ float:left; border: 0; background-color:#F9FBEF;}
#dcha .guia form p.boton{ margin-bottom:7px;}
#dcha .guia form p.boton input{ float:right; width:auto; padding:0 1px; border:1px solid #c2c888; background:#eef3d0; color:#000; text-transform:uppercase;}
#dcha .guia form p.boton input:hover{ background:#FFF;}


/* ==========| PROCEDIMENTS |========== */




#navegacion #procediment { margin: 0 0 15px 0; padding: 0; list-style-type: none;}
* html #navegacion #procediment { overflow:hidden; width: 104px;}  /*Hack <IE6*/
#navegacion #procediment #procediment-tit { padding: 5px 0 0 0; background-color: #EDEDC8;}
#navegacion #procediment #procediment-tit dl{ padding: 10px 0 0 5px; margin:0; background-color: #F9FBEF;}
#navegacion #procediment #procediment-tit dl dt{ margin: 0 3px 0 0; padding: 2px 0 2px 18px; border-bottom:1px solid #D0D0D0; background-repeat:no-repeat;}
#navegacion #procediment #procediment-tit dt.linea { background-image:url(/imgfiles/1/icn_tramits_enlinea.gif);}
#navegacion #procediment #procediment-tit dt.inter { background-image:url(/imgfiles/1/icn_tramits_inter.gif);}
#navegacion #procediment #procediment-tit dt.consult { background-image:url(/imgfiles/1/icn_tramits_consulta.gif);}
#navegacion #procediment #procediment-tit dl dd{ margin:0; padding: 5px 3px 0 5px; }
#navegacion #procediment #procediment-tit dl dd ul{ margin:0; padding:0; list-style-type:none;}
#navegacion #procediment #procediment-tit dl dd ul li{ padding: 0 3px 5px 6px; list-style-type: none; background-image:url(/imgfiles/1/listas_flecha_naranja.gif); background-repeat:no-repeat; background-position:top left;}


/* ==========| HERRAMIENTAS PIE |========== */

#pieherramientas { float:left; width: 494px; padding: 20px 0 0 14px;}
#pieherramientas #icons { float:left; width: 477px; padding: 6px; border:1px solid #EAEAEA; text-align:right;}
a.veureplanol { margin: 0 12px 0 0; padding: 0 0 6px 14px; background-image:url(/imgfiles/images/her/her_pie_veureplanol_off.gif); background-repeat:no-repeat; background-position:left top; color: #7C7C7C;}
a.veureplanol:hover { background-image:url(/imgfiles/images/her/her_pie_veureplanol_on.gif); color: #000; text-decoration:none;}
a.descarregar { margin: 0 12px 0 0; padding: 0 0 6px 16px; background-image:url(/imgfiles/images/her/her_pie_descarregar_off.gif); background-repeat:no-repeat; background-position:left top; color: #7C7C7C;}
a.descarregar:hover { background-image:url(/imgfiles/images/her/her_pie_descarregar_on.gif); color: #000; text-decoration:none;}
a.imprimir { margin: 0 12px 0 0; padding: 0 0 0 16px; background-image:url(/imgfiles/images/her/her_pie_imprimir_off.gif); background-repeat:no-repeat; background-position:left top; color: #7C7C7C;}
a.imprimir:hover { background-image:url(/imgfiles/images/her/her_pie_imprimir_on.gif); color: #000; text-decoration:none;}
a.enviaramigo { padding: 0 0 0 17px; background-image:url(/imgfiles/images/her/her_pie_enviar_off.gif); background-repeat:no-repeat; background-position:left top; color: #7C7C7C;}
a.enviaramigo:hover { background-image:url(/imgfiles/images/her/her_pie_enviar_on.gif); color: #000; text-decoration:none;}
a.pda { margin: 0 12px 0 0; padding: 0 0 6px 16px; background-image:url(/imgfiles/images/her/her_pie_pda_off.gif); background-repeat:no-repeat; background-position:left top; color: #7C7C7C;}
a.pda:hover { background-image:url(/imgfiles/images/her/her_pie_pda_on.gif); color: #000; text-decoration:none;}


/* ==========| PIE |========== */

#pie { clear:both; width:480px; margin:0 auto; padding: 30px 0 0 0; text-align:center;}
#pie #piearriba { width:444px; margin:0 auto; padding: 0 0 3px 0; border-bottom: 1px solid #D0D0D0; text-align: center;}
#pie #pieabajo { width:410px; margin:0 auto; padding:3px 0 0 0;}
#pie #pieabajoizda { float:left; width:346px; margin:0 auto;}
#pie #pieabajodcha { float:left; margin:0 auto;}
#pie #pieabajodcha img { padding: 4px 3px 16px 2px;}