/* -------- Estils generals -------- */
body { background-color: #E6E5DC; color: #242626; margin: 0 auto; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; }
img { border-width: 0px; vertical-align: middle; }
a { color: #1092B7; text-decoration: none; cursor: pointer; }
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: 0 0 10px 0; font-family: Arial, sans-serif; color: #000; font-weight: normal; }
h1 { font-size: 22px; line-height: 27px; }
h2 { font-size: 21px; line-height: 25px; }
h3 { font-size: 19px; line-height: 23px; }
h4 { font-size: 17px; line-height: 21px; }
h5 { font-size: 15px; line-height: 19px; }
h6 { font-size: 13px; }


/* -------- Estils varis -------- */
div.titol_blau { padding-bottom: 7px; margin-bottom: 15px; border-bottom: 7px solid #1092B7; height: 20px; }
div.titol_marro { padding-bottom: 7px; margin-bottom: 15px; border-bottom: 7px solid #563C05; height: 20px; }
div.titol_negre { padding-bottom: 7px; margin-bottom: 15px; border-bottom: 7px solid #000; height: 20px; }
div.titol_video { padding-bottom: 7px; margin-bottom: 20px; border-bottom: 7px solid #000; height: 25px; }
div.titol_comentari { padding-bottom: 7px; border-bottom: 4px solid #1092B7; height: 20px; }
div.titol_comentari_marro { padding-bottom: 7px; border-bottom: 4px solid #563C05; height: 20px; }
div.titol_comentari_negre { padding-bottom: 7px; border-bottom: 4px solid #000; height: 20px; }


.taronja, .taronja a { color: #EE7F00 !important }
.blau, .blau a { color: #1092B7 !important  }
.marro, .marro a { color: #563C05 !important  }
.gris, .gris a { color: #87888A !important  }
.negre, .negre a { color: #000 !important  }
.verd, .verd a { color: #7A8D09 !important  }
.vermell, .vermell a { color: #C5462F !important  }
.marro_gris, .marro_gris a { color: #5A4229 !important  }

.neteja { clear: both; }

.data { color: #000; margin-bottom: 3px; font-size: 11px; text-transform: uppercase; }
.ocult { display: none; }



/* -------- Barra dreta -------- */
.plantilla_editorial { padding: 15px 10px; background-color: #F5EFE7; }
.plantilla_blogs { border-bottom: 3px solid #EE7F00; }
.plantilla_video { border-bottom: 3px solid #C5462F; }
.plantilla_pregunta { padding: 15px 100px 15px 10px; background: #F1F3E6 url( ../img/fons/interrogant.png) no-repeat 240px 10px; border-bottom: 3px solid #7A8D09; }
.plantilla_agenda, .plantilla_enquesta { padding: 10px; background-color: #FFF3E8; border-bottom: 3px solid #EE7F00; }
.plantilla_etiquetes { padding: 15px 10px; background-color: #ECF4F8; border-bottom: 3px solid #3895BC; }
.plantilla_actualitat { padding: 15px 10px; background-color: #ECF4F8; border-bottom: 3px solid #3895BC; }

div.blogs { background-color: #FDF2E9; }
div.blog_separacio { margin-bottom: 15px; }
div.blogs div.blogs_esquerra { float: left; width: 90px }
div.blogs div.blogs_dreta { float: right; width: 230px }
div.blogs div.blogs_dreta h6 { text-transform: uppercase; margin: 10px 0 0 0; }
div.blogs div.blogs_dreta h4 { margin:  3px 0 0 0 }

div.agenda_esquerra { float: left; width: 50px; }
div.agenda_esquerra h1 { font-size: 40px; margin: 10px 0 0 0; }
div.agenda_dreta { float: right; width: 250px; }
div.agenda_dreta_gros { float: right; width: 500px; }
div.agenda_dreta a, div.agenda_dreta_gros a { color: #000 !important }
div.agenda_dreta h6 { font-size: 12px; margin: 0; text-transform: uppercase; }
div.agenda_dreta_gros h6 { font-size: 12px; margin: 0; }
div.agenda_dreta h4, div.agenda_dreta_gros h4 { font-size: 16px; margin: 5px 0; }
div.acte_separacio { border-top: 3px solid #FFF; margin: 15px -10px; }
div.acte_separacio_taronja { border-top: 1px solid #EE7F00; margin: 10px 0 20px 0; }

.plantilla_actualitat_tag_actiu { background-color: #ECF4F8; float: left; padding: 5px 10px; border-right: 2px solid #FFF; border-bottom: 2px solid #feefe7; }
.plantilla_actualitat_tag_actiu a { color: #1092B7; font-weight: bolder; }
.plantilla_actualitat_tag_inactiu { float: left; padding: 5px 10px; background-color: #edecec; border-right: 2px solid #FFF;  border-bottom: 2px solid #FFF; }
.plantilla_actualitat_tag_inactiu a { color: #444; }
.plantilla_actualitat_tag div { padding: 3px 10px; font-size: 11px; }
.plantilla_actualitat_tag div span { font-size: 10px; color: #3D3938 }
div#mes_comentat { display: none }
div#comentaris_tag, div#noticies_tag { margin-top: 7px; }
hr.blanc_noticia { clear: both; border-bottom: 1px solid #FFF; height: 1px; width: 95%; }


div.modul_lectures ul, div.modul_comentaris ul { padding-left: 20px; margin: 0; list-style: inside; list-style-position: outside; }
div.modul_lectures ul li { list-style-image: url( ../img/icones/lectura.png );	margin-bottom: 10px;	}
div.modul_comentaris ul li { list-style-image: url( ../img/icones/comentari.png ); margin-bottom: 10px; }

#tags { line-height: 25px; }
#tags a { color: #1092B7; }
#tags a:hover { text-decoration: underline; }

.enquesta input { float: left; }
.enquesta input.votar { float: right; }
.enquesta .enq_barra { height: 15px; background-color: #000; float: left; }
.enquesta .enq_percent { float: right; color: #242626; font-weight: bold; }
div.enquesta div.comentari {
	float: left;
	background-color: #e9ebec;
	width: 565px;
	padding: 10px;
	border-bottom: 2px solid #242626;
}
div.enquesta div.comentari_blanc { float: left; background-color: #FFF; width: 565px; padding: 15px; }
div.enquesta div.comentari_esquerra { float: left; width: 150px; font-size: 11px; }
div.enquesta div.comentari_dreta { float: right; width: 415px; }



/* -------- Portada -------- */
table.portada { border-collapse: collapse; width: 100%; }
table.portada td.portada_tripleta_not { vertical-align: top; width: 165px; }

table.portada td.portada_titol { border-bottom: 10px solid #000; height: 46px; vertical-align: top; padding: 10px 0 0 15px; }
table.portada td.portada_titol_blanc { border-bottom: 5px solid  #FFF; }
table.portada td.portada_tripleta { vertical-align: top; width: 165px; padding: 15px 10px 15px 10px; }
table.portada td.portada_marro { background-color: #F5EFE7; }
table.portada td.portada_marro_peu { background-color: #F5EFE7; border-bottom: 3px solid #563C05; padding: 5px 10px; }
table.portada td.portada_marro a, td.portada_marro_peu a { color: #563C05; }
table.portada td.portada_taronja { background-color: #FFF3E8; }
table.portada td.portada_taronja_peu { background-color: #FFF3E8; border-bottom: 3px solid #EE7F00; padding: 5px 10px; }
table.portada td.portada_taronja a, td.portada_taronja_peu a { color: #EE7F00; }
table.portada td.portada_blau { border-bottom: 3px solid #1092C1; background-color: #ECF4F8; }
table.portada td.portada_blau a { color: #1092C1; }
table.portada td.separacio { width: 20px; }


.plantilla { padding: 15px 10px; }
.plantilla_blau { padding: 15px 10px; background-color: #ECF4F8; }
.plantilla_marro { padding: 15px 10px; background-color: #FFF6E4; }
.plantilla_verd { padding: 15px 10px; background-color: #F1F3E6; }
.plantilla_taronja { padding: 15px 10px; background-color: #FFF3E8; }
.plantilla_petita_blau { padding: 7px 5px; background-color: #ECF4F8; }
.plantilla_petita { padding: 7px 5px; }
.plantilla_border { border-bottom: 3px solid #000; }


td.template2_esquerra {	width: 340px; padding-right: 15px; vertical-align: top; border-right: 1px solid #D9DADB; }
td.template2_dreta { width: 190px; padding-left: 15px; vertical-align: top; }
td.template3_esquerra { width: 265px; padding-right: 15px; vertical-align: top; border-right: 1px solid #D9DADB; }
td.template3_dreta { width: 265px; padding-left: 15px; vertical-align: top; }

div.portada_bloc_esquerra { float: left; width: 80px; }
div.portada_bloc_dreta { float: right; width: 240px; }
div.portada_actualitat_esquerra { float: left; width: 110px; }



.plantilla3_imatge { float: left; margin-right: 10px; width: 300px }
.plantilla4_imatge, .plantilla5_imatge { float: left; margin-right: 10px; width: 180px }
.plantilla5_prin_imatge { float: left; margin-right: 10px; width: 250px }



/* -------- Llistat d'articles -------- */
div.portada_imatge { float: left; margin: 10px 10px 5px 0; width: 175px; }
.categoria a { color: #87888A !important; text-transform: uppercase; }
a.mes { text-transform: uppercase; font-size: 11px; font-family: Arial; }

h5.avantitol { margin: 5px 0 3px 0; font-size: 15px; }

div.llegenda_esq { float: left; margin-top: 15px; font-size: 10px; }
div.llegenda_dret { float: right; margin-top: 15px; font-size: 10px; }
div.llegenda_article, div.llegenda_article a { color: #333; }




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

div.article_esquerra { float: left; width: 200px; margin: 0 20px 20px 0; }
h5.entradeta { font-size: 15px; line-height: 19px; }
h5.entradeta p { margin: 0; }


div.article_b h1 { font-size: 30px; margin-bottom: 15px; line-height:35px; } 
div.article_b a { color: #1092B7; }
div.article_b a:hover { color: #1092B7; border-bottom: 1px dashed #1092B7; }
div.article_b img.marc { border-bottom: 5px solid #1092B7; }

div.article_t h1 { font-size: 30px; margin-bottom: 15px; line-height:35px; } 
div.article_t a { color: #EE7F00; }
div.article_t a:hover { color: #EE7F00; border-bottom: 1px dashed #EE7F00; }
div.article_t img.marc { border-bottom: 5px solid #EE7F00; }

div.article_m h1 { font-size: 30px; margin-bottom: 15px; line-height:35px; } 
div.article_m a { color: #563C05; }
div.article_m a:hover { color: #563C05; border-bottom: 1px dashed #563C05; }
div.article_m img.marc { border-bottom:5px solid #563C05; }

div.article_v h1 { font-size: 30px; margin-bottom: 15px; line-height:35px; } 
div.article_v a { color: #7A8D09; }
div.article_v a:hover { color: #7A8D09; border-bottom: 1px dashed #7A8D09; }
div.article_v img.marc { border-bottom:5px solid #7A8D09; }


div.article div.separador { border-bottom: 3px solid #000; border-top: 3px solid #000; padding: 8px 0; margin-bottom: 20px; }
div.article div.separador div.separador_esquerra { float: left; width: 300px; }
div.article div.separador div.separador_dreta { float: right; width: 200px; text-align: right; } 
	
div.peudefoto { color: #605d5d; font-size: 11px; padding: 5px 5px 13px 5px; }

div.article ul, ul.article { padding: 0; margin: 0 0 0 15px; }
div.article ul li, ul.article li { padding: 0 0 5px 0; }

div.article div.relacionades ul li { list-style-image:url('../img/icones/noticies.png'); }

div.article div.documents ul li { list-style-image: url( ../img/icones/document.png ) !important; }
div.article div.documents ul li.doc { list-style-image: url( ../img/icones/icona_doc.png ) !important; }
div.article div.documents ul li.pdf { list-style-image: url( ../img/icones/icona_pdf.png ) !important; }
div.article div.documents ul li.zip { list-style-image: url( ../img/icones/icona_zip.png ) !important; }

div.article div.audio { margin: 15px 0 20px 0; }
div.article div.audio ul { padding-left: 0; margin: 0; list-style: inside; list-style-type: none; }
div.article div.audio ul li { margin-bottom: 10px; }
div.article 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.article 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.article 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; }

div.article div.llegenda_article { border-bottom: 2px solid #000; border-top: 2px solid #000; margin: 15px 0 30px 0; font-size: 10px; padding: 7px 0; }
div.article div.llegenda_article div.llegenda_esquerra { float: left; width: 240px; margin: 0; }
div.article div.llegenda_article div.llegenda_dreta { float: right; width: 220px; margin: 0; text-align: right; }
div.article div.llegenda_article { font-size: 10px; }


div.article_b table, div.article_m table, div.article_v table, div.article_t table { border-collapse: collapse; width: 100%; }
div.article_b tr.comentari_blanc, div.article_m tr.comentari_blanc, div.article_v tr.comentari_blanc, div.article_t tr.comentari_blanc { background-color: #FFF; }
div.article_b tr.comentari { background-color: #ECF4F8; }
div.article_b td.comentari_esquerra, div.article_m td.comentari_esquerra, div.article_v td.comentari_esquerra, div.article_t td.comentari_esquerra { vertical-align: top; padding: 10px; width: 150px; font-size: 11px;	border-bottom: 2px solid #353C42; }
div.article_b td.comentari_dreta, div.article_m td.comentari_dreta, div.article_v td.comentari_dreta, div.article_t td.comentari_dreta { vertical-align: top; padding: 10px; width: 410px; border-bottom: 2px solid #ADB8BE; }
div.article_b td.comentari_esquerra div.comentari_icona, div.article_m td.comentari_esquerra div.comentari_icona, div.article_v td.comentari_esquerra div.comentari_icona, div.article_t td.comentari_esquerra div.comentari_icona { float: left; width: 25px; height: 100px; }
div.article_b td.comentari_dreta p, div.article_m td.comentari_dreta p, div.article_v td.comentari_dreta p, div.article_t td.comentari_dreta p { margin: 0; }

div.article_m tr.comentari { background-color: #FFF6E4; }
div.article_v tr.comentari { background-color: #F1F3E6; }
div.article_t tr.comentari { background-color: #FFF3E8; }


div#comparteix {
	position: absolute;
	background-color: #D8E9F1;
	border: 1px solid #683A16;
	padding: 6px;
	width: 125px;
	font-size: 11px;
	margin-left: 441px;
}
div#comparteix img { margin: 0 3px }
div#comparteix a { color: #000 !important; }
	
/* -------- Paginació -------- */
.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 #ECF4F8;
	background-color: #ECF4F8;
	color: #000;
}
.paginacio a:hover {
	color: #FFF;
	background-color: #9AD2FF;
	border: 1px solid #9AD2FF;
}
.paginacio span.actual {
	font-weight: bold;
	background-color: #9AD2FF;
	border: 1px solid #9AD2FF;
	color: #FFF;
}


/* -------- Cerca -------- */
div#cerca_avancada { margin-top: 10px; }



/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.popup .top .left { background: url(../img/prettyphoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.popup .top .middle { background: #fff; } /* Top pattern/color */
	div.popup .top .right { background: url(../img/prettyphoto/tr.gif) top left no-repeat; } /* Top right corner */
	div.popup_email{width:400px !important;}
	div.popup_previsualitzar{width:600px !important;}

	div.popup .content { background-color: #fff; } /* Content background */
	div.popup .content a.next:hover { background: url(../img/prettyphoto/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.popup .content a.previous:hover { background: url(../img/prettyphoto/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.popup .content a.expand { background: url(../img/prettyphoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.popup .content a.expand:hover { background: url(../img/prettyphoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.popup .content a.contract { background: url(../img/prettyphoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.popup .content a.contract:hover { background: url(../img/prettyphoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.popup .content a.close { width: 75px; height: 22px; background: url(../img/prettyphoto/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

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

	div.popup .content .details .nav a.arrow_previous { background: url(../img/prettyphoto/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.popup .content .details .nav a.arrow_next { background: url(../img/prettyphoto/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	div.popup .bottom .left { background: url(../img/prettyphoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.popup .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.popup .bottom .right { background: url(../img/prettyphoto/br.gif) top left no-repeat; } /* Bottom right corner */

	div.popup .loaderIcon { background: url(../img/prettyphoto/loader.gif) center center no-repeat; } /* Loader icon */


	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../img/prettyphoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../img/prettyphoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../img/prettyphoto/ttp.gif) top left repeat-x; }
	
	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .top .left ,
	div.light_square .top .middle,
	div.light_square .top .right,
	div.light_square .bottom .left,
	div.light_square .bottom .middle,
	div.light_square .bottom .right,
	div.light_square .content,
	div.light_square div.prettyPhotoTitleLeft,
	div.light_square div.prettyPhotoTitleRight,
	div.light_square div.prettyPhotoTitleContent { background: #fff; }
	div.light_square div.prettyPhotoTitleContent { color: #666666; }


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.popup {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.popup .top {
			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 {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.popup .top .middle { position: static; left: 0; }
			
			div.popup .top .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.popup .content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.popup .content .details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.popup .content .details p.description { display: none; float: left; margin: 0; }
				
				div.popup .content .details .nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.popup .content .details .nav p { float: left; margin: 0 4px; }
				
					div.popup .content .details .nav a.arrow_previous,
					div.popup .content .details .nav a.arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
					
					div.popup .content .details .nav a.disabled { background-position: 0 -16px; cursor: default; }
		
		div.popup .content div.hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.popup .content a.next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../img/prettyphoto/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.popup .content a.previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../img/prettyphoto/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.popup .content a.expand,
		div.popup .content a.contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.popup .content a.close {
			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 {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.popup .bottom .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.popup .bottom .middle { position: static; left: 0; }
				
			div.popup .bottom .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.popup .loaderIcon {
			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.popup #fullResImageContainer { display: block; margin: 0 auto; }
	
		div.prettyPhotoTitle {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			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; }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */