body { background-color: #FFF0A8; color: #242626; margin: 0 auto; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; }
img { border-width: 0px; vertical-align: middle; }
img.titol { margin-bottom: 15px; display: block; }


a { color: #BB403E; 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: 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; }


div.publicitat {
	clear: both;
	display: block;
	margin: 15px 0px 15px 0px;
	padding: 10px;	
	height: 100%;
	background-color: #FFF5C9;
}
div.publicitat div.esquerra { float: left; }
div.publicitat div.dreta { float: right; text-align: right; }
div.publicitat_h {
	clear: both;
	display: block;
	margin: 15px 0px 15px 0px;
	padding: 5px;	
	height: 100%;
	background-color: #FFF5C9;
}


/* MENU */
div#menu { 
	background-color: #BB403E;
	margin-bottom: 5px;
	clear: both;
	height: 30px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
}
div#menu a {
	display: block;
	padding: 10px 10px 6px 10px;
	float: left;
	color: #FFF;
	text-decoration: none;
}
div#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#menu li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

div#menu li a:hover, div#menu li.actiu a { color: #000; }

div#menu_dreta {
	margin-top: 6px;
	margin-right: 10px;
	float: right;
}

/* MENU BLOG*/
div#menu_blog { 
	background-color: #BB403E;
	margin-bottom: 5px;
	clear: both;
	height: 30px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
}
div#menu_blog a {
	display: block;
	padding:8px 12px 6px;
	float: left;
	color: #FFF;
	text-decoration: none;
}
div#menu_blog ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#menu_blog li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

div#menu_blog li a:hover, div#menu_blog li.actiu a { color: #000; }

/* SUBMENÚ */
#submenu {
	clear: both;
	background-color: #FFF0A8;
	min-height: 30px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
}
#submenu a {
	display: block;
	padding: 10px 10px 10px 10px;
	height: 10px;
	float: left;
	color: #000;
}
#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu li {
	float: left;
	margin: 0px;
	padding: 0px;
}
div#submenu a:hover, div#submenu li.actiu a {
	color: #6F5B00;
}
div#submenu_municipis { height: 120px }


a#menu_rss {
	float: right;	
	padding: 6px 10px;
} 





