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

body{ background-image: url(/imgfiles/1/banner_imprimir.jpg); background-repeat: repeat-y; background-position: center;}

/* ==========| HEADER |========== */
/* ============================== */

#header { display: none;}

/*CUERPO*/

#cuerpo{ float: left; width: 508px;}


/* ==========| LOGO |========== */

#logo { float:left;}


/* ==========| FORECAST |========== */

#header-forecast { float: left; width: 153px; height: 28px; padding: 9px 0 0 12px; background-color: #FFFFFF; vertical-align: text-bottom;}

#header-forecast-izda {float: left; height: 14px; padding: 0 3px 0 0;}

#header-forecast-dcha { float: left; width: 130px; height: 11px; padding: 3px 3px 0 0;}


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

#header-herramientas { float: left; width: 330px; height: 29px; padding: 8px 8px 0 12px; background-color: #FFFFFF; text-align:right;}

#header-herramientas img { margin: 0; padding: 0;}


/* ==========| TOOLS |========== */

#header-tools { float: left; width: 110px; height: 35px; padding: 0 0 0 7px; border-bottom: 1px solid #EFEFEF; border-left: 1px solid #EFEFEF;}

#header-toolsarribaizda { float: left; width:64px; padding: 2px 0 0 0; font-size:10px; color: #454545;}

#header-toolsarribadcha { float: left; padding: 3px 0 0 0;}

#header-toolsabajo { clear: both; padding: 1px 0 0 0;}

#header-toolsabajo input.buscar { height:11px; width:73px; padding:1px 2px; border: 1px solid #D0D0D0;}

#header-toolsabajo input.botontools { width: 14px; height: 14px; padding: 0; border: 0; background-image: url(/imgfiles/1/boton_lupa_off.gif); background-color: #FFFFFF;}

#header-toolsabajo input.botontools:hover { background-image: url(/imgfiles/1/boton_lupa_on.gif);}


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

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

#guitrapla2 { float: left; width:546px;}

#guitrapla3 { float: left; width:114px;}

#guitrapla #top { display: none;}


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

#guitrapla3 #izda { display: none;}

#guitrapla3 #izda ol{ width: 100px; margin:10px 0 0 0; padding:10px 5px 10px 5px; background-color:#F9FBEF; border: 1px solid #EDEDED; list-style-type:none;}

#guitrapla3 #izda ol li{ width:99px; padding:2px 0; background-image:url(/imgfiles/1/listas_flecha_gris_10.gif); background-repeat:no-repeat;}

#guitrapla3 #izda ol li.seleccionado{ width:99px; padding:2px 0; background-image:url(/imgfiles/1/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}

#guitrapla3 #izda ol li p{ padding: 0 0 0 6px;}

/*SUBMENU*/

#guitrapla #izda ol li ol { width: 94px; margin:0; padding:0 0 0 6px; border:0;}

#guitrapla #izda ol li ol li { width: 89px; padding: 0px 0px 1px 5px; color: #A2A2A2; background-image:url(/imgfiles/1/listas_guion_gris_06.gif); background-repeat:no-repeat; background-position:top left;}

#guitrapla #izda ol li ol li.seleccionado { width: 89px;  padding: 0px 0px 1px 5px; background-image:url(/imgfiles/1/listas_guion_negro.gif); background-repeat:no-repeat; background-position:top left; color:#000;}

#guitrapla3 #izda ol li ol { width: 94px; margin:0; padding:0 0 0 6px; border:0;}

#guitrapla3 #izda ol li ol li { width: 89px; padding: 0px 0px 1px 5px; color: #A2A2A2; background-image:url(/imgfiles/1/listas_guion_gris_06.gif); background-repeat:no-repeat; background-position:top left;}

#guitrapla3 #izda ol li ol li.seleccionado { width: 89px;  padding: 0px 0px 1px 5px; background-image:url(/imgfiles/1/listas_guion_negro.gif); background-repeat:no-repeat; background-position:top left; color:#000;}

/*MOBILITAT*/

#guitrapla #izda .mobilitat{ width:104px; margin:8px 0 0 0; padding: 4px; background-color:#EDEDC8; text-align:center;}


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

#guitrapla2 #centro { float: left; width: 546px; padding: 0 0 0 9px;}


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

