/*
Original de Tjobbe Andrews de www.sitecreative.net
*/

body	{text-align:center; margin:0; padding:0; background:#FFFFFF; color:#3D393A; font-family:Arial, Helvetica, sans-serif; font-size:80%; }
h2		{margin:0 0 10px 0; padding:0; font-weight:normal; font-size:1.8em; color:#5C6468;}
h3		{font-family:Georgia, "Arial", Times, serif; margin:0 0 -5px 0; padding:0; font-weight:normal; font-size:1.65em; color:#5C6468; }
h3 {font-size:1.6em; line-height:23px; color:#5C6468 !important; }
h4 {font-size:15px;}
h6 	{ font-size: 10px; }

.verd, .verd a { color: #669131 !important; }
.gris, .gris a { color: #707070 !important; }


a		{color:#671313; text-decoration:none; cursor: pointer; }
a:hover	{text-decoration:none; }
p		{margin:0; padding:0 0 15px 0; }
br.p  { clear: both; }
img		{border:0;}
img.baix {border:0; margin-bottom:-5px;}

.submit {font-size:80%;}


#container		{margin:0 auto; text-align:left; width:850px; padding:0; }
#intro			{color:#FFFFFF; background:url('../img/intro-bg.png') no-repeat center top; margin:15px 0 0 0; padding:29px 45px 82px 160px; height:4px; font-family:Georgia, "Times new roman", serif; font-style: italic; font-size:120%; font-weight:bold; }
#autor			{float:right; font-style:normal; font-size:80%; font-weight:normal; margin-right:50px;}
#content		{float:left; width:585px; padding:5px; line-height:18px;}
#content2	{float:left; width:450px; padding:20px; }
#rightColumn	{float:right; width:200px; padding:4px 20px 20px 25px; text-align:right; font-size: 0.9em; color: #666; border-left: 1px solid #DBD9D9; }
#rightColumn ul	{list-style-type: none; padding:0; }
#rightColumn li {margin-bottom:10px; }
#rightColumn2	{float:right; width:300px; padding:10px 40px 20px 5px;}
#footer			{clear:both; background:url('../img/footer-bg.gif') no-repeat center top; color:#FFFFFF; padding:45px 20px 80px 300px; margin:20px 0 0 0; }
#footer a		{color:#FFFFFF; }

#prepeu_e			{float:left; width:300px;}
#prepeu_d			{float:right; text-align:right; width:100px; margin-right:30px;}
#prepeu_d2			{ float:right; margin-right:-260px; text-align:right; }

#header			{text-align:right; height: 80px; margin-right:100px;}
#header h1		{float:left; border:0; margin-left:30px;}
#header ul		{margin:0; padding:45px 0; font-size:120%; font-family:Georgia, "Arial", Times, serif; }
#header li		{margin:0; padding:0; display:inline; border-right:1px solid #DBD9D9; }
#header ul a		{padding:15px 15px; text-decoration:none; }
#header ul a:hover	{color:#FFFFFF; background:url('../img/nav-bg.gif') no-repeat center center; }
#header li.llarg a:hover	{color:#FFFFFF; background:url('../img/nav-bg_l.gif') no-repeat center center; }

.left			{float:left; }
.right			{float:right; margin-bottom:7px }
.imatge			{border: 3px solid #ECECEC; margin-left:10px; }
.data			{float:left; color:#666; font-size:0.8em; margin-top:-10px; margin-bottom: 10px; width:600px;}
.metadata		{color: #666; border-bottom:1px solid #DBD9D9; margin-bottom:13px; margin-top:-18px;  font-size: 0.9em; line-height:20px; width:204px; }
.metadata a		{color: #666; }
.ocult { display: none; }
.vermell, .vermell a { color: #BB403E !important; }


form					{margin: 5px;}
#formulari-contacte		{width:400px; float:left; min-height: 400px; margin-top:40px; border-right:1px solid #691414;}
fieldset				{border:0px; padding:5px 0;  }
input, textarea			{font-family:Arial, Helvetica, sans-serif; font-size:1em; border:1px solid #E6E6E6; background-color: #E6E6E6; }
input.comentari-error, textarea.comentari-error			{font-family:Arial, Helvetica, sans-serif; font-size:1em; border:1px solid #EAD2D2; background-color: #EAD2D2; }
input[type=text], textarea 	{width:325px; }
input:focus, textarea:focus {background-color: #FFF; }
label					{display:block; font-size: 0.9em; line-height:20px;}
address					{display:block; font-size:0.8em; padding-left:3px; font-style:normal; }
address.alt					{display:block; font-size:0.8em; padding-right:25px; text-align:right; font-style:normal; }

/*------------ Paginació ----------*/
.paginacio { float: right; }
.paginacio a,.paginacio span { display: block; float: left; margin-right: 3px; margin-bottom: 13px; padding: 1px 4px; border: 1px solid #691414; }
.paginacio a:hover { color: #000; background-color: #feefe7; border: 1px solid #F76114; }
.paginacio span.actual { font-weight: bold; background-color: #feefe7; border: 1px solid #F76114; }


/* ------------ Agenda ------------------ */
div.div_calendari { float: right; width: 250px; min-height: 166px; margin-left: 50px; font-size: 12px; }
table.calendari_mes { width: 100%; font-size: 15px; font-weight: bolder }
table.calendari_mes td { text-align: center }
table.calendari_mes td.desplacament { width: 130px }
table.calendari { width: 100%; font-family: arial,sans-serif; }
table.calendari td { text-align: center; height: 5px; }
table.calendari td.cal_fest { font-weight: bolder; color: #ff0000; }
table.calendari td.cal_avui { font-weight: bolder; }
table.calendari td.cal_acte, table.calendari td.cal_acte a td.cal_acte, div.agenda table.calendari td.cal_acte a { font-weight: bolder; color: #FFF !important; background: transparent url(../img/fons/agenda_fons_vermell.png) no-repeat center center; }
div.mapa { display: none; height: 250px; border: 1px solid #445566; }

div.acte div.acte_imatge { float: left; width: 160px }
div.acte div.acte_descripcio { float: right; width: 470px }
div.acte div.acte_data { float: left; width: 130px; }
div.acte div.acte_data h1 { font-size: 35px; margin: 0; color: #900312; }
div.acte div.acte_data h4 { font-size: 16px; margin: 0 0 10px 0; }
div.acte div.acte_titol { float: left; width: 375px; padding-left: 40px; }
div.acte div.acte_titol h4 { margin: 0; }

div.agenda_esquerra { width: 35px; float: left; }
div.agenda_dreta { width: 180px; float: right; }
div.agenda_dia { height: 65px; width: 56px; float: left; font-size: 10px; text-transform: uppercase; }
div.agenda_dia div.agenda_dia_mes { background-color: #C5462F; text-align: center; font-weight: bolder; color: #FFF; padding: 3px 0; }
div.agenda_dia div.agenda_dia_numero { background: transparent url('/img/fons/agenda.png') no-repeat top center; text-align: center; color: #C5462F; padding-top: 5px; height: 53px; }
div.agenda_dia div.agenda_dia_numero h1 { font-size: 22px; color: #000; margin: 0; }
div.agenda_dia div.agenda_dia_numero_curt { background: transparent url('/img/fons/agenda.png') no-repeat top center; text-align: center; color: #C5462F; padding-top: 3px; height: 55px; }
div.agenda_dia div.agenda_dia_numero_curt h1 { font-size: 36px; color: #000; margin: 0 0 3px 0; }

/*------------ Bloc de la dreta ----------*/
div.bloc { padding: 10px 10px; }
div.bloc_fons { background: transparent url('../img/fons/fons.gif') repeat; padding: 10px 10px; }
div.bloc_signa { background: transparent url('../img/fons/fons_marro.gif') repeat; padding: 10px 10px; }
div.bloc_signa img.descarrega { float: left; margin: 0 20px; }

div.bloc_acte div.data { color: #9C9C9C; margin: 0; font-size: 11px; }
div.bloc_acte p.descripcio { font-size: 11px; color: #707070 }
div.bloc_acte h6 { margin: 0;}
div.bloc_acte div.esquerra { float: left; width: 36px; }
div.bloc_acte div.dreta { float: right; width: 120px; }
div.bloc_acte div.esquerra h1 { font-size: 25px; margin: 0; }
div.bloc_acte div.esquerra h4 { font-size: 15px; margin: 0; }

/* ------------------------------------------------------------------------
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/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/tr.gif) top left no-repeat;position:absolute;top:0;left:auto;right:0;width:20px;height:20px}

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

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/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/btnNext.gif) 10000px 50% no-repeat}
div.popup .content_foto a.next:hover { background: url(../img/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
div.popup .content_foto a.previous:hover { background: url(../img/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */

div.popup .content_foto a.close{width: 80px; height: 22px; background: url(../img/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/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/br.gif) top left no-repeat;position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
div.popup .loaderIcon{background: url(../img/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/ttl.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../img/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/ttp.gif) top left repeat-x;}


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

.seccio { border-bottom: 1px solid #999; margin-top: 10px; font-family: Arial Narrow; color: #33383A; font-weight: bolder; line-height: 25px; }
.seccio a { color: #33383A; }

#contingut_dos_blocs {clear:both;}

#b_esquerra {float:left; width:500px;}

#b_dreta { float:right; width:340px; }

div.acte {
	border-top:1px solid #DCDCDC;
	padding: 10px;
}

div.mes {
	border-bottom: 1px solid #691414;
	padding: 10px;
}

div.municipi {
	font-size: 10px;
	text-transform: uppercase;
}

h4.agenda { margin: 0px }
div.descripcio { font-size: 11px; }
div.contingut { color: #5C6468 }



div.div_calendari {
	float: left;
	width: 280px;
	min-height: 166px;
	margin-left: 50px;
	font-size: 13px;
}
.calendari_mes { width: 100%; font-size: 15px; font-weight: bolder }
.calendari_mes td { text-align: center }
.calendari_mes td.desplacament { width: 130px }

div.div_calendarindex {
	float: center;
	width: 210px;
	min-height: 150px;
	margin-left: 0px;
	font-size: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #691414;
}

.calendari {
	width: 100%;
	font-family: arial,sans-serif;
}
.calendari td {
	text-align: center;
	height: 5px;
}
.cal_cap {
	font-weight: bold;
}
.cal_cap_dia td {
	color: #dd0067;
	cursor: default;
}
.mes_act {
	text-align: center;
}
.cal_fest { /* dia festiu */
	font-weight: bolder;
	color: #ff0000;
}
.cal_avui { /* dia d'avui */
	font-weight: bolder;
}
.cal_acte, .cal_acte a {
	font-weight: bolder;
	color: #fff;
}

table.actes { 
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px
}
table.actes td.foto { 
	width: 170px;
}
table.actes td.blau { 
	background: transparent url('../img/fons/fons_blau2.png') repeat top left;
	padding: 10px 15px 0px 15px;
	color: #0084D8;
	vertical-align: top;
}
table.actes td.blau h1.dia { 
	color: #002633;
	margin: 0px;
	line-height: 18px;
	font-size: 27px;
}
table.actes td.blau h4.data { 
	color: #002633;
	font-weight: bolder;
	line-height: 18px;
	font-size: 16px;
}
table.actes td.blau h3.titol { 
	color: #0084D8;
	margin: 5px 0px 0px 0px;
}
table.actes td.blau h3.titol a { 
	color: #0084D8;
}
table.actes td.blau a { 
	color: #002633;
}

table.actes td.rosa { 
	background: transparent url('../img/fons/fons_rosa.png') repeat top left;
	padding: 10px 15px 0px 15px;
	color: #dd0067 !important;
	vertical-align: top;
}
table.actes td.rosa h1.dia { 
	color: #361021 !important;
	margin: 0px;
	line-height: 18px;
	font-size: 27px;
}
table.actes td.rosa h4.data { 
	color: #361021 !important;
	font-weight: bolder;
	line-height: 18px;
	font-size: 16px;
}
table.actes td.rosa h3.titol { 
	color: #dd0067 !important;
	margin: 5px 0px 0px 0px;
}
table.actes td.rosa h3.titol a { 
	color: #dd0067 !important;
}
table.actes td.rosa a { 
	color: #361021 !important;
}



table.actes td.rosa div.esq, table.actes td.blau div.esq { 
	margin-top: 5px;
	float: left;
	width: 230px;
}
table.actes td.rosa div.dret, table.actes td.blau div.dret { 
	float: right;
	width: 110px;
	font-weight: bolder;
	margin-top: 30px;
	text-align: right;
}