﻿/* 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
		- Pàgina d'idiomes
			- Accés a la plana d'idiomes
		- Llista documents
	- Peu
*/

/* Imports
-----------------------------------------------------*/
@import 'basic.css';
@import 'print.css';

/* Capçalera
-----------------------------------------------------*/
#capcalera {padding: 8px; position: relative;}
#capcalera:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#capcalera #logo {position: absolute; bottom: 25px; float: left;}
#capcalera #menu-principal, #capcalera #barra-cercador {float: right;}

/* Barra cercador */
#capcalera #barra-cercador {margin-bottom: 10px;}
#capcalera #barra-cercador .vincle, #capcalera #barra-cercador #form-cerca {float: left; border-right: 1px solid #cc9900; 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: #a88102;}
#capcalera #barra-cercador #cerca, #capcalera #barra-cercador #serveis {border: 1px solid #a88102; background-color: #fffaec; color: #654b00;}
#capcalera #barra-cercador #cerca {width: 128px;}
#capcalera #barra-cercador #serveis {width: 120px;}

/* Menú principal */
#capcalera #menu-principal {width: 585px; list-style: none; clear: right; padding: 0; margin: 0;}
#capcalera #menu-principal li {float:left;}
/*#capcalera #menu-principal li a {display: block; height: 0; overflow: hidden; padding: 49px 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: 93px;}
#capcalera #menu-principal #tab-actualitat {background-image: url(../img/tab-actualitat.png); width: 144px;}
#capcalera #menu-principal #tab-tramits {background-image: url(../img/tab-tramits.png); width: 113px;}
#capcalera #menu-principal #tab-temaatema {background-image: url(../img/tab-temaatema.png); width: 129px;}
#capcalera #menu-principal #tab-ciutat {background-image: url(../img/tab-ciutat.png); width: 105px;}

#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; background-color: #e5e5e5; padding: 10px 5px;}
#contenidor:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* Estructura de columnes (home) */
#columna0 {width: 580px; float: left;}
#columna1 {width: 180px; float: right;}
	#columna01 {width: 410px;float: left;}
	#columna02 {width: 170px;float: right;}

/* Estructura de columnes (interior) */
#menu-navegacio {width: 175px; float: left;}
#menu-navegacio2 {width: 175px; float: left;}
#contingut {width: 581px; float: right;}
	#content {float: left;}
	#relacionats {width: 146px; float: right; margin-bottom: 30px;}
	#relacionats-document {width: 154px; float: right; margin-bottom: 30px;}
#relacionats-document .rss { background: url(../img/rss.bmp) no-repeat; float:none; height:10px; width:33px; margin-left:5px; padding:0 33px 0 0; border:none; }

/* Estructures diverses */
#contingut #content {width: 550px;}
#bloc-central.dues-columnes #content {width: 380px;}

#contingut-sense-navegacio #bloc-central {width: 761px; background: #fff 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;}

/*
 * >Modificacio amb data: 04/09/2008
 * >Motiu: corregir el defecte visual de la imatge de fons de diferentes pagines, per ser massa petita la imatge per a la quantitat d'informacio que es visualitza
 * >Realitzada per: Bruno Peña Hernández
 */
#contingut-sense-navegacio #bloc-central2 {width: 761px; background: #fff url(../img/caixa-interior-gran-middle.png) left bottom repeat;}
#contingut-sense-navegacio #bloc-central2 h2 {background: url(../img/caixa-interior-gran-top.png) left top no-repeat;}
.bloc-central2-caixa-bottom-1-columna {width: 761px; background: #fff url(../img/caixa-interior-gran-bottom2.png) left bottom no-repeat;}

 
/*
 * >Modificacio amb data: 04/09/2008
 * >Motiu: corregir el defecte visual de la imatge de fons de diferentes pagines, per ser massa petita la imatge per a la quantitat d'informacio que es visualitza
 * >Realitzada per: Bruno Peña Hernández	
 */
/* Llistar tots el tràmits ordenatas alfabeticament */
#contingut-sense-navegacio.dues-columnes #bloc-central2 {width: 601px; float: left; background: #fff url(../img/caixa-interior-mitjana-middle.png) left bottom repeat;}
#contingut-sense-navegacio.dues-columnes #bloc-central2 h2 {background: url(../img/caixa-interior-mitjana-top.png) left top no-repeat;}
#contingut-sense-navegacio.dues-columnes #bloc-central2.dues-columnes #content {width: 415px;}
/* #contingut #bloc-central {background: #fff url(../img/caixa-interior-bottom.png) left bottom no-repeat;} */

/* Fi de `Llistar tots el tràmits ordenatas alfabeticament` */


#contingut-sense-navegacio.dues-columnes #bloc-central {width: 601px; float: left; background: #fff 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: #fff 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;}

/*
 * >Modificacio amb data: 04/09/2008
 * >Motiu: corregir el defecte visual de la imatge de fons de diferentes pagines, per ser massa petita la imatge per a la quantitat d'informacio que es visualitza
 * >Realitzada per: Bruno Peña Hernández	
*/
#contingut.dues-columnes #bloc-central2 {width: 431px; float: left; background: #fff url(../img/caixa-interior-petita-middle.png) left bottom repeat;}
.contingut-dues-columnes-bloc-central2 {width: 431px; float: left; background: #fff url(../img/caixa-interior-petita-bottom2.png) left bottom no-repeat;}
#contingut.dues-columnes #bloc-central2 h2 {background: url(../img/caixa-interior-petita-top.png) left top no-repeat;}

/* Caixa destacats home */
#dest-home {background: #009ED3 url(../img/caixa-projectes-bottom.png) left bottom no-repeat; color: #fff;
		   margin-bottom: 5px; font-size: 1.2em;}
#dest-home:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#dest-home #caixa-dest {background: url(../img/caixa-projectes-top.png) left top no-repeat;padding:10px 8px 5px 8px;}
#dest-home small {padding-top: 10px; font-weight: bold;}
#dest-home h2 {font-weight: normal; font-size: 1.5em; margin: 5px 0px;}
#dest-home h2 a {color: #fff;}
#dest-home img {float: left; width: 349px; height: 178px;}
#dest-home .desc-dest {float: right; width: 208px;}
#dest-home .owl-item {}
#dest-home .owl-theme .owl-controls .owl-page span {
  height: 10px !important;
}
#dest-home .owl-theme .owl-controls {
  margin-top: 4px !important;
}
#dest-home .owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #99FFFF;
}

