/* CSS de Ayuntamiento de Sant Cugat */
/* Hoja de estilos para los contenidos */


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

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

/* #header { float:left; width: 760px; background-color: #F6F9E8; font-size: 9px; color: #B9BABA;}*/


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

#logo { float:left;}


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

#header-forecast { float: left; width: 153px; height: 28px; padding: 9px 0 0 12px; background-color: #FFF; 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: #FFF; 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/images/boton_lupa_off.gif); background-color: #FFF;}

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


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

#cont-izda { float: left; width: 112px; background-image: url(/imgfiles/images/logo_cut2.gif); background-repeat: no-repeat; background-position: top right; background-color: #FFF;}

#izda{ margin: 2px 0 0 2px; padding: 15px 0 0 5px; background-image: url(/imgfiles/images/logo_cut3.gif); background-repeat: no-repeat; background-position: top right; background-color: #F9FBEF; border-bottom: 1px solid #EDEDED; border-left: 3px solid #597B20;}

#izda-gentgran{ margin: 2px 0 0 2px; padding: 15px 0 0 5px; background-image: url(/imgfiles/images/logo_cut3.gif); background-repeat: no-repeat; background-position: top right; background-color: #F9FBEF; border-bottom: 1px solid #EDEDED; border-left: 3px solid #597B20;}

#izda li { height:17px; list-style-type: none;}

#izda-gentgran li { height:28x; list-style-type: none;}

#izda-menu { margin: 2px 0 0 2px; background-color: #F3F7DE; border-bottom: 1px solid #EDEDED; border-left: 3px solid #9BB079;}

#izda-menu ol{ margin: 2px 0 0 0; padding: 5px 2px 5px 5px;}

#izda-menu li { padding: 0px 0px 3px 5px; list-style-type: none; background-image:url(/imgfiles/images/listas_flecha_gris.gif); background-repeat:no-repeat; background-position:top left;}

#izda-menu li.seleccionado { padding: 0px 0px 3px 5px; list-style-type: none; background-image:url(/imgfiles/images/listas_flecha_naranja.gif); background-repeat:no-repeat; background-position:top left;}

#izda-gaudeix, #izda-participa, #izda-estudia, #izda-empresa, #izda-trasempresa { height:17px; margin: 2px 0 0 2px; padding: 7px 5px 1px 5px; background-color: #F9FBEF;}

#izda-gaudeix { border-bottom: 1px solid #EDEDED; border-left: 3px solid #6EAB24;}

#izda-participa { border-bottom: 1px solid #EDEDED; border-left: 3px solid #8AB51E;}

#izda-estudia { border-bottom: 1px solid #EDEDED; border-left: 3px solid #A9C216;}

#izda-empresa { border-bottom: 1px solid #EDEDED; border-left: 3px solid #CDD00A;}

#izda-ajuntament { height: 24px; margin: 2px 0 0 2px; padding: 0; border-bottom: 1px solid #C4D1BB; background-color:#E7EEC1;}

#izda-ajuntament li { margin: 0; padding: 0; list-style-type: none;}

#izda-trasempresa { border-left: 3px solid #DDE7A2;}

#izda-gaudeix li,#izda-participa li,#izda-estudia li,#izda-empresa li { margin:0; padding: 0; list-style-type: none;}

.izda-menuimagen { margin: 0 0 3px 0;}

/*SUBMENU*/
#izda-menu ol ol { padding: 4px 0 2px 0; margin: 0px 0 0 -2px;}

#izda-menu ol ol li { padding: 0px 0px 1px 5px; color: #3B651E;background-image:url(/imgfiles/images/listas_guion_verde.gif); background-repeat:no-repeat; background-position:top left;}

#izda-menu ol ol li.seleccionado { padding: 0px 0px 1px 5px; background-image:url(/imgfiles/images/listas_guion_negro.gif); color:#000;}

/*FAMILIES, NOUS*/

#izda-habitatge, #izda-salut, #izda-ajuts, #izda-familiescom, #izda-dones, #izda-fills, #izda-avis, #izda-unaciutat { height:34px; margin: 2px 0 0 2px; padding: 7px 5px 4px 5px; background-color: #F9FBEF; list-style-type:none;}

#izda-habitatge li, #izda-salut li, #izda-ajuts li, #izda-familiescom li, #izda-dones li, #izda-fills li, #izda-avis li, #izda-unaciutat li { margin: -3px 0 0 0; padding: 0; list-style-type: none;}

#izda-habitatge { margin: 2px 0 0 2px; padding: 15px 0 0 5px; background-image: url(/imgfiles/images/logo_cut3.gif); background-repeat: no-repeat; background-position: top right; background-color: #F9FBEF; border-bottom: 1px solid #EDEDED; border-left: 3px solid #597B20;}

