body { 
	margin: 0 auto;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #4C4F17;
	line-height: 16px;
	color: #3d393a;
}
img {
	border-width: 0px;
	vertical-align: middle;
}

a:hover {
	text-decoration: none;
}
br.p {
	margin-bottom: 2px;
	clear: both;
}
hr {
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #cdcbca;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 10px 0px;
	font-family: Arial, sans-serif;
	color: #000;
	font-weight: normal;
}
h1 {
	font-size: 2.0em;
	line-height: 27px;
}
h2 {
	font-size: 1.8em;
	line-height: 25px;
}
h3 {
	font-size: 1.6em;
	line-height: 23px;
}
h4 {
	font-size: 1.4em;
	line-height: 21px;
}
h5 {
	font-size: 1.2em;
	line-height: 19px;
}
h6 {
	font-size: 1em;
}

div#loading {
	position: fixed;
	margin-left: 920px;
	margin-top: 20px;
	z-index: 100;
	display: none;
}
div#continent {
	width: 980px;
	margin: 0 auto;
	padding: 3px 10px 0px 10px;
	text-align: left;
	background-color: #FFF;
}
/********* Capcalera *********/
div#cap_esquerra {
	margin-top: 25px;
	height: 75px;
	float: left;
	width: 350px;
}
div#cap_dreta {
	float: right;
	width: 250px;
	height: 100px;
}
div#cap_dreta div#cap_logo_entitat {
	margin: 5px 10px 0px 0px;
	width: 190px;
	height: 80px;
	text-align: right;
}
div#cap_dreta div#cap_data {
	width: 250px;
	text-align: right;
	color: #696F28;
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 10px;
}


/* MENU */
div#menu {
	clear: both;
	height: 37px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: Arial, Verdana, sans-serif;
	background: #8BB61F url('/img/fons/blanc.gif') repeat-x center bottom;
}
div#menu a {
	display: block;
	padding: 10px 7px 6px 7px;
	height: 21px;
	float: left;
	color: #FFF;
	text-decoration: none;
}
div#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#menu li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 32px;
}
div#menu li.menu1 { background-color: #8BB61F; }
div#menu li.menu1 a { color: #D6FFAB; }
div#menu li.menu2 { background-color: #F76114; }
div#menu li.menu2 a { color: #FBD5C1; }
div#menu li.menu3 { background-color: #E30A16; }
div#menu li.menu3 a { color: #FFB1B5; }
div#menu li.menu4 { background-color: #DF0059; }
div#menu li.menu4 a { color: #FFB6D3; }
div#menu li.menu5 { background-color: #A80966; }
div#menu li.menu5 a { color: #EE9BCC; }
div#menu li.menu6 { background-color: #00135D; }
div#menu li.menu6 a { color: #B7C6FF; }
div#menu li.menu7 { background-color: #004287; }
div#menu li.menu7 a { color: #AED6FF; }
div#menu li.menu8 { background-color: #006db8; }
div#menu li.menu8 a { color: #ABDBFD; }
div#menu li.menu9 { background-color: #00859c; }
div#menu li.menu9 a { color: #B9F5FF; }

div#menu li a:hover, div#menu li.actiu a { background: transparent url('/img/fons/punter.gif') no-repeat center bottom; color: #FFF; }

div#menu_dreta {
	margin-top: 5px;
	margin-right: 10px;
	float: right;
}


/********* Submenu *********/
#submenu {
	clear: both;
	background-color: #373431;
	height: 30px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}
#submenu a {
	display: block;
	padding: 10px 7px 10px 7px;
	height: 10px;
	float: left;
	color: #FFF;
}
#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu li {
	float: left;
	margin: 0px;
	padding: 0px;
}
div#submenu a:hover, div#submenu li.actiu a {
	color: #FFF;	
}
div#submenu li a:hover, div#submenu li.fosc a:hover, div#submenu li.actiu a {
	color: #ef9706;	
}
div#submenu li.fosc a {
	color: #999999;	
}
div#submenu li.separador {
	margin-top: 5px;
}
a#menu_rss {
	float: right;	
	padding: 6px 10px;
}


