/* -------- 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:Palatino,Georgia,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: "" "";}
/* -------- Estructura -------- */
body{background:#f1ece6 url('../img/fons/body.png') repeat-x center top;text-align:center;font-size:10pt;line-height:1.25em;}
#cap{width:960px;height:106px;margin:auto;text-align:left;padding-top:5px;position:relative;}
#cos{width:960px;margin:20px auto;text-align:left;}
#peu{width:960px;margin:30px auto;border-top:5px solid #fff;padding-top:10px;text-align:right;clear:both;}
/* -------- Cap -------- */
#cap #navegacio{position:absolute;top:30px;left:640px;width:330px;text-transform:uppercase;}
#cap #navegacio ul{float:left;width:110px;}
#cap #navegacio ul li{margin-bottom:2px;}
#cap #navegacio ul li a{font-size:0.9em;font-weight:bold;}
#cap #navegacio ul.fosc li a{color:#9c9c9c;}
#cap #navegacio ul li.actiu a, #cap #navegacio ul li:hover a{color:#b13f2a;}
#cap #navegacio ul.fosc li.actiu a, #cap #navegacio ul.fosc li:hover a{color:#000;}
/* -------- Cos -------- */
#cos h2{font-size:1.2em;font-weight:bold;color:#b13f2a;text-transform:uppercase;margin-bottom:20px;}
#cos a{color:#b13f2a;}
#cos h3 {
color:#B13F2A;
font-size:2.2em;
line-height: 1.1em;
font-weight:bold;
margin:10px 0 20px 0;
}
#cos h4 {
color:#B13F2A;
font-size:1.3em;
margin:0 0 20px 0;
}
/* -------- Peu -------- */
#peu img{margin-left:20px;}
/* -------- Portada -------- */
body.portada{overflow:hidden;}
body.portada #cos{overflow:hidden;width:100%;margin:0;}
#cos #header{width:100%;height:100%;}
#cos #header #headerc{width:960px;margin:0 auto;padding-top:100px;}
#cos #header #headerc #headertxt{color:#fff;font-size:18pt;line-height:1em;;font-style:italic;width:300px;position:relative;left:630px;}
#cos #header .headerimg {background-position:center top;background-repeat: no-repeat;width:100%;height:100%;position:absolute;}
/* -------- Biografia -------- */
#cos #biografia{width:730px;padding-left:230px;}
#cos #biografia #foto{float:left;width:210px;margin-left:-230px;font-size:1.2em;}
/* -------- Galeria -------- */
#cos #galeria{width:800px;overflow:hidden;height:300px; float: right}
#cos #galeria_elements { width: 720px; overflow: hidden; float: left; }
#cos #galeria #prevBtn{float:left;margin-top:100px;width:30px;margin-right:10px;}
#cos #galeria #nextBtn{float:right;margin-top:100px;width:30px;margin-left:10px;}
#cos #galeria ul{list-style:none;}
#cos #galeria ul li{float:left;width:160px;padding: 0 20px 0 0;margin: 0;}
#cos #galeria ul li img{margin-bottom:7px;}
#cos #galeria ul li h3{font-style:italic;font-size:1.25em;margin-bottom:5px}
#cos #galeria ul li .any{margin-bottom:7px;}
/* -------- Formularis -------- */
input[type='text'], textarea{width:100%;display:block;border:1px solid #fff;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;padding:3px;}
input[type='button']{color:#fff;font-weight:bold;background:#b13f2a;border:3px solid #fff;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;padding:5px 10px;}
textarea{height:100px;}
label{font-weight:bold;}
.ocult{display:none;}
.oc{display:none!important;}
.p{clear:both;}
.b{font-weight:bold;}
.error{color:#b13f2a;}
/* ------------------------------------------------------------------------
popup & prettyPhoto
------------------------------------------------------------------------- */
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_abus{background-color: #fff;position:relative;text-align:left;height:275px;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; }
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; }
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; }
.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 */
/* ------------------------------------------------------------------------
prettyphoto
------------------------------------------------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(../img/prettyphoto/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(../img/prettyphoto/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(../img/prettyphoto/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content { background: url(../img/prettyphoto/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(../img/prettyphoto/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(../img/prettyphoto/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(../img/prettyphoto/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(../img/prettyphoto/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(../img/prettyphoto/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(../img/prettyphoto/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyphoto/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded .pp_arrow_previous { background: url(../img/prettyphoto/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(../img/prettyphoto/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(../img/prettyphoto/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(../img/prettyphoto/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(../img/prettyphoto/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background: url(../img/prettyphoto/loader.gif) center center no-repeat; } /* Loader icon */
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_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.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{clear: left;float: left;margin:3px 0 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/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{display:block;float: right;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display: none;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{display: none;line-height:1 !important;margin:0 auto;text-align:center;width:100%;}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: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}