#guitrapla2 #centro #migas { float: left; width: 630px; height: 10px; padding: 0 0 0 7px; background-color:#FFFFFF;}

#guitrapla2 #centro #migas ul { margin-left: 0; padding-left: 0; display: inline; color: #7C7C7C;} 

#guitrapla2 #centro #migas ul li.primero { margin:0; padding:0; list-style: none; display: inline; background-image:none;}

#guitrapla2 #centro #migas ul li { margin:0; padding:0 2px 0 6px; list-style: none; display: inline; background-image:url(/imgfiles/1/listas_flecha_migas.gif); background-repeat:no-repeat; background-position:left center;}

#guitrapla2 #centro #migas ul li.ultimo { margin:0; padding:0 0 0 6px; list-style: none; display: inline; background-image:url(/imgfiles/1/listas_flecha_migas.gif); background-repeat:no-repeat; background-position:left center;}


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

.explicacion{ float: left; width: 476px; padding: 0 10px 0 20px;}

.explicacion .izda{ float:left; height: 75px; background-image:url(/imgfiles/1/back_image_media_1.gif); background-position:bottom; background-repeat:repeat-x;}

.explicacion .izda2{  float: left; width:80px; height: 70px;}

.explicacion .explicadcha{ float:left; width:385px; padding:0 0 0 10px;}

.explicacion .abecedario { word-spacing:5px;}


/* ==========| 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/1/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/1/listas_flecha_naranja_14.gif); background-repeat:no-repeat;}


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

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

.explica-img-nav2{ float: left; width: 488px; padding: 0 0 0 10px;}

.explica-img-nav .izda{ float: left; width: 231px;}

.explica-img-nav .izda .foto{ float: left; padding: 2px; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-left: 1px solid #EAEAEA;}

.explica-img-nav .izda .piefoto{ float: left; width: 230px; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #EAEAEA;}

.explica-img-nav .izda .piefoto-izda{ float: left; width: 105px; height: 14px; padding: 6px 0 0 10px; background-image: url(/imgfiles/1/back_pie_foto.gif);}

.explica-img-nav .izda .piefoto-dcha{ float: left; width: 107px; height: 14px; padding: 6px 0 0 8px;}

.explica-img-nav .dcha{ float: left; width: 245px; margin: 0; padding:  0 0 0 10px;}

.explica-img-nav ul{ float: left; margin:0; padding: 8px 0 0 0; list-style-type:none;}

.explica-img-nav li{ margin:0; padding: 8px 0 0 0;}

.explica-img-nav2 .dcha{ float: left; width: 488px; margin: 0; padding:  0 0 0 10px;}

.explica-img-nav2 ul{ float: left; margin:0; padding: 8px 0 0 0; list-style-type:none;}

.explica-img-nav2 li{ margin:0; padding: 8px 0 0 0;}


/* ==========| 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/1/listas_flecha_naranja.gif); background-repeat:no-repeat;}

.unacollista li.dos{ margin:0; padding:0 0 4px 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_08.gif); background-repeat:no-repeat;}

.unacollista li.mas{ margin:0; padding:5px 0 4px 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_14.gif); background-repeat:no-repeat;}


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

.unacollista_sin{ float: left; width: 478px; margin:0; padding: 0 0 0 22px; list-style-type:none;}

.unacollista_sin li{ margin:0; padding:6px 0 4px 0;}

.unacollista_sin li.dos{ margin:0; padding:0 0 4px 6px;}

.unacollista_sin li.mas{ margin:0; padding:5px 0 4px 6px;}
 

/*1 COLUMNA CON LISTA Y FLECHA A LA DERECHA*/

.unacollista2{ float: left; width: 220px; margin:0; padding: 0 0 0 22px; list-style-type:none;}

.unacollista2 li{ margin:0; padding:0 0 4px 6px; background-image:url(/imgfiles/1/listas_flecha_naranja.gif); background-repeat:no-repeat;}

.unacollista2 li.dos{ margin:0; padding:0 0 4px 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_08.gif); background-repeat:no-repeat;}

/*1 COLUMNA CON LISTA Y FLECHA*/


/* ==========| 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/1/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/1/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}


/* ==========| 2 COLUMNAS TODO TEXTO CON PUNTEADO |============ */

.doscoldashtext{ float: left; width: 486px; padding: 0 0 0 22px;}