/* Caixa relacionats (home) */
.caixa-relacionats {width: 176px; 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: #010066 url(../img/caixa-relacionats-top.png) left top no-repeat;}
.caixa-relacionats h2  a { color: #fff;}
.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: 80px;}
#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: #010066 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: #009ed3 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: 409px; 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: 205px;}
#destacats .left h2 {background: #d7a200 url(../img/caixa-destacats-top-left.png) left top no-repeat;}
#destacats .right {float: right; width: 204px;}
#destacats .right h2 {background: #d7a200 url(../img/caixa-destacats-top-right.png) right top no-repeat;}
#destacats h2 {color: #fff; font-size: 1.3em; padding: 5px 10px;}
#destacats h2  a { color: #fff;}
#destacats .content {padding: 10px 15px; color: #000; font-size: .9em; line-height: 1.5em;}
#destacats .content small {color: #666; font-size: 1em; clear: left; display: block;}
#destacats .content h3 {color: #000066; font-size: 1.2em; margin: 3px 0;}
#destacats .content div {margin-bottom: 20px; float: left;}
#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;}
#destacats .acces-interior a {font: bold 12px arial, serif; background-color: #fff7d9; padding: 0 4px; margin-left: 14px;}
#destacats .acces-interior .rss { background: url(../img/rss.bmp) no-repeat; float:none; height:10px; width:33px; margin-left:5px; padding:0 33px 0 0; border:none; }

#destacats .acces-interior-rss {background: #fff url(../img/rss.bmp) left center no-repeat; clear: left; padding:0px;}
#destacats .acces-interior-rss a {font: bold 12px arial, serif; background-color: #fff7d9; padding: 0 4px; margin-left: 14px;}

/* Caixa contingut (interior) */
#contingut #bloc-central {background: #fff url(../img/caixa-interior-bottom.png) left bottom no-repeat; background-position:100% 100%}
#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 #0099cb; margin: 0px 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;}
#bloc-central #content #mapdiv0 img, #bloc-central2 #content2 #mapdiv0 img 
{
	padding:0px!important;
	border-style:none!important;
	border-width:0px!important;
	margin:0px!important;
	float:none!important;
	background-color:transparent!important;
	background-image:none!important;
	display:inline!important;
}

/*
 * >Modificacio amb data: 04/09/2008
 * >Motiu: corregir el defecte visual de la imatge de fons de diferentes pagines, per ser massa petita la imatge per a la quantitat d'informacio que es visualitza
 * >Realitzada per: Bruno Peña Hernández	
*/
#contingut #bloc-central3 {background: #fff url(../img/caixa-interior-middle.png) left bottom repeat;}

#bloc-central3:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bloc-central3 h2 {padding: 25px 15px 3px 15px; font-size: 2.2em;}
#contingut #bloc-central3 h2 {background: #fff url(../img/caixa-interior-top.png) left top no-repeat;}
#bloc-central3 #cos {border-top: 3px solid #0099cb; margin: 0px 3px; padding: 15px 3px;}
#bloc-central3 #content {font-size: 1.1em; line-height: 1.4em; padding-bottom: 25px; padding-right: 10px; padding-left: 10px;}
#bloc-central3 #content h3 {font-size: 1.3em; margin-bottom: 10px;}
#bloc-central3 #content h4 {font-size: 1.2em; margin-bottom: 10px;}
#bloc-central3 #content p {margin-bottom: 1em;}
#bloc-central3 #content img {padding: 4px; border: 1px solid #ccc; float: right; margin: 0 0 0 8px; display: block; background-color: #fff;}
.contingut-bloc-central3-img-bottom{background: #fff url(../img/caixa-interior-bottom2.png) left bottom no-repeat;}

/** 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: #eff9fa 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;} 

/** Mapa Web **/
#bloc-central ul.mapaweb {list-style: none; padding:0; margin: 0;}
#bloc-central ul.mapaweb li h5 {background: #eff9fa 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-central2 ul.mapaweb {list-style: none; padding:0; margin: 0;}
#bloc-central2 ul.mapaweb li h5 {background: #eff9fa 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;}



/** Contingut relacionat **/
#bloc-central #content .contingut-relacionat {clear:both;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: #f5fbfc; border-bottom: 1px solid #d8e4e9; border-top: 1px solid #d8e4e9;}
.paginador a {text-decoration: underline;}
.paginador a, .paginador span {color: #000066;}
.paginador a, .paginador strong {border-right: 1px solid #0099cc; padding: 0 5px}
.paginador li.anterior {padding-right: 5px; padding-left: 5px; padding-top: 7px; background: #f5fbfc url(../img/caixa-paginador-top-left.png) left top no-repeat; border-bottom: 1px solid #d8e4e9; border-top: none;}
.paginador li.anterior a, .paginador li.anterior span {padding-left: 10px; background: #f5fbfc url(../img/ico-fletxa-pag-esq.png) left center no-repeat;}
.paginador li.seguent {padding-right: 5px; padding-left: 5px; padding-bottom: 7px; background: #f5fbfc url(../img/caixa-paginador-bottom-right.png) right bottom no-repeat; border-top: 1px solid #d8e4e9; border-bottom: none;}
.paginador li.seguent a,  .paginador li.seguent span {padding-right: 10px; background: #f5fbfc 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; padding: 10px; font-size: 1.2em; text-transform: uppercase;}
#menu-navegacio h2 a {color: #fff;}
#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: #F0F5F7 url(../img/bullet-nav.gif) 10px 10px no-repeat; border-bottom: 1px solid #c6d9df; display: block; font-weight: bold; padding: 8px 10px 8px 20px;}
#menu-navegacio ul li.obert a {background: #F0F5F7 url(../img/bullet-nav-obert.gif) 10px 13px no-repeat;}
#menu-navegacio ul li.obert li.obert a {background: #f5fafd url(../img/bullet-nav-sub-obert.gif) 10px 13px no-repeat;}
#menu-navegacio ul li.obert li a {background: #F5FAFD url(../img/bullet-nav-sub.gif) 20px 13px no-repeat; padding-left: 30px; font-weight: normal;}

/* 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: #f5fafd; border-top: 1px solid #c6d9df; 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 #c6d9df; font-weight: bold;}
/* Segon nivell */
#menu-navegacio ul li.obert li.actiu {padding-left: 30px; background-position: 20px 13px; font-weight: normal; background-color: #FFFFFF; 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: #fff4cc; color: #710100;}

/* Banners */
/** Banner home **/
.banner {width: 169px; 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 6px 0 7px;}
	.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: #000;}
	.banner.especial div {background-color: #eaedff; padding: 4px; margin: 0 7px 5px 7px; color: #001486;}
	.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: 7px;}
	.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;}
	
/** Banner interior subhome**/ 
.columna-banners #bannerssubhome {float: right; width: 29%;}
.plana-interior .bannersubhome {width: 166px; background: #fff url(../img/caixa-banner-interior-bottom_166.png) left bottom no-repeat; margin-bottom: 5px; padding-bottom: 7px;}
.plana-interior .bannersubhome a {background: #fff url(../img/caixa-banner-interior-top_166.png) left top no-repeat; padding: 3px 5px; padding-bottom: 0; display: block;}
.plana-interior .bannersubhome img {width: 156px; height: 56px; padding: 0 !important; margin: 0 !important; border: 0 !important; float: none !important;}

.columna-banners #bannerssubhome.flat { float: left; width: 100%}
.plana-interior .bannersubhome.flat {float: left}

/** 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 div.caixa-anchors {background: #f5fbfc url(../img/caixa-anchors-bottom.png) left bottom no-repeat; width: 406px; padding-bottom: 5px; margin-bottom: 20px;float:left;}
.anchors div.caixa-anchors_398 {background: #f5fbfc url(../img/caixa-anchors-bottom_398.png) left bottom no-repeat; width: 398px; padding-bottom: 5px; margin-bottom: 20px;float:left;}

.anchors #caixa-anchors li.first { padding-top: 5px;}
.anchors #caixa-anchors li.second { padding-top: 5px;}
.anchors #caixa-anchors li.right { padding-top: 5px;}

.anchors #caixa-anchors li.first_398 {background: #f5fbfc url(../img/caixa-anchors-top_398.png) left top no-repeat; padding-top: 5px;}

.anchors #caixa-anchors ul {list-style: none; padding:0; margin: 0;}

.anchors #caixa-anchors ul.top { background:#F5FBFC url(../img/caixa-anchors-top.png) no-repeat scroll left top;}
.anchors #caixa-anchors ul.left {width:50%;float:left; background:#F5FBFC url(../img/caixa-anchors-top.png) no-repeat scroll left top;}
.anchors #caixa-anchors ul.right{width:50%;float:right; background:#F5FBFC url(../img/caixa-anchors-top.png) no-repeat scroll right top;}

.anchors #caixa-anchors ul.top_398 { background:#F5FBFC url(../img/caixa-anchors-top_398.png) no-repeat scroll left top;}
.anchors #caixa-anchors ul.left_398 {width:50%;float:left; background:#F5FBFC url(../img/caixa-anchors-top_398.png) no-repeat scroll left top;}
.anchors #caixa-anchors ul.right_398{width:50%;float:right; background:#F5FBFC url(../img/caixa-anchors-top_398.png) no-repeat scroll right top;}

.anchors #caixa-anchors li {padding: 5px 10px;}
.anchors #caixa-anchors li.dos {width:50%;padding: 5px 10px;}
.anchors #caixa-anchors li a { text-decoration: underline;  background: url(../img/bullet-nav.gif) left 4px no-repeat; padding-left: 10px;border-bottom: none}
.anchors #caixa-anchors li a.right {width:50%;text-decoration: underline;  background: url(../img/bullet-nav.gif) left 4px no-repeat; padding-left: 10px;}
.anchors h3 {border-bottom: 1px solid #0099cc; 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: #2eabd5; 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 #039acd; 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;}

/*
 * >Modificacio amb data: 06/10/2008
 * >Motiu: modificar l'ample dels <select> per poder veure tot el text de les opcions a "cerca_avancada.jsp"
 * >Realitzada per: Bruno Peña Hernandez
*/
#formulari .text, #formulari select {border: 1px solid #5d4702; width: 37em; 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;float:left}
#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: 30px; padding: 2px;}

/* Tema a tema 
-----------------------------------------------------*/
#bloc-central #capcalera-temaatema {background: #a2d3e2 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; padding: 0; margin: 0;}
#bloc-central #capcalera-temaatema li {display: inline; border-right: 1px solid #cef3ff; 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; 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 #ffec9d; padding: 10px; background-color: #fffaeb; 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;}

/* Quadre destaquem barris*/
#bloc-central #content #destaquem-barris {border: 1px solid #0099cb; padding: 10px; background-color: #ffffff; margin-bottom: 30px;}
#bloc-central #content #destaquem-barris:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bloc-central #content #destaquem-barris h4 {font-size: 1.3em;}
#bloc-central #content #destaquem-barris h5, #bloc-central #content #destaquem-tema p {padding-right: 5px;}
#bloc-central #content #destaquem-barris h5 {font-size: 1.1em;}
#bloc-central #content #destaquem-barris small {color: #666;}
#bloc-central #content #destaquem-barris img {float: left; margin: 0 10px 2px 0; width: 518px;}

/* 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;}
#destacats.temaatema h4 {color: #977200; padding-bottom: 5px; border-bottom: 1px solid #ffc20d;}
#destacats.temaatema img {float: left !important; margin: 2px 5px 0 0 !important; padding: 2px !important;}

/* Cerca interior
-----------------------------------------------------*/
#quadre-resultats-cerca-interior {border: 1px solid #039acd; padding: 10px; margin-top: 10px; margin-bottom: 20px;}
#quadre-resultats-cerca-interior strong {color: #0099cc;}

.quadre-cerca-interior { border: 1px solid #039acd; color: #0099cc; margin: 20px 0; padding: 10px 15px 0px 15px; clear: both;}
.quadre-cerca-interior form label, .quadre-cerca-interior form input {vertical-align: middle;}
.quadre-cerca-interior:after {display: inline-block; height: 0; clear: both; visibility: hidden;}
.quadre-cerca-interior form {float: none; display: inline-block; }
.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 #0099cc; 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; color: #010066;}

/* 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;}

/*
 * >Modificacio amb data: 24/09/2008
 * >Motiu: els actes que es presenten a la pagina "resultats_cerca.jsp" no son amb el mateix format que els de "agenda.jsp",
 * >		manca el dibuix de la data de proper acte.
 * >Realitzada per: Bruno Peña Hernández								
 */
.acte .resum2 {width: 500px; float: left; padding-left:10px}

.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: #0099cc;}

/* 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 #ffec9d; background-color: #fffaeb; 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 {float: left; padding-bottom: 10px;}
.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: 15px; 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 #entradeta img {float: none !important; margin: 0 !important; width: 250px;}
.interior-noticia #entradeta {border: 1px solid #ffec9d; background-color: #fffaeb; 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: 255px; 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: 15px; margin-bottom: 10px;}
#llistat-tramits.interior dt {background: url(../img/ico-fletxa-volum.png) left 4px no-repeat; padding-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; margin: 0; padding: 0;}
#ancles-tramit li {display: inline; font-weight: bold; color: #010066; border-right: 1px solid #0099cc; 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 #0099cc;}
.interior-tramit #descripcio {border: 1px solid #ffe682; background-color: #fff9df; 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 #fbdc01; background-color: #fff4ab; 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; padding: 0; margin: 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; padding: 0; margin: 0;}
.directori .fil {font-weight: bold;}
.directori .fil a {text-decoration: underline;}
.directori .subtemes {background: #f5fbfc url(../img/caixa-subtemes-bottom.png) left bottom no-repeat; width: 713px; margin: 10px 0 25px 0;}
.directori .subtemes h4 {background: #f5fbfc 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;}

/*
 * >Modificacio amb data: 04/09/2008
 * >Motiu: fer que els temes que tinguin mapa, no surtin descol.locats
 * >Realitzada per: Bruno Peña Hernández	
*/
.directori .subtemes 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 #0099cc; 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 #c6d9df; padding: 10px; border-left: none; background-color: #f5fbfc; 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;padding-top:15px;}
.interior-directori ul {padding: 0; margin: 0; margin-left: 2em;}
.interior-directori #quadre-resum {border: 1px solid #ffec9d; background-color: #fffaeb; padding: 16px 9px; margin-bottom: 5px; 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: none !important; margin: 10px 30px 10px 0 !important; display: inline !important;}
.interior-directori ul {margin-bottom: 1em;}

/* 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: 4em;margin-bottom: 5px;}
.newsletter #bloc-banner-baixa h3 {position: absolute; bottom: 0; left: 0; margin-bottom: 0px !important;}
.newsletter #bloc-banner-baixa #banner-baixa {float:right;}
.newsletter #bloc-banner-baixa #banner-baixa img {padding: 0 !important; float: none !important; border: 0 !important;}

.newsletter .sel-but {margin-bottom: 15px;display:inline-block;clear:both; width: 100%}
.newsletter .sel-but input {float: right; margin-top: 0px}
.newsletter #formulari .sel-but label {width: 90%}
.newsletter .desc-but {margin-bottom:5px; background-color: #eeeeee}



/* 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;}

/* Galeria eleccions
------------------------------------------------------*/
/* Índex de galeries */
.galeriae img {margin: 0 48px 10px 0 !important; float: left !important; width: 110px; height: 114px;}
.galeriae img.last {margin: 0 !important;}
.galeriae hr {clear: left; border: 0; border-top: 1px dotted #000; margin: 10px 0;}

/* Plana de diapositives */
.galeriae .fila-imatges {margin-top: 15px; float: left;}
.galeriae .fila-imatges .imatge {float: left; margin-right: 30px; clear: right; width: 110px; line-height: 1.1em;}
.galeriae .fila-imatges .imatge.last {margin: 0;}
.galeriae .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 #0099cc; 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; color: #010066; border-right: 1px solid #0099cc; 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 a {color: #666; text-decoration: underline; padding: 1px 5px; display: block;}
#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: #0199cc; font-weight: normal;}
#calendari table tbody a {color: #666; text-align: right; display: block;}
#calendari table tbody td.actiu {border: 1px solid #0199cc; 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;}

.imatge-dreta, .imatge-dreta-sense-vores {float: right !important; margin: 4px 0 4px 8px !important;}
.imatge-esquerra, .imatge-esquerra-sense-vores {float: left !important; margin: 4px 8px 4px 0 !important;}
.imatge-dreta-sense-vores, .imatge-esquerra-sense-vores {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 dl {font-size: 1.1em;}
#cercador-google dl dt {font-size: 1.1em}
#cercador-google dl dt a {text-decoration: underline !important;}
#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: 110px; background: #fff url(../img/banner-idiomes.png) right .5em no-repeat;}
#pagina-idioma #peu {text-align: center;}
#pagina-idioma #peu address {float: none;}

/* Pàgina carnaval */
#pagina-carnaval #capcalera {height: 110px; background: #fff url(../img/banner-carnaval.gif) right .5em no-repeat;}
#pagina-carnaval #peu {text-align: center;}
#pagina-carnaval #peu address {float: none;}

/* Pàgina mic */
#pagina-mic #capcalera {height: 110px; background: #fff url(../img/banner-mic.gif) right .5em no-repeat;}
#pagina-mic #peu {text-align: center;}
#pagina-mic #peu address {float: none;}

/* Pàgina alc */
#pagina-alc #capcalera {height: 110px; background: #fff url(../img/banner_alc.jpg) right .5em no-repeat;}
#pagina-alc #peu {text-align: center;}
#pagina-alc #peu address {float: none;}

/* Pàgina oac */
#pagina-oac #capcalera {height: 70px; background: #fff url(../img/banner_oac2.gif) right .5em no-repeat;}
#pagina-oac #peu {text-align: center;}
#pagina-oac #peu address {float: none;}

/* Pàgina pap */
#pagina-pap #capcalera {height: 70px; background: #fff url(../img/banner_pap.jpg) right .5em no-repeat;}
#pagina-pap #peu {text-align: center;}
#pagina-pap #peu address {float: none;}

/* Pàgina jo dono la cara */
#pagina-cara #capcalera {height: 90px; background: #fff url(../img/banner_cara.jpg) right .5em no-repeat;}
#pagina-cara #peu {text-align: center;}
#pagina-cara #peu address {float: none;}

/** Accés a la plana d'idiomes **/
#acces-plana-idiomes {border-top: 2px solid #000066; margin-bottom: 10px; margin-left: 3px; width: 170px; background: #fff url(../img/acces-idiomes-bottom.png) -3px bottom no-repeat; }
#acces-plana-idiomes ul {margin: 0; padding: 0; list-style: none; padding: 5px 5px 10px 10px;}
#acces-plana-idiomes ul li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px; padding-bottom: 7px;}

/* 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 {margin-top: 10px; clear: both; margin-bottom: 50px;}
#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-block; border-right: 1px solid #cc9900; padding: 0 5px;}
#peu #menu-peu li.last {border: 0;padding-right: 0;}

.interior-noticia #imprimir { float:right;}
.interior-noticia #imprimir a { text-decoration:underline;}


/*HEMEROTECA
------------------------------------------------------*/

#hemeroteca_noticies {clear:both;}

#hemeroteca_anys {float:left;width:300px; padding-left:10px;}
#hemeroteca_noticies .abajo{ margin-top:0px;}
#hemeroteca_noticies .abajo3{ margin-top:70px;}

#hemeroteca_resultats{float:right;width:400px; margin-top:15px;}
#hemeroteca_noticies .abajo2{ margin-top:10px;}

#hemeroteca_resultats .titol{font-weight: bold;}

#hemeroteca_noticies span{font-weight: bold;}
#hemeroteca_noticies span a {color: #0099cc;  }

#hemeroteca_resultats_cerca{clear:both; float:right; width:600px; margin-bottom:20px;}
#hemeroteca_resultats_cerca .titol{font-weight: bold; font-size:small; }
#hemeroteca_resultats_cerca_numresultats{border: 1px solid #039acd; margin-top:5px; padding:5px}
#hemeroteca_resultats_cerca_numresultats span{  }
#hemeroteca_resultats_cerca_numresultats .blue{color: #0099cc;}

#quadre-cerca-hemeroteca {color: #0099cc; margin-bottom:5px; padding: 10px 15px 0px 15px; clear: both;}
#quadre-cerca-hemeroteca form label, #quadre-cerca-hemeroteca form input {vertical-align: middle;}
#quadre-cerca-hemeroteca:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#quadre-cerca-hemeroteca form {float: left;}
#quadre-cerca-hemeroteca form label {font-weight: bold;}
#quadre-cerca-hemeroteca form .text {margin: 0 5px;}
#quadre-cerca-hemeroteca #tornar-inici {float: right;}
#quadre-cerca-hemeroteca #tornar-inici a {background: url(../img/ico-fletxa-tornar.png) left top no-repeat; padding-left: 15px;}

/** Contingut relacionat **/
#bloc-central #content .contingut-relacionat2 {margin-top:18px;float:left;background: #fff url(../img/caixa-contingut-relacionat-bottom-385.png) left bottom no-repeat; width: 385px;}
#bloc-central #content .contingut-relacionat2 h3 {background: #fff url(../img/caixa-contingut-relacionat-top-385.png) left top no-repeat; padding: 10px 10px 0 10px;}
#bloc-central #content .contingut-relacionat2 ul {padding: 0 10px 3px 10px; list-style: none; margin: 0;}
#bloc-central #content .contingut-relacionat2 li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px;padding-bottom: 7px;}
#bloc-central #content .contingut-relacionat2 a {text-decoration: underline;}

.vincle2{ cursor:hand; text-decoration:underline;font-weight: bold; color:#010066 }


/*
 * >Modificacio: 04/11/2008 APC
*/
.directori .subtemes ul:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.interior-tramit #descripcio:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contenidor:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;}
#capcalera:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content2 { }
#contingut #content2 {width: 550px;}
#bloc-central2.dues-columnes #content2 {width: 380px;}
#contingut-sense-navegacio #bloc-central2.dues-columnes #content2 {width: 570px;}
#contingut-sense-navegacio.dues-columnes #bloc-central2.dues-columnes #content2 {width: 415px;}
#contingut.dues-columnes #content2 {width: 400px;}
#projecte:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;}

#bloc-central2:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bloc-central2 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-central2 #cos {border-top: 3px solid #0099cb; margin: 0px 3px; padding: 15px 3px;}
#bloc-central2 #content2 {font-size: 1.1em; line-height: 1.4em; padding-bottom: 25px; padding-right: 10px; padding-left: 10px;}
#bloc-central2 #content2 h3 {font-size: 1.3em; margin-bottom: 10px;}
#bloc-central2 #content2 h4 {font-size: 1.2em; margin-bottom: 10px;}
#bloc-central2 #content2 p {margin-bottom: 1em;}
#bloc-central2 #content2 img {padding: 4px; border: 1px solid #ccc; float: right; margin: 0 0 0 8px; display: block; background-color: #fff;}
.bloc-central2-caixa-bottom { background: url(../../media/img/caixa-interior-mitjana-bottom2.png) left bottom no-repeat; }
#peu:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* No es fan servir a tramits pero potser a altres si
#bloc-central2 #content2 .contingut-relacionat2 {margin-top:18px;float:left;background: #fff url(../img/caixa-contingut-relacionat-bottom-385.png) left bottom no-repeat; width: 385px;}
#bloc-central2 #content2 .contingut-relacionat2 h3 {background: #fff url(../img/caixa-contingut-relacionat-top-385.png) left top no-repeat; padding: 10px 10px 0 10px;}
#bloc-central2 #content2 .contingut-relacionat2 ul {padding: 0 10px 3px 10px; list-style: none; margin: 0;}
#bloc-central2 #content2 .contingut-relacionat2 li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px;padding-bottom: 7px;}
#bloc-central2 #content2 .contingut-relacionat2 a {text-decoration: underline;}

#bloc-central2 #content2 .contingut-relacionat2 {clear:both;background: #fff url(../img/caixa-contingut-relacionat-bottom.png) left bottom no-repeat; width: 397px;}
#bloc-central2 #content2 #destaquem-tema {border: 1px solid #ffec9d; padding: 10px; background-color: #fffaeb; margin-bottom: 30px;}
#bloc-central2 #content2 #destaquem-tema:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bloc-central2 #content2 #destaquem-tema h4 {font-size: 1.3em;}
#bloc-central2 #content2 #destaquem-tema h5, #bloc-central #content #destaquem-tema p {padding-right: 5px;}
#bloc-central2 #content2 #destaquem-tema h5 {font-size: 1.1em;}
#bloc-central2 #content2 #destaquem-tema small {color: #666;}
#bloc-central2 #content2 #destaquem-tema img {float: left; margin: 0 10px 2px 0; width: 141px;}
#destacats:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;}
#destacats .content2 {padding: 10px 15px; color: #000; font-size: .9em; line-height: 1.5em;}
#destacats .content2 small {color: #666; font-size: 1em; clear: left; display: block;}
#destacats .content2 h3 {color: #000066; font-size: 1.2em; margin: 3px 0;}
#destacats .content2 div {margin-bottom: 20px; float: left;}
#destacats .content2 img {float: left; border: 1px solid #cdcdcd; padding: 2px; margin: 3px 8px 0 0; width: 44px; height: 44px;}
#destacats.temaatema .content2 {padding: 0 10px 0 0;}
*/

/* Fi APC */

/*
 * >Modificacio amb data: 20/11/2008
 * >Motiu: utilitzar el nou servidor de cerca
 * >Realitzada per: Bruno Peña Hernández	
 */
.llistat-pdfs {background: url(../img/ico-pdf.png) top 7px no-repeat; padding-left: 30px;}

/*
 * >Modificacio amb data: 11/11/2008
 * >Motiu: corregir el defecte visual de la imatge de fons de l'Hemeroteca, per ser massa petita la imatge 
 *		per a la quantitat d'informacio que es visualitza
 * >Realitzada per: Bruno Peña Hernández	
 */
#contingut-sense-navegacio #bloc-central4 {width: 761px; background: #fff url(../img/caixa-interior-gran-middle.png) left bottom repeat;}
.bloc-central4-caixa-bottom-1-columna {width: 761px; background: #fff url(../img/caixa-interior-gran-bottom2.png) left bottom no-repeat;}


#contingut-sense-navegacio #bloc-central4 h2 {background: url(../img/caixa-interior-gran-top.png) left top no-repeat;}
#bloc-central4:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bloc-central4 h2 {padding: 25px 15px 3px 15px; font-size: 2.2em;}
#bloc-central4 #cos {border-top: 3px solid #0099cb; margin: 0px 3px; padding: 15px 3px;}
#bloc-central4 #content {font-size: 1.1em; line-height: 1.4em; padding-bottom: 25px; padding-right: 10px; padding-left: 10px;}
#bloc-central4 #content h3 {font-size: 1.3em; margin-bottom: 10px;}
#bloc-central4 #content h4 {font-size: 1.2em; margin-bottom: 10px;}
#bloc-central4 #content p {margin-bottom: 1em;}
#bloc-central4 #content img {padding: 4px; border: 1px solid #ccc; float: right; margin: 0 0 0 8px; display: block; background-color: #fff;}

#bloc-central4 ul.navegacio {list-style: none; padding:0; margin: 0;}
#bloc-central4 ul.navegacio li {width: 48%; float: left; clear: left;}
#bloc-central4 ul.navegacio li.right {float: right; clear: right;}
#bloc-central4 ul.navegacio li h5 {background: #eff9fa 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-central4 ul.navegacio li p {padding: 6px 8px;} 

/** Mapa Web **/
#bloc-central4 ul.mapaweb {list-style: none; padding:0; margin: 0;}
#bloc-central4 ul.mapaweb li h5 {background: #eff9fa 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;}


/** Contingut relacionat **/
#bloc-central4 #content .contingut-relacionat {clear:both;background: #fff url(../img/caixa-contingut-relacionat-bottom.png) left bottom no-repeat; width: 397px;}
#bloc-central4 #content .contingut-relacionat h3 {background: #fff url(../img/caixa-contingut-relacionat-top.png) left top no-repeat; padding: 10px 10px 0 10px;}
#bloc-central4 #content .contingut-relacionat ul {padding: 0 10px 3px 10px; list-style: none; margin: 0;}
#bloc-central4 #content .contingut-relacionat li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px;padding-bottom: 7px;}
#bloc-central4 #content .contingut-relacionat a {text-decoration: underline;}


/* Tema a tema 
-----------------------------------------------------*/
#bloc-central4 #capcalera-temaatema {background: #a2d3e2 url(../img/caixa-interior-tema-top.png) left top no-repeat; position: relative;}

#bloc-central4 #capcalera-temaatema ul {position: absolute; bottom: 6px; right: 15px; padding: 0; margin: 0;}
#bloc-central4 #capcalera-temaatema li {display: inline; border-right: 1px solid #cef3ff; padding: 0 8px;}
#bloc-central4 #capcalera-temaatema li.last {border-right: none; padding-right: 0;}
#bloc-central4 #capcalera-temaatema li a {color: #fff; font-weight: bold;}
#bloc-central4 h2.temaatema {background: none !important; color: #fff; font-size: 1.7em !important; width: 275px; padding: 10px 0 20px 20px !important;}
#bloc-central4 h3.titol-tema {padding: 15px 15px 3px 15px; font-size: 2.2em;}


/* Quadre destaquem */
#bloc-central4 #content #destaquem-tema {border: 1px solid #ffec9d; padding: 10px; background-color: #fffaeb; margin-bottom: 30px;}
#bloc-central4 #content #destaquem-tema:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bloc-central4 #content #destaquem-tema h4 {font-size: 1.3em;}
#bloc-central4 #content #destaquem-tema h5, #bloc-central #content #destaquem-tema p {padding-right: 5px;}
#bloc-central4 #content #destaquem-tema h5 {font-size: 1.1em;}
#bloc-central4 #content #destaquem-tema small {color: #666;}
#bloc-central4 #content #destaquem-tema img {float: left; margin: 0 10px 2px 0; width: 141px;}


/** Contingut relacionat **/
#bloc-central4 #content .contingut-relacionat2 {margin-top:18px;float:left;background: #fff url(../img/caixa-contingut-relacionat-bottom-385.png) left bottom no-repeat; width: 385px;}
#bloc-central4 #content .contingut-relacionat2 h3 {background: #fff url(../img/caixa-contingut-relacionat-top-385.png) left top no-repeat; padding: 10px 10px 0 10px;}
#bloc-central4 #content .contingut-relacionat2 ul {padding: 0 10px 3px 10px; list-style: none; margin: 0;}
#bloc-central4 #content .contingut-relacionat2 li {background: url(../img/bullet-cercle.png) left 5px no-repeat; padding-left: 10px;padding-bottom: 7px;}
#bloc-central4 #content .contingut-relacionat2 a {text-decoration: underline;}
/*
 * >Fi de la Modificacio amb data: 11/11/2008
 * >Motiu: corregir el defecte visual de la imatge de fons de l'Hemeroteca, per ser massa petita la imatge 
 *		per a la quantitat d'informacio que es visualitza
 * >Realitzada per: Bruno Peña Hernández	
 */



/*
 * >Modificacio amb data: 11/11/2008
 * >Motiu: Modificar pàgina principal de CTS a Internet per tal de contemplar temes, fitxes i llistat alfabètic
 * >Realitzada per: Bruno Peña Hernández	
 */
.li-a-def {background: #fff url(../img/bullet-nav.gif) left no-repeat; padding-left: 10px;}


/*
 * >Modificacio amb data: 03/12/2008
 * >Motiu: fer que les imatges del detall del tramit tinguin el fons transparent
 * >Realitzada per: Bruno Peña Hernández	
 */
#contingut-sense-navegacio #bloc-central5 {width: 761px; background: #fff url(../img/caixa-interior-gran-middle.png) left bottom repeat;}
#contingut-sense-navegacio #bloc-central5 h2 {background: url(../img/caixa-interior-gran-top.png) left top no-repeat;}
#contingut-sense-navegacio.dues-columnes #bloc-central5 {width: 601px; float: left; background: #fff url(../img/caixa-interior-mitjana-middle.png) left bottom repeat;}
#contingut-sense-navegacio.dues-columnes #bloc-central5 h2 {background: url(../img/caixa-interior-mitjana-top.png) left top no-repeat;}
#contingut-sense-navegacio.dues-columnes #bloc-central5.dues-columnes #content {width: 415px;}
#contingut.dues-columnes #bloc-central5 {width: 431px; float: left; background: #fff url(../img/caixa-interior-petita-middle.png) left bottom repeat;}
#contingut.dues-columnes #bloc-central5 h2 {background: url(../img/caixa-interior-petita-top.png) left top no-repeat;}
#bloc-central5 ul.mapaweb {list-style: none; padding:0; margin: 0;}
#bloc-central5 ul.mapaweb li h5 {background: #eff9fa 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-central5.dues-columnes #content2 {width: 380px;}
#contingut-sense-navegacio #bloc-central5.dues-columnes #content2 {width: 570px;}
#contingut-sense-navegacio.dues-columnes #bloc-central5.dues-columnes #content2 {width: 415px;}
#bloc-central5:after {content2: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bloc-central5 h2 {padding: 25px 15px 3px 15px; font-size: 2.2em;}
#bloc-central5 #cos {border-top: 3px solid #0099cb; margin: 0px 3px; padding: 15px 3px;}
#bloc-central5 #content2 {font-size: 1.1em; line-height: 1.4em; padding-bottom: 25px; padding-right: 10px; padding-left: 10px;}
#bloc-central5 #content2 h3 {font-size: 1.3em; margin-bottom: 10px;}
#bloc-central5 #content2 h4 {font-size: 1.2em; margin-bottom: 10px;}
#bloc-central5 #content2 p {margin-bottom: 1em;}
#bloc-central5 #content2 img {padding: 4px; float: right; margin: 0 0 0 8px; display: block; }
/*
 * >Fi de la Modificacio amb data: 03/12/2008
 * >Motiu: fer que les imatges del detall del tramit tinguin el fons transparent
 * >Realitzada per: Bruno Peña Hernández	
 */

/* >Modificacio amb data: 17/04/2012
 * >Motiu: canvi estil enllaç
 * >Realitzada per: Pintado, Angel								
 */

#peu ul li a, #barra-cercador a, #fil a, #contingut a, #bloc-central a, #bloc-central .interior_agenda a,#bloc-central2 a,#bloc-central5 a, #filtres-agenda li a, #bloc-central ul.lloc-hora li a, #bloc-central #content #destaquem-tema h5 a, #bloc-central4 #content a {
	border-bottom: 1px dotted;
	text-decoration: none;
}


#peu ul li a:hover, #barra-cercador a:hover, #fil a:hover, #contingut a:hover, #bloc-central a:hover, #bloc-central .interior_agenda a:hover, #bloc-central2 a:hover, #bloc-central5 a:hover, #filtres-agenda li a:hover ap, #bloc-central #content #destaquem-tema h5 a:hover, #bloc-central4 #content a:hover {
	border-bottom: 1px solid;
}

#bloc-central #capcalera-temaatema li a {
	border-bottom: 1px dotted #FFFFFF;
	font-weight: normal;
}

#bloc-central #capcalera-temaatema li a:hover {
	border-bottom: 1px solid #FFFFFF;
}


#bloc-central #filtres-agenda ul li a,#bloc-central #filtres-avisos ul li a, #bloc-central ul.arxius li a, #bloc-central .filtre-directori .last a, #bloc-central ul li dl dd a  {
	border-bottom: 1px dotted;
	font-weight: normal;
	text-decoration: none;
}

#bloc-central #filtres-agenda ul li a:hover,#bloc-central #filtres-avisos ul li a:hover, #bloc-central ul.arxius li a:hover, #bloc-central .filtre-directori .last a:hover, #bloc-central ul li dl dd a:hover   {
	border-bottom: 1px solid;
}

#contingut h5 a, #bloc-central h5 a,#bloc-central2 h5 a, #calendari a,#relacionats .caixa-relacionats div ul li a, #bloc-central ul li a, #bloc-central2 ul li a {
	color: #010066;
	border-bottom: none;
}

#contingut h5 a:hover, #bloc-central h5 a:hover,#bloc-central2 h5 a:hover, #calendari a:hover,#relacionats .caixa-relacionats div ul li a:hover, #bloc-central ul li a:hover {
	border-bottom: 1px solid;
}


#bloc-central5 #tramitacio-online a, #bloc-central .addthis_toolbox a, #bloc-central .bannersubhome a, #bloc-central .banner a, #contenidor a.foto {
	border-bottom: none;
}

#bloc-central ul.navegacio li h5, #bloc-central #content .contingut-relacionat a, #bloc-central #content .contingut-relacionat2 a, .anchors #caixa-anchors li a, .anchors #caixa-anchors li a.right, .interior-noticia #imprimir a {
	text-decoration: none;	
}

#llistat-tramits dt, #llistat-tramits.interior dt {
	background: none;
	padding-left: 0px;
}

.directori .subtemes a {
	background: none;
	display:inline;
	padding-left:0px;
}

.of-aj-prj-ind .arxius {
	padding-left: 0;
}



/* >Fi de la Modificacio amb data: 17/04/2012
 * >Motiu: canvi estil enllaç
 * >Realitzada per: Pintado, Angel
*/								

/* RWD */								

#twitvng iframe
{
	width:157px!important;
	min-width:157px!important;
	max-width:157px!important;
	height:215px!important;
}
#twitvng
{
	width:157px!important;
	height:220px!important;
}


#twitvng_alc iframe
{
/*	width:300px!important; */
	min-width:60px!important;
	max-width:500px!important;
	height:130px!important;
}

#twitvng_alc
{
/*	width:300px!important; */
/*	height:270px!important; */
}

#twitvngbib
{
	width:157px!important;
	height:220px!important;
	padding:5px;
}

#twitvngbib iframe
{
	width:157px!important;
	min-width:157px!important;
	max-width:157px!important;
	height:215px!important;
}

/* Perquè no es vegin */
.no-visible {
	display:none;
}

.caixa-relacionats div.ui-collapsible-content {
padding: 0;
}

.nav-principal , #tanca-menu-nav{
	display: none;
}

.ui-loader {
	display: none;
}

span.ui-collapsible-heading-status {
	display: none;
}

div#serveis-button span {
	display: none;
}


/* contingut CMT */

	/* imatges i/o text en dues columnes */

	.mitja-amplada {
	    float: left;
	    width: 50%;
	    margin-bottom: 0px;
	}
	.mitja-amplada .mitja-amplada-img, .mitja-amplada .mitja-amplada-text {
	    box-sizing: border-box;
	    width: 100%;
	    margin: 0px;
	    padding: 5px 0px;
	    float: left;
	}
	.mitja-amplada .mitja-amplada-img > *, .mitja-amplada .mitja-amplada-text > *:not(a)  {
	    padding-left: 10px;
	    padding-right: 10px;
	}

	#bloc-central #content .mitja-amplada .mitja-amplada-img a {
		border-bottom: none;
	}


	#bloc-central #content .mitja-amplada div img {
	    float: none;
	    margin:0;
	    width: 100%;
	    box-sizing: border-box;
	}

	.mitja-amplada.tweet {
	    width: 56%;
	    margin-right: 3px;
	}
	.mitja-amplada.faceb {
	    width: 42%;
	}
	/* Fi: imatges i/o text en dues columnes */
	/* imatges i/o text en tres columnes */

	.terc-amplada {
	    float: left;
	    width: 33%;
	    margin-bottom: 0px;
	}
	.terc-amplada .terc-amplada-img, .terc-amplada .terc-amplada-text {
	    box-sizing: border-box;
	    width: 100%;
	    margin: 0px;
	    padding: 5px 0px;
	    float: left
	}
	.terc-amplada .terc-amplada-img > *, .terc-amplada .terc-amplada-text > *  {
	    padding-left: 10px;
	    padding-right: 10px
	}
	.terc-amplada .terc-amplada-text {
	    min-height: 85px
	}
	#bloc-central #content .terc-amplada-text p {
	    margin-bottom: 0px;
	}
	#bloc-central #content .terc-amplada .terc-amplada-img a {
		border-bottom: none;
	}
	#bloc-central #content .terc-amplada div img {
	    float: none;
	    margin:0;
	    box-sizing: border-box;
	}

	#bloc-central #content .terc-amplada div img:not(.amplada-fixa):not(.amplada-fixa-g):not(.amplada-fixa-gg)   {
	    width: 100%;
	}
	/* Fi: imatges i/o text en tres columnes */
	/* imatges i/o text en quatre columnes */

	.quart-amplada {
	    float: left;
	    width: 24.5%;
	    margin-bottom: 0px;
	}
	.quart-amplada .quart-amplada-img, .quart-amplada .quart-amplada-text {
	    box-sizing: border-box;
	    width: 100%;
	    margin: 0px;
	    padding: 5px 0px;
	    float: left
	}
	.quart-amplada .quart-amplada-img > *, .quart-amplada .quart-amplada-text > *  {
	    padding-left: 10px;
	    padding-right: 10px
	}
	.quart-amplada .quart-amplada-text {
	    min-height: 85px
	}
	#bloc-central #content .quart-amplada-text p {
	    margin-bottom: 0px;
	}
	#bloc-central #content .quart-amplada .quart-amplada-img a {
		border-bottom: none;
	}
	#bloc-central #content .quart-amplada div img  {
	    float: none;
	    margin:0;
	    box-sizing: border-box;
	}

	#bloc-central #content .quart-amplada div img:not(.amplada-fixa):not(.amplada-fixa-g):not(.amplada-fixa-gg)   {
	    width: 100%;
	}

	/* Fi: imatges i/o text en quatre columnes */

	/* separacio entre elements */
	.bloc-apart {
		padding-bottom: 20px;
		clear: both;
		display: inline-block;
		width: 100%;
	}
	.separador {
		clear: both;
		width: 100%;
	}

	.separador-blau {
		clear: both;
		width: 100%;
		border-bottom: 1px solid #09C;
		margin: 5px 2px 5px;
	}

	/* Fi: separacio entre elements */
	/* taula amb format amigable */
	table.gridtable {
		border: 1px solid #dddddd;
		border-collapse: collapse;
		width: 100% !important;
	}

	table.gridtable th {
		border: 1px solid #dddddd;
		background-color: #f5fbfc;
		padding: 8px;
	}
	table.gridtable td {
		border: 1px solid #dddddd;
		padding: 8px;
	}
	/* Fi: taula amb format amigable */
	/* imatges i text (dues columnes) */
	#bloc-central #content .it {
		width: 100%;
		box-sizing: border-box;
		clear: both;
		margin-bottom: 20px;
		display: inline-block;
	}

	#bloc-central #content .it-img {
		width: 30%;
		box-sizing: border-box;
		float: left;
		padding: 0px;
		margin:0px;
		overflow: hidden; 
	}

	#bloc-central #content .it-img.vint {
		width: 23%;
	}

	#bloc-central #content .it-img.deu {
		width: 12%;
	}


	#bloc-central #content .it img:not(.amplada-fixa):not(.amplada-fixa-g):not(.amplada-fixa-gg)  {
		width: 100%;
		box-sizing: border-box;
	}
	#bloc-central #content .it img {
		float: none;
		margin:0px;
		padding: 0px; 
		border-width: 0px; 
	}

	#bloc-central #content .it img.amb-vora {
		  border: 1px solid #ccc;
		  padding: 4px;
	}

	#bloc-central #content .it-img a {
		border-bottom: none;
	}
	#bloc-central #content .it-text {
		width: 70%;
		box-sizing: border-box;
		float: left;
		padding: 0px;
	}
	#bloc-central #content .it-text.vuitanta {
		width: 77%;
	}
	#bloc-central #content .it-text.noranta {
		width: 88%;
	}

	#bloc-central #content .it-text > * {
		margin-left: 10px;
	}

	.div-vores {
		border: 1px solid #cdcdcd;
		padding:5px;
	}

	/* Fi: imatges i text (dues columnes) */

	/* imatge i text (novetats llibres) */

	#cos .items img  {float: right; margin: 0 0 3px 10px}
	#cos .items img:not(.amplada-fixa):not(.amplada-fixa-g):not(.amplada-fixa-gg)    {width: 145px}
	#cos .item {clear: both; margin-bottom: 20px; display: inline-block; width: 100%}

	/* Fi: imatge i text (novetats llibres) */

	#bloc-central #content .centre {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;
		text-align: center
	}

	#bloc-central #content .bloc-esquerra {
	    float: left;
	    margin: 0 8px 0 0;
	}
	#bloc-central #content .bloc-dreta {
	    float: right;
	}

	#bloc-central #content .ui-collapsible-heading-toggle {
		border-bottom: none;
	}

	#bloc-central #content .ui-collapsible {
		margin-bottom: 20px;
	}

	/* Taules adaptades */
	table.responsive-table {
		border-collapse: collapse;
		width: 100%;
	}
	.responsive-table tr:nth-of-type(2n) {
		background: none repeat scroll 0 0 #fafafa;
	}
	.responsive-table th {
		background: none repeat scroll 0 0 #f5fbfc;
		font-weight: bold;
	}
	.responsive-table td, .responsive-table th {
		border: 1px solid #ccc;
		padding: 6px;
		text-align: left;
	}
	.responsive-table td.numeric, .responsive-table th.numeric {
		text-align: right;
	}

	#quadre-resum table.responsive-table {
		width: auto;
	}
	#quadre-resum .responsive-table th
	 {
		border: 1px dotted  #ffec9d !important;
		background-color: #ffffdd;
	 }
	#quadre-resum .responsive-table td
	 {
		border: 1px dotted  #ffec9d !important;
		background-color: #fffaeb;
	 }
	#quadre-resum .responsive-table tr:nth-of-type(2n) td {
		background-color: #ffffed;
	}
	/* Fi: taules adaptades */

	/* imatges amb enllaç */
	a.imagen {border-bottom: none !important}
	a.imagen img {border: 0px !important; display: inline}
	/* Fi: imatges amb enllaç */