div.modul ul, div.bullet ul, div.llapis 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/enllac.gif );
}
div.modul a, div.llapis a { color: #272C2A; }
div.llapis ul li {
	margin-bottom: 10px;
	list-style-image: url( ../img/icones/llapis.gif );
}

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


.bloc_grafic {
	margin-bottom: 20px;
	width: 100%;
	line-height: 14px;
	display: block;
}
.bloc_grafic .esquerra {
	width: 60px;
	text-align: center;
}
.bloc_grafic .esquerra .foto {
	padding-top: 5px;
	height: 50px;
}
.bloc_grafic .dreta {
	width: 105px;
	font-size: 11px;
	padding-left: 5px;
}
.bloc_grafic .dreta h6 {
	font-size: 12px;
	margin-bottom: 0px;
	font-weight: bolder;
}
.bloc_grafic .dreta a {
	color: #e30a16;
}


div.entrada-previa div.quadre { 
	height: 60px; 
	width: 560px; 
	margin-bottom: 10px;
}
div.entrada-previa div.quadre div.dreta { 
	padding: 5px 10px 5px 10px; 
	float: right; 
	width: 300px; 
	text-align: right;
	color: #FFF;
}
div.entrada-previa div.quadre div.dreta h4 { 
	margin-bottom: 3px;
}
div.entrada-previa div.quadre div.dreta h4 a { 
	color: #FFF;
	font-weight: bolder;
}
div.entrada-previa div.quadre div.esquerra { 
	float: left; 
	width: 80px; 
}
div.entrada-previa div.text {
	float: right;
	width: 410px;
}
div.entrada-previa p {
	margin-top: 5px;
}
div.entrada-previa div.imatge {
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 180px;
}
div.llegenda { padding: 5px 0px 5px 0px; color: #33383A; font-size: 10px; }
div.llegenda a { font-size: 10px; color: #33383A !important; font-weight: bold; text-decoration: none; cursor: pointer; }
div.llegenda a:hover { text-decoration: none; }
div.llegenda_e {
	float: left;
	width: 300px;
}
div.llegenda_d {
	float: right;
	width: 120px;
	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 }

h5.avantitol {
	margin: 5px 0px 3px 0px;
	font-size: 14px;
	font-weight: bolder;
	color: #333;
}

p.tags { margin: 0px; }
#tags { line-height: 25px; }
#tags a:hover { text-decoration: underline; }

/* 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: 0px; }
.limitacio { float: left; }

.paginacio { float: right; }
.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.entrada {
	overflow: hidden;
}
div.entrada div.text {
	float: left;
	width: 410px;
}
div.entrada div.text p {
	margin-top: 5px;
}
div.entrada div.imatge {
	float: right;
	width: 180px;
	margin-top: 5px;
}
div.entrada div.peu {
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
div.entrada div.peu a {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}


div.comentari {
	background-color:#E3E9EB;
	float:left;
	padding:15px;
	width:585px;
}
div.comentari_blanc {
	float: left;
	background-color: #FFF;
	width: 585px;
	padding: 15px;
}
div.comentari_esquerra {
	float: left;
	width: 150px;
	font-size: 11px;
}
div.comentari_dreta {
	float: right;
	width: 430px;
}
hr.negre_prim { clear: both; border-bottom: 2px solid #000; }

/********* Peu *********/
div#peu {
	padding-top: 10px;
	clear: both;
	border-top: 1px solid #a0a0a0;
	height: 35px;
	text-align: right;
	color: #000;
}


.groc, .groc a { color: #7D6425 !important; }
.verd, .verd a { color: #9BC65E !important; }
.taronja, .taronja a { color: #C16E14 !important; }
.taronja_fosc, .taronja_fosc a { color: #7D6425 !important; }
.vermell, .vermell a { color: #BB403E !important; }
.gris, .gris a { color: #5C6468 !important; }
.negre, .negre a { color: #242626 !important; }

hr.vermell { clear: both; border-bottom: 1px solid #DA857B; height: 1px; }
hr.gris { clear: both; border-bottom: 1px solid #999; height: 1px; }
hr.verd { clear: both; border-bottom: 1px solid #9BC65E; height: 1px; }

.data { color: #605D5D; font-size: 10px;text-transform: uppercase;  }
.categoria { text-transform: uppercase; font-weight: bold; font-size: 10px; }
.mes { text-transform: uppercase; font-weight: bold; font-size: 10px; }
.ocult { display: none; }
.peudefoto { color: #605d5d; display: block; margin-top: 5px; font-size: 11px; }

.seccio { border-bottom: 1px solid #999; margin-bottom: 10px; padding-bottom: 5px; font-family: Arial Narrow; font-weight: bolder; }

.fons_etiquetes {
	border-bottom: 2px solid #8F3F34;
	background-color: #EDD1C6;
	margin-bottom: 30px;
	padding: 10px;
}
.fons_vermell {
	border-bottom: 2px solid #BB403E;
	background-color: #F7DFD8;
	margin-bottom: 30px;
	padding: 10px 10px 0px 10px;
}




/********* Formulari *********/
form {
	margin: 0px;
	padding: 0px;
}
input.cap_cerca {
	border: 1px solid #d0d0d0;
	border-right-color: #ddd;
	border-top-color: #909090;
	border-left-color: #ddd;
	margin-top: -2px;
	font-size: 11px;
	font-weight: normal;
	width: 140px;
}
input.radio {
	border: none;
}


label {
	margin-top: 3px;
	margin-bottom: 3px;
	cursor: pointer;
	width: auto;
	display: block;
}

.formu label {
	display: block;
	font-weight: bold;
}

fieldset {
	margin-bottom: 10px;
	padding: 3px;
	border: none;
}

input, select, textarea {
	border: none;
	font-size: 11px;
	clear: right;
	margin-top: 3px;
	padding:2px;
	font-family: Courier, Arial, Verdana;
}

input.comentari {
	border: 1px solid #E3E9EB;
	background-color: #E3E9EB;
	width:527px;
	color: #333;
}
textarea.comentari {
	border: 1px solid #E3E9EB;
	background-color: #E3E9EB;
	width: 600px;
	height: 160px;
	color: #333;
}



textarea.comentari:focus, input.comentari:focus {
	background-color: #FFF;
	color: #333;
}


input.comentari-error, input.cerca-error {
	background-color: #FFBABA;
	border: 1px solid #D8000C;
	width: 600px;
}
textarea.comentari-error {
	background-color: #FFBABA;
	border: 1px solid #D8000C;
	width: 600px;
	height: 160px;
}


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


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

#calendari {
	font-family: Arial, sans-serif;
	border-collapse: separate;
	min-height: 120px;
}
.calendari {
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 11px;
	border-collapse: separate;
}
.calendari td {
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}
td.cal_avui, td.cal_festa { font-weight: bolder; }
td.cal_avui { text-decoration: underline; }
td.cal_festa { color:#dc1523; }

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


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

/* -------- 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; margin-bottom: 5px; }
div.llegenda_dret { float: right; margin-top: 15px; font-size: 10px; margin-bottom: 5px; }

.plantilla { padding: 15px 10px; }
.plantilla_blau { padding: 15px 10px; background-color: #F9F1E8; }


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


div.article div.separador { 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: 250px; text-align: right; } 
	
div.article 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 { margin: 15px 0 30px 0; font-size: 10px; padding: 7px 0; }
div.article div.llegenda_article div.llegenda_etiquetes { padding-top: 7px; margin-top: 7px; }
div.article div.llegenda_article div.llegenda_esquerra { float: left; width: 220px; margin: 0; }
div.article div.llegenda_article div.llegenda_dreta { float: right; width: 320px; margin: 0; text-align: right; }
div.article div.llegenda_article { font-size: 10px; }


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

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

/* -------- Index -------- */
table.bloc_grafic { margin-bottom: 20px; width: 100%; line-height: 14px; }
table.bloc_grafic td.esquerra { width: 70px; text-align: center; vertical-align: top; }
table.bloc_grafic td.dreta { vertical-align: top; font-size: 11px; padding: 10px 0px 0px 5px; }
table.bloc_grafic td.dreta h6, div.bloc_grafic h6 { font-size: 12px; margin-bottom: 0px; font-weight: bolder; }
table.bloc_grafic td.dreta a { color: #e30a16; }

div.articles { margin-top: 15px; }
div.articles .quadre { background-color: #F2F2EE; width: 100%; margin-bottom: 10px; }
div.articles .quadre .dreta { padding: 5px 10px 5px 10px; float: right; width: 200px; text-align: right }
div.articles .quadre .dreta h4 { margin-bottom: 3px; }
div.articles .quadre .dreta h4 a { color: #000; font-weight: bolder; }
div.articles .quadre .esquerra { float: left; width: 200px; padding-top: 3px; }
div.articles .text { float: right; width: 317px; }
div.articles .text p, .articles p { margin-top: 5px; }
div.articles .imatge { float: left; margin: 10px 10px 5px 0px; width: 190px; text-align: center; }
div.articles div.peu { color: #605d5d; font-size: 11px; padding: 5px 5px 3px 5px; text-align: left; }
div.articles .llegenda { margin-top: 7px; font-size: 11px; padding: 5px 0; }


/* -------- 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 #F9F1E8;
	background-color: #F9F1E8;
	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;
}

/* -------- Barra dreta -------- */
.plantilla_actualitat { padding: 15px 10px; background-color: #F9F1E8; border-bottom: 3px solid #BB403E; }
.plantilla_actualitat_tag_actiu { background-color: #F9F1E8; float: left; padding: 5px 10px; border-right: 2px solid #FFF; border-bottom: 2px solid #feefe7; }
.plantilla_actualitat_tag_actiu a { color: #BB403E; 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 }
.plantilla_etiquetes_blogs { padding: 15px 10px; background-color: #F9F1E8; border-bottom: 1px solid #BB403E; }
.plantilla_etiquetes { padding: 15px 10px; background-color: #ECF4F8; border-bottom: 1px solid #7FB6DA; }

div#mes_comentat { display: none }
hr.blanc_noticia { clear: both; border-bottom: 1px solid #FFF; height: 1px; width: 95%; }


div.calendari_portada .calendari_mes { width: 200px; font-size: 15px; font-weight: bolder; margin: 0 auto; }
div.calendari .calendari_mes { width: 230px; font-size: 15px; font-weight: bolder; margin: 0 auto; }
div.calendari .calendari { margin: 0 auto; width: 230px; }
div.calendari_portada .calendari { width: 200px; }

.calendari_mes td { text-align: center }
.calendari_mes td.desplacament { width: 130px }
.calendari td { text-align: center; height: 5px; }
.cal_cap { font-weight: bold; }
.cal_cap_dia td { cursor: default; font-size: 13px; font-weight: bolder; }
.mes_act { text-align: center; }
.cal_fest { font-weight: bolder; color: #ff0000; }
.cal_avui { font-weight: bolder; }
.cal_acte, .cal_acte a { font-weight: bolder; }

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

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

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

div.perfil img { float: left; margin: 0 10px 10px 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;}


.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;
}

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