@charset "utf-8";

/*
	TdC:
		- Importacions
		- Capcelera
			- Logotip
			- Logotip MÉSVilaWeb
			- Pestanyes superiors
			- Menú principal
		- Contingut
		- Peu
			- RSS i segells
			- Pàgines peu
		- Banners
		- Components bàsics
			- Caixa
		- Components de portada
			- Cercador per paraules
			- Cercador per dates
			- Aportacions destacades
			- Últims 100 canvis
		- Components centrals d'interiors
		    - Els blocs per llistat alfabètic
		    - Cercador per data
		        - Cercador
		        - Resultats de la cerca
		        - Paginador
		    - Cercador per paraules
		        - Cercador
				    - Estils amb js
		        - Resultats
		    - Els blocs per temes
		        - Cercador
		        - Resultats
		- Components de columna
			- Accés de l'autor
			- Cercador per paraules
			- Els blocs per llistat alfabètic
			- Blocs recomanats
			- Cercador per data
			- Els blocs per temes
			- Els blocs per territoris
			- Notícies VilaWeb
*/

/* Importacions
--------------------------*/
@import "basics.css";


/* Capçalera
--------------------------*/
#capcalera {position: relative; margin-top: 1em;}

/* Logotip */
#capcalera h1 {background-color: #ff6600; padding: 2em 0 1.2em .6em;}
#capcalera h1 img {width: 7em; display: block;}
#capcalera h1 a {color: #fff;}
/* //Logotip */

/* Logotip MÉSVilaWeb */
#capcalera h2 {padding: 2em .5em 1.2em .6em; position: absolute; top: 0; right: 0;}
#capcalera h2 img {width: 5.8em; display: block;}
/* //Logotip MÉSVilaWeb */

/* Pestanyes superiors */
#capcalera #pestanyes-superiors {padding-left: .3em; background-color: #fff; position: absolute; top: 0;}
#capcalera #pestanyes-superiors ul {list-style: none; margin: 0; padding: 0; width: 77.5em;}
#capcalera #pestanyes-superiors ul li {background: #ffa467  url(../img/cantonada.png) no-repeat left top; float: left; margin-right: .8em; font-size: .9em; line-height: 2em; width: 11.66em; text-align: center; border-bottom: 1px solid #fff;}
#capcalera #pestanyes-superiors ul li.actiu {background-color: #f60; border-bottom: 1px solid #f60;}
#capcalera #pestanyes-superiors ul li#vilaweb {float: right; margin: 0;}
#capcalera #pestanyes-superiors ul li a {color: #fff; font-weight: bold; display: block;}
/* //Pestanyes superiors */

/* Menú principal */
#capcalera #menu-principal div {background-color: #3c659e; border-top: 1px solid #fff; line-height: 2em; font-size: .9em; padding-left: 1em; position: relative; clear: both;}
#capcalera #menu-principal div:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#capcalera #menu-principal ul {list-style: none; margin: 0; padding: 0;}
#capcalera #menu-principal ul li {float: left; margin-right: 1.5em;}
#capcalera #menu-principal ul a {font-weight: bold; color: #fff; display: block;}
#capcalera #menu-principal #data {color: #fff; font-size: 1.1em; padding-right: 1em; float: right;}
/* //Menú principal */


/* Contingut
--------------------------*/
#contingut-superior, #contingut-inferior {margin: 1.5em 0 1em 1.5em; background: url(../img/bg-columna.png) repeat-y 70% 0;}
#contingut-superior:after, #contingut-inferior:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contingut-superior .contingut-central, #contingut-inferior .contingut-central {width: 53.5em; float: left;}
#contingut-superior .contingut-columna, #contingut-inferior .contingut-columna {width: 21em; float: right;}


/* Peu
--------------------------*/
#peu {clear: both; font-size: .9em; font-weight: bold;}

