/* -------- 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,sans-serif;vertical-align:baseline;}
:focus {outline: 0;}
a, a:link, a:visited, a:hover, a:active{color:inherit;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: "" "";}
a { color: expression(this.parentNode.currentStyle.color); }


/* -------- Estructura -------- */
body{background:#FFF;font-size:10pt;line-height:1.3em;text-align:center;color:#000;}
.contenidor{width:940px;margin:auto;text-align:left;}
header{background:#FFF;color:#FFF;margin-bottom:20px;}
#cos{text-align:left;overflow:hidden;}


/* -------- Cap -------- */
header #cap{background:#A3978D;padding:20px;position:relative;}
header #cap #tagline{font-size:13.5pt;line-height:1.3em;margin-top:10px;}
header #cap form{position:absolute;top:20px;right:20px;background:#fff;width:303px;height:30px;padding:5px;transition:.45s;-moz-transition:0.45s;-webkit-transition:0.45s;-o-transition:0.45s;}
header #cap form input{border:0;font-size:12pt;}
header #cap form #ipt-que{width:250px;transition:.45s;}
header #cap form input[type='submit']{background:#fff url('../img/icones/lupa_negre.png') center 5px no-repeat;width:20px;height:25px;margin:0 5px;cursor:pointer;transition:.45s;}
header #cap form:hover{background:#000;}
header #cap form:hover #ipt-que{background:#000;color:#fff;}
header #cap form:hover input[type='submit']{background:#000 url('../img/icones/lupa_blanc.png') center 5px no-repeat;}
header #navegacio-principal{background:#333; border-top: 20px solid #FFF }
header #navegacio-principal ul{background:#000;}
header #navegacio-principal ul li{width:33.3%;display:inline-block;text-align:center;padding:13px 0;font-size:13pt;vertical-align:top;}
header #navegacio-principal ul li.actiu{background:#777;}
header #navegacio-principal ul li.actiu a{margin-top:1px;}
header #navegacio-principal ul li.actiu:after{content:url('../img/icones/triangle.png');position:relative;margin-top:-15px;top:20px;display:block;}


/* -------- Peu -------- */
footer #peu{background:#000;text-align:center;padding:10px 0;color:#FFF;margin-top:20px;}
footer #peu a:hover, footer #peu a:active{color:#928C8C;}


/* -------- Cos -------- */
#torna-a-dalt{display: none;width:55px;height:55px;position:fixed;bottom:10px;margin-left:885px;background:transparent url('../img/icones/torna-a-dalt.png') center top no-repeat;cursor:pointer;z-index:1000;}
#torna-a-dalt span{display:block;width:55px;height:55px;background:transparent url('../img/icones/torna-a-dalt.png') center bottom no-repeat;transition:opacity .45s;-moz-transition: opacity 0.45s;-webkit-transition: opacity 0.45s;-o-transition: opacity 0.45s;opacity:0;}
#torna-a-dalt:hover span{opacity:1;}

#breadcrumbs{background:#F9F7F6;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;margin-bottom:20px;padding:10px 20px;text-transform:uppercase;font-size:9pt;line-height:1.3em;font-weight:bold;color:#333;}
#breadcrumbs img{margin:0 10px;}
#breadcrumbs a{transition:.45s;-moz-transition:0.45s;-webkit-transition:0.45s;-o-transition:0.45s;}
#breadcrumbs a.actiu, #breadcrumbs a:hover{color:#857873;}

#cases{width:220px;float:left;}
#principal{width:700px;float:right;}


#cases>ul{background:#F9F7F6;border-top:1px solid #C7C7C7;}
#cases>ul>li{padding:10px 10px 0 10px;color:#333;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #C7C7C7;background:transparent url('../img/icones/arrow_down_a.png') 200px 15px no-repeat;transition:.45s;-moz-transition:0.45s;-webkit-transition:0.45s;-o-transition:0.45s;}
#cases>ul>li>a{margin-bottom:10px;display:block;}
#cases>ul>li.desplegat{background:#DDD9D7 url('../img/icones/arrow_up.png') 200px 15px no-repeat;}
#cases>ul>li:hover{background-color:#DDD9D7;color:#857873;}
#cases>ul>li.desplegat:hover{color:#333;}
#cases>ul>li>ul{margin:0 -10px -10px -10px;display:none;background:#fff;border-bottom: 10px solid #FFF}
#cases>ul>li.desplegat>ul{display:block;}
#cases>ul>li>ul>li{text-transform:none;padding:5px 10px 0;border-top:1px solid #C7C7C7;background:transparent url('../img/icones/arrow_down_a.png') 200px 12px no-repeat;transition:.45s;-moz-transition:0.45s;-webkit-transition:0.45s;-o-transition:0.45s;}
#cases>ul>li>ul>li>a{margin-bottom:10px;display:block;}
#cases>ul>li>ul>li.desplegat{background:#928D8D url('../img/icones/arrow_up.png') 200px 12px no-repeat;padding-bottom:0;}
#cases>ul>li>ul>li:hover, #cases>ul>li:hover>ul>li:hover{background-color:#DDD9D7;color:#857873;}
#cases>ul>li>ul>li.actiu{color:#857873;}
#cases>ul>li>ul>li.desplegat:hover, #cases>ul>li:hover>ul>li.desplegat:hover{background-color:#928D8D;color:#333;}
#cases>ul>li:hover>ul>li{color:#333;}
#cases>ul>li>ul>li>ul{margin:0 -10px 0 -10px;padding:5px 0;display:none;background:#333;color:#C4BBB7;font-weight:400;box-shadow:inset 0 0 10px #000000;}
#cases>ul>li>ul>li.desplegat>ul{display:block;}
#cases>ul>li>ul>li>ul>li{padding:3px 10px;border-left:2px solid #C4BBB7;margin-left:10px;transition:.45s;-moz-transition:0.45s;-webkit-transition:0.45s;-o-transition:0.45s;}
#cases>ul>li>ul>li>ul>li.actiu{color:#fff;background:#333 url('../img/icones/arrow_right.png') left 6px no-repeat;border:0;}
#cases>ul>li>ul>li>ul>li:hover{background-color:#000;color:#fff;}

#principal h2{background:#F9F7F6;color:#777;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;font-weight:bold;font-size:15pt;line-height:1.3em;padding:6px 10px;margin-bottom:20px;}
#principal article{float:left;width:460px;font-size:11pt;line-height:1.5em;}
#principal aside{float:right;width:220px;}

#principal article .foto-principal{margin-bottom:10px;position:relative;overflow:hidden;text-align:center;}
/*#principal article .foto-principal .mascara, #principal article .foto-principal .imatge-contingut{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;transition: all 0.4s ease-in-out;}
*/#principal article .foto-principal img{display:block;position:relative;}
#principal article .foto-principal a.info{background:url('../img/icones/lupa_gran.png') center no-repeat;display:inline-block;text-decoration:none;padding:0;text-indent:-9999px;width:32px;height:33px;position:relative;top:45%;opacity:0;transition:opacity 0.5s 0s ease-in-out;}
/*#principal article .foto-principal .mascara {opacity:0;overflow:visible;border:300px solid rgba(255,255,255,0.7);box-sizing:border-box;}
*/#principal article .foto-principal:hover .imatge-contingut{box-sizing:border-box;border:5px solid rgba(196,188,183,0.7);}
/*#principal article .foto-principal:hover .mascara {opacity: 1;border:300px solid rgba(255,255,255,0.7);}
*/#principal article .foto-principal:hover a.info {opacity:1;transition-delay: 0.3s;}

#principal aside li{margin-bottom:10px;position:relative;overflow:hidden;text-align:center;}
/*#principal aside li .mascara, #principal aside li .imatge-contingut{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;transition: all 0.4s ease-in-out;}*/
#principal aside li img{display:block;position:relative;}
#principal aside li div{overflow: hidden; max-height: 150px; }
#principal aside li a.info{background:url('../img/icones/arrow_gran.png') center no-repeat;display:inline-block;text-decoration:none;padding:0;text-indent:-9999px;width:20px;height:31px;position:relative;top:40%;opacity:0;transition:opacity 0.5s 0s ease-in-out;}
/*#principal aside li .mascara {opacity:0;overflow:visible;border:100px solid rgba(255,255,255,0.7);box-sizing:border-box;}*/
#principal aside li:hover .imatge-contingut{box-sizing:border-box;border:5px solid rgba(196,188,183,0.7);}
/*#principal aside li:hover .mascara {opacity: 1;border:100px solid rgba(255,255,255,0.7);}*/
#principal aside li:hover a.info {opacity:1;transition-delay: 0.3s;}


/* -------- Cerca -------- */
.cerca_element { margin: 0 0 15px 0; padding: 5px 15px; }
.cerca_element.fons { background-color: #E0E0E0; }
.cerca_element h3 { font-size: 20px; line-height: 25px; font-weight: bold}
.boto_apartat { padding: 4px 10px; margin-right: 20px; float: left; text-transform: uppercase; }
.boto_apartat.actiu { background-color:#333333; color: #FFF; }
.boto_apartat.actiu a { color: #FFF; }
.boto_apartat.inactiu { background-color:#A3978D; color: #000; }
.boto_apartat.inactiu a { color: #000; }

/* -------- prettyPhoto -------- */
div.light_rounded .pp_top .pp_left{background-color: #FFF}
div.light_rounded .pp_top .pp_right{background: #FFF}
div.light_rounded .pp_next:hover{background:url(../img/prettyphoto/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../img/prettyphoto/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../img/prettyphoto/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../img/prettyphoto/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../img/prettyphoto/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../img/prettyphoto/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyphoto/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../img/prettyphoto/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../img/prettyphoto/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../img/prettyphoto/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../img/prettyphoto/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background: #FFF}
div.light_rounded .pp_bottom .pp_right{background: #FFF}

div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#01a6e6;display:none;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;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0 0 5px}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyphoto/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyphoto/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{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,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,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
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.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/prettyphoto/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyphoto/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.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}
.pp_fade,.pp_gallery li.default a img{display:none}