/* -------- 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{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{font-family:Helvetica,"MS Sans Serif",Arial,sans-serif;font-size:85%; line-height: 1.3em;text-align:center;}
.ocult{display:none;}
.oc{display:none!important;}
.p{clear:both!important;}
h2 {
font-weight: bold;
display:inline-block;
background:#d80015;
color:#fff;
text-transform:uppercase;
padding:2px 5px 2px 5px;
margin-bottom:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
h2 a { color: #FFF; }
span.autor{ color:#828282; display:inline; }
h3{letter-spacing:-2px;font-weight:bold;font-size:22pt;line-height:22pt;}
hr.separacio {border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;margin: 10px 0 20px 0;}
/* -------- Colors -------- */
.gris { color: #777!important; }
.vermell {color:#d80015!important} /* Taronja fosc */
.negre { color: #000!important; }
.article { color: #33a464!important; }
.tribuna { color: #008fd8!important; }
.associacio { color: #9000D8!important; }
.referent { color: #99B91F!important; }
.shadit { color: #529EB7!important }
.entrevista { color: #d80088!important; }
.revista { color: #D88F00!important; }
.bustia { color: #006BD6!important; }
.llibre { color: #d8d500!important; }
.fons_negre { background-color: #000; }
.fons_article { background-color: #33a464; }
.fons_tribuna { background-color: #008fd8; }
.fons_associacio { background-color: #9000D8; }
.fons_referent { background-color: #99B91F; }
.fons_shadit { background-color: #529EB7 }
.fons_entrevista { background-color: #d80088; }
.fons_revista { background-color: #D88F00; }
.fons_bustia { background-color: #006BD6; }
.fons_llibre { background-color: #d8d500; }
.neteja { clear: both; }
.data { color: #666666; font-size: 13px; text-transform: uppercase;}
.ocult { display: none; }
.error {
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 50px;
margin-bottom: 20px;
min-height: 50px;
}
.error ul { list-style: none; }
.proposta_caixa_marc {padding:20px;border:3px solid #ebebeb;}
/* -------- Portada -------- */
#destacat #editorial{float:left;width:600px;height:358px;padding:20px;border:3px solid #ebebeb;}
#destacat #editorial .titol{position:relative;top:-160px;padding:15px 20px;background:transparent url('../img/fons/editorial.png');color:#fff;}
#destacat #editorial .titol h3{font-size:23pt;line-height:24pt;}
#destacat .caixa{float:right;width:270px;min-height:72px;padding:20px;border:3px solid #ebebeb;margin-bottom:7px;}
.publicitat { text-align: center; background:#fde8de;padding:15px 5px;margin:0 auto; border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; }
.publicitat .publicitat_esquerra {margin-right: 3px; float: left; width: 728px }
.publicitat .publicitat_dreta { margin-right: 3px; float: right; width: 225px }
#bloc_dreta {float:right;width:315px;}
#bloc_dreta .caixa {padding:20px;border:3px solid #ebebeb;}
#bloc_dreta .caixa .imatge {margin-bottom:10px;height: 180px;overflow:hidden;vertical-align:middle; text-align: center;}
#bloc_dreta .caixa.llarga{width:270px;margin:0 0 20px 0;}
#bloc_dreta .caixa.llarga h3{margin-bottom:30px;}
#bloc_dreta .caixa.llarga h3.secundari{font-weight:normal;font-size:18pt;line-height:18pt;letter-spacing:-1px;}
#bloc_dreta .caixa.noticiari{width:270px;background:#fbe5e7;}
#bloc_dreta .caixa.noticiari li{font-weight:bold;margin-bottom:10px;display:block;}
#bloc_esquerra {float:left;width:645px;border-spacing: 0 0 10px 0}
#bloc_esquerra td.separacio { width: 10px; }
#bloc_esquerra td.separacio_vertical { height: 10px; }
#bloc_esquerra td.caixa {padding:20px;border:3px solid #ebebeb; vertical-align: top; width: 270px;}
#bloc_esquerra td.caixa .imatge {margin-bottom:10px;height: 170px;overflow:hidden;vertical-align:middle; text-align: center;}
h2#propostes_titol{display:block;background:transparent;color:#ad0011;text-transform:none;padding:0 0 0 25px;font-size:14pt;line-height:18pt;font-weight:bold;margin-top:10px;letter-spacing:-1px;}
#propostes { width: 960px;background:#dde2ed;border:3px solid #ebebeb; }
#propostes #propostes_elements{ width: 910px; float: left; overflow: hidden;font-size:14pt;letter-spacing:-1px;padding:25px 0;}
#propostes #propostes_ant { float: left; margin-top: 150px; width: 25px; text-align: left; }
#propostes #propostes_seg { float: right; margin-top: 150px; width: 20px; text-align: right; }
#propostes #propostes_ant a, #llibres #llibres_seg a { display:block; position:relative; width:30px; height:77px; }
#propostes ul { margin:0; padding:0; list-style:none; font-size: 12px; }
#propostes ul li { float: left; width: 210px; margin-right: 20px; }
#propostes ul li div.imatge_cultural {margin-bottom:15px; height: 100px;overflow: hidden}
#propostes ul li .tipus{font-weight:bold;color:#ad0011;margin-bottom:3px;}
#propostes ul li h3{font-size:14pt;line-height:18pt;margin-bottom:3px;}
#propostes ul li .productor{color:#5d5d5d;margin-top:3px;}
#butlleti{min-height:110px;margin-bottom:0;}
#butlleti #email-titulars{background:#fef4ef;color:#b63224;border:1px solid #f9d0bd;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;padding:10px;width:90%;margin-bottom:5px;display:block;}
#butlleti input[type="image"]{float:right;margin-left:5px;}
#butlleti .avis{display:block;margin-top:20px;font-size:7pt;color:#828282;}
/* -------- Actualitat -------- */
.noticia_grossa {padding:10px;font-size:10pt;border-bottom: 20px solid #EBE9E7}
.noticia_grossa img {border:5px solid #e7e3e2;margin:0 5px 5px 0;float:left;}
.noticia_grossa .data {font-size:15pt;margin-bottom:5px;}
.noticia_grossa h3 {font-size:15pt;font-weight:bold;line-height:17pt;margin-bottom:5px;}
.noticia_petita {padding:10px;}
.noticia_petita img {border:5px solid #e7e3e2;margin:0 5px 5px 0;float:left;}
.noticia_petita .categoria {text-transform:uppercase;}
.noticia_petita h3 {font-size:15pt;font-weight:bold;line-height:17pt;margin-bottom:5px;}
.noticia_petita.border {border-bottom: 20px solid #EBE9E7}
.noticia_petita2 img {border:5px solid #e7e3e2;}
.noticia_petita2 .categoria {text-transform:uppercase;}
.noticia_petita2 h3 {font-size:15pt;font-weight:bold;line-height:17pt;margin-bottom:5px;}
.caixa_noticies {background:#fff;padding:0 10px;margin-bottom:20px;}
.caixa_noticies h3 {font-weight:bold;text-transform:uppercase;padding-top:15px;font-size:10pt;}
.caixa_noticies .noticia {padding:5px 0;border-bottom:2px solid #e0dedd;}
.caixa_noticies .noticia h4 {font-weight:bold;}
h4.autor { font-size: 20px; margin-top: 5px; }
/* -------- Barra dreta -------- */
#b_dreta .caixa {width:270px;min-height:50px;padding:20px;border:3px solid #ebebeb;margin-bottom:15px;}
#b_dreta .caixa.noticiari{ background:#fbe5e7; }
#b_dreta .caixa.noticiari li { font-weight:bold; }
#b_dreta .caixa li{ margin-bottom:10px; display:block; }
#cerca form{margin-top:10px;}
#cerca form #ipt-que{border:0;background:transparent url('../img/fons/cerca.png') no-repeat;width:150px;height:21px;padding:2px 2px 2px 20px;position:relative;top:-5px;}
#tags { line-height: 25px; }
#tags a { color: #D80015; }
#tags a:hover { text-decoration: underline; }
.tags_gros { line-height: 45px; }
.tags_gros a { color: #D80015; }
.tags_gros a:hover { text-decoration: underline; }
.plantilla_actualitat { background-color: #FEF1EB }
.plantilla_actualitat_tag_actiu { background-color: #FEF4EF; float: left; padding: 5px 10px; border-right: 2px solid #FFF; }
.plantilla_actualitat_tag_actiu a { color: #B63224; font-weight: bolder; }
.plantilla_actualitat_tag_inactiu { float: left; padding: 5px 10px; background-color: #EFEFEF; border-right: 2px solid #FFF; }
.plantilla_actualitat_tag_inactiu a { color: #000; }
.plantilla_actualitat_tag div { padding: 3px 10px; font-size: 11px; }
.plantilla_actualitat_tag div span { font-size: 10px; color: #3D3938 }
div#mes_comentat { display: none }
div#comentaris_tag, div#noticies_tag { margin-top: 7px; }
hr.blanc_noticia { clear: both; border-bottom: 1px solid #FFF; height: 1px; width: 95%; }
/* -------- Llistat d'articles -------- */
div.article_llistat { border-bottom: 3px solid #EFEFEF; margin-bottom: 20px; padding-bottom: 10px; }
div.article_llistat h3 { font-size: 25px }
a.mes { text-transform: uppercase; font-size: 11px; font-family: Arial; color: #d80015 }
h4.subtitol { margin: -10px 0 10px 0; font-size: 16px; font-weight: bolder; }
div.llegenda_esq { float: left; margin-top: 15px; font-size: 11px; }
div.llegenda_dret { float: right; margin-top: 15px; font-size: 11px; }
div.llegenda_dret a { margin-left: 10px }
div.llegenda_esq a { margin-right: 10px }
.proposta_caixa{margin-bottom:30px;}
.proposta_caixa img{margin-right:15px;float: left;}
.proposta_caixa .tipus{font-weight:bold;color:#ad0011;margin-bottom:3px;}
.proposta_caixa h3{font-size:14pt;line-height:18pt;letter-spacing:-1pt;margin-bottom:3px;}
.proposta_caixa .productor{color:#5d5d5d;margin-top:3px;}
/* -------- Article desplegat -------- */
div.desplacament { margin: 10px 10px 0 0; float: right; font-size: 11px; }
div.desplacament a { color: #333; text-decoration: none; cursor: pointer; }
.article_desplegat h3 {
font-size:22pt;
font-weight:bold;
letter-spacing:-2px;
line-height:22pt;
margin-bottom: 15px;
}
.article_desplegat a { color: #d80015; }
div.autor_complet { padding: 10px 25px; background-color: #FEF1EB; margin-bottom: 20px; }
div.autor_complet img { float: left; margin-right: 20px; }
div.autor_complet h4 {font-size:16px; font-weight:bolder;}
div.article_esquerra { float: left; width: 350px; margin: 0 0 20px 0; }
div.article_dreta { float: right; width: 200px; font-size:1em;line-height: 12px; line-height: 14px; margin: 0 0 15px 10px;}
h5.entradeta { font-size: 13px; line-height: 20px; font-weight: bold; border-bottom: 3px solid #EFEFEF;border-top: 3px solid #EFEFEF; padding: 5px 0; margin-bottom: 20px; }
h5.entradeta p { margin: 0; }
h5.entradeta a { text-decoration: underline; }
h5.entradeta a:hover { border-bottom: none !important; }
div.article_dreta h6 { color: #5A4E4A; font-weight: bold; margin: 10px 0 5px 0;}
div.article_dreta hr {margin: 10px 0; height: 3px; background-color: #EFEFEF}
.article_b a { text-decoration: underline; }
.article_b a:hover { color: #5E5E5E; }
div.peudefoto { background-color: #EEE; color: #605d5d; font-size: 11px; padding: 2px 5px; margin-bottom: 5px; }
div.article_desplegat ul, ul.article { padding: 0; margin: 0 0 0 15px; }
div.article_desplegat ul li, ul.article li { padding: 0 0 5px 0; }
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.audio { margin: 15px 0 20px 0; }
div.article_desplegat div.llegenda_article { margin: 15px 0 0 0; font-size: 10px; padding: 7px 0; }
div.article_desplegat div.llegenda_article div.llegenda_etiquetes { padding-top: 7px; margin-top: 7px; }
div.article_desplegat div.llegenda_article div.llegenda_esquerra { float: left; width: 345px; margin: 0; }
div.article_desplegat div.llegenda_article div.llegenda_dreta { float: right; width: 235px; margin: 0; text-align: right; }
div.article_desplegat div.llegenda_article { font-size: 11px; }
div.article_desplegat div.llegenda_article { border-top: 3px solid #F7F7F7; border-bottom: 3px solid #EFEFEF; }
div.article_desplegat div.llegenda_article div.llegenda_etiquetes { border-top: 2px solid #E5F0F7; }
div.llegenda_esquerra a { margin-right: 10px }
div.llegenda_dreta a { margin-left: 10px }
div.comentari {
clear: both;
margin-bottom: 10px;
padding: 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
background-color: #EFEFEF;
}
div.comentari img.item { float: right; margin-right: 20px; margin-top: -17px; }
div.comentari div.comentari_esquerra { float: left; width: 30px; }
div.comentari div.comentari_esquerra a { color: #000 }
div.comentari div.comentari_dreta { float: right; width: 480px; }
div.comentari div.comentari_dreta a { color: #000 }
div.comentari div.comentari_dreta div.nom { float: left; width: 300px; color: #000 }
div.comentari div.comentari_dreta div.data_comentari { float: right; width: 200px; text-align: right; color: #787878; font-size: 11px; }
div.comentari div.comentari_dreta p { clear: both; margin-top: 23px; font-size: 13px; }
div.comentari div.comentari_vots_esquerra {
float: left;
width: 230px;
color: #808080;
padding-top: 30px;
margin-left: 30px;
font-size: 11px;
}
div.comentari div.comentari_vots_dreta {
float: right;
width: 150px;
color: #808080;
padding-top: 15px;
text-align: right;
font-size: 11px;
}
div.comentari div.comentari_vots_dreta a { color: #808080; text-decoration: none; }
div.comentari div.comentari_vots_esquerra span.positiu { color: #749513 !important }
div.comentari div.comentari_vots_esquerra span.negatiu { color: #E12535 !important }
div.comentari div.comentari_vots_esquerra a:hover { border-bottom: none !important }
.bloc_comentari {margin-top: 30px;}
.bloc_comentari .comentari_dreta p a { text-decoration: underline; }
.bloc_comentari input.submit {
padding:6px 10px;
border-radius:15px;
-moz-border-radius:15px;
-khtml-border-radius:15px;
-webkit-border-radius:15px;
border:0;
margin:5px 0;
text-transform:uppercase;
font-weight:bold;
color:#fff;
text-align:center;
}
.bloc_comentari input.submit.envia {background:#2c5fa5;width:60px;}
.bloc_comentari input.submit.previ {background:#e8521d;width:120px;}
#tooltip-shadow {
background: url(../img/fons/ombra.png) no-repeat bottom right;
position:absolute;
visibility:hidden;
z-index:9999;
margin: 0;
padding: 0;
}
#tooltip-text {
background-color:#FFF;
position:absolute;
visibility:hidden;
margin: 0;
z-index:10000;
border: 1px solid;
padding: 10px;
font-size: 90%;
overflow: hidden;
width: 38em;
max-height: 40ex;
background: #FFEFD5;
border-color: #EFDCBD;
}
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-left: 0px !important }
/* -------- 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; margin-top: 20px; margin-right:41px; }
.paginacio a, .paginacio span {
display: block;
float: left;
margin-right: 3px;
padding: 5px 7px;
border: 1px solid #ECF4F8;
background-color: #ECF4F8;
color: #000;
}
.paginacio a:hover {
color: #FFF;
background-color: #9AD2FF;
border: 1px solid #9AD2FF;
}
.paginacio span.actual {
font-weight: bold;
background-color: #9AD2FF;
border: 1px solid #9AD2FF;
color: #FFF;
}
/* -------- Mapa --------- */
div.mapa {
display: none;
height: 200px;
border: 1px solid #445566;
float:right;
width: 330px;
}
/* -------- Cerca -------- */
.div_calendari {
width: 200px;
min-height: 166px;
font-size: 12px;
border: 1px solid #F9D0BD;
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; padding: 2px; }
.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 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: #D80015 !important; }
.calendari_dies tr.cal_dies td .cal_acte:hover { text-decoration: underline; }
.cal_cap { font-weight: bold; }
.cal_cap_dia td { color: #D80015; 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; }
input.contactesubmit {
padding:6px 10px;
border-radius:15px;
-moz-border-radius:15px;
-khtml-border-radius:15px;
-webkit-border-radius:15px;
border:0;
margin:5px 0;
text-transform:uppercase;
font-weight:bold;
color:#fff;
text-align:center;
background:#2c5fa5;
width:60px !important;
}
/* ------------------------------------------------------------------------
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;}