/* -------- 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-family: Arial, Verdana, sans-serif;vertical-align:baseline;text-align: left;}
: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: "" "";}
/* -------- Estils generals -------- */
body { background-color: #FFF; color: #242626; font-size:85%; line-height: 1.3em; }
a { color: #FF870C; }
br.p { margin-bottom: 2px; clear: both; }
h1 { font-size: 22px; line-height: 27px; }
h2 { font-size: 21px; line-height: 25px; }
h3 { font-size: 19px; line-height: 23px; }
h4 { font-size: 17px; line-height: 21px; }
h5 { font-size: 15px; line-height: 19px; }
h6 { font-size: 13px; }
h2 { margin: 10px 0; }
h2.seccio { margin-left: 15px }
h2 a { color: #000 !important; }
/* -------- Estils varis -------- */
.neteja { clear: both; }
.data { color: #707070; font-size: 11px; text-transform: uppercase; }
.ocult { display: none; }
.verdgroc, .verdgroc a { color: #6A5628 !important }
.vermell, .vermell a { color: #E2001A !important }
.groc, .gros a { color: #CEB030 !important }
img.marc { border: 5px solid #EDE7E0; }
div.fons_blanc { background-color: #FFF; padding: 25px; }
/* -------- Barra dreta -------- */
.plantilla_agenda { padding: 15px 10px; background-color: #EDE7E0; margin: 20px 0 10px 0; }
.plantilla_agenda .acte { margin-bottom: 25px; font-size: 12px; }
.plantilla_agenda .acte a { color: #000; }
.plantilla_agenda .acte .lloc { margin-top: 5px; }
.plantilla_agenda .acte .lloc a { color: #6A5628 !important; }
div.calendari_data { float: left; width: 100px; }
div.calendari { float: right; width: 200px; }
div.calendari .calendari_mes { width: 100%; font-size: 15px; font-weight: bolder; }
div.calendari a { color: #FF870C; }
div.calendari .calendari { width: 200px; }
div.calendari .calendari_mes td { text-align: center }
div.calendari .calendari_mes td.desplacament { width: 130px; text-transform: uppercase; }
div.calendari .calendari td { text-align: center; height: 5px; font-size: 12px; }
div.calendari .calendari .cal_cap { font-weight: bold; }
div.calendari .calendari .cal_cap_dia td { cursor: default; font-size: 13px; font-weight: bolder; }
div.calendari .calendari .mes_act { text-align: center; }
div.calendari .calendari .cal_fest { font-weight: bolder; color: #ff0000; }
div.calendari .calendari .cal_avui { font-weight: bolder; }
div.calendari .calendari .cal_acte { background: transparent url(../img/fons/acte.png) no-repeat center top; }
div.calendari .calendari .cal_acte, div.calendari .calendari .cal_acte a { font-weight: bolder; }
.tags { line-height: 25px; }
.tags a { color: #1092B7; font-weight: bolder; }
.tags a:hover { text-decoration: underline; }
/* -------- Index -------- */
div.bloc_portada_titol { float: left; width: 190px; margin: 5px 20px 0 10px; }
table.portada { margin-bottom: 10px }
table.portada tr td.bloc { vertical-align:top; width: 180px; padding: 0 10px 10px 10px; background-color: #FFF; }
table.portada tr td.padding { padding: 10px; }
table.portada tr td.bloc img { margin-bottom: 7px }
table.portada tr td.bloc h3 { font-size: 13px; line-height: 17px; font-weight: bold; }
table.portada tr td.separacio { width: 20px; }
div.portada_videos { background-color: #FFF; margin-bottom: 10px; }
div.portada_videos_esquerra { float: left; width: 420px; }
div.portada_videos_dreta { margin-top: 20px; float: right; width: 200px; }
div.portada_videos_dreta h3 { font-size: 13px; line-height: 17px; font-weight: bold; color: #535353 }
div.portada_videos_dades { min-height: 150px }
a.boto {
color: #FFF;
font-size: 12px;
padding: 3px 10px;
text-align: center;
font-weight: bold;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
a.boto.local { background-color: #000; }
a.boto.territorial { background-color: #D8AE00; }
a.boto.nacional { background-color: #C5462F; }
a.boto.videos { background-color: #535353; }
a.boto.agenda { background-color: #6A5628 }
#videos { width: 175px; margin: 20px auto }
#videos #videos_elements{ width: 125px; float: left; overflow: hidden;font-size:14pt;letter-spacing:-1px;}
#videos #videos_ant { float: left; margin-top: 30px; width: 20px; text-align: left; }
#videos #videos_seg { float: right; margin-top: 30px; width: 20px; text-align: right; }
#videos #videos_ant a, #videos #videos_seg a { display:block; position:relative; width:20px; height:40px; }
#videos #videos_ant a { background:url(../img/icones/fletxae.png) no-repeat 0 0; }
#videos #videos_seg a { background:url(../img/icones/fletxad.png) no-repeat 0 0; }
#videos ul { margin:0; padding:0; list-style:none; font-size: 12px; height: 120px; overflow:hidden }
#videos ul li { float: left; width: 125px; }
/* -------- Llistat d'articles -------- */
h4.categoria { font-size: 13px; font-weight: bold; margin: 0 0 10px 15px; }
h4.categoria2 { font-size: 13px; font-weight: bold; margin: 10px 0 5px 15px; }
div.article_llistat { background-color: #FFF; padding: 15px; margin-bottom: 15px; }
div.article_llistat h3 { font-size: 14px; line-height: 18px; font-weight: bold; }
div.article_llistat h3 a { color: #000; }
div.article_llistat div.imatge { float: left; margin: 10px 0 5px 0; width: 190px; }
div.article_llistat div.text { float: right; margin: 10px 10px 5px 0; width: 510px; }
div.article_llistat .mesacte { margin-top: 15px; display: block; color: #C5462F; text-transform: uppercase; font-size: 11px; font-weight: bold; }
div.article_llistat .llegenda_document { margin-top: 10px; font-size: 12px; }
div.article_llistat .llegenda_document img { margin-right: 5px; }
div.article_llistat .llegenda_document .extensio { text-transform: uppercase; color: #7D7D7D;}
div.article_llistat .llegenda_document a { color: #6A5628 }
/* -------- Article desplegat -------- */
div.desplacament { margin-top: -30px; float: right; font-size: 11px; }
div.desplacament a { color: #333; text-decoration: none; cursor: pointer; }
div.article { background-color: #FFF; padding: 15px; }
div.article div.article_esquerra { float: left; width: 470px; }
div.article div.article_esquerra a { color: #a4a4a4; text-decoration: underline; }
div.article div.article_dreta { float: right; width: 235px; font-size:12px; line-height: 14px; margin-top: 50px; overflow: hidden }
div.article div.article_dreta.presencia { font-size: 12px; line-height: 14px; margin-top: 0 !important; width: 190px;}
div.article div.article_esquerra.presencia { width: 520px;}
div.article div.peudefoto { font-weight: bold; margin-top: 3px; }
div.article div.resultat_esquerra { float: left; width: 465px; }
div.article div.resultat_dreta { float: right; width: 240px; font-size:12px; line-height: 14px; }
div.article h3 { font-size: 16px; line-height: 20px; margin-bottom: 10px; font-weight: bold; }
div.article h4.subtitol { font-size: 13px; line-height: 19px; color: #707070; font-weight: bold; margin-bottom: 10px; }
div.article hr.apartat { border-top: 2px solid #F5F2ED; border-bottom: 2px solid #F5F2ED; height: 0px; margin: 15px 0 5px 0; }
div.article h6 { margin: 0 0 7px 0; font-weight: bold; font-size: 11px; color: #000 }
div.article h6 a { color: #000 }
div.article ul { padding: 0; margin: 0 0 0 15px; }
div.article ul li { padding: 0 0 5px 0; }
div.article div.relacionades ul li { list-style-image:url('../img/icones/relacio.png'); }
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.llegenda_article { margin-top: 15px; font-size: 11px; padding: 15px; color: #000; background-color: #FFF; }
div.llegenda_article a { color: #000 }
div.llegenda_article div.llegenda_esquerra { float: left; width: 200px; }
div.llegenda_article div.llegenda_dreta { float: right; width: 200px; text-align: right; margin-right: 225px; }
div.llegenda_document_dins { margin-top: 10px; font-size: 12px; background-color: #FFF; padding: 15px; }
div.llegenda_document_dins img { margin-right: 5px; }
div.llegenda_document_dins .extensio { text-transform: uppercase; color: #7D7D7D;}
div.llegenda_document_dins a { color: #6A5628 }
div.llegenda_document_dins p { margin-bottom: 10px; }
h5.acte { font-size: 16px; color: #959595; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 14px; }
p.acte { margin-bottom: 20px; }
span#comparteix {
padding: 6px;
width: 145px;
font-size: 11px;
display: inline;
margin-left: 10px;
display: none;
}
span#comparteix img { margin: 0 3px }
span#comparteix a { color: #000 !important; margin: 0px !important }
table.vots { width: 100%; margin-top: 10px; }
table.vots tr td { padding: 5px 10px; text-align: right; }
table.vots tr.fons { background-color: #F5F2ED; }
table.vots tr td.nom { width: 280px; font-weight: bold; text-align: left; }
table.vots tr td.regidors { font-weight: bold; }
table.llegenda { width: 100%; margin-top: 40px; }
table.llegenda tr td { padding: 5px; text-align: right }
table.llegenda tr.fons { background-color: #FEF2D9; }
table.llegenda tr td.nom { width: 100px; font-weight: bold; text-align: left; }
/* -------- Vídeos -------- */
div.videos_elements { margin-top: 30px }
div.videos_elements div { padding: 10px; background-color:#FFF; margin-top: 10px; width: 320px; float: left; }
div.videos_elements div.esquerra { margin-right: 10px; }
div.videos_elements img { float: left; margin-right: 10px; }
h3.video { font-size: 16px; line-height: 20px; font-weight: bold; }
/* -------- Cerca -------- */
div#b_esquerra div#cerca { background-color: #E6DFD7; border-top: 50px solid #E6DFD7; font-size: 12px; padding: 0 10px; }
.boto_apartat {
font-weight:bold;
color:#000;
text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
padding: 3px 18px;
margin-right: 10px;
float: left;
}
.boto_apartat a { color: #000 }
.boto_apartat.actiu { background-color:#AAA; }
.boto_apartat.inactiu { background-color:#fbbd43; }
.calendari {
width: 150px;
min-height: 166px;
font-size: 12px;
border: 1px solid #D8E9F1;
padding: 3px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.calendari_mes {
width: 100%;
font-size: 15px;
font-weight: bolder;
}
.calendari_mes a { color: #372223; }
.calendari_mes td { text-align: center; padding: 3px 0; }
.calendari_mes td.desplacament { width: 130px; font-weight: bold; }
.calendari_mes td span {
background-color: #FFF;
width: 15px;
display: block;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
text-align: center;
}
.calendari_dies { width: 100%; margin-top: 10px; }
.calendari_dies tr td { text-align: center; height: 5px; }
.calendari_dies tr.cal_cap_dia td { color: #372223; font-weight: bold; padding-bottom: 6px; }
.calendari_dies tr.cal_dies td span, .calendari_dies tr.cal_dies td a {
color: #372223;
background: transparent url(../img/fons/calendari.png) repeat-x center left;
border: 1px solid #D3D3D3;
display: block;
text-align: right;
padding: 2px;
}
/*.calendari_dies tr.cal_dies td .cal_fest { color: #ff0000; font-weight: bold; }*/
.calendari_dies tr.cal_dies td .cal_avui { text-decoration: underline; font-weight: bold; }
.calendari_dies tr.cal_dies td .cal_acte { font-weight: bolder; color: #0077b2 !important; }
.calendari_dies tr.cal_dies td .cal_acte:hover { text-decoration: underline; }
.cal_cap { font-weight: bold; }
.cal_cap_dia td { color: #0077b2; cursor: default; }
.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; color: #0077b2; }
/* -------- Paginació -------- */
.paginacio { float: right; clear: both; }
.paginacio a, .paginacio span {
display: block;
float: left;
margin-right: 5px;
padding: 0 5px 0 5px;
border: 1px solid #EDE7E0;
background-color: #EDE7E0;
color: #574319;
font-size: 11px;
font-weight: bold;
}
.paginacio a:hover {
color: #FFF;
background-color: #A2957C;
border: 1px solid #A2957C;
}
.paginacio span.actual {
font-weight: bold;
background-color: #A2957C;
border: 1px solid #A2957C;
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_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;}