/* Fi: contingut CMT */

	#menu_lateral_responsive {
		height: 0px;
	}

	/* grup d'imatges */
	.grup-imatges {float: left;}
	.grup-imatges .imatge {float: left; margin-right: 30px; clear: right; width: 151px;
					 line-height: 1.1em; margin-bottom: 5px;min-height: 141px; box-sizing: border-box;}
	.grup-imatges .imatge.vertical { min-height: 214px;}
	.grup-imatges .imatge.amb-text { min-height: 191px;}
	.grup-imatges .imatge.vertical.amb-text { min-height: 261px;}
	.grup-imatges .imatge img {margin: 0 !important; float: none !important; width: 141px;}
	.grup-imatges .imatge.amb-text img {margin-bottom: 5px !important;}
	.grup-imatges .salt {display:none;}

/* Fi: RWD */


/* Adaptacio imatge de fons per a requadres massa llargs */

#contingut #bloc-central.adaptat h2 {background: #fff url(../img/caixa-interior-top.png) left top no-repeat;}
#contingut #bloc-central.adaptat {background: #fff url(../img/caixa-interior-middle.png) left bottom repeat;}
#contingut .bloc-central-adaptat-bottom{background: #fff url(../img/caixa-interior-bottom2.png) left bottom no-repeat;height:12px;clear:both;}

