/* -------- Reset CSS -------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: Arial, Verdana, sans-serif;vertical-align:baseline;}
:focus {outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none;cursor: pointer;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;vertical-align: middle;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* -------- Estils generals -------- */
body { background-color: #F1EBD7; color: #333; margin: 0 auto; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; }
img { border-width: 0px; vertical-align: middle; }
a { color: #D08030; 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; }
h2 { font-size: 21px; line-height: 25px; margin-bottom: 10px; }
h3.portada { font-size: 21px; line-height: 25px; margin-bottom: 10px; }

/* -------- Estils varis -------- */
img.titol { margin-bottom: 15px; display: block; }

.gris_clar, .gris_clar a { color: #AAAAAA !important  }
.gris, .gris a { color: #767676 !important  }
.groc, .groc a { color: #F6B650 !important  }
.groc_fosc, .groc_fosc a { color: #D08030 !important  }

.text { font-size: 14px; line-height: 19px;}

.data { color: #AAAAAA !important  }

.separador { background-color: #F1EBD7; margin: 10px -50px 15px -50px; height: 25px; }


#portada { margin: 20px -30px 0 -30px; width: 900px }
#portada_elements { width: 820px; overflow: hidden; float: left; }
#portada div#prevBtn{ float: left; margin-top: 125px; width: 20px; text-align: left; margin-right: 10px; }
#portada div#nextBtn{ float: right; margin-top: 125px; width: 20px; text-align: left; margin-right: 10px; }

#portada ul { margin:0; padding:0; list-style:none; font-size: 11px; }
#portada ul li { float: left; width: 145px; height: 245px; margin-right: 25px; }
#portada ul li div { background-color: #F8F6EE; font-size: 12px; margin-top: 10px; height: 225px }
#portada ul li img { margin: 2px 2px 10px 2px; width: 140px; overflow: hidden; }

#portada ul li div p.any { margin: 0 0 0 10px; color: #707070; }
#portada ul li div p.titol { margin: 0 0 0 10px; color: #7E7D7B !important; font-size: 10px; }
#portada ul li div p.titol a { color: #7E7D7B !important; font-size: 10px; }
#portada ul li div p.text { margin: 0 0 8px 10px; color: #707070; }
#portada ul li div p.text a { color: #707070; }


.projecte { width: 145px; height: 245px; padding: 0 20px 20px 0; }
.projecte div { background-color: #F8F6EE; font-size: 12px; height: 225px }
.projecte img { margin: 2px 2px 10px 2px; width: 140px; overflow: hidden; }

.projecte h3 { height: 30px}
.projecte p.any { margin: 0 0 0 10px; color: #707070; }
.projecte p.titol { margin: 0 0 0 10px; color: #BEBDBB !important; font-size: 10px; text-transform: uppercase;}
.projecte p.titol a { color: #BEBDBB !important; font-size: 10px; }
.projecte p.text { margin: 0 0 8px 10px; color: #707070; }
.projecte p.text a { color: #707070; }


.client { float: left; width: 145px; margin: 0 21px 50px 0; text-align: center; }
.client p { margin: 10px 0 0 0; color: #707070; }
.client p a { color: #707070; }


/* -------- Llistat d'articles -------- */
h3.article { margin-bottom: 10px; }
h3.article a { font-size: 22px; line-height: 26px; margin-bottom: 10px; font-family:Georgia, "Times New Roman",Times,serif !important; }
h3.article_gros { margin-bottom: 10px; }
h3.article_gros a { font-size: 30px; line-height: 36px; margin-bottom: 10px; font-family:Georgia, "Times New Roman",Times,serif !important; }
div.portada_imatge { float: left; margin: 10px 10px 5px 0; width: 175px; }
div.portada_text { font-size: 13px; line-height: 18px; }
.categoria a { text-transform: uppercase; font-size: 11px; }
a.mes { text-transform: uppercase; font-size: 11px; font-family: Arial; }
div.peudefoto { background-color: #EEE; color: #605d5d; font-size: 11px; padding: 2px 5px; margin: -5px 0 5px 0; }

div.article h5.entradeta { font-size: 14px; line-height: 20px; color: #777; margin: 5px 0 10px 0; }
div.article span.contingut { font-size: 14px; line-height: 19px; }

div.article h6 { margin: 0 0 7px 15px; text-transform: uppercase; font-size: 10px; color: #A1A1A1 }
div.article h6 a { color: #A1A1A1 }

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

div.article div.documents ul li { list-style-image: url( ../img/icones/documents.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: 0 0 0 15px; }
div.article div.etiquetes { margin: 0 0 0 15px; }
div.article div.etiquetes img { margin-left: -15px; }

div.article div.llegenda_article { margin: 15px 0 30px 0; font-size: 10px; padding: 7px 0; border-top: 2px solid #E9E9E9; border-bottom: 2px solid #BAB39C; }
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: 120px; margin: 0; }
div.article div.llegenda_article div.llegenda_dreta { float: right; width: 360px; margin: 0; text-align: right; }
div.article div.llegenda_article div.llegenda_esquerra a { margin-left: 10px }
div.article div.llegenda_article div.llegenda_dreta a { margin-left: 10px }
div.article div.llegenda_article { font-size: 10px; }



div.llegenda_esq { float: left; font-size: 10px; }
div.llegenda_dret { float: right; font-size: 10px; }
div.llegenda_esq a { margin-left: 10px }
div.llegenda_dret a { margin-left: 10px }

div.article_dreta { float: right; width: 200px; margin: 0 0 20px 10px; font-size:1em; line-height: 1.4em; }
.tags { line-height: 25px; }
.tags a:hover { text-decoration: underline; }
ul.categoria li { list-style-image: url(../img/icones/punter.png); margin: 0 0 10px 15px; }

div.light_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_content{background-color:#fff}
div.light_rounded .pp_next:hover{background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.light_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:url(../img/prettyPhoto/dark_square/contentPattern.png) top left repeat}
div.dark_square .pp_expand{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_arrow_previous{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;position:relative;text-align:left;width:100%}
.pp_content .pp_details{display:none;margin:10px 15px 2px 20px}
.pp_description{display:none;float:left;margin:0}
.pp_nav{float:left;margin:3px 0 0}
.pp_nav p{float:left;margin:2px 4px}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{left:0;position:absolute;top:0;width:100%;z-index:2000}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;float:right;text-indent:-10000px}
.pp_loaderIcon{display:none;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{display:none;line-height:1!important;text-align:center;width:100%;margin:0 auto}
div.ppt{color:#fff;display:none;font-size:17px;left:0;position:absolute;top:0;z-index:9999}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
* html .clearfix{height:1%}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded .pp_description,div.dark_square .pp_description{color:#fff}
div.dark_rounded .pp_loaderIcon,div.dark_square .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}