#izda-salut { border-bottom: 1px solid #EDEDED; border-left: 3px solid #6EAB24;}

#izda-ajuts { border-bottom: 1px solid #EDEDED; border-left: 3px solid #8AB51E;}

#izda-familiescom { height:46px; border-bottom: 1px solid #EDEDED; border-left: 3px solid #A9C216;}

#izda-dones { border-bottom: 1px solid #EDEDED; border-left: 3px solid #CDD00A;}

#izda-fills { border-bottom: 1px solid #EDEDED; border-left: 3px solid #E2E51C;}

#izda-avis { border-bottom: 1px solid #EDEDED; border-left: 3px solid #E8EA3A;}

#izda-unaciutat { height:46px; border-bottom: 1px solid #EDEDED; border-left: 3px solid #8AB51E;}


/* ==========| DERECHA |============ */
/* ================================= */

#dcha { float: left; width:648px;}

#dcha #top { float: left;}

#dcha #top img{ display:block;}

#dcha #head { float: left; width: 647px; border-left: 1px solid #FFF;}


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

#dcha #migas { float: left; width: 363px; padding: 0 0 9px 7px;}

#dcha #migas2 { float: left; width: 510px; height: 20px; padding: 0 10px 0 0; background-color:#FFF;}

#dcha #migas ul, #dcha #migas2 ul { margin-left: 0; padding-left: 0; display: inline; border: none; color: #7C7C7C;} 

#dcha #migas ul li.primero, #dcha #migas2 ul li.primero { padding:0; background-image:none;}

#dcha #migas ul li, #dcha #migas2 ul li { margin:0; padding:0; border: none; list-style: none; display: inline; }

#dcha #migas ul li a, #dcha #migas2 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;}


/* ==========| PERFILES |============ */

#dcha #head #perfiles { float: left; width: 277px; margin: 0; padding: 0 0 1px 0; background-color:#FFF;}

#dcha #head #perfiles li { float: left;}

#dcha #head #perfiles li a{ border: 0;}


/* ==========| CENTRAL |============ */

#central { float: left; width: 647px; border-left: 1px solid #FFF;}


/* ==========| CONTENIDO |============ */

#contenido { float: left; width: 520px; padding: 14px 0 0 8px; border-left: 1px solid #EDEDED;}


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

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

#navegacion #vacio{ height:20px; width: 119px; margin:0 0 0 -2px; background-color:#FFF;}

#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%;}


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

#navegacion .enlaces { margin: 0; padding: 0 0 10px 0; list-style-type: none;}
* html #navegacion .enlaces #einteres li { overflow:hidden; width: 104px;}  /*Hack <IE6*/
#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/images/listas_flecha_naranja.gif); background-repeat:no-repeat; background-position:top left;}

/* ==========| TELEFON ATENCIO |========== */

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

#navegacion #telefon #atencio { padding: 5px 0 1px 0; background-color: #EDEDC8;}

#dcha #telefon li { padding: 5px 3px 0px 10px;}

#dcha #telefon li.info { padding: 2px 3px 0px 20px; margin: 10px 3px 0px 8px; background-image: url(/imgfiles/images/nav/nav_atencio_off.gif); background-repeat: no-repeat; background-position: center left;}

/* ==========| RADIO |========== */

#navegacion #radio { height:45px;}
#navegacion #radio a{ border:0;}

/* ==========| GABINET DE PREMSA |========== */

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

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

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

#dcha #gabinet li.casa { padding: 0 3px 5px 18px; background:url(/imgfiles/images/nav/nav_casita.gif) left top no-repeat;}

#dcha #gabinet li.fono { padding: 3px 3px 5px 18px; background-image:url(/imgfiles/images/nav/nav_faqs_off.gif); background-repeat: no-repeat;background-position: top left;}

#dcha #gabinet li { padding: 3px 3px 0 5px;}

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

#dcha #gabinet ol.horari li { padding: 3px 6px 0 9px;}

#dcha #gabinet ol.horari li p.mas{ padding: 3px 0 0 5px;}

#dcha #gabinet p.horari { padding: 3px 0 0 9px; background-color:#F9FBEF;}


/* ==========| SOM |========== */

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

#navegacion #som #ocupacio { padding: 5px 0 1px 0; background-color: #EDEDC8;}

#dcha #som li { padding: 2px 3px 0px 10px;}


/* ==========| SANTORAL Y MAS |======== */

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

#navegacion ul.santoral li.esantoral { padding: 5px 0 0 0; background-color: #EDEDC8;}

#navegacion ul.santoral p { padding: 5px 9px 0 10px; text-align:left; background-color:#F9FBEF;}

/* ==========| SANTORAL Y MAS |======== */


