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;
	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#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;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	height: 25px;
	padding-top: 5px;
}

#menu_rss {
	float: right;	
	width: 25px;
}

#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	float: left;
	width: 950px;
}
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #666;
	z-index: 100;
	width: 230px;
}
#navbar li.primer {
	list-style: none;
	float: left;
	width: 230px;
	text-align: center;
}
#navbar li.segon {
	list-style: none;
	float: left;
	width: 230px;
	text-align: center;
}
#navbar li a {
	display: block;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none;
}

#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0;
}
#navbar li:hover li, #navbar li.hover li { float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #666;
	border-bottom: 1px solid #fff;
	color: #FFF;
}
#navbar li li a:hover {	background-color: #666; }





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.navegacio {
	float: right;
	margin-top: 15px
}
div.portada_esquerra {
	float: left;
	margin-bottom: 40px;
	position: relative;
	width: 480px;
}
div.portada_dreta {
	float: right;
	margin-bottom: 40px;
	position: relative;
	width: 480px;
}
div.portada_esquerra_peu {
	float: left;
	margin-bottom: 40px;
	position: relative;
	width: 380px;
}
div.portada_dreta_peu {
	float: right;
	margin-bottom: 40px;
	position: relative;
	width: 580px;
}

div.modul ul, div.bullet 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 { color: #272C2A; }

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



div.entrada-previa {
	margin-top: 15px;
}
div.entrada-previa div.text {
	float: right;
	width: 367px;
}
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;
}


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


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


div#arxiu .contingut {
	font-size: 1.45em;
}
div#arxiu .contingut a {
	display: block;
	padding: 3px 3px 3px 5px;
}


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

.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; }
hr.verd_prim { clear: both; border-bottom: 2px solid #8BC001; }
hr.verd_cap { clear: both; border-bottom: 1px solid #8BC001; }

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

.fons_taronja {
	border-top: 5px solid #F76114;
	border-bottom: 2px solid #F76114;
	padding: 15px 0px 5px 0px;
}

.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: 740px;
	color: #333;
}
textarea.comentari {
	border: 1px solid #E5E5E5;
	background-color: #E5E5E5;
	width: 740px;
	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: 740px;
	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;
}


div.galeries {
	margin: 10px 0px 20px 0px;
	width: 160px;
	padding: 0px 10px 0px 10px;
}
div.galeries ul {
	padding-left: 20px;
	margin: 0;
	list-style: inside;
	list-style-position: outside;
}
div.galeries ul li {
	margin-bottom: 10px;
	list-style-image: url( '/img/icones/bullet.gif' );
}
div.galeries a {
	color: #F76114;
}

#galeria .ampliada {
	margin: 20px 0px 0px 0px;
	min-height: 300px;
	text-align: center;
}
#galeria .descripcio { margin-top: 15px; text-align: left; float: left; width: 600px }
#galeria .descripcio p {
	margin: 0;
}
#galeria .desplacament {
	float: right;
	width: 150px;
	margin-top: 10px;
	text-align: right;
	font-size: 11px;
}

.miniatures {
	width: 100%;
	padding-bottom: 20px
}
.miniatures td {
	width: 115px;
	vertical-align: top;
	text-align: center;
	padding-bottom: 20px;
}
.miniatures td div.imatge_mini {
	height: 80px;
	width: 90px;
	text-align: center;
	overflow: hidden;
}
.miniatures td div.imatge_mini img:hover, .miniatures td div.imatge_mini img.actiu {
	background:#fff;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

.miniatures_portada td {
	width: 115px;
	vertical-align: top;
	text-align: center;
	padding-bottom: 20px;
}
.miniatures_portada td div.imatge_mini {
	height: 80px;
	width: 90px;
	text-align: center;
	overflow: hidden;
}
.miniatures_portada td div.imatge_mini img.imatge_mini:hover {
	background:#fff;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

.paginacio_galeries { float: right; }
.paginacio_galeries a, .paginacio_galeries span {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 2px 3px;
}
.paginacio_galeries a:hover {
	color: #000;
}
.paginacio_galeries span.actual {
	font-weight: bold;
}

#veure_totes {
	float: right;
	margin-top: 4px;
}

/* ------------------------------------------------------------------------
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;
}