.doscoldashtextc{ float: left; width: 506px; padding: 0 0 0 22px;}

.doscoldashtext1{ float: left; width: 238px; border-right: 1px dashed #D0D0D0;}

.doscoldashtext1c{ float: left; width: 506px;}

.doscoldashtext2{ float: left; width: 238px;}

.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: right; width: 223px; padding:10px 0;}

.doscoldashtext2 .item{ float: right; width: 223px; padding: 10px 0; border-top: 1px dashed #D0D0D0;}

.doscoldashcerca{ float: left; width: 486px;}

.doscoldashcerca .itemprimero{ float: left; width: 471px; padding: 10px 0;}

.doscoldashcerca .item{ float: left; width: 471px; padding: 10px 0; border-top: 1px dashed #D0D0D0;}

.doscoldashcerca2{ float: left; width: 486px; padding: 0 0 0 10px;}

.doscoldashcerca2 .itemprimero{ float: left; width: 471px; padding: 10px 0;}

.doscoldashcerca2 .item{ float: left; width: 471px; padding: 10px 0; border-top: 1px dashed #D0D0D0;}

.doscoldashtext1 ul{ margin:0; padding: 0; list-style-type:none;}

.doscoldashtext1 li{ margin:0; padding: 2px 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}

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

.doscoldashtext1 li.sin{ background-image:none;}

.doscoldashtext2 ul{ margin:0; padding: 0; list-style-type:none;}

.doscoldashtext2 li{ margin:0; padding: 2px 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}

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

.doscoldashtext2 li.sin{ background-image:none;}

.doscoldashcerca ul{ margin:0; padding: 0; list-style-type:none;}

.doscoldashcerca li{ margin:0; padding: 2px 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}

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

.doscoldashcerca li.sin{ background-image:none;}

/*Tablas dentro de doscoldashtext*/
.doscoldashtext1c table{ float:left; width:506px;}

.doscoldashtext1c table td { width:80px; vertical-align:top;}

.doscoldashtext1c table td.ico { width:110px;}

.doscoldashtext1c table td.servicio { width:316px; padding:0 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_naranja.gif); background-repeat:no-repeat;}


/*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/1/icn_tramits_enlinea.gif); background-repeat:no-repeat;}

li.inter { padding: 4px 0 4px 18px; background-image:url(/imgfiles/1/icn_tramits_inter.gif); background-repeat:no-repeat;}

li.consult { padding: 4px 0 4px 18px; background-image:url(/imgfiles/1/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/1/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:0; padding: 15px 0 0 0; list-style-type:none;}

.doscoldashtext ul.moure li{ margin:0; padding: 0 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_08.gif); background-repeat:no-repeat;}

.doscoldashtext ul.moure li ul{ width:210px; margin:6px 0 0 0; padding: 0;}

.doscoldashtext ul.moure li ul li{ margin:4px 0 2px 6px; padding: 0 0 0 6px;}

.doscoldashtext ul.moure li ul li.itemdcha{ padding: 0 6px 0 0; text-align:right; background-image:none;}


/*Listas para categorias*/
.doscoldashtext ul.cats{ float:left; width:218px; margin:0; padding:0 10px 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 ul{ float:left; width:208px; margin:0; padding: 10px 0 5px 0;}

.doscoldashtext ul.cats li ul li{ float:left; height:27px; width:188px; margin:0; padding:0 0 0 20px; border:0;}

.doscoldashtext ul.cats input{ float:left; display:block; border:0;}

.doscoldashtext ul.cats label{ float:left; width:144px; display:block;}


/*iconos de categorias*/
.doscoldashtext ul.cats label.icono{ margin:0; padding: 4px 0 4px 24px; background-image:url(/imgfiles/1/iconos_planols/icono.gif); background-repeat:no-repeat;}

.catsbotonera{ float:right; padding:15px 40px 0 0;}

.catsbotonera input.boton{ width: 141px; padding:1px 0; background-color:#EEF3D0; color: #597B20;}

.catsbotonera input.boton:hover{ color: #000;}

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


/* ==========| 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: 251px; margin:0; padding:0; display:inline;}

.cajasclara .tres ul li.peq{ width: 230px; }

.cajasclara .tres ul li ul{ float: left; width: 210px; margin:0; padding:5px 0 10px 20px;}

.cajasclara .tres ul li ul li{ width: 210px; padding: 1px 0;}

.cajasclara .tres ul li ul li.cuatro{ width: 80px; display:inline;}

.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{ width: 50px; padding:1px 0; background-color:#EEF3D0; color: #597B20;}

.cajasclara .botonera input.boton:hover{ color: #000;}

.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;}



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

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


/* ===========| BOTON DE AFEGIR TELEFONS |=========== */

.afegirtel { float:right; padding: 0 20px 0 0;}

.afegirtel input.boton{ width: 80px; padding:1px 0; background-color:#EEF3D0; color: #597B20;}

.afegirtel input.boton:hover{ color: #000;}


/* ===========| PARTE ARRIBA DE BUSQUEDAS |=========== */

.busqueda-header{ float: left; width: 480px; margin: 0; padding: 15px 0 0 20px; text-align:right;}

.busqueda-header .left { float: left; text-align:left;} 

.busqueda-header2{ float: left; width: 508px; margin: 0; padding: 15px 0 20px 20px; text-align:right;}

.busqueda-header2 .left { float: left; text-align:left;} 

/* ===========| PARTE ABAJO DE BUSQUEDAS |=========== */

.busqueda-footer{ float: left; width: 508px;}

.busqueda-footer-izda{ float: left; width: 14px;}

.busqueda-footer-centro{ float: left; width: 505px; border-top: 1px solid #D0D0D0;}

.busqueda-footer-num{ float:right; padding: 1px 14px 0 0; text-align:right;}


/* ===========| FORMULARIO DE CARTOGRAFICA |=========== */

.form-carto{ float: left; width: 466px; padding: 0 0 0 40px;}

.formcarto { float: left; width: 376px; padding: 16px 28px 16px 8px; background-color:#F9FBEF;}

.formcarto .titol{ float: left; height:12px; width:390px; margin-bottom:10px; padding: 2px 0 4px 5px; background-color:#F3F7DE;}

.formcarto .concreta{ float:left; width:286px; margin:30px 0 0 0 0; padding: 0 0 10px 94px}

.formcarto .izda{ float: left; text-align: right; width: 90px; padding: 3px 4px 0 0;}

.formcarto .dcha{ float:left; width: 280px; margin-bottom: 10px;}

.formcarto .dcha .col1{ float:left; width: 146px;}

.formcarto .dcha .col2{ float:left; width: 134px;}

.formcarto .dcha .col2 .numero{ float:left; width: 48px; padding: 3px 4px 0 0; text-align:right;}

.formcarto .dcha .col2 .contnumero{ float:left; width: 80px;}

.formcarto select{ width: 122px;}

.formcarto select.peq{ width: 80px;}

.formcarto select.gran, .formcarto textarea{ width: 280px;}

.formcarto .abajo{ float:left; width: 2px; padding:0 0 0 324px;}

.formcarto input.bot-enviar { width: 50px; padding:1px 0; color: #597B20;}

.formcarto input.bot-enviar:hover { color: #000;}


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

#dcha { display: none;}

#dcha #vacio{ height:10px; width: 119px; margin:0 0 0 -1px; background-color:#FFFFFF;}

#navegacion { display: none;}

#navegacion .backprimero { padding: 0 0 1px 0; background-color: #F9FBEF; border-bottom: 1px solid #EFEFEF;}

#navegacion .back { float:left ; padding: 0 0 1px 0; margin: 1px 0 0 0; background-color: #F9FBEF; border-bottom: 1px solid #EFEFEF; width: 100%;}

#navegacion2 { float: left; width: 117px; border-left: 1px solid #FFF; background-color:#FFF;}

#navegacion2 .backprimero { padding: 0 0 1px 0; background-color: #F9FBEF; border-bottom: 1px solid #EFEFEF;}

#navegacion2 .back { float:left ; padding: 0 0 1px 0; margin: 1px 0 0 0; background-color: #F9FBEF; border-bottom: 1px solid #EFEFEF; width: 100%;}

/* ==========| 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 10px; 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);}

#navegacion2 #cerca { margin: 0 0 15px 0; padding: 0; list-style-type: none;}

#navegacion2 #cerca #imgcerca { padding: 5px 0 0 0; background-color: #EDEDC8;}

#navegacion2 #cerca #imgcerca p { padding: 5px 0 0 10px; background-color: #F9FBEF;}

#navegacion2 form { padding: 4px 0 0 10px; background-color:#F9FBEF;}

#navegacion2 #cerca select { width:97px; margin:0 0 8px 0; padding: 0;}

#navegacion2 #cerca #cerca-abajo { height:14px; margin:0px 10px 0 0; padding: 4px; border: 1px solid #7C7C7C; background-color:#FFFFFF;}

#navegacion2 #cerca #cerca-abajo-izda { float:left;}

#navegacion2 #cerca input.cerca { border: none; padding:2px 0 0 0; margin:0; width:65px;}

#navegacion2 #cerca #cerca-abajo-dcha { width: 14px; height:16px; float:right; padding: 0 0 0 2px; border-left: 1px solid #7C7C7C; text-align:right;}

#navegacion2 #cerca input.botoncerca { width: 14px; height: 14px; padding: 0; border: 0; background-image: url(/imgfiles/1/boton_lupa_off.gif);}

#navegacion2 #cerca input.botoncerca:hover { background-image: url(/imgfiles/1/boton_lupa_on.gif);}


/* ==========| CERCA DE LA ADRECA |========== */

#navegacion #cercaadreca { margin: 0 0 15px 0; padding: 0; list-style-type: none;}

#navegacion #cercaadreca #cercaadreca-tit { padding: 5px 0 0 0; background-color: #EDEDC8;}


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

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

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


/* ==========| AFEGIR INFO |========== */

#navegacion #afegirinfo { margin: 0; padding: 0 0 10px 0; list-style-type: none;}

#navegacion #afegirinfo #tit { padding: 5px 0 0 0; background-color: #EDEDC8;}

#dcha #afegirinfo ol { margin:0; padding:8px 3px 0px 3px; list-style-type: none; background-color:#F9FBEF;}

#dcha #afegirinfo li { padding: 3px 3px 0 4px;}


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

#navegacion .enlaces { margin: 0; padding: 0 0 10px 0; list-style-type: none;}

#navegacion .enlaces #einteres { padding: 5px 0 0 0; background-image:none; background-color: #EDEDC8;}

#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/1/listas_flecha_naranja.gif); background-repeat:no-repeat; background-position:top left;}


/* ==========| 010 |========== */

#navegacion .cerodiez { float:left; padding: 14px 0 14px 30px;}


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

#navegacion #procediment { margin: 0 0 15px 0; padding: 0; list-style-type: none;}

#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_enlinea2.gif);}

#navegacion #procediment #procediment-tit dt.inter { background-image:url(/imgfiles/1/icn_tramits_inter2.gif);}

#navegacion #procediment #procediment-tit dt.consult { background-image:url(/imgfiles/1/icn_tramits_consulta2.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.descarregar { margin: 0 12px 0 0; padding: 0 0 6px 16px; background-image:url(/imgfiles/1/her_pie_descarregar_off.gif); background-repeat:no-repeat; background-position:left top; color: #;}

a.descarregar:hover { background-image:url(/imgfiles/1/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/1/her_pie_imprimir_off.gif); background-repeat:no-repeat; background-position:left top; color: #7C7C7C;}

a.imprimir:hover { background-image:url(/imgfiles/1/her_pie_imprimir_on.gif); color: #000; text-decoration:none;}

a.enviaramigo { padding: 0 0 0 17px; background-image:url(/imgfiles/1/her_pie_enviar_off.gif); background-repeat:no-repeat; background-position:left top; color: #7C7C7C;}

a.enviaramigo:hover { background-image:url(/imgfiles/1/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/1/her_pie_pda_off.gif); background-repeat:no-repeat; background-position:left top; color: #7C7C7C;}

a.pda:hover { background-image:url(/imgfiles/1/her_pie_pda_on.gif); color: #000; text-decoration:none;}


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

#pie { display: none;}

#pie #piearriba { width: 314px; margin:0 auto; padding: 0 0 3px 0; border-bottom: 1px solid #D0D0D0; text-align: center;}

#pie #pieabajo { width:280px; margin:0 auto; padding:3px 0 0 0;}

#pie #pieabajoizda { float:left; width:216px; margin:0 auto;}

#pie #pieabajodcha { float:left; margin:0 auto;}

#pie #pieabajodcha img { padding: 4px 3px 16px 2px;}