/* TOC - imports - Capçalera - Barra cercador - Menú principal - Contenidor - Estructura de columnes (home, interior) - Caixa relacionats (home, interior, document) - Caixa projectes (home) - Caixa destacats (home) - Caixa contingut (interior) - Plana de navegació - Contingut relacionat - Paginador - Caixa menú navegació (interior) - Banners - Banners home - Banners interior - Fil d'ariadna (interior) - Anchors - Formularis - Cercador intern - Tema a tema - Quadre destaquem - Destacats - Cerca interior - Agenda - Filtres capçalera - Llistat actes - Interior agenda - Notícies - Llistat notícies - Interior notícia - Tràmits - Caixa consulta tràmits - Llistat tràmits - Ancles tràmit - Interior de tràmits - Directori - Llistat de temes - Newsletters - Galeria - Índex de galeries - Plana de diapositives - Detall de la imatge - Contingut estructurat - Ofertes - Ajudes - Projectes - Indicadors - FAQS - Avisos - Concursos- Concurs detall - Especials - Calendari - FCKeditor - Pàgina d'error - Cercador Google - Plana idiomes - Accés plana d'idiomes - Llista documents - Peu */ /* Imports -----------------------------------------------------*/ @import 'basic.css'; @import 'print.css'; /* Capçalera -----------------------------------------------------*/ #capcalera {padding: 3px 0; position: relative;} #capcalera:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #capcalera #logo {position: absolute; bottom: 15px; float: left;} #capcalera #menu-principal, #capcalera #barra-cercador {float: right;} .plana-interior #capcalera {border-bottom: 3px solid #7f0000; margin-bottom: 10px;} /* Barra cercador */ #capcalera #barra-cercador {margin-bottom: 15px;} #capcalera #barra-cercador .vincle a {color: #748781;} #capcalera #barra-cercador .vincle, #capcalera #barra-cercador #form-cerca {float: left; border-right: 1px solid #ccc; height: 12px; padding: 0 7px; margin-top: 5px;} #capcalera #barra-cercador #form-cerca {margin-right: 7px;} #capcalera #barra-cercador #form-cerca label {padding-bottom: 5px;} #capcalera #barra-cercador #form-cerca input {margin-top: -5px;} #capcalera #barra-cercador #form-serveis {float: left;} #capcalera #barra-cercador form label, #capcalera #barra-cercador form input, #capcalera #barra-cercador form select {vertical-align: middle;} #capcalera #barra-cercador label {font-weight: bold; color: #748982;} #capcalera #barra-cercador #cerca, #capcalera #barra-cercador #serveis {border: 1px solid #2e6562; color: #2e6464;} #capcalera #barra-cercador #cerca {width: 128px;} #capcalera #barra-cercador #serveis {width: 97px;} /* Menú principal */ #capcalera #menu-principal {width: 588px; list-style: none; clear: right; padding: 0; margin: 0;} #capcalera #menu-principal li {float:left; margin-left: 4px;} #capcalera #menu-principal li a {display: block; height: 0; overflow: hidden; padding: 31px 0 0 0; margin: 0; background-repeat: no-repeat; background-position: left top;} #capcalera #menu-principal #tab-ajuntament {background-image: url(../img/tab-ajuntament.png); width: 97px; margin-left: 0;} #capcalera #menu-principal #tab-actualitat {background-image: url(../img/tab-actualitat.png); width: 153px;} #capcalera #menu-principal #tab-tramits {background-image: url(../img/tab-tramits.png); width: 59px;} #capcalera #menu-principal #tab-temaatema {background-image: url(../img/tab-temaatema.png); width: 154px;} #capcalera #menu-principal #tab-ciutat {background-image: url(../img/tab-ciutat.png); width: 109px;} #capcalera #menu-principal #tab-ajuntament a:hover {background-image: url(../img/tab-ajuntament-over.png);} #capcalera #menu-principal #tab-actualitat a:hover {background-image: url(../img/tab-actualitat-over.png);} #capcalera #menu-principal #tab-tramits a:hover {background-image: url(../img/tab-tramits-over.png);} #capcalera #menu-principal #tab-temaatema a:hover {background-image: url(../img/tab-temaatema-over.png);} #capcalera #menu-principal #tab-ciutat a:hover {background-image: url(../img/tab-ciutat-over.png);} #capcalera #menu-principal #tab-ajuntament.actiu {background-image: url(../img/tab-ajuntament-actiu.png);} #capcalera #menu-principal #tab-actualitat.actiu {background-image: url(../img/tab-actualitat-actiu.png);} #capcalera #menu-principal #tab-tramits.actiu {background-image: url(../img/tab-tramits-actiu.png);} #capcalera #menu-principal #tab-temaatema.actiu {background-image: url(../img/tab-temaatema-actiu.png);} #capcalera #menu-principal #tab-ciutat.actiu {background-image: url(../img/tab-ciutat-actiu.png);} /* Necessari per la compatibilitat entre plantilles */ #capcalera #menu-principal #tab-ajuntament.pre-actiu {background-image: url(../img/tab-ajuntament.png);} #capcalera #menu-principal #tab-actualitat.pre-actiu {background-image: url(../img/tab-actualitat.png);} #capcalera #menu-principal #tab-tramits.pre-actiu {background-image: url(../img/tab-tramits.png);} #capcalera #menu-principal #tab-temaatema.pre-actiu {background-image: url(../img/tab-temaatema.png);} #capcalera #menu-principal #tab-ciutat.pre-actiu {background-image: url(../img/tab-ciutat.png);} /* Contenidor -----------------------------------------------------*/ #contenidor {clear: both; padding-bottom: 25px;} #contenidor:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* Estructura de columnes (home) */ #columna0 {width: 580px; float: left;} #columna01 {width: 404px; float: left;} #columna02 {width: 170px; float: right;} #columna1 {width: 170px; float: right;} /* Estructura de columnes (interior) */ #menu-navegacio {width: 175px; float: left;} #contingut {width: 581px; float: right;} #content {float: left;} #relacionats {width: 146px; float: right;} #relacionats-document {width: 154px; float: right;} /* Estructures diverses */ #contingut #content {width: 550px;} #bloc-central.dues-columnes #content {width: 380px;} #contingut-sense-navegacio #bloc-central {width: 761px; background: url(../img/caixa-interior-gran-bottom.png) left bottom no-repeat;} #contingut-sense-navegacio #bloc-central h2 {background: url(../img/caixa-interior-gran-top.png) left top no-repeat;} #contingut-sense-navegacio #bloc-central.dues-columnes #content {width: 570px;} #contingut-sense-navegacio.dues-columnes #bloc-central {width: 601px; float: left; background: url(../img/caixa-interior-mitjana-bottom.png) left bottom no-repeat;} #contingut-sense-navegacio.dues-columnes #bloc-central h2 {background: url(../img/caixa-interior-mitjana-top.png) left top no-repeat;} #contingut-sense-navegacio.dues-columnes #bloc-central.dues-columnes #content {width: 415px;} #contingut.dues-columnes #bloc-central {width: 431px; float: left; background: url(../img/caixa-interior-petita-bottom.png) left bottom no-repeat;} #contingut.dues-columnes #bloc-central h2 {background: url(../img/caixa-interior-petita-top.png) left top no-repeat;} #contingut.dues-columnes #content {width: 400px;} /* Caixa projectes */ #caixa-projectes-idiomes {background: #3f647e url(../img/caixa-projectes-bottom.png) left bottom no-repeat; padding: 0 2px;} #projecte {color: #fff; margin-bottom: 5px; font-size: 1.2em; position: relative;} #projecte:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #projecte small {padding-top: 10px; font-weight: bold;} #projecte h2 {font-weight: normal; font-size: 1.5em; padding: 7px 0;} #projecte h2 a {color: #fff;} #projecte p {padding-bottom: 40px;} #projecte small, #projecte h2, #projecte p {width: 240px; float: right; clear: right; margin: 0 5px;} #projecte img {float: left; margin-top: -15px; padding: 0 9px 10px 10px; width: 475px;} #projecte ul.navegacio {background: #fff url(../img/caixa-navegacio-projectes-bottom.png) left bottom no-repeat; margin: 10px 10px 0 0; width: 52px; padding: 0 0 5px 3px; list-style: none; position: absolute; bottom: 10px; right: 0;} #projecte ul.navegacio li {display: inline; font-weight: bold; font-size: 1em; padding: 5px 5px 0 5px; margin-top: -1px;} #projecte ul.navegacio li.anterior {background: #fff url(../img/caixa-navegacio-projectes-top.png) left top no-repeat; float: left;} #projecte ul.navegacio li.seguent {background: #fff url(../img/caixa-navegacio-projectes-top.png) right top no-repeat; float: right;} #projecte ul.navegacio li a {padding-left: 10px; height: 15px; width: 1%; display: block;} #projecte ul.navegacio li.anterior a {background: #fff url(../img/ico-fletxa-doble-esq.png) left 4px no-repeat;} #projecte ul.navegacio li.seguent a {background: #fff url(../img/ico-fletxa-doble-drt.png) right 4px no-repeat;} #projecte ul.navegacio li span {position: absolute; top: -3000px;} /* Caixa relacionats (home) */ .caixa-relacionats {width: 174px; background: #fff url(../img/caixa-relacionats-bottom.png) left bottom no-repeat; margin-bottom: 10px;} .caixa-relacionats h2 {color: #fff; font-size: 1.3em; padding: 0.7em 1em; background: #8cb2a7 url(../img/caixa-relacionats-top.png) left top no-repeat;} .caixa-relacionats div {padding: 5px 5px 10px 10px;} .caixa-relacionats ul {list-style: none; padding: 0; margin: 0;} .caixa-relacionats ul li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px; padding-bottom: 7px;} .caixa-relacionats ul.web li {background: url(../img/bullet-web.png) left 4px no-repeat;} .caixa-relacionats ul.arxius li {padding-left: 20px; font-size: 0.9em;} .caixa-relacionats ul.arxius li.pdf {background-image: url(../img/ico-pdf.png);} .caixa-relacionats ul.arxius li.doc {background-image: url(../img/ico-doc.png);} #caixa-perfils {background: #fff url(../img/caixa-perfils-bottom.png) left bottom no-repeat; padding-bottom: 90px;} #caixa-perfils li {background: none; padding-left: 0; width: 75px;} #caixa-perfils .left {float: left;} #caixa-perfils .right {float: right;} li a.def1 {background: #fff url(../img/bullet-fletxa-def1.png) left center no-repeat; padding-left: 17px;} li a.def2 {background: #fff url(../img/bullet-fletxa-def2.png) left center no-repeat; padding-left: 17px;} li a.def3 {background: #fff url(../img/bullet-fletxa-def3.png) left center no-repeat; padding-left: 17px;} /* Caixa relacionats (interior) */ .plana-interior .caixa-relacionats {width: 144px; background-image: url(../img/caixa-relacionats-interior-bottom.png);} .plana-interior .caixa-relacionats h3 {color: #fff; font-size: 1.1em; padding: 7px 9px; background: #8cb2a7 url(../img/caixa-relacionats-interior-top.png) left top no-repeat;} /* Caixa relacionats (document) */ .caixa-relacionats-document {width: 150px; margin-bottom: 10px; background: #fff url(../img/caixa-relacionats-document-bottom.png) left bottom no-repeat;} .caixa-relacionats-document h3 {color: #fff; font-size: 1.1em; padding: 7px 9px; background: #8cb2a7 url(../img/caixa-relacionats-document-top.png) left top no-repeat;} .caixa-relacionats-document div {padding: 5px 10px 10px 10px;} .caixa-relacionats-document ul {list-style: none; padding: 0; margin: 0;} .caixa-relacionats-document ul li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px; padding-bottom: 7px;} /* Caixa destacats */ #destacats {width: 405px; background: #fff url(../img/caixa-destacats-bottom.png) left bottom no-repeat;} #destacats:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #destacats .left {float: left; width: 203px;} #destacats .left h2 {background: #8bb1a6 url(../img/caixa-destacats-top-left.png) left top no-repeat;} #destacats .right {float: right; width: 202px;} #destacats .right h2 {background: #8bb1a6 url(../img/caixa-destacats-top-right.png) right top no-repeat;} #destacats h2 {color: #fff; font-size: 1.3em; padding: 5px 10px;} #destacats .content {padding: 10px 15px; line-height: 1.4em; font-size: 1em;} #destacats .content div {margin-bottom: 20px; float: left;} #destacats .content small {color: #666; font-size: 1em; clear: left; display: block;} #destacats .content h3 {color: #000066; font-size: 1.2em !important; margin: 3px 0;} #destacats .content img {float: left; border: 1px solid #cdcdcd; padding: 2px; margin: 3px 8px 0 0; width: 44px; height: 44px;} #destacats .acces-interior {background: #fff url(../img/bullet-fletxa.png) left center no-repeat; clear: left; display: block; margin-bottom: 20px;} #destacats .acces-interior a {font: bold 12px arial, serif; background-color: #f9f9ca; padding: 0 4px; margin-left: 14px;} /* Caixa contingut (interior) */ #contingut #bloc-central {background: #fff url(../img/caixa-interior-bottom.png) left bottom no-repeat;} #bloc-central:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #bloc-central h2 {padding: 25px 15px 3px 15px; font-size: 2.2em;} #contingut #bloc-central h2 {background: #fff url(../img/caixa-interior-top.png) left top no-repeat;} #bloc-central #cos {border-top: 3px solid #016684; margin: 0 3px; padding: 15px 3px;} #bloc-central #content {font-size: 1.1em; line-height: 1.4em; padding-bottom: 25px; padding-right: 10px; padding-left: 10px;} #bloc-central #content h3 {font-size: 1.3em; margin-bottom: 10px;} #bloc-central #content h4 {font-size: 1.2em; margin-bottom: 10px;} #bloc-central #content p {margin-bottom: 1em;} #bloc-central #content img {padding: 4px; border: 1px solid #ccc; float: right; margin: 0 0 0 8px; display: block; background-color: #fff;} /** Plana de navegació **/ #bloc-central ul.navegacio {list-style: none; padding: 0; margin: 0;} #bloc-central ul.navegacio li {width: 48%; float: left; clear: left;} #bloc-central ul.navegacio li.right {float: right; clear: right;} #bloc-central ul.navegacio li h5 {background: #efefef url(../img/fons-titol-navegacio.png) left bottom repeat-x; display: block; text-decoration: underline; font-weight: bold; font-size: 1.1em; padding: 5px 8px;} #bloc-central ul.navegacio li p {padding: 6px 8px;} /** Contingut relacionat **/ #bloc-central #content .contingut-relacionat {background: #fff url(../img/caixa-contingut-relacionat-bottom.png) left bottom no-repeat; width: 397px;} #bloc-central #content .contingut-relacionat h3 {background: #fff url(../img/caixa-contingut-relacionat-top.png) left top no-repeat; padding: 10px 10px 0 10px;} #bloc-central #content .contingut-relacionat ul {padding: 0 10px 3px 10px; list-style: none; margin: 0;} #bloc-central #content .contingut-relacionat li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px;padding-bottom: 7px;} #bloc-central #content .contingut-relacionat a {text-decoration: underline;} /** Paginador **/ .paginador {padding-top: 25px; text-align: center; clear: both;} .paginador ul {display: inline; padding: 7px 0 7px 4px; background: url(../img/caixa-paginador-bottom-left.png) 1px bottom no-repeat; list-style: none; margin: 0;} .paginador li {display: inline; padding: 6px 0; color: #333; background-color: #f3f3f3; border-bottom: 1px solid #c0c5bf; border-top: 1px solid #c0c5bf;} .paginador a {text-decoration: underline;} .paginador a, .paginador span {color: #124d85;} .paginador a, .paginador strong {border-right: 1px solid #c2bcb7; padding: 0 5px} .paginador li.anterior {padding-right: 5px; padding-left: 5px; padding-top: 7px; background: #f3f3f3 url(../img/caixa-paginador-top-left.png) left top no-repeat; border-bottom: 1px solid #c0c5bf; border-top: none;} .paginador li.anterior a, .paginador li.anterior span {padding-left: 10px; background: #f3f3f3 url(../img/ico-fletxa-pag-esq.png) left center no-repeat;} .paginador li.seguent {padding-right: 5px; padding-left: 5px; padding-bottom: 7px; background: #f3f3f3 url(../img/caixa-paginador-bottom-right.png) right bottom no-repeat; border-top: 1px solid #c0c5bf; border-bottom: none;} .paginador li.seguent a, .paginador li.seguent span {padding-right: 10px; background: #f3f3f3 url(../img/ico-fletxa-pag-drt.png) right center no-repeat;} .paginador li.anterior a, .paginador li.seguent a, .paginador li.last a, .paginador li.last strong {border-right: none;} /* Caixa menú navegació (interior) */ #menu-navegacio {background: #fff url(../img/caixa-navegacio-bottom.png) left bottom no-repeat; padding-bottom: 20px;} #menu-navegacio h2 {background: #fff url(../img/caixa-navegacio-top.png) left top no-repeat; font-size: 1.2em; text-transform: uppercase;} #menu-navegacio h2 a {color: #124d85; border-bottom: 3px solid #016684; display: block; margin: 0 4px; padding: 10px 10px 5px 10px;} #menu-navegacio ul {padding: 0 2px 0 3px; list-style: none; margin: 0;} #menu-navegacio ul ul {padding: 0;} #menu-navegacio ul li a {background: #f3f3f1 url(../img/bullet-nav.gif) 10px 10px no-repeat; border-bottom: 1px solid #abb2ab; display: block; font-weight: bold; padding: 8px 10px 8px 20px;} #menu-navegacio ul li.obert a {background: #f3f3f1 url(../img/bullet-nav-obert.gif) 10px 13px no-repeat;} #menu-navegacio ul li.obert li.obert a {background: #f3f3f1 url(../img/bullet-nav-sub-obert.gif) 10px 13px no-repeat;} #menu-navegacio ul li.obert li a {background: url(../img/bullet-nav-sub.gif) 20px 13px no-repeat; padding-left: 30px;} /* Primer nivell */ #menu-navegacio ul li.obert.actiu {border: none; padding: 8px 10px 0 20px; background: #fff url(../img/bullet-nav-actiu-obert.gif) 10px 13px no-repeat;} #menu-navegacio ul li.obert.actiu ul {background-color: #f3f3f1; border-top: 1px solid #abb2ab; margin: 8px -10px 0 -20px;} #menu-navegacio ul li.actiu {padding: 8px 10px 8px 20px; background: #fff url(../img/bullet-nav-actiu.gif) 10px 10px no-repeat; border-bottom: 1px solid #abb2ab; font-weight: bold;} /* Segon nivell */ #menu-navegacio ul li.obert li.actiu {padding-left: 30px; background-position: 20px 13px; font-weight: normal; background-image:url(../img/bullet-nav-sub-actiu.gif);} /* Tercer nivell */ #menu-navegacio ul li.obert li.obert li.actiu {padding-left: 40px; background-position: 30px 13px;} #menu-navegacio ul li.obert li a:hover, #menu-navegacio ul li a:hover {background-color: #dbddda;} /* Banners */ /** Banner home **/ .banner {width: 170px; background: #fff url(../img/caixa-banner-bottom.png) left bottom no-repeat; margin-bottom: 5px; padding-bottom: 5px;} .banner.estandard a, .banner.estandard-gran a {display: block; background: #fff url(../img/caixa-banner-top.png) left top no-repeat; padding: 4px 7px; padding-bottom: 0;} .banner.estandard img {width: 156px; height: 56px;} .banner.estandard-gran img, .banner.estandard-titol img {width: 156px;} .banner.estandard-titol img {margin: 0 7px;} .banner.especial h2, .banner.estandard-titol h2 {font-size: 1.5em;} .banner.especial h2 a, .banner.estandard-titol h2 a {background: #fff url(../img/caixa-banner-top.png) left top no-repeat; padding: 5px 10px; display: block; color: #464739;} .banner.especial div {background-color: #e7e7e7; padding: 4px; margin: 0 7px 5px 7px;} .banner.especial div:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .banner.especial img {width: 44px; border:1px solid #fff; float: left; margin: 0 5px 0 0;} /** Banner interior **/ .plana-interior .banner {width: 144px; background: #fff url(../img/caixa-banner-interior-bottom.png) left bottom no-repeat; margin-bottom: 5px; padding-bottom: 5px;} .plana-interior .banner a {background: #fff url(../img/caixa-banner-interior-top.png) left top no-repeat; padding: 3px 5px; padding-bottom: 0; display: block;} .plana-interior .banner img {width: 134px; height: 48px; padding: 0 !important; margin: 0 !important; border: 0 !important; float: none !important;} /** Columna banners **/ .columna-banners #banners {float: right; width: 27%;} .columna-banners #destacats.temaatema, .columna-banners ul.navegacio {width: 70%; float: left;} #contingut-sense-navegacio .columna-banners #banners {width: 20%;} #contingut-sense-navegacio .columna-banners ul.navegacio {width: 78%;} /* Fil d'ariadna */ #fil {display: block; margin: 0 10px 8px 10px;} #fil, #fil a {color: #666;} #fil a {text-decoration: underline;} /* Anchors */ .anchors #caixa-anchors {background: #f5f5f5 url(../img/caixa-anchors-bottom.png) left bottom no-repeat; width: 406px; padding-bottom: 5px; margin-bottom: 20px;} .anchors #caixa-anchors li.first {background: #f5f5f5 url(../img/caixa-anchors-top.png) left top no-repeat; padding-top: 5px;} .anchors #caixa-anchors ul {list-style: none; padding: 0; margin: 0;} .anchors #caixa-anchors li {padding: 5px 10px;} .anchors #caixa-anchors li a {text-decoration: underline; display: block; background: url(../img/bullet-nav.gif) left 4px no-repeat; padding-left: 10px;} .anchors h3 {border-bottom: 1px solid #006683; padding: 0 2px 5px 2px;} /* Formularis -----------------------------------------------------*/ .text {border: 1px solid #000;} .boto {text-align: right; padding-top: 3px; clear: both;} .boto-imatge {vertical-align: bottom;} .reset {background: url(../img/boto-esborrar.png) left top no-repeat; width: 90px; height: 31px; font-size: 1px; text-align:right; color: #962e2e; border: 0; vertical-align: bottom;} /* Cercador intern */ .cercador-intern select, .cercador-intern .text {width: 100%;} .cercador-intern select {border: 1px solid #000;} .cercador-intern .cerca-avancada {margin-top: 5px; text-align: right;} .cercador-intern .cerca-avancada a {background: url(../img/ico-lupa.png) left 1px no-repeat; padding-left: 15px;} /* Cercador avançat */ #formulari {border: 1px solid #406680; padding: 10px; width: 530px;} #formulari h4 {border-bottom: 1px dotted #000; padding-bottom: 5px;} #formulari p {clear: both;} #formulari legend {padding: 0; font-weight: bold; font-size: 1.1em; margin-left: -15px; color: #000;} #formulari fieldset {border: none; background: url(../img/fons-titol-formulari.png) left 1em repeat-x; margin: 0; padding: 20px; padding-bottom: 5px;} #formulari .text, #formulari select {border: 1px solid #5d4702; width: 17em; padding: 2px;} #formulari .text-petit {border: 1px solid #5d4702; width: auto; padding: 2px;} #formulari textarea {clear: left; width: 100%; border: 1px solid #5d4702; height: 90px;} #formulari label {width: 16em; float: left;} #formulari label.radio, #formulari label.checkbox, #formulari label.interior {width: auto; float: none;} #formulari label.interior {color: #666; font-size: .9em; margin: 0 .1em 0 0.8em;} #formulari .etiqueta-grup {width: 110px; float: left; margin-left: 50px;} #formulari .botons {background: url(../img/fons-titol-formulari.png) left top repeat-x; padding-top: 15px; text-align: right;} #formulari dl dt input {display: inline; vertical-align: middle;} #formulari dl dd {margin-left: 24px; margin-bottom: 15px;} /* Errors dels formularis */ #error, #cerca-sense-resultats, #pagina-error {border: 1px solid #ffe682; background: #fff9df url(../img/ico-error-formulari.png) 10px 10px no-repeat; padding: 20px 20px 20px 70px; font-weight: bold; color: #990000; margin-bottom: 30px;} #error ul {padding: 0; margin: 0;} /** Cercador de notícies **/ .cercador-intern span {color: #666; clear: both; display: block; margin-top: 5px;} .cercador-intern div {padding: 0; margin-top: 5px;} .cercador-intern .grup-petit {width: 30px;} .cercador-intern .grup-gran {width: 35px;} .cercador-intern .grup-petit, .cercador-intern .grup-gran {float: left; margin: 0;} .cercador-intern .grup-petit label, .cercador-intern .grup-gran label {color: #666;} .cercador-intern input.dia, .cercador-intern input.mes {width: 20px; padding: 2px;} .cercador-intern input.any {width: 35px; padding: 2px;} /* Tema a tema -----------------------------------------------------*/ #bloc-central #capcalera-temaatema {background: #8fb5a8 url(../img/caixa-interior-tema-top.png) left top no-repeat; position: relative;} #contingut-sense-navegacio #capcalera-temaatema {background-image: url(../img/caixa-interior-gran-tema-top.png);} #contingut.dues-columnes #capcalera-temaatema {background-image: url(../img/caixa-interior-petita-tema-top.png);} #bloc-central #capcalera-temaatema ul {position: absolute; bottom: 6px; right: 15px; margin: 0; padding: 0;} #bloc-central #capcalera-temaatema li {display: inline; border-right: 1px solid #fff; padding: 0 8px;} #bloc-central #capcalera-temaatema li.last {border-right: none; padding-right: 0;} #bloc-central #capcalera-temaatema li a {color: #fff; font-weight: bold;} #bloc-central h2.temaatema {background: none !important; color: #fff; font-size: 1.7em !important; width: 275px; padding: 10px 0 20px 20px !important;} #bloc-central h3.titol-tema {padding: 15px 15px 3px 15px; font-size: 2.2em;} /* Quadre destaquem */ #bloc-central #content #destaquem-tema {border: 1px solid #abb1ab; padding: 10px; background-color: #f2f3f2; margin-bottom: 30px;} #bloc-central #content #destaquem-tema:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #bloc-central #content #destaquem-tema h4 {font-size: 1.3em;} #bloc-central #content #destaquem-tema h5, #bloc-central #content #destaquem-tema p {padding-right: 5px;} #bloc-central #content #destaquem-tema h5 {font-size: 1.1em;} #bloc-central #content #destaquem-tema small {color: #666;} #bloc-central #content #destaquem-tema img {float: left; margin: 0 10px 2px 0; width: 141px;} /* Destacats */ #destacats.temaatema {background: none; width: 100%;} #destacats.temaatema .right {width: 50%;} #destacats.temaatema .left {width: 50%;} #destacats.temaatema .content {padding: 0 10px 0 0; font-size: .95em;} #destacats.temaatema .content h3 {font-size: 1.15em !important;} #destacats.temaatema h4 {color: #000; padding-bottom: 5px; border-bottom: 1px solid #3e647e;} #destacats.temaatema img {float: left !important; margin: 2px 5px 0 0 !important; padding: 2px !important;} /* Cerca interior -----------------------------------------------------*/ #quadre-resultats-cerca-interior {border: 1px solid #bec2be; padding: 10px; margin-top: 10px; margin-bottom: 20px;} #quadre-resultats-cerca-interior strong {color: #464639;} #quadre-cerca-interior {border: 1px solid #bec2be; color: #464639; margin: 20px 0; padding: 15px 15px 5px 15px; clear: both;} #quadre-cerca-interior form label, #quadre-cerca-interior form input {vertical-align: middle;} #quadre-cerca-interior:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #quadre-cerca-interior form {float: left;} #quadre-cerca-interior form label {font-weight: bold;} #quadre-cerca-interior form .text {margin: 0 5px;} #quadre-cerca-interior #tornar-inici {float: right;} #quadre-cerca-interior #tornar-inici a {background: url(../img/ico-fletxa-tornar.png) left top no-repeat; padding-left: 15px;} /* Agenda -----------------------------------------------------*/ /* Filtres agenda */ #filtres-agenda {margin-top: -10px; padding: 0 10px 20px 10px; font-size: 1em;} #filtres-agenda ul {display: inline; padding: 0; margin: 0;} #filtres-agenda li {display: inline; font-weight: bold; border-right: 1px solid #134d86; padding: 0 8px;} #filtres-agenda li.first {padding-left: 0;} #filtres-agenda li.last {border: none; padding-right: 0;} #filtres-agenda li a {text-decoration: underline;} /* Actes */ h3 span {font-weight: normal; font-size: 0.85em;} .acte {padding-top: 30px; clear: both;} .acte .data {width: 40px; float: left;} .acte .data span {display: block; font-weight: bold; text-align: center;} .acte .data .dia {color: #666; font-size: 1.3em; background: url(../img/caixa-data-agenda-bottom.png) left bottom no-repeat; padding-bottom: 5px;} .acte .data .mes {color: #8d8d8d; font-size: 1em; background: url(../img/caixa-data-agenda-top.png) left top no-repeat; padding-top: 2px;} .acte .resum {width: 330px; float: right;} .acte.temaatema .resum {width: 500px;} .acte img {float: left !important; margin: 2px 5px 0 0 !important; padding: 2px !important; width: 120px;} .acte .lloc-hora {border-top: 1px dotted #000; font-size: 90%; clear: left; margin: 0; padding: 0;} .acte .lloc-hora li {display: inline; border-right: 1px dotted #000; padding-right: 13px;} .acte .lloc-hora li.last {border: none; padding-left: 13px;} .acte .lloc-hora li span {font-size: 0.9em; color: #3e647e;} /* Interior agenda */ .interior-agenda h3 {font-size: 1.4em !important; margin: 5px 0;} .interior-agenda img {float: none !important; margin: 0 !important; width: 250px;} .interior-agenda img.mapa-localitzacio {width: 530px; height: 250px;} .interior-agenda h4 {border-bottom: 1px dotted #000;} .interior-agenda h4.titol-inferior {clear: both;} .interior-agenda ul {padding: 0; margin: 0; margin-left: 2em;} .interior-agenda #quadre-resum {border: 1px solid #bdc1bd; background-color: #f5f5f5; padding: 16px 9px; margin-bottom: 25px;} .interior-agenda #quadre-resum:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .interior-agenda #quadre-resum #resum {line-height: 1.4em; float: right; width: 260px;} .interior-agenda #quadre-resum #resum h4 {font-size: 1.1em !important;} .interior-agenda #quadre-resum .imatge {width: 155px; float: left;} .interior-agenda #quadre-resum .imatge small {padding: 0 5px; color: #000;} .interior-agenda .left {float: left; width: 48%;} .interior-agenda .right {float: right; width: 48%;} /* Notícies -----------------------------------------------------*/ /* Llistat notícies */ .noticia {padding-top: 30px; clear: left;} .noticia small {color: #666;} .noticia img {float: left !important; margin: 2px 5px 0 0 !important; padding: 2px !important; width: 120px;} .noticia:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* Interior notícia */ .interior-noticia small {color: #666;} .interior-noticia h3, .interior-noticia h4 {font-size: 1.4em !important; margin: 5px 0;} .interior-noticia img {float: none !important; margin: 0 !important; width: 250px;} .interior-noticia #entradeta {border: 1px solid #bdc1bd; background-color: #f5f5f5; padding: 16px 9px; margin-bottom: 25px;} .interior-noticia #entradeta:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .interior-noticia #entradeta p {font-size: 1.2em; line-height: 1.4em; margin: 0 !important;} .interior-noticia #entradeta p.amb-imatge {float: right; width: 260px;} .interior-noticia #entradeta .imatge {width: 265px; float: left;} .interior-noticia #entradeta .imatge small {padding: 0 5px; color: #000;} /* Tràmits -----------------------------------------------------*/ /* Caixa consulta àmbits */ #consulta-ambits {background: url(../img/caixa-consulta-tramits-ambit-bottom.png) left bottom no-repeat; margin-bottom: 30px;} #consulta-ambits h3 {background: url(../img/caixa-consulta-tramits-ambit-top.png) left top no-repeat; padding: 15px 20px 5px 20px;} #consulta-ambits ul {list-style: none; padding: 0 0 30px 35px; font-weight: bold; margin: 0;} /* Llistat tràmits */ #llistat-tramits dt {font-weight: bold; background: url(../img/bullet-cercle.png) left 7px no-repeat; padding-left: 10px;} #llistat-tramits dd {margin-left: 10px; margin-bottom: 10px;} #llistat-tramits.interior dt {background: url(../img/ico-fletxa-volum.png) left 4px no-repeat; padding-left: 15px;} #llistat-tramits dd {margin-left: 15px;} #acces-tramits-online {margin-bottom: 10px; display: block;} /* Ancles tràmit */ #ancles-tramit {margin-top: -10px; padding: 0 10px 20px 10px; font-size: 1em;} #ancles-tramit ul {display: inline; padding: 0; margin: 0;} #ancles-tramit li {display: inline; font-weight: bold; color: #010066; border-right: 1px solid #144c85; padding: 0 8px;} #ancles-tramit li.first {padding-left: 0;} #ancles-tramit li.last {border: none; padding-right: 0;} #ancles-tramit li a {text-decoration: none;} #ancles-tramit li a:hover {text-decoration: underline;} /* Interior tràmit */ .interior-tramit h4 {border-bottom: 1px solid #3e647e;} .interior-tramit #descripcio {border: 1px solid #bdc1bd; background-color: #f5f5f5; padding: 10px; margin-bottom: 20px;} .interior-tramit #descripcio h4 {border: none; margin-bottom: 0 !important;} .interior-tramit #descripcio #tramitacio-online {clear: both; float: right; margin-top: 5px;} .interior-tramit #descripcio #tramitacio-online img {border: none !important; padding: 0 !important; margin: 0 !important;} .interior-tramit #descripcio:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .interior-tramit #descripcio #periodes {width: 185px; padding: 10px 5px; border: 1px solid #8fb5a8; background-color: #dbe5e2; float: right;} .interior-tramit dt {font-weight: bold; margin-top: 20px;} .interior-tramit dd address {margin-left: 20px; margin-top: 5px;} .interior-tramit dd address a {font-weight: bold;} .interior-tramit ul {margin: 10px 10px 10px 20px; line-height: 18px; padding: 0;} .interior-tramit .arxius {margin-left: 10px; list-style: none;} .interior-tramit .arxius .pdf {background: url(../img/ico-pdf.png) left 4px no-repeat; padding: 5px 5px 5px 20px;} .interior-tramit .classificacio {margin: 0; list-style: none;} .ancle-inici-plana {text-align: right; font-family: arial, serif; margin: 10px 0 45px 0; clear: both;} .ancle-inici-plana a {background: url(../img/bullet-fletxa-top.png) left center no-repeat; padding-left: 12px; text-decoration: underline;} /* Directori ------------------------------------------------------*/ /* Llistat de temes */ #llistat-temes {list-style: none; margin: 0; padding: 0; margin-left: 20px;} #llistat-temes li {background: url(../img/ico-fletxa-volum.png) left 4px no-repeat; padding-left: 15px;} /* Quadre de subtemes i filtres */ .directori ul {list-style: none; margin: 0; padding: 0;} .directori .fil {font-weight: bold;} .directori .fil a {text-decoration: underline;} .directori .subtemes {background: #f7f7f7 url(../img/caixa-subtemes-bottom.png) left bottom no-repeat; width: 713px; margin: 10px 0 25px 0;} .directori .subtemes h4 {background: #f7f7f7 url(../img/caixa-subtemes-top.png) left top no-repeat; padding: 13px 10px 0 10px;} .directori .subtemes ul {padding: 0 10px 13px 10px;} .directori .subtemes ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .directori .subtemes li {float: left; width: 45%; padding-bottom: 5px;} .directori .subtemes li a {background: url(../img/bullet-nav.gif) left 4px no-repeat; padding-left: 10px; display: block;} .directori .filtre-directori {font-weight: bold; display: inline;} .directori .filtre-directori a {text-decoration: underline;} .directori .filtre-directori li {border-right: 1px solid #c2bcb7; display: inline; padding: 0 7px;} .directori .filtre-directori li.last {border-right: none;} /* Taula de fitxes */ .directori #fitxes-directori {background: url(../img/taula-fitxes-bottom.png) left bottom no-repeat; padding-bottom: 12px; margin-top: 10px;} .directori #fitxes-directori table {width: 713px; border-collapse: collapse; background: url(../img/taula-fitxes-top.png) left top no-repeat;} .directori #fitxes-directori table thead th {text-align: left; padding: 10px 10px 0 10px; height: 45px;} .directori #fitxes-directori table tbody td {border: 1px solid #bec2be; padding: 10px; border-left: none; background-color: #f8f7f6; width: 50%;} .directori #fitxes-directori table tbody tr td.nom-fitxa {background-image: url(../img/fons-cela-directori.png); background-position: left top; background-repeat: repeat-y;} .directori #fitxes-directori table tbody tr.parell td {background-color: #fff;} /* Taula de fitxes (tema a tema) */ .directori #fitxes-directori.temaatema table {width: 545px; background-image: url(../img/taula-tat-fitxes-top.png);} .directori #fitxes-directori.temaatema {background-image: url(../img/taula-tat-fitxes-bottom.png);} /* Interior directori */ .interior-directori h3 {font-size: 1.4em !important; margin: 5px 0;} .interior-directori img {float: none !important; margin: 0 !important; width: 250px;} .interior-directori img.mapa-localitzacio {width: 530px; height: 250px;} .interior-directori h4 {border-bottom: 1px dotted #000;} .interior-directori h4.titol-inferior {clear: both;} .interior-directori ul {margin: 0 0 1em 2em; padding: 0;} .interior-directori #quadre-resum {border: 1px solid #bdc1bd; background-color: #f5f5f5; padding: 16px 9px; margin-bottom: 25px; width: 710px;} .interior-directori #quadre-resum:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .interior-directori #quadre-resum #resum {line-height: 1.4em; float: left; width: 395px;} .interior-directori #quadre-resum #resum h4 {font-size: 1.1em !important;} .interior-directori #quadre-resum img {float: right ! important; width: 295px;} .interior-directori #acces-adaptat {float: right;} .interior-directori #acces-adaptat img {width: auto !important; padding: 0 !important; border: none !important; float: none !important;} .interior-directori .left {float: left; width: 48%;} .interior-directori .right {float: right; width: 48%;} .interior-directori .imatges img {width: 141px; float: left !important; margin: 10px 30px 10px 0 !important;} /* Interior directori (tema a tema) */ .interior-directori.temaatema #quadre-resum {width: 530px;} .interior-directori.temaatema #quadre-resum #resum {width: 215px;} /* Newsletters ------------------------------------------------------*/ .newsletter h3 span {font-weight: bold; font-size: 1em;} .newsletter #bloc-banner-baixa {position: relative; height: 5em;} .newsletter #bloc-banner-baixa h3 {position: absolute; bottom: 0; left: 0;} .newsletter #bloc-banner-baixa #banner-baixa {position: absolute; bottom: 0; right: 0;} .newsletter #bloc-banner-baixa #banner-baixa img {padding: 0 !important; float: none !important; border: 0 !important;} /* Galeria ------------------------------------------------------*/ /* Índex de galeries */ .galeria img {margin: 0 48px 10px 0 !important; float: left !important; width: 141px;} .galeria img.last {margin: 0 !important;} .galeria hr {clear: left; border: 0; border-top: 1px dotted #000; margin: 10px 0;} /* Plana de diapositives */ .galeria .fila-imatges {margin-top: 15px; float: left;} .galeria .fila-imatges .imatge {float: left; margin-right: 40px; clear: right; width: 141px; line-height: 1.1em;} .galeria .fila-imatges .imatge.last {margin: 0;} .galeria .fila-imatges .imatge img {margin: 0 !important; float: none !important;} /* Detall de la imatge */ .galeria .imatge-detall {float: none !important; width: 437px; margin: 20px auto !important; margin-bottom: 0 !important; border: 2px solid #ccc !important; padding: 8px !important;} /* Contingut estructurat ------------------------------------------------------*/ /* Ofertes - Ajudes - Projectes - Indicadors */ .of-aj-prj-ind h3 {margin-bottom: 5px !important;} .of-aj-prj-ind small {color: #666;} .of-aj-prj-ind img {float: left !important; margin-left: 0 !important; margin-right: 8px !important;} .of-aj-prj-ind dl dt {font-weight: bold;} .of-aj-prj-ind dl dt.linia {float: left; margin-right: 5px;} .of-aj-prj-ind .arxius {margin-left: 10px; list-style: none;} .of-aj-prj-ind .arxius:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .of-aj-prj-ind .arxius .pdf {background: url(../img/ico-pdf.png) left 4px no-repeat; padding: 5px 5px 5px 20px;} .of-aj-prj-ind .arxius .doc {background: url(../img/ico-doc.png) left 4px no-repeat; padding: 5px 5px 5px 20px;} .of-aj-prj-ind .arxius li {float: left; width: 150px;} .of-aj-prj-ind .arxius .left {clear: left; margin-right: 10px;} .of-aj-prj-ind hr {clear: left; border: 0; border-top: 1px dotted #000; margin: 20px 0;} .of-aj-prj-ind a.mes-info {font-weight: bold;} /* FAQS */ .faqs ol {margin: 0; padding: 0; margin-left: 25px;} .faqs li {font-weight: bold; margin-bottom: 30px;} .faqs p, .faqs a {font-weight: normal;} .faqs dl dt {font-weight: bold;} .faqs dl a {text-decoration: underline;} /* Avisos */ .avisos h3 {border-bottom: 1px solid #006683; padding: 0 2px 5px 2px;} .avisos .avis {margin-bottom: 25px;} .avisos .avis small {color: #666;} .avisos .avis h4 {margin: 0 !important;} .avisos .avis p {margin-bottom: 5px !important;} .avisos .avis dl dt {font-weight: bold;} .avisos .avis dl a {text-decoration: underline;} #filtres-avisos {margin-top: -10px; padding: 0 10px 20px 10px; font-size: 1em;} #filtres-avisos ul {margin: 0; padding: 0; display: inline;} #filtres-avisos li {display: inline; font-weight: bold; border-right: 1px solid #144c85; padding: 0 8px;} #filtres-avisos li.first {padding-left: 0;} #filtres-avisos li.last {border: none; padding-right: 0;} #filtres-avisos li a {text-decoration: none;} #filtres-avisos li a:hover {text-decoration: underline;} /* Concursos */ .concursos h4 {margin-bottom: 0px !important;} .concursos dl dt {font-weight: bold;} .concursos dl dt.linia {float: left; margin-right: 5px;} .concursos ul {padding: 0; margin: 0; list-style: none;} .concursos ul li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px;} .concursos ul.actes-destacats li {margin-bottom: 10px;} .concursos #avis {border: 1px solid #ffe682; background-color: #fff9df; padding: 10px 15px; font-weight: bold; color: #990000; margin-bottom: 30px;} /* Concurs detall */ .concurs-detall dl dt {font-weight: bold;} .concurs-detall dl dt.linia {float: left; margin-right: 5px;} .concurs-detall dl dd {margin-bottom: 10px;} .concurs-detall dl dd.junts {margin-bottom: 0;} .concurs-detall #avis {border: 1px solid #ffe682; background-color: #fff9df; padding: 10px 15px; font-weight: bold; color: #990000; margin-bottom: 30px;} /* Especials ------------------------------------------------------*/ /* Calendari */ #calendari div {padding: 0;} #calendari #navegacio {border: 1px solid #c5c5c5; border-bottom-width: 2px; background-color: #d9d9d9; height: 1.5em; padding: 0; margin: 0;} #calendari #navegacio li {padding: 0; background: none;} #calendari #navegacio:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #calendari #navegacio .anterior a, #calendari #navegacio .seguent a {color: #666; text-decoration: underline; padding: 3px 5px;} #calendari #navegacio .anterior {float: left; background: url(../img/ico-fletxa-petita-esq.png) left 5px no-repeat; margin-left: 3px;} #calendari #navegacio .seguent {float: right; background: url(../img/ico-fletxa-petita-drt.png) right 5px no-repeat; margin-right: 3px;} #calendari table {margin: 0 5px 10px 5px;} #calendari table caption {margin-top: -15px; margin-bottom: 5px;} #calendari table thead th {color: #464639; font-weight: normal;} #calendari table tbody a {color: #666; text-align: right; display: block;} #calendari table tbody td.actiu {border: 1px solid #3f657f; color: #666; text-align: right;} /* FCKeditor */ .imatge-dreta, .imatge-dreta-sense-borde {float: right !important; margin: 4px 0 4px 8px !important;} .imatge-esquerra, .imatge-esquerra-sense-borde {float: left !important; margin: 4px 8px 4px 0 !important;} .imatge-dreta-sense-borde, .imatge-esquerra-sense-borde {padding: 0 !important; border: none !important;} /* Pàgina d'error */ .pagina-error #capcalera #logo {position: relative; top: 0; margin: 10px 0;} .pagina-error #content {margin: 100px 120px;} #pagina-error {text-align: center; width: 400px;} #pagina-error .descripcio {font-weight: normal;} #pagina-error a {text-decoration: underline; color: #990000;} /* Cercador Google */ #cercador-google #content {float: none;} #cercador-google dl {font-size: 1.1em;} #cercador-google dl dt {font-size: 1.1em} #cercador-google dl dd {margin-bottom: 1em;} #cercador-google .info-resultat {color: #008000;} #cercador-google dl p {margin: 0 !important;} /* Pàgina d'idiomes */ #pagina-idioma #capcalera {height: 120px; background: #fff url(../img/banner-idiomes.png) right .5em no-repeat;} #pagina-idioma #peu {text-align: center;} #pagina-idioma #peu address {float: none;} /** Accés des de la home **/ #acces-planes-idioma {background: #4a7084 url(../img/fons-acces-idiomes.png) left top repeat-y; margin: 0 2px; border-top: 2px solid #006783; padding: 3px 0;} #acces-planes-idioma li {display: inline; padding-left: 10px;} #acces-planes-idioma li a {color: #fff; font-size: 1.1em; font-weight: bold; background: url(../img/acces-planes-idioma.png) left 4px no-repeat; padding-left: 8px;} /* Llista documents */ .llista-documents {list-style: none; margin: 0; padding: 0;} .llista-documents li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px; padding-bottom: 7px;} .llista-documents .arxius {list-style: none;} .llista-documents .arxius .pdf {background: url(../img/ico-pdf.png) left 4px no-repeat; padding: 5px 5px 5px 20px;} .llista-documents .arxius .doc {background: url(../img/ico-doc.png) left 4px no-repeat; padding: 5px 5px 5px 20px;} /* Peu ------------------------------------------------------*/ #peu {padding-top: 10px; clear: both; margin-bottom: 50px; border-top: 3px solid #7f0000;} #peu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #peu address {float: left;} #peu #menu-peu {float: right; margin: 0; padding: 0;} #peu #menu-peu li {display: inline; border-right: 1px solid #999; padding: 0 5px;} #peu #menu-peu li a {color: #333;} #peu #menu-peu li.last {border: 0;padding-right: 0;}