div#contingut_tres_blocs {
	margin: 0px 195px 0px 195px;
	padding-left: 15px;	
	padding-right: 15px;
	min-height: 100%;
}
div#contingut_tres_blocs div#esquerra {
	position: relative;
	width: 180px;
	float: left;
	margin-left: -210px;
	z-index: 100;
	left: -1px;
}
div#contingut_tres_blocs div#centre {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	margin: 0 -1px;/* moz fix*/
}
div#contingut_tres_blocs div#dreta {
	position: relative;
	width: 180px;
	float: right;
	margin-right: -210px;
	left: 1px;
}


div#contingut_dos_blocs {
	padding-right: 15px;
	margin-right: 200px;
	min-height: 100%;
}
div#contingut_dos_blocs div#b_esquerra {
	display: table;
	width: 740px;
	margin-left: 10px;
}
div#contingut_dos_blocs div#b_dreta {
	float: right;
	margin-right: -215px;
	position: relative;
	width: 180px;
}



div.modul ul, div.bullet ul, div.llapis ul {
	padding-left: 20px;
	margin: 0;
	list-style: inside;
	list-style-position: outside;
}
div.modul ul li {
	margin-bottom: 10px;
	list-style-image: url( ../img/icones/enllac.gif );
}
div.modul a, div.llapis a { color: #272C2A; }
div.llapis ul li {
	margin-bottom: 10px;
	list-style-image: url( ../img/icones/llapis.gif );
}

div.bullet, div.audio { margin: 10px 0px 20px 0px; }
div.bullet ul li {
	margin-bottom: 10px;
	list-style-image: url( ../img/icones/bullet.gif );
}
div.audio ul {
	padding-left: 0px;
	margin: 0;
	list-style: inside;
	list-style-type: none;
}
div.audio ul li {
	margin-bottom: 10px;
}
div.audio ul li a.sm2_paused:hover, div.audio ul li a.sm2_link:hover {
	background: transparent url( ../img/icones/icon_play.png ) no-repeat 0px 50% !important;
}
div.audio ul li a.sm2_playing, div.audio ul li a.sm2_playing:hover {
	background: transparent url( ../img/icones/icon_pause.png ) no-repeat 0px 50% !important;
}
div.audio ul li a, div.audio ul li a.sm2_link {
	background: transparent url( ../img/icones/icon_play.png) no-repeat 0px 50%;
	padding-left: 25px;
}


.bloc_grafic {
	margin-bottom: 20px;
	width: 100%;
	line-height: 14px;
	display: block;
}
.bloc_grafic .esquerra {
	width: 60px;
	text-align: center;
}
.bloc_grafic .esquerra .foto {
	padding-top: 5px;
	height: 50px;
}
.bloc_grafic .dreta {
	width: 105px;
	font-size: 11px;
	padding-left: 5px;
}
.bloc_grafic .dreta h6 {
	font-size: 12px;
	margin-bottom: 0px;
	font-weight: bolder;
}
.bloc_grafic .dreta a {
	color: #e30a16;
}


div.entrada-previa div.quadre { 
	height: 60px; 
	width: 560px; 
	margin-bottom: 10px;
}
div.entrada-previa div.quadre div.dreta { 
	padding: 5px 10px 5px 10px; 
	float: right; 
	width: 300px; 
	text-align: right;
	color: #FFF;
}
div.entrada-previa div.quadre div.dreta h4 { 
	margin-bottom: 3px;
}
div.entrada-previa div.quadre div.dreta h4 a { 
	color: #FFF;
	font-weight: bolder;
}
div.entrada-previa div.quadre div.esquerra { 
	float: left; 
	width: 80px; 
}
div.entrada-previa div.text {
	float: right;
	width: 540px;
}
div.entrada-previa p {
	margin-top: 5px;
}
div.entrada-previa div.imatge {
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 180px;
}
div.llegenda {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 10px;
	color: #272C2A;
	font-weight: bold;
}
div.llegenda a {
	font-size: 10px;
	color: #272C2A;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
div.llegenda a:hover {
	text-decoration: none;
}
div.llegenda_e {
	float: left;
	width: 200px;
}
div.llegenda_d {
	float: right;
	width: 60px;
}
h5.avantitol {
	margin: 5px 0px 3px 0px;
	font-size: 14px;
	font-weight: bolder;
}

#tags {
	line-height: 25px;
}
p.tags {
	margin: 2px 0;
}
p.tags a:hover {
	text-decoration: underline;
}

.paginacio {
	float: right;
}
.paginacio a, .paginacio span, .limitacio a, .limitacio span {
	display: block;
	float: left;
	margin-right: 5px;
	text-decoration: none;
}
.paginacio a:hover, .limitacio a:hover {
	color: #ff9999;
}
.paginacio span.actual, .limitacio span.actual {
	font-weight: bold;
	border: 0px;
}

div.entrada {
	overflow: hidden;
}
div.entrada div.text {
	float: left;
	width: 550px;
}
div.entrada div.text p {
	margin-top: 5px;
}
div.entrada div.imatge {
	float: right;
	width: 180px;
	margin-top: 5px;
}
div.entrada div.peu {
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
div.entrada div.peu a {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
div.comentari {
	padding: 15px;
	float: left;
	width: 720px;
}
div.comentari_esquerra {
	float: left;
	width: 30px;
	font-size: 30px;
	text-align: center;
	padding: 5px 0px 5px 0px;
}
div.comentari_dreta {
	float: right;
	width: 680px;
}
hr.negre_prim { clear: both; border-bottom: 2px solid #000; }

/********* Peu *********/
div#peu {
	padding-top: 10px;
	clear: both;
	border-top: 1px solid #a0a0a0;
	height: 35px;
	text-align: right;
	color: #000;
}


.data {
	color: #605D5D;
	font-weight: bold;
	font-size: 10px;
}
.categoria {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.taronja, .taronja a { color: #F76114 !important; }
.verd, .verd a { color: #8BC001 !important; }

hr.taronja { clear: both; border-bottom: 5px solid #F76114; margin-bottom: 15px; }
hr.taronja_prim { clear: both; border-bottom: 2px solid #F76114; }
hr.taronja_cap { clear: both; border-bottom: 1px solid #F76114; }

hr.verd { clear: both; border-bottom: 5px solid #8BC001; margin-bottom: 15px; height: 5px; }
hr.verd_prim { clear: both; border-bottom: 2px solid #8BC001; height: 2px; }
hr.verd_cap { clear: both; border-bottom: 1px solid #8BC001; height: 1px; }

.fons_verd {
	border-top: 5px solid #8BC001;
	border-bottom: 2px solid #8BC001;
	padding: 15px 0px 5px 0px;
}

h1.seccio { font-size: 26px; }

.ocult {	display: none; }

.mes {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}



/********* Formulari *********/
form {
	margin: 0px;
	padding: 0px;
}
label {
	margin-top: 3px;
	margin-bottom: 3px;
	cursor: pointer;
	width: auto;
}
fieldset {
	margin-bottom: 10px;
	padding: 3px;
	border: none;
}

input, select, textarea {
	border: none;
	font-size: 11px;
	clear: right;
	margin-top: 3px;
	padding:2px;
}
input.comentari {
	border: 1px solid #E5E5E5;
	background-color: #E5E5E5;
	width: 720px;
	color: #333;
}
textarea.comentari {
	border: 1px solid #E5E5E5;
	background-color: #E5E5E5;
	width: 720px;
	height: 160px;
	color: #333;
}
textarea.comentari:focus, input.comentari:focus {
	background-color: #FFF;
	color: #333;
}
input.comentari-error, input.cerca-error {
	background-color: #ffe1b1;
	border: 1px solid #ff9c00;
	width: 740px;
}
textarea.comentari-error {
	background-color: #ffe1b1;
	border: 1px solid #ff9c00;
	width: 720px;
	height: 160px;
}
input.cap_cerca {
	border: 1px solid #d0d0d0;
	border-right-color: #ddd;
	border-top-color: #909090;
	border-left-color: #ddd;
	margin-top: -2px;
	font-size: 11px;
	font-weight: normal;
}
input.cap_cerca_boto {
	border-width: 0px;
	background-color:transparent;
	font-size: 14px;
	margin-top: 3px;
	color: #333333;
	font-weight: bolder;
}

.areamarro {
	background: transparent url('../img/icones/fletxaerror.gif') no-repeat center right;
	width: 60px;
	height: 20px;
}

#calendari {
	font-family: Arial, sans-serif;
	border-collapse: separate;
	min-height: 120px;
}
.calendari {
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 11px;
	border-collapse: separate;
}
.calendari td {
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}
td.cal_avui, td.cal_festa { font-weight: bolder; }
td.cal_avui { text-decoration: underline; }
td.cal_festa { color:#dc1523; }

.peudefoto {
	color: #605d5d;
	display: block;
	margin-top: 5px;
	font-size: 11px;
}


div.popup input {
	border: 1px solid #ffe6c8;
	background-color: #ffe6c8;
	width: 280px;
	color: #333;
}
div.popup textarea {
	border: 1px solid #ffe6c8;
	background-color: #ffe6c8;
	width: 280px;
	height: 60px;
	color: #333;
}
div.popup label {
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	width: 250px;
	display: block;
	font-size: 11px;
}


/* ------------------------------------------------------------------------
Popup
------------------------------------------------------------------------- */

div.popupOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}
div.popup{position:absolute;z-index:10000;width:100px;}
div.popup_foto{width:100px;}
div.popup_email{width:400px;}
div.popup_previsualitzar{width:600px;}

div.popup .top{background: url(../img/icones/tl.gif) top left no-repeat;position:relative;height:20px}* html div.popup .top{padding:0 20px}
div.popup .top .left{position:absolute;left:0;width:20px;height:20px}
div.popup .top .middle{background: #fff;position:absolute;left:20px;right:20px;height:20px}
* html div.popup .top .middle{position:static}
div.popup .top .right{background: url(../img/icones/tr.gif) top left no-repeat;position:absolute;top:0;left:auto;right:0;width:20px;height:20px}

div.popup .content_foto{background-color: #fff;position:relative;text-align:left;height:40px}
div.popup .content_email{background-color: #fff;position:relative;text-align:left;height:370px;padding: 0px 50px 0px 50px}
div.popup .content_previsualitzar{background-color: #fff;position:relative;text-align:left;padding: 0px 50px 0px 50px}

div.popup .content_foto .details{display:none;margin:10px 15px 0 20px}
div.popup .content_foto .details p{float:left;clear:left;margin:0}
div.popup .content_foto div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}

div.popup .content_foto a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../img/icones/btnNext.gif) 10000px 50% no-repeat}
div.popup .content_foto a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../img/icones/btnNext.gif) 10000px 50% no-repeat}
div.popup .content_foto a.next:hover { background: url(../img/icones/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
div.popup .content_foto a.previous:hover { background: url(../img/icones/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */

div.popup .content_foto a.close{width: 80px; height: 22px; background: url(../img/icones/btnClose.gif) center left no-repeat; cursor: pointer;float:right;display:block;text-indent:-10000px}
div.popup .bottom{position:relative;height:20px}
* html div.popup .bottom{padding:0 20px}
div.popup .bottom .left{background: url(../img/icones/bl.gif) top left no-repeat;position:absolute;left:0;width:20px;height:20px}
div.popup .bottom .middle{background: #fff;position:absolute;left:20px;right:20px;height:20px}
* html div.popup .bottom .middle{position:static}
div.popup .bottom .right{background: url(../img/icones/br.gif) top left no-repeat;position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
div.popup .loaderIcon{background: url(../img/icones/loader.gif) center center no-repeat;display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}

div.popup #fullResImageContainer{width:100%;text-align:center}
div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}

div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../img/icones/ttl.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../img/icones/ttr.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}
div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px;background: url(../img/icones/ttp.gif) top left repeat-x;}


.error {
	background:#FFBABA url(../img/icones/error.png) no-repeat 10px 10px;
	color:#D8000C;
	border:1px solid;
	font-size:10px;
	font-weight:bold;
	padding:0px 10px 0px 30px;
}