body { background-color: #FFF; color: #000; 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: #EF3125; }
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: 23px; }
h2 { font-size: 1.8em; line-height: 21px; }
h3 { font-size: 1.6em; line-height: 19px; }
h4 { font-size: 1.4em; line-height: 17px; }
h5 { font-size: 1.2em; line-height: 15px; }
h6 { font-size: 1em; }


.gris, .gris a { color: #7A7A7A !important; }
.gris_clar, .gris_clar a { color: #BFBFBF !important; }
.negre, .negre a { color: #000 !important; }
.vermell, .vermell a { color: #EF3125 !important; }

hr.vermell { height: 1px; border-bottom: 1px solid #EF3125 }
span.data { color: #605D5D; font-size: 10px; text-transform: uppercase; }
div.data { background-color: #E6E6E6; color: #000; font-size: 10px; width: 250px; padding: 2px 10px; margin-bottom: 10px; }
div.titol_seccio { margin-bottom: 15px; }
.ocult { display: none; }

div#fulla {	
	background: #FFF url('/img/fons/fulla.gif') no-repeat 0 0; 
	width: 500px;
	height: 745px;
	margin: 20px 0;
	padding: 30px 20px 0px 50px;
	z-index: 100;
	float: left;
}	
div#fulla ul, div.llistat ul, {
	padding-left: 20px;
	margin: 0;
	list-style: inside;
	list-style-position: outside;
}
div#fulla ul li, div.llistat ul li { 
	list-style-image: url( ../img/icones/icona.gif );
	margin-bottom: 10px;	
}
div#fulla ul li a, div.llistat ul li a { 
	font-weight: bolder;
	color: #000;
}


div#llibreta {	
	background: #FFF url('/img/fons/fons.gif') repeat; 
	width: 500px;
	margin-bottom: 20px;
	padding: 30px;
	float: left;
}	

div#dreta {
	float: right;
	width: 300px;
	margin-top: 30px;
}
div#dreta div.contingut {
	background-color: #E9E9E9;
	padding: 10px 10px 20px 10px;
}

div.article_esquerra {
	float: left;
	width: 380px;
}
div.article_dreta {
	float: right;
	width: 200px;
}


div.desplacament { margin-top: -10px; float: right; font-size: 11px; }
div.desplacament a { color: #333 !important; text-decoration: none; cursor: pointer; }

div.llegenda_llistat {
	padding: 5px 10px;
	color: #33383A;
	font-size: 10px;
	border-bottom: 1px dashed #EF3125;
	margin:20px 0 30px 0;
}
div.llegenda { padding: 5px 10px; color: #33383A; font-size: 10px; border-bottom: 1px dashed #EF3125; margin-top:20px; }
div.llegenda div.llegenda_e, div.llegenda_llistat div.llegenda_e { float: left; width: 250px; }
div.llegenda div.llegenda_d, div.llegenda_llistat div.llegenda_d { float: right; width: 200px; text-align: right; }

a.tafanera { background: transparent url('/img/icones/latafanera.gif') no-repeat scroll left top; }
a.delicious { background: transparent url('/img/icones/delicious.gif') no-repeat scroll left top; }
a.technorati { background: transparent url('/img/icones/technorati.gif') no-repeat scroll left top; }
a.facebook { background: transparent url('/img/icones/facebook.gif') no-repeat scroll left top; }
a.google { background: transparent url('/img/icones/google.gif') no-repeat scroll left top; }
a.rollover { margin: 2px 3px; height: 10px; width: 12px; display: block; float:right; }
a.rollover:hover { background-position: 0pt -12px }
a.rollover2 { margin: 2px 3px; height: 10px; width: 12px; display: block; float:right; }
a.rollover2:hover { background-position: 0pt -10px }


div.comentari_blanc {
	float: left;
	background-color: #FFF;
	width: 470px;
	padding: 15px;
	border-bottom: 2px solid #242626;
}
div.comentari_esquerra {
	float: left;
	width: 150px;
	font-size: 11px;
}
div.comentari_dreta {
	float: right;
	width: 330px;
}

/* PAGINACIO */
.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: #666666; }
.paginacio_comentaris span.actual, .limitacio span.actual { font-weight: bold; border: 0; }
.limitacio { float: left; }

.paginacio { float: right; margin-top: 20px }
.paginacio a, .paginacio span {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 5px 7px;
	border: 1px solid #C9D2D6;
	background-color: #C9D2D6;
	color: #000;
}
.paginacio a:hover {
	color: #FFF;
	background-color: #7A8990;
	border: 1px solid #7A8990;
}
.paginacio span.actual {
	font-weight: bold;
	background-color: #7A8990;
	border: 1px solid #7A8990;
	color: #FFF;
}

div.contacte_form {
	background:transparent url(../img/fons/contacte.png) no-repeat top left;
	padding-left: 60px;
}
div.contacte_esquerra {
	float: left;
	width: 430px;
}
div.contacte_dreta {
	float: right;
	width: 350px;
}

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


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