/*------------ Estils bàsics ----------*/
body { background-color: #FFF; color: #3d393a; margin: 0 auto; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; }
img { border-width: 0; vertical-align: middle; }
a { text-decoration: none; cursor: pointer; color: #900312; }
a:hover { text-decoration: none; }
br.p { margin-bottom: 2px; clear: both; }
hr { width: 100%; border: 0; border-bottom: 1px solid #cdcbca; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; font-family: Arial, sans-serif; color: #000; font-weight: normal; }
h1 { font-size: 26px; line-height: 33px; }
h2 { font-size: 20px; line-height: 25px; }
h3 { font-size: 18px; line-height: 23px; }
h4 { font-size: 16px; line-height: 21px; }
h5 { font-size: 14px; line-height: 19px; }
h6 { font-size: 13px; }

/*------------ Estils generals ----------*/
.negre, .negre a { color: #000 !important; }
.vermell, .vermell a { color: #900312 !important; }
.gris, .gris a { color: #707070 !important; }

.ocult { display: none; }
.data { color: #9C9C9C; margin: 10px 0 0 0; }

h5.titol_seccio { background: transparent url('../img/fons/fons_separacio.gif') repeat-x; padding: 20px 0 0 10px; color: #900312 }
h5.titol_signa { background: transparent url('../img/fons/fons_marro.gif') repeat-x; padding: 20px 0 0 10px; color: #000 }
div.separacio_vermell { background: transparent url('../img/fons/fons_vermell.gif') repeat; height: 10px; margin-bottom: 10px; } 

#inscriure-text, #recomana-text { color: #666; font-weight: bolder; }



/*------------ Bloc de la dreta ----------*/
div.bloc { padding: 20px 10px; }
div.bloc_fons { background: transparent url('../img/fons/fons.gif') repeat; padding: 20px 10px; }
div.bloc_signa { background: transparent url('../img/fons/fons_marro.gif') repeat; padding: 20px 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: 45px; }
div.bloc_acte div.dreta { float: right; width: 190px; }
div.bloc_acte div.esquerra h1 { font-size: 35px; margin: 0; }
div.bloc_acte div.esquerra h4 { font-size: 15px; margin: 0; }



/*------------ Paginació ----------*/
.paginacio { float: right; }
.paginacio a,.paginacio span { display: block; float: left; margin-right: 3px; padding: 1px 4px; border: 1px solid #F76114; }
.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; }






/*------------ Llistat elements ----------*/
div.llistat_text { float: right; width: 365px; margin-top: 10px; margin-bottom: 20px; }
div.llistat_imatge { float: left; margin-bottom: 15px; margin-top: 10px; width: 180px; }
div.article_imatge { float: left; margin: 0 10px 10px 0; width: 180px; }
div.article_esquerra { float: left; width: 440px; }
div.article_dreta { float: right; width: 200px; }
ul.imatges { margin: 0; padding: 0; }
ul.imatges li { margin: 0 0 20px 0; padding: 0; list-style-type: none; }
.entradeta { font-size: 14px; line-height: 19px; }

div.desplacament { margin-top: -40px; float: right; font-size: 11px; }
div.desplacament a { color: #333 !important; text-decoration: none; cursor: pointer; }
div.desplacament_t a:hover { color: #0096e6; border-bottom: 1px dashed #0096e6; }



/* ------------ Article deplegat ------------------ */
.article_v a { color: #900312 !important; }
.article_v a:hover { color: #900312; border-bottom: 1px dashed #900312; }

div.llegenda { clear: both; margin: 10px 0 0 0; padding: 5px 0 5px 0; font-size: 11px; color: #272C2A; border-top: 1px solid #707070; border-bottom: 2px solid #707070; }
div.llegenda a { font-size: 10px; color: #272C2A !important; 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: 100px; text-align: right }
div.llegenda_d img { margin-left: 5px }

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/agla.gif ); }
div.modul a { color: #272C2A; }
div.audio { margin: 15px 0 20px 0; }
div.audio ul { padding-left: 0; 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 0  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 0	50% !important; }
div.audio ul li a,div.audio ul li a.sm2_link { background: transparent url( ../img/icones/icon_play.png ) no-repeat 0 50%;	padding-left: 25px; }


.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 0 30px;
}

div.codi { 
	margin: 10px 0 20px 0;
	background-color: #FAE1E0;
	padding: 5px 10px;
	color: #000;
	width: 708px;
}


/* ------------ Comissio ------------------ */
table.comissio { border-spacing: 5px; }
table.comissio td { width: 25%; vertical-align: top; padding-bottom: 30px; }
table.comissio td img { float: left; margin-right: 10px; }


ul.error {
	list-style-type: square;
	color: #990000;
}


/* ------------ 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 { font-weight: bolder; color: #BB403E;}
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: 150px; }
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: 350px; }
div.acte div.acte_titol h4 { 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/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;}