#contingut.dues-columnes #bloc-central.adaptat h2 {background: url(../img/caixa-interior-petita-top.png) no-repeat scroll left top transparent;}
#contingut.dues-columnes #bloc-central.adaptat {background: #fff url(../img/caixa-interior-petita-middle.png) left bottom repeat;}
#contingut.dues-columnes .bloc-central-adaptat-bottom {background: #fff url(../img/caixa-interior-petita-bottom2.png) left bottom no-repeat;height:12px;width:431px; clear:both;}


#contingut-sense-navegacio #bloc-central.adaptat h2 {background: #e5e5e5 url(../img/caixa-interior-gran-top.png) left top no-repeat;}
#contingut-sense-navegacio #bloc-central.adaptat {background: #e5e5e5 url(../img/caixa-interior-gran-middle.png) left bottom repeat;}
#contingut-sense-navegacio .bloc-central-adaptat-bottom{background: #e5e5e5 url(../img/caixa-interior-gran-bottom2.png) left bottom no-repeat;height:12px;clear:both;}

.anchors div.caixa-anchors.adaptat {background: #f5fbfc url(../img/caixa-anchors-top.png) left top no-repeat; width: 406px;padding-top: 5px; margin-bottom: 0px;
    padding-bottom: 0px;}
.anchors #caixa-anchors.adaptat ul.top { background:#f5fbfc url(../img/caixa-anchors-middle.png) left bottom repeat;}
.anchors .caixa-anchors-adaptat-bottom {background: #f5fbfc url(../img/caixa-anchors-bottom2.png) left bottom no-repeat; width: 406px;clear:both; margin-bottom: 20px;height: 5px;}

/* Fi: Adaptacio imatge de fons per a requadres massa llargs */


