/* Full d'estil per a junqueras.cat */ /* Tirabol Produccions, 2010 */ /* -------- 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;text-align:left} :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 i estructura -------- */ body {background: #ebe9e1;color: #797979;font-size: 10pt;line-height: 1.3em} a { color: #0099DA; text-decoration: none; cursor: pointer; outline: none; } a:hover { text-decoration: none; } br.p { margin-bottom: 2px; clear: both; } hr { width: 100%; border: 0px; border-bottom: 1px solid #cdcbca; } .ocult, #navegacio ul li.ocult {display:none} .p {clear:both;} .gris, .gris a { color: #959595 !important } .gris_fosc, .gris_fosc a { color: #313131 !important } .negre, .negre a { color: #313131 !important } .blau, .blau a { color: #0099DA !important } .groc, .groc a { color: #FABD43 !important } .seccio_grossa { text-transform:uppercase; font-weight:bold; font-size: 12px !important; color: #000 !important; margin-bottom: 7px; width:570px; background:#FFF; padding:10px; margin-top:15px; color: #000; } .seccio_grossa a { color: #000 !important; } .seccio {text-transform:uppercase;font-weight:bold; font-size: 12px !important; color: #000 !important; margin-bottom: 7px; } .seccio a { color: #000 !important; } .comparteix { float: right; text-align: right; } .tags_gros { line-height: 45px; width:570px;background:#FFF;padding:10px;margin-top:15px } .tags_gros a { color: #1092B7; } .tags_gros a:hover { text-decoration: underline; } .bloc_text {width:570px;background:#FFF;padding:10px;margin-top:15px; color: #000;} /* -------- Portada i llistat de notícies -------- */ .noticia {width:570px;background:#FFF;padding:10px;margin-top:15px} .noticia img.marc {border:10px solid #f5f2ed;float:left;margin-right: 15px;} .noticia .comentaris { float:right; width:28px; height:29px; background: transparent url('../img/fons/comentari.png') no-repeat; color:#FFF; font-weight:bold; padding:7px 0 0 17px; } .noticia .comentaris a { color:#FFF; } .noticia h4 {text-transform:uppercase;font-size:9pt;margin:10px 0;padding-left:10px} .noticia h3 {color:#000;font-size:18pt;font-weight:bold;line-height:1em;margin:5px 0;padding-left:10px} .noticia p {margin:5px 0;padding-left:10px} .noticia .mes {font-weight:bold;color:#fabd43;padding-left:10px;} div.resum { padding: 20px 0; background:#FFF; padding:10px; font-size: 12px; } div.resum div.columna { float: left; width: 170px; padding-right: 20px; } div.resum ul { list-style: none; margin: 0; padding: 0 } div.resum ul li { margin: 0; padding: 0 0 15px 0; } .noticia.destacada img {float:none} .noticia.destacada .comentaris {margin-top:10px} .noticia.destacada h3 {margin:5px 0} .noticia.destacada h4 {width:500px;margin:5px 0} .noticia.destacada p {width:500px;margin:5px 0} .mes-entrades {background:#fbbe45;color:#fff;font-weight:bold;padding:4px 7px;border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;margin:15px 0 10px 0;width:100px;text-align:center} /* -------- Article desplegat -------- */ h4.data_not { font-size: 18px; line-height: 23px; margin-bottom: 10px; } div.article_desplegat { width:570px; background:#FFF; padding:10px; margin-top:15px; color:#000; } div.article_desplegat a { color: #0099DA } div.article_desplegat h3 { font-size: 30px; margin-bottom: 15px; line-height:35px; font-weight: bold; } div.article_desplegat span.contingut { font-size: 14px; line-height: 19px; } div.article_desplegat div.imatges { float: left; margin-right: 15px } div.article_desplegat div.desplacament { float: right; width: 120px; font-size: 11px; text-align: right; } div.article_desplegat div.desplacament a { color: #333; } div.article_desplegat div.article_esquerra { float: left; width: 100px; margin-left: -120px; } div.article_desplegat div.peudefoto { clear: both; font-size: 11px; margin-bottom: 10px; float: right; } div.article_desplegat ul { padding: 0; margin: 0; font-size: 11px; list-style-position: inside; } div.article_desplegat ul li { padding: 0 0 5px 0; } div.article_desplegat div.complement { float: left; width: 170px; padding-right: 20px; } div.article_desplegat div.relacionades ul li { list-style-image:url('../img/icones/punter.png'); } div.article_desplegat div.documents ul li { list-style-image: url( ../img/icones/document.png ) !important; } div.article_desplegat div.documents ul li.doc { list-style-image: url( ../img/icones/icona_doc.png ) !important; } div.article_desplegat div.documents ul li.pdf { list-style-image: url( ../img/icones/icona_pdf.png ) !important; } div.article_desplegat div.documents ul li.zip { list-style-image: url( ../img/icones/icona_zip.png ) !important; } div.article_desplegat div.llegenda { margin: 15px 0 30px 0; font-size: 10px; padding: 7px 0; border-bottom: 5px solid #8CD9F7; border-top: 5px solid #E6E6E6; color: #E75113; font-size: 10px; } div.article_desplegat div.llegenda div.llegenda_esquerra { float: left; width: 220px; margin: 0; } div.article_desplegat div.llegenda div.llegenda_dreta { float: right; width: 300px; margin: 0; text-align: right; } div.article_desplegat div.llegenda img { margin: 0 5px; } div.article_desplegat div.comentaris { border-bottom: 3px solid #DCDCDC; } div.article_desplegat div.comentari { border-bottom: 2px solid #DCDCDC; padding: 15px 0; } div.article_desplegat div.comentari div.capcalera a { color: #898989; font-size: 11px; text-transform: uppercase } div.article_desplegat div.comentari_taronja { background-color: #EDF9FF; border-bottom: 2px solid #DCDCDC; padding: 15px 10px; } div.article_desplegat div.comentari_taronja div.capcalera a { color: #0099DA; font-size: 11px; text-transform: uppercase; } div.article_desplegat div#comentari-enviat { min-height: 350px;} .error { width: 305px; margin-left: 160px; background: #FFD2D2 url(../img/icones/error.png) no-repeat 10px 10px; color: #D8000C; border: 1px solid #FF7560; font-size: 10px; font-weight: bold; padding: 10px 10px 0 60px; margin-bottom: 20px; } .error ul { list-style: none; } span#comparteix { padding: 6px; width: 145px; font-size: 11px; margin-left: 2px; display: block; float: right; } span#comparteix img { margin: 0 1px } span#comparteix a { color: #000 !important; margin-left: 0px !important } /* -------- Columna dreta -------- */ #b_dreta a {color:#0099da} #b_dreta h3 {text-transform:uppercase;font-weight:bold} #b_dreta h3 a { color: #000 !important; } #bio {border:10px solid #FFF;background:#f5f2ed;margin-top:15px;text-align:left} #bio .foto {float:right;position:relative;top:-13px;display:inline} #bio .text {width:175px;margin:20px 0 10px 12px;line-height:1.3em} #butlleti {background:#FFF url('../img/fons/butlleti.png') top right no-repeat;margin-top:15px;padding:10px} #butlleti form {margin:15px 0 10px 0} table.dospuntzero { margin-top:20px; width: 100%; } table.dospuntzero td.marge {width:142px;background:#fff;padding:10px;text-align:left;vertical-align:top} table.dospuntzero td.marge .ocell {float:right;position:relative;top:-18px} table.dospuntzero td.marge p {margin:10px 0} table.dospuntzero td.marge p a { color:#000; } table.dospuntzero td.marge .data {color:#9e9e9e} table.dospuntzero td.facebook {width:160px;background:#fff;vertical-align:top} #video {background:#fff;padding:10px;margin-top:20px} #video h4 {font-weight:bold;margin-bottom:10px} #flickr {background:#fff url('../img/fons/flickr.png') 310px 10px no-repeat;margin-top:20px;padding:10px} #flickr img.fotoflickr {float:left;border:5px solid #f5f2ed;margin:5px} #etiquetes {margin:20px 0;padding:10px;text-align:left} #etiquetes span {color:#fff;padding:3px 7px;border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;margin:5px 2px 0 0;display:inline-block;text-transform:lowercase} #etiquetes span a {color:#fff} /* -------- Twitter -------- */ div.twitter { width:570px; background:#FFF; padding:10px; margin-top:15px; color:#000; color: #626262; } div.twitter h3 { margin: 10px 0 0 0; font-size: 12px; } div.twitter_gros { background: transparent url(../img/fons/twitter_gros.png) top left no-repeat; height: 165px; margin-bottom: 20px; width: 310px; padding: 10px 270px 10px 10px; margin-top:15px; } /* -------- Videos -------- */ div.videos { width:570px; background:#FFF; padding:10px; margin-top:15px; } div.videos h3 { font-size: 14px; margin-top: 10px; line-height: 18px; font-weight: bolder; } div.videos_elements { width:570px; background:#FFF; padding:10px; margin-top: 30px } div.videos_elements div { margin-top: 10px; width: 160px; float: left; padding-right: 33px; } div.videos_elements div img.marc { border: 5px solid #DCDCDC } /* -------- Arxius -------- */ div.arxiu { width:570px; background:#FFF; padding:10px; margin-top:15px; } div.arxiu h3 { font-size: 20px; margin-top: 10px; line-height: 18px; font-weight: bolder; } div.arxiu div.imatge { float: left; width: 75px; margin-right: 15px; } div.arxiu div.data_arxiu { float: left; width: 75px; margin-right: 15px; color: #A0A0A0; text-transform: uppercase; font-size: 13px; } div.arxiu div.contingut { float: right; width: 340px; margin-right: 10px; } div.arxiu .dades { color: #A0A0A0; font-size: 11px; text-transform: uppercase } /* Tooltip */ #tooltip { position:absolute; z-index:9999; color:#434343; font-size:11px; width:446px; } #tooltip .tipHeader { height: 31px; background:url(../img/fons/tip_cap.png) no-repeat; } #tooltip .tipBody { background:url(../img/fons/tip_centre.png) repeat-y; padding:5px 5px 5px 15px; } #tooltip .tipFooter { height:11px; background:url(../img/fons/tip_peu.png) no-repeat; } /* -------- Galeries -------- */ ul.galeria { list-style: none; margin: 0; padding: 0; float: left; width: 95px; font-size: 14px; text-align: right; } ul.galeria li { margin: 0; padding: 10px 0 ;} ul.galeria a { color: #000; } ul.galeria a.actiu { color: #FA1789; } div.galeria { width:570px; background:#FFF; padding:10px; margin-top:15px;} div.galeria div.galeria_element { float: left; width: 160px; margin: 0 30px 30px 0; } div.galeria div.galeria_element div.imatge { height: 100px; overflow: hidden; border: solid 5px #DCDCDC; margin-bottom: 5px; } div.galeria div.galeria_element_e { float: left; width: 250px; margin-bottom: 30px; } div.galeria div.galeria_element_d { float: right; width: 250px; margin-bottom: 30px; } div.galeria div.galeria_element_e div.imatge, div.galeria div.galeria_element_d div.imatge { height: 160px; overflow: hidden; border: solid 5px #DCDCDC; margin-bottom: 5px; } #galeria .ampliada { margin-bottom: 20px; min-height: 300px; text-align: center; } #galeria .ampliada img { border: 5px solid #DCDCDC; } #galeria .descripcio { margin-top: 15px; text-align: left; float: left; width: 450px } #galeria .descripcio p { margin: 0; } #galeria .desplacament { float: right; width: 120px; text-align: right; font-size: 11px; margin-bottom: 10px; } table.miniatures { width: 100%; margin-top: 30px; } table.miniatures td { width: 100px; vertical-align: top; text-align: center; padding-bottom: 20px; } table.miniatures div.imatge_mini { height: 65px; width: 100px; text-align: center; overflow: hidden; border: solid 5px #DCDCDC; } table.miniatures div.imatge_mini img:hover, table.miniatures div.imatge_mini img.actiu { background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #veure_totes { float: right; margin-top: 4px; } /* -------- Cerca -------- */ .cerca {width:570px;background:#FFF;padding:10px;margin-top:15px} .cerca h4 {text-transform:uppercase;font-size:9pt;padding-left:10px} .cerca h3 {color:#000;font-size:18pt;font-weight:bold;line-height:1em;width:340px;padding-left:10px} .cerca p {width:340px;padding-left:10px} .cerca .mes {font-weight:bold;color:#fabd43;padding-left:10px;} /* -------- 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; padding: 8px 0; } .paginacio a, .paginacio span { display: block; float: left; margin-right: 3px; padding: 2px 5px; border: 1px solid #FFFFFF; background-color: #FFFFFF; color: #000; } .paginacio a:hover { color: #FFF; background-color: #00B9E9; border: 1px solid #00B9E9; } .paginacio span.actual { font-weight: bold; background-color: #00B9E9; border: 1px solid #00B9E9; color: #FFF; } /* ------------------------------------------------------------------------ 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 .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;}