/* RSS i segells */
#peu #rss-segells {clear: left; text-align: right; margin: 1em 0 1em .5em;}
#peu #rss-segells p {display: inline; margin-left: 1em;}
#peu #logo-cc {width: 2.67em;}
#peu #logo-rss {width: 2.33em;}
#peu #logo-ojd {width: 3.66em;}
#peu #logo-iqua {width: 2.77em;}
/* //RSS i segells */

/* Pàgines peu */
#peu #tancament-peu {background-color: #ff6600; line-height: 4.5em;}
#peu #tancament-peu a {color: #fff;}
#peu #pagines-peu ul {list-style: none; padding: 0; margin: 0 0 0 2em; float: left;}
#peu #pagines-peu ul li {float: left; margin-right: 1.5em;}
#peu #tancament-peu p {text-align: right; margin-right: 1em;}
/* //Pàgines peu */


/* Banners
--------------------------*/
#banner-capcalera, #banner-central  {padding-top: 1em; text-align: center;}


/* Components bàsics
--------------------------*/
/* Caixa */
.caixa h2 {background-color: #ff6600; color: #fff; text-transform: uppercase; font-size: 1em; padding: .1em .7em;}
.contingut-columna .caixa {background-color: #e7ded1;}
/* //Caixa*/


/* Components de portada
--------------------------*/
/* Cercador per paraules */
.portada #cercador-paraules {width: 36.5em; float: left; border-bottom: none;}
.portada #cercador-paraules form {margin: 2em 0;}
/* //Cercador per paraules */

/* Cercador per dates */
.portada #cercador-data {position: relative; margin-bottom: 1em; width: 15em; float: right;}
.portada #cercador-data h2 {margin-bottom: .2em;}
.portada #cercador-data .mes-anterior, #cercador-data .mes-posterior {color: #333; position: absolute;}
.portada #cercador-data .mes-anterior {left: .5em;}
.portada #cercador-data .mes-posterior {right: .5em;}
.portada #cercador-data table {border-collapse: collapse; width: 100%; font-size: 1.1em;}
.portada #cercador-data table, #cercador-data table caption {font-weight: bold; color: #333;}
.portada #cercador-data table caption, #cercador-data table thead {background-color: #e7ded1;}
.portada #cercador-data table thead th {border-right: 2px solid #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: .1em 0;}
.portada #cercador-data table thead th.last {border-right: none;}
.portada #cercador-data table tbody td {text-align: center;}
.portada #cercador-data table tbody td.actiu {background-color: #e7ded1; color: #df3734;}
/* //Cercador per dates */

/* Aportacions-destacades */
.portada #aportacions-destacades {clear: both;}
.portada #aportacions-destacades h2 {margin-bottom: 1.5em;}
.portada #aportacions-destacades .primera-columna {width: 47%; padding-right: 2%; float: left; border-right: 1px solid #e1d6c9;}
.portada #aportacions-destacades .segona-columna {width: 48%; padding-left: 2%; float: right;}
.portada #aportacions-destacades .entrada {margin-bottom: 2em; clear: left; font-size: 1.1em;}
.portada #aportacions-destacades .entrada h3 {font-size: 1.3em; margin-bottom: .3em;}
.portada #aportacions-destacades .entrada h3 a {color: #333;}
.portada #aportacions-destacades .entrada img {border: 1px solid #999; float: left; margin: 0 .5em 0em 0; width: 7em;}
.portada #aportacions-destacades .entrada h4 {text-transform: uppercase; font-weight: normal; font-size: 1em; color: #d00;}
.portada #aportacions-destacades .entrada em {color: #333; font-style: normal; font-size: 1.1em;}
.portada #aportacions-destacades .entrada small {margin-bottom: 1em; color: #666; font-size: 1em;}
.portada #aportacions-destacades .entrada small.data {border-right: 1px solid #8c8c8c; padding-right: .3em; margin-right: .5em;}
.portada #aportacions-destacades .entrada p.post {margin-top: 1em;}
/* //Aportacions-destacades */

/* Últims 100 canvis */
.portada #ultims-100-canvis h2 {margin-bottom: .5em;}
.portada #ultims-100-canvis dl {margin: 0; font-size: 1.1em;}
.portada #ultims-100-canvis dt {float: left; width: 4em; clear: left; margin-top: .4em; color: #d00;}
.portada #ultims-100-canvis dd {margin: 0; float: left; width: 44em; margin-top: .4em;}
.portada #ultims-100-canvis dd h3 {font-size: 1em; color: #333; padding-right: .5em; margin-right: .5em; border-right: 1px solid #333;}
.portada #ultims-100-canvis dd a {color: #333;}
.portada #ultims-100-canvis h3 {display: inline;}
.portada #ultims-100-canvis p {display: inline;}
/* //Últims 100 canvis */


/* Components centrals d'interiors
-------------------------------------*/
/* Els blocs per llistat alfabètic */
.interior #llistat-alfabetic ul.abecedari {list-style: none; font-size: 1.1em; margin: 0; padding: 2.5em 2em; border-bottom: 1px dotted #999;}
.interior #llistat-alfabetic ul.abecedari:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.interior #llistat-alfabetic ul.abecedari li {float: left; width: 1.6em; height: 2em; font-weight: bold;}
.interior #llistat-alfabetic ul.abecedari li.tots {font-weight: normal;}
.interior #llistat-alfabetic ul.abecedari li strong {color: #999;}

.interior #llistat-alfabetic h3 {font-size: 3em; color: #999; margin: .65em 0;}

.interior #llistat-alfabetic ul.llistat-blocs {list-style: none; list-style-image: url(../img/bullet-coixinet.png); font-size: 1.1em; margin: 0; padding: 0 1.5em}
.interior #llistat-alfabetic ul.llistat-blocs li {margin-bottom: .25em;}
.interior #llistat-alfabetic ul.llistat-blocs li a {color: #000; font-weight: bold;}
/* //Els blocs per llistat alfabètic */


/* Cercador per data */
/** Cercador **/
.contingut-central #cercador-data .cercador {border-bottom: 1px dotted #999; padding-bottom: 2em; margin-bottom: 2.5em;}
.contingut-central #cercador-data .cercador:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.contingut-central #cercador-data h2 {margin-bottom: 1em;}
.contingut-central #cercador-data fieldset {border: none; padding: 0; font-size: 1.1em; float: left;}
.contingut-central #cercador-data fieldset .dia, .contingut-central #cercador-data fieldset .any {width: 6em;}
.contingut-central #cercador-data fieldset .mes {width: 16em;}
.contingut-central #cercador-data fieldset p {margin-top: 1em}
.contingut-central #cercador-data fieldset .boto {width: 6.54em;}

.contingut-central #cercador-data #calendari {position: relative; width: 13.8em; font-size: 1.1em; float: right;}
.contingut-central #cercador-data #calendari .mes-anterior, #cercador-data .mes-posterior {color: #333; position: absolute;}
.contingut-central #cercador-data #calendari .mes-anterior {left: .5em;}
.contingut-central #cercador-data #calendari .mes-posterior {right: .5em;}
.contingut-central #cercador-data #calendari table {border-collapse: collapse; width: 100%;}
.contingut-central #cercador-data #calendari table, #cercador-data table caption {font-weight: bold; color: #333;}
.contingut-central #cercador-data #calendari table caption, #cercador-data table thead {background-color: #e7ded1;}
.contingut-central #cercador-data #calendari table thead th {border-right: 2px solid #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: .1em 0;}
.contingut-central #cercador-data #calendari table thead th.last {border-right: none;}
.contingut-central #cercador-data #calendari table tbody td {text-align: center;}
.contingut-central #cercador-data #calendari table tbody td.actiu {background-color: #e7ded1; color: #df3734;}
/** //Cercador **/

/** Resultats de la cerca **/
.contingut-central #cercador-data .resultats {font-size: 1.2em; color: #333;}
.contingut-central #cercador-data .resultats .entrada {margin-bottom: 3em;}
.contingut-central #cercador-data .resultats .entrada h3 {font-size: 1.5em;}
.contingut-central #cercador-data .resultats .entrada h3 a {color: #333;}
.contingut-central #cercador-data .resultats .entrada ul.metadades {list-style: none; padding: 0; margin: .1em 0 .7em 0; font-size: .9em;}
.contingut-central #cercador-data .resultats .entrada ul.metadades:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contingut-central #cercador-data .resultats .entrada ul.metadades li {float: left; border-right: 1px solid #666; padding-right: .5em; margin-right: .5em; color: #666;}
.contingut-central #cercador-data .resultats .entrada ul.metadades li.last {border-right: none; padding-right: 0; margin-right: 0;}
.contingut-central #cercador-data .resultats .entrada img {float: left; margin: 0 .5em .2em 0; width: 14.83em;}
.contingut-central #cercador-data .resultats .entrada .arxius {clear: left; margin-top: 1em;}
.contingut-central #cercador-data .resultats .entrada ul.acces-entrada {list-style: none; list-style-image: url(../img/bullet-mes.png); padding: 0; margin: 1em 0 0 1.5em; font-size: .9em;}
.contingut-central #cercador-data .resultats .entrada ul.acces-entrada:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/** //Resultats de la cerca **/

/** Paginador **/
.contingut-central .resultats ul.paginador {list-style: none; padding: 0; margin: 0; background-color: #d9d1c4; font-size: .83em;}
.contingut-central .resultats ul.paginador:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contingut-central .resultats ul.paginador li {float: left; margin-left: .9em; font-weight: bold; color: #fff;}
.contingut-central .resultats ul.paginador li.inici-num {border-left: 1px solid #fff; padding-left: .9em;}
.contingut-central .resultats ul.paginador li.fi-num {border-right: 1px solid #fff; padding-right: .9em;}
.contingut-central .resultats ul.paginador li a {color: #666;}
/** //Paginador **/
/* //Cercador per data */


/* Cercador per paraules */
/** Cercador **/
.contingut-central #cercador-paraules .cercador {border-bottom: 1px dotted #999; padding-bottom: 1em;}
.contingut-central #cercador-paraules form {margin: 2em 0; font-size: 1.1em;}
.contingut-central #cercador-paraules form fieldset {margin: 0; padding: 0; border: none;}
.contingut-central #cercador-paraules form ul {list-style: none; padding: 0; margin: 0 0 1em 0; float: left;}
.contingut-central #cercador-paraules form li {border-right: 1px solid #999; float: left; padding-right: 1em; margin-right: 1em;}
.contingut-central #cercador-paraules form li.last {border: none;}
.contingut-central #cercador-paraules form p {clear: left; margin-bottom: 1em;}
.contingut-central #cercador-paraules form p input {vertical-align: middle;}
.contingut-central #cercador-paraules form .text {width: 26.36em; margin-right: 1em;}
.contingut-central #cercador-paraules form .boto {width: 4.81em;}

/*** Estils amb js ***/
.js .contingut-central #cercador-paraules ul input {display: none;}
.js .contingut-central #cercador-paraules li label {color: #d00; cursor: pointer;}
.js .contingut-central #cercador-paraules li label.over {text-decoration: underline;}
.js .contingut-central #cercador-paraules li.seleccionat label {font-weight: bold; color: #000;}
.js .contingut-central #cercador-paraules li.seleccionat label.over {text-decoration: none;}
/*** //Estils amb js ***/
/** //Cercador **/

/** Resultats **/
.contingut-central #cercador-paraules .resultats {font-size: 1.1em;}
.contingut-central #cercador-paraules .resultats h3 {font-size: 1em; color: #666; font-weight: normal;}
.contingut-central #cercador-paraules .resultats dl {margin: 0 0 4em 0;}
.contingut-central #cercador-paraules .resultats dt {margin-top: 1.5em; background: url(../img/bullet-coixinet.png) no-repeat left .3em; padding-left: 1em;}
.contingut-central #cercador-paraules .resultats dt a {color: #000; font-weight: bold;}
.contingut-central #cercador-paraules .resultats dd {margin: 0; padding-left: 1em;}
.contingut-central #cercador-paraules .resultats dd ul {list-style: none; padding: 0; margin: 0;}
.contingut-central #cercador-paraules .resultats dd ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contingut-central #cercador-paraules .resultats dd li {float: left; color: #666; border-right: 1px solid #666; padding-right: .5em; margin-right: .5em;}
.contingut-central #cercador-paraules .resultats dd li.last {border-right: none; padding-right: 0; margin-right: 0;}
/** //Resultats **/
/* //Cercador per paraules */


/* Els blocs per temes */
/** Cercador **/
.contingut-central #blocs-temes .cercador {font-size: 1.1em; border-bottom: 1px dotted #999; padding: 1em 0; margin-bottom: 1em;}
.contingut-central #blocs-temes .cercador:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contingut-central #blocs-temes .cercador ul {list-style: none; margin: 0; padding-left: 1.5em; list-style-image: url(../img/bullet-coixinet.png); float: left; width: 14.55em; color: #666;}
.contingut-central #blocs-temes .cercador ul li {margin-bottom: .2em}
/** Cercador **/

/** Resultats **/
.contingut-central #blocs-temes .resultats {font-size: 1.1em;}
.contingut-central #blocs-temes .resultats h3 {color: #999; font-size: 1.2em; margin-bottom: 1em;}
.contingut-central #blocs-temes .resultats ul {list-style: none; margin: 0; padding-left: 1.5em; list-style-image: url(../img/bullet-coixinet.png);}
.contingut-central #blocs-temes .resultats ul li {font-weight: bold; margin-bottom: .2em;}
.contingut-central #blocs-temes .resultats ul li a {color: #000;}
/** //Resultats **/
/* //Els blocs per temes */


/* Els blocs per territoris */
/** Cercador **/
.contingut-central #blocs-territoris .cercador {font-size: 1.1em; border-bottom: 1px dotted #999; padding: 1em 0; margin-bottom: 1em;}
.contingut-central #blocs-territoris .cercador:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contingut-central #blocs-territoris .cercador ul {list-style: none; margin: 0; padding-left: 0; float: left; width: 12em; color: #666;}
.contingut-central #blocs-territoris .cercador ul li {background: url(../img/bullet-coixinet.png) no-repeat left .3em; padding-left: 1em; margin-bottom: .2em}
/** Cercador **/

/** Resultats **/
.contingut-central #blocs-territoris .resultats {font-size: 1.1em;}
.contingut-central #blocs-territoris .resultats h3 {color: #999; font-size: 1.2em; margin-bottom: 1em;}
.contingut-central #blocs-territoris .resultats ul {list-style: none; margin: 0; padding-left: 1.5em; list-style-image: url(../img/bullet-coixinet.png);}
.contingut-central #blocs-territoris .resultats ul li {font-weight: bold; margin-bottom: .2em;}
.contingut-central #blocs-territoris .resultats ul li a {color: #000;}
/** //Resultats **/
/* //Els blocs per territoris */



/* Components de columna
--------------------------*/
/* Accés de l'autor */
.contingut-columna #acces-autor fieldset {margin: 1em; margin-bottom: 0; padding: 0; border: none;}
.contingut-columna #acces-autor label {display: block; font-weight: bold; color: #333; margin-bottom: .1em;}
.contingut-columna #acces-autor label.checkbox {display: inline; margin-left: .4em; color:#666;}
.contingut-columna #acces-autor p {margin-bottom:.7em;}
.contingut-columna #acces-autor .boto {width: 4.8em;}
/* //Accés de l'autor */

/* Cercador per paraules */
.contingut-columna #cercador-paraules fieldset {border: none; padding: 0; margin: 1em;}
.contingut-columna #cercador-paraules ul {list-style: none; margin: 1em 0; padding: 0;}
.contingut-columna #cercador-paraules li {padding-bottom: .3em; color: #333;}
.contingut-columna #cercador-paraules li label, .contingut-columna #cercador-paraules li input {vertical-align: middle;}
.contingut-columna #cercador-paraules .boto {width: 5.3em;}
/* //Cercador per paraules */

/* Els blocs per llistat alfabètic */
.contingut-columna #llistat-alfabetic div {padding: 1em; color: #333;}
.contingut-columna #llistat-alfabetic ul {list-style: none; background-color: #f1ebe3; border: 1px solid #c2bab1; margin: 1em 0 0 0; padding: 1em 0 .5em 1.2em;}
.contingut-columna #llistat-alfabetic ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contingut-columna #llistat-alfabetic li {float: left; width: 1.6em; height: 2em; font-weight: bold;}
.contingut-columna #llistat-alfabetic li.tots {clear: left; font-weight: normal;}
/* //Els blocs per llistat alfabètic */

/* Blocs recomanats */
.contingut-columna #blocs-recomanats h2 {margin-bottom: 1em;}
.contingut-columna #blocs-recomanats .bloc-re {padding: 0 1em 1em 1em;}
.contingut-columna #blocs-recomanats .bloc-re:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contingut-columna #blocs-recomanats .bloc-re h3 {_float: right; _width: 15.3em; font-size: 1.1em;}
.contingut-columna #blocs-recomanats .bloc-re h3 a {color: #333;}
.contingut-columna #blocs-recomanats .bloc-re img {border: 1px solid #999; float: left; width: 4.8em; margin-right: .7em;}
.contingut-columna #blocs-recomanats .bloc-re h4 {text-transform: uppercase; color: #d00; font-weight: normal; font-size: 1em;}
.contingut-columna #blocs-recomanats .bloc-re p {color: #333;}
/* //Blocs recomanats */

/* Cercador per data */
.contingut-columna #cercador-data {position: relative; margin-bottom: 1em;}
.contingut-columna #cercador-data h2 {margin-bottom: 1.5em;}
.contingut-columna #cercador-data .mes-anterior, #cercador-data .mes-posterior {color: #333; position: absolute;}
.contingut-columna #cercador-data .mes-anterior {left: 3.5em;}
.contingut-columna #cercador-data .mes-posterior {right: 3.5em;}
.contingut-columna #cercador-data table {background-color: #fff; width: 16em; margin-left: auto; margin-right: auto;}
.contingut-columna #cercador-data table, #cercador-data table caption {font-weight: bold; color: #333;}
.contingut-columna #cercador-data table caption {margin-left: auto; margin-right: auto; border: 2px solid #fff; border-bottom: 0;}
.contingut-columna #cercador-data table tbody td {text-align: center;}
.contingut-columna #cercador-data table tbody td.actiu {background-color: #e7ded1; color: #df3734;}
/* //Cercador per data */

/* Els blocs per temes */
.contingut-columna #blocs-temes ul {list-style: none; margin: 0; padding: 1em;}
.contingut-columna #blocs-temes ul a {background: url(../img/bullet-coixinet-bg-marro.png) left .2em no-repeat; padding-left: 1em;}
/* //Els blocs per temes */

/* Els blocs per territoris */
.contingut-columna #blocs-territoris ul {list-style: none; margin: 0; padding: 1em;}
.contingut-columna #blocs-territoris ul a {background: url(../img/bullet-coixinet-bg-marro.png) no-repeat 0 .2em; padding-left: 1em;}
/* //Els blocs per temes */

/* Notícies VilaWeb */
.contingut-columna #noticies-vilaweb ul {list-style: none; margin: 0; padding: 1em;}
.contingut-columna #noticies-vilaweb li {margin-bottom: 1em;}
.contingut-columna #noticies-vilaweb ul a {background: url(../img/bullet-fletxa-bg-marro.png) left .2em no-repeat; padding-left: 1em; color: #333;}
/* //Notícies VilaWeb */