/* ==========| CERCA D'IMATGES |========== */

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

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

#navegacion form { padding: 10px 0 0 10px;}

#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 #BABABA; background-color:#FFF;}

#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 #BABABA; text-align:right;}

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

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

/*Estudia agenda*/

#navegacion #cerca label.data{ width: 100px; padding:0 0 2px 0; display:block;}

#navegacion #cerca input.fecha{ width:93px; padding:2px 1px; margin: 0 0 10px 0;}



/* ==========| ENCUESTA |========== */

#navegacion #encuesta { margin: 0; padding: 0; list-style-type: none;}

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

#navegacion #encuesta p { padding: 5px 9px 0 10px; background-color:#F9FBEF;}

#navegacion #encuesta form { padding: 2px 0 0 10px; background-color:#F9FBEF;}

#navegacion #encuesta .caja{ height:22px; width:107px; margin:0 0 2px 0;}

#navegacion #encuesta .caja .izda{ float:left; width:18px;}

#navegacion #encuesta .caja .dcha{ float:left; width: 79px; padding: 4px 0 0 0;}

#navegacion #encuesta .caja .izda input{ margin:0; padding:0; border:0; background-color:#F9FBEF;}

#navegacion #encuesta #cerca-abajo { padding:0 0 10px 44px;}

#navegacion #encuesta #cerca-abajo input.botoncerca { width: 50px; margin:5px 0 0 0; padding:1px 0; background-color:#EEF3D0; color: #597B20;}

#navegacion #encuesta #cerca-abajo input.botoncerca:hover { color: #000;}


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

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

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


/* ==========| HERRAMIENTAS DE GALERIA LATERAL |========== */

a.enviaramigolat { padding: 0 0 1px 16px; background: transparent url(/imgfiles/images/her/her_pie_enviar_off.gif) no-repeat; color: #62625E;}

a.enviaramigolat:hover { background: transparent url(/imgfiles/images/her/her_pie_enviar_on.gif) no-repeat; color: #000;}

a.imprimirlat { padding: 0 0 1px 16px; background: transparent url(/imgfiles/images/her/her_pie_imprimir_off.gif) no-repeat; color: #62625E;}

a.imprimirlat:hover { background: transparent url(/imgfiles/images/her/her_pie_imprimir_on.gif) no-repeat; color: #000;}

a.descarregarlat { padding: 0 0 1px 16px; background: transparent url(/imgfiles/images/her/her_pie_descarregar_img_off.gif) no-repeat; color: #62625E;}

a.descarregarlat:hover { background: transparent url(/imgfiles/images/her/her_pie_descarregar_img_on.gif) no-repeat; color: #000;}


/* ==========| PAGINA ANTERIOR |========== */

.pagatras { float:left; width:497px; padding:20px 0 1px 0; text-align:right;}

a.anterior { padding: 0 0 0 12px; background-image:url(/imgfiles/images/her/her_pagatras_off.gif); background-repeat:no-repeat; background-position:left top; color: #3B651E;}

a.anterior:hover { background-image:url(/imgfiles/images/her/her_pagatras_on.gif); color: #000; text-decoration:none;}


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

#pieherramientas { float:left; width: 494px; padding: 20px 0 0 14px;}

#pieherramientas #icons { float:left; width: 477px; padding: 6px; border:1px solid #D0D0D0; text-align:right;}

#pieherramientas #icons a{ margin: 0 12px 0 0; padding: 0 0 1px 16px; color: #62625E;}
#pieherramientas #icons a:hover{ color: #000;}

#pieherramientas #icons a.descarregar { background: transparent url(/imgfiles/images/her/her_pie_descarregar_off.gif) no-repeat;}
#pieherramientas #icons a.descarregar:hover { background: transparent url(/imgfiles/images/her/her_pie_descarregar_on.gif) no-repeat;}
#pieherramientas #icons a.imprimir { background: transparent url(/imgfiles/images/her/her_pie_imprimir_off.gif) no-repeat; }
#pieherramientas #icons a.imprimir:hover { background: transparent url(/imgfiles/images/her/her_pie_imprimir_on.gif) no-repeat;}
#pieherramientas #icons a.enviaramigo { margin:0; background: transparent url(/imgfiles/images/her/her_pie_enviar_off.gif) no-repeat;}
#pieherramientas #icons a.enviaramigo:hover { background: transparent url(/imgfiles/images/her/her_pie_enviar_on.gif) no-repeat;}
#pieherramientas #icons a.pda { background: transparent url(/imgfiles/images/her/her_pie_pda_off.gif) no-repeat;}
#pieherramientas #icons a.pda:hover { background: transparent url(/imgfiles/images/her/her_pie_pda_on.gif) no-repeat;}