body { background-color: #999999; color: #3d393a; margin: 0 auto; font-family: Arial, Verdana, sans-serif; font-size: 12px;	line-height: 16px; }
img { border-width: 0px; vertical-align: middle; }
a { text-decoration: none; cursor: pointer; color: #5994A4; }
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; }

.negre, .negre a { color: #000000 !important; }
.gris, .gris a { color: #455262 !important; }
.gris_clar, .gris_clar a { color: #7F7F7F !important; }
.blau, .blau a { color: #5994A4 !important; }

hr.blau { clear: both; border-bottom: 1px solid #5994A4; height: 1px; }


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

.paginacio { float: right; }
.paginacio a, .paginacio span {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 5px 7px;
	border: 1px solid #5994A4;
	background-color: #DFF8FF;
}
.paginacio a:hover {
	color: #000;
	background-color: #99D0DF;
	border: 1px solid #097F9F;
}
.paginacio span.actual {
	font-weight: bold;
	background-color: #99D0DF;
	border: 1px solid #097F9F;
}

.data { color: #5994A4; font-size: 12px; }
.mes {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #5994A4 !important;
}

.ocult { display: none; }

td.plantilla_esquerra {
	width: 265px;
	padding-right: 15px;
	vertical-align: top;
}
td.plantilla_dreta {
	background-color: #FCFCFC;
	width: 265px;
	padding-left: 15px;
	vertical-align: top;
}



/* LlISTAT D'ARTICLES */
div.llistat_text {
	float: right;
	width: 370px;
	margin-top: 10px;
	margin-bottom: 20px;
}
div.llistat_imatge {
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
	width: 180px;
}

/* ARTICLE */
div.article_imatge {
	float: left;
	margin: 0px 10px 10px 0px;
	width: 180px;
}

div.desplacament {
	margin-top: -20px;
	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_b a {
	color: #5994A4;
}
.article_b a:hover {
	color: #5994A4;
	border-bottom: 1px dashed #5994A4;
}
.article_b p { margin: 0px; color: #333 }

div.llegenda {
	margin-top: 20px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 11px;
	color: #272C2A;
}
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: 300px;
	text-align: right;
}

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




div.puntets { margin: 15px 0px 15px 0px; }
div.puntets ul {
	padding-left: 20px;
	margin: 10px 0px 0px 0px;
	list-style: inside;
	list-style-position: outside;
}
div.puntets ul li {
	margin-bottom: 10px;
	list-style-image: url( ../img/icones/puntets.gif );
}


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.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 { margin: 15px 0px 15px 0px; }
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;
}


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