/* -------- 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 -------- */
body { background-color: #FFF; color: #313131; margin: 0 auto; font-family: Arial, Helvetica, Times News Roman; font-size: 12px; line-height: 16px; }
img { border-width: 0px; vertical-align: middle; }
a { color: #008FE8; 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; }
h1 { font-size: 23px; line-height: 29px; }
h2 { font-size: 20px; line-height: 25px; }
h3 { font-size: 18px; line-height: 23px; }
h4 { font-size: 16px; line-height: 21px; }
h5 { font-size: 14px; line-height: 19px; }
h6 { font-size: 13px; }
h2.env {border-bottom: 1px solid #ABB1AA; color: #006EB5;}
/* -------- Estils varis -------- */
.gris, .gris a { color: #959595 !important }
.gris_fosc, .gris_fosc a { color: #313131 !important }
.negre, .negre a { color: #313131 !important }
.blau, .blau a { color: #008FE8 !important }
.blau_fosc, .blau_fosc a { color: #3275D0 !important }
.blau_fosc_clar, .blau_fosc_clar a { color: #CEDBE8 !important }
.verd, .verd a { color: #8CB110 !important }
.verd_clar, .verd_clar a { color: #C8D794 !important }
.taronja, .taronja a { color: #E75113 !important }
.vermell, .vermell a { color: #E2001A !important }
.rosa, .rosa a { color: #FA1789 !important }
.rosa_clar, .rosa_clar a { color: #F2AAC8 !important }
.marro, .marro a { color: #7D5024 !important }
h4.data_not { font-size: 16px; line-height: 23px; margin-bottom: 10px; }
.data { color: #959595; margin-bottom: 3px; font-size: 12px; }
.ocult { display: none; }
img.marc { border: 5px solid #DCDCDC; margin-bottom: 10px; }
img.titol { margin-bottom: 15px; display: block; }
.seccio_blau a { color: #008FE8 }
.seccio_blau_fosc a { color: #3275D0 }
.seccio_taronja a { color: #E75113 }
.seccio_verd a { color: #8CB110 }
.seccio_vermell a { color: #E2001A }
.seccio_rosa a { color: #FA1789 }
.seccio_marro a { color: #7D5024 }
hr.taronja { border-bottom: 1px solid #E75113; border-top: none; height: 1px }
div.text { margin-left: 150px; padding: 20px 0 10px 0; font-size: 13px; }
h2.text { font-size: 30px; margin-left: 150px; margin-bottom: 20px; font-weight: bold; color: #000 }
h2.cerca { font-size: 30px; margin-left: 150px; margin-bottom: 5px; font-weight: bold; color: #000 }
h2.text a, h1.cerca a { color: #000; }
div.cerca { margin-left: 150px; }
.tags_gros { line-height: 45px; }
.tags_gros a { color: #E75113; }
.tags_gros a:hover { text-decoration: underline; }
.comparteix { float: right; text-align: right; }
/* -------- Barra dreta -------- */
.plantilla_border { word-wrap: break-word; }
.seccio_blau .plantilla_border { margin-bottom: 10px; padding: 10px 10px; border: 5px solid #D5EEFA; }
.seccio_blau_fosc .plantilla_border { margin-bottom: 10px; padding: 10px 10px; border: 5px solid #DFE9F5; }
.seccio_taronja .plantilla_border { margin-bottom: 10px; padding: 10px 10px; border: 5px solid #FDE1CE; }
.seccio_verd .plantilla_border { margin-bottom: 10px; padding: 10px 10px; border: 5px solid #E8EFD0; }
.seccio_vermell .plantilla_border { margin-bottom: 10px; padding: 10px 10px; border: 5px solid #EAF1FA; }
.seccio_rosa .plantilla_border { margin-bottom: 10px; padding: 10px 10px; border: 5px solid #FA1789; }
.seccio_marro .plantilla_border { margin-bottom: 10px; padding: 10px 10px; border: 5px solid #7D5024; }
.plantilla { margin-bottom: 40px; }
.plantilla_document { float: right; width: 135px; }
.plantilla div.imatge { border: 5px solid #DCDCDC; height: 100px; overflow: hidden; margin-bottom: 10px; }
.plantilla h3 { font-size: 13px; line-height: 16px; }
#tags { line-height: 25px; }
#tags a { color: #1092B7; }
#tags a:hover { text-decoration: underline; }
/* -------- Portada -------- */
div.bloc_portada_imatge { float: left; margin-right: 25px; width: 260px; height: 180px; text-align: center; }
div.bloc_portada { float: left; margin-right: 25px; width: 260px; color: #434343; }
div.portada_text { font-size: 13px }
a.mes_portada { font-size: 12px; }
div.bloc_portada div.imatge { border: 5px solid #DCDCDC; height: 150px; overflow: hidden; margin-bottom: 10px; }
div.bloc_portada h3 { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
/* -------- Llistat d'articles -------- */
h2.bloc { font-size: 30px; margin-left: 150px; margin-bottom: 20px; font-weight: bold; }
h2.bloc a { color: #E75113; }
div.desplacament { float: right; width: 150px; font-size: 12px; text-align: right; margin-top: -40px; }
div.desplacament a { color: #333; }
a.mes { font-size: 11px; text-transform: uppercase; }
div.article { margin-left: 150px; padding: 20px 0 10px 0; border-bottom: 5px solid #E6E6E6; font-size: 14px; line-height: 19px; }
div.article div.llegenda { margin-bottom: 10px; font-size: 12px; }
div.article h3 { font-size: 20px; line-height: 25px; margin-bottom: 7px }
a.imatge { margin-left: -185px; width: 150px; float: left; }
img.article { border: 5px solid #DCDCDC; width: 150px; }
img.llegenda { margin-right: 5px;}
div.resum { margin-left: 150px; border-top: 5px solid #DCDCDC; padding: 20px 0 }
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; }
div.etiquetes { margin-left: 150px; border-top: 5px solid #DCDCDC; padding: 20px 0 }
div.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}
div.etiquetes span a {color:#fff}
/* -------- Article desplegat -------- */
div.article_desplegat { margin-left: 150px; color: #434343; }
div.article_desplegat h3 { font-size: 30px; margin-bottom: 10px; 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.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 #E6E6E6; 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; font-size: 13px; }
div.article_desplegat div.comentari div.capcalera a { color: #898989; font-size: 11px; text-transform: uppercase }
div.article_desplegat div.comentari_taronja { background-color: #FFF3ED; border-bottom: 2px solid #DCDCDC; padding: 15px 10px; }
div.article_desplegat div.comentari_taronja div.capcalera a { color: #FF7644; font-size: 11px; text-transform: uppercase; }
div.article_desplegat div.comentari_saul { background: #FEEADD url( ../img/fons/fons_comentari.png) 470px 10px no-repeat; border-bottom: 2px solid #DCDCDC; padding: 15px 100px 15px 10px; min-height: 70px; }
div.article_desplegat div.comentari_saul div.capcalera a { color: #E75113; font-size: 11px; text-transform: uppercase; }
div.article_desplegat div#comentari-enviat { min-height: 350px;}
div.article_desplegat .error {
width: 330px;
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 40px;
margin-bottom: 20px;
}
div.article_desplegat .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 }
/* -------- Última hora -------- */
h2.ultimahora { font-size: 30px; margin-left: 150px; margin-bottom: 20px; font-weight: bold; }
h2.ultimahora a { color: #00B9E9; }
div.ultimahora_principal {
background: transparent url(../img/fons/ocell.png) 20px 30px no-repeat;
margin-left: 160px;
padding: 30px 30px 30px 100px;
border: 5px solid #CCECF9;
margin-bottom: 10px;
}
div.ultimahora_principal h3 { font-size: 18px; line-height: 23px; }
div.ultimahora {
background-color: #F0F9FD;
margin-left: 160px;
padding: 15px 10px;
border: 5px solid #CCECF9;
margin-bottom: 10px;
}
div.ultimahora h3 { font-size: 12px; line-height: 15px; }
div.ultimahora_principal div.ultimahora_data { font-size: 11px; margin-top: 10px; }
div.ultimahora div.ultimahora_data { font-size: 11px; margin-top: 5px; }
img.botonet { float: left; width: 160px; margin-left: -20px; }
/* -------- Enllaços -------- */
h2.enllacos { font-size: 30px; margin-left: 150px; margin-bottom: 20px; font-weight: bold; }
h2.enllacos a { color: #3275D0; }
ul.enllacos { list-style: none; margin: 0; padding: 0; float: left; width: 95px; font-size: 14px; text-align: right; }
ul.enllacos li { margin: 0; padding: 10px 0 ;}
ul.enllacos a { color: #000; }
ul.enllacos a.actiu { color: #3275D0; font-weight: bolder; }
div.enllacos { float: right; width: 550px; }
div.enllacos div.enllac { border-bottom: 1px solid #E5EDF9; padding: 20px 10px; }
div.enllacos div.enllac_fons { background-color: #F4F8FC }
div.enllacos div.enllac h3 { font-size: 14px; line-height: 18px; }
div.enllacos div.enllac div.imatge { float: left; width: 100px; margin-right: 15px; }
div.enllacos div.enllac div.data_enllac { float: left; width: 75px; margin-right: 15px; color: #A0A0A0; text-transform: uppercase; font-size: 13px; }
div.enllacos div.enllac div.contingut { float: right; width: 315px; margin-right: 10px; }
/* -------- Arxius -------- */
h2.arxius { font-size: 30px; margin-left: 150px; margin-bottom: 20px; font-weight: bold; }
h2.arxius a { color: #8BB012; }
ul.arxius { list-style: none; margin: 0; padding: 0; float: left; width: 95px; font-size: 14px; text-align: right; }
ul.arxius li { margin: 0; padding: 10px 0 ;}
ul.arxius a { color: #000; }
ul.arxius a.actiu { color: #8BB012; font-weight: bolder; }
ul.subarxius { list-style-type: square; margin: 0 0 15px 25px; padding: 0; float: left; width: 95px; font-size: 14px; text-align: right; }
ul.subarxius li { font-size: 11px; }
ul.subarxius li { margin: 0; padding: 5px 0 ;}
div.arxius { float: right; width: 550px; }
div.arxius div.arxiu { border-bottom: 1px solid #DAE6B1; padding: 20px 20px 20px 50px; }
div.arxius div.arxiu_pdf { background: transparent url(../img/icones/pdf.png) 20px 25px no-repeat; }
div.arxius div.arxiu_doc { background: transparent url(../img/icones/doc.png) 20px 25px no-repeat; }
div.arxius div.arxiu_web { background: transparent url(../img/icones/web.png) 20px 25px no-repeat; }
div.arxius div.arxiu_fons { background-color: #F6F9EC }
div.arxius div.arxiu div.imatge { float: left; width: 75px; margin-right: 15px; }
div.arxius div.arxiu div.data_arxiu { float: left; width: 75px; margin-right: 15px; color: #A0A0A0; text-transform: uppercase; font-size: 13px; }
div.arxius div.arxiu div.contingut { float: right; width: 340px; margin-right: 10px; }
div.arxius 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; }
/* -------- Videos -------- */
h2.videos { font-size: 30px; margin-left: 150px; margin-bottom: 20px; font-weight: bold; }
h2.videos a { color: #E3011B; }
div.videos { margin-left: 150px; color: #434343; }
div.videos h3 { font-size: 14px; margin-top: 10px; line-height: 18px; font-weight: bolder; }
div.videos_elements { 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 }
/* -------- Llibres -------- */
h2.llibres { font-size: 30px; margin-left: 150px; margin-bottom: 5px; font-weight: bold; color: #7D5024 }
h2.llibres a { color: #7D5024; }
div.llibre { margin-left: 150px; border-bottom: 1px solid #BEA791; padding: 20px; }
div.llibre_fons { background-color: #F6F3F0 }
div.llibre div.llibre_imatge { float: left; width: 150px; }
div.llibre div.llibre_text { float: right; width: 340px; font-size: 13px; }
/* -------- 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; font-weight: bolder; }
h2.galeria { font-size: 30px; margin-left: 150px; margin-bottom: 5px; font-weight: bold; color: #FA1789 }
h2.galeria a { color: #FA1789; }
div.galeria { margin-left: 150px; }
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; }
/* -------- 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; }
.seccio_taronja .paginacio { float: right; padding: 8px 0; }
.seccio_taronja .paginacio a, .seccio_taronja .paginacio span {
display: block;
float: left;
margin-right: 3px;
padding: 2px 5px;
border: 1px solid #E6E6E6;
background-color: #E6E6E6;
color: #000;
}
.seccio_taronja .paginacio a:hover {
color: #FFF;
background-color: #E75113;
border: 1px solid #E75113;
}
.seccio_taronja .paginacio span.actual {
font-weight: bold;
background-color: #E75113;
border: 1px solid #E75113;
color: #FFF;
}
.seccio_blau_fosc .paginacio { float: right; padding: 8px 0; }
.seccio_blau_fosc .paginacio a, .seccio_blau_fosc .paginacio span {
display: block;
float: left;
margin-right: 3px;
padding: 2px 5px;
border: 1px solid #E6E6E6;
background-color: #E6E6E6;
color: #000;
}
.seccio_blau_fosc .paginacio a:hover {
color: #FFF;
background-color: #3275D0;
border: 1px solid #3275D0;
}
.seccio_blau_fosc .paginacio span.actual {
font-weight: bold;
background-color: #3275D0;
border: 1px solid #3275D0;
color: #FFF;
}
.seccio_blau .paginacio { float: right; padding: 8px 0; }
.seccio_blau .paginacio a, .seccio_blau .paginacio span {
display: block;
float: left;
margin-right: 3px;
padding: 2px 5px;
border: 1px solid #E6E6E6;
background-color: #E6E6E6;
color: #000;
}
.seccio_blau .paginacio a:hover {
color: #FFF;
background-color: #0FA3E1;
border: 1px solid #0FA3E1;
}
.seccio_blau .paginacio span.actual {
font-weight: bold;
background-color: #0FA3E1;
border: 1px solid #0FA3E1;
color: #FFF;
}
.seccio_verd .paginacio { float: right; padding: 8px 0; }
.seccio_verd .paginacio a, .seccio_verd .paginacio span {
display: block;
float: left;
margin-right: 3px;
padding: 2px 5px;
border: 1px solid #E6E6E6;
background-color: #E6E6E6;
color: #000;
}
.seccio_verd .paginacio a:hover {
color: #FFF;
background-color: #8BB012;
border: 1px solid #8BB012;
}
.seccio_verd .paginacio span.actual {
font-weight: bold;
background-color: #8BB012;
border: 1px solid #8BB012;
color: #FFF;
}
.seccio_vermell .paginacio { float: right; padding: 8px 0; }
.seccio_vermell .paginacio a, .seccio_vermell .paginacio span {
display: block;
float: left;
margin-right: 3px;
padding: 2px 5px;
border: 1px solid #E6E6E6;
background-color: #E6E6E6;
color: #000;
}
.seccio_vermell .paginacio a:hover {
color: #FFF;
background-color: #E3011B;
border: 1px solid #E3011B;
}
.seccio_vermell .paginacio span.actual {
font-weight: bold;
background-color: #E3011B;
border: 1px solid #E3011B;
color: #FFF;
}
.seccio_rosa .paginacio { float: right; padding: 8px 0; }
.seccio_rosa .paginacio a, .seccio_rosa .paginacio span {
display: block;
float: left;
margin-right: 3px;
padding: 2px 5px;
border: 1px solid #E6E6E6;
background-color: #E6E6E6;
color: #000;
}
.seccio_rosa .paginacio a:hover {
color: #FFF;
background-color: #FA1789;
border: 1px solid #FA1789;
}
.seccio_rosa .paginacio span.actual {
font-weight: bold;
background-color: #FA1789;
border: 1px solid #FA1789;
color: #FFF;
}
/* caption styling */
.caption-top, .caption-bottom {
color: #ffffff;
padding: 10px;
font-weight: bold;
font-size: 13px;
font-family: arial;
cursor: default;
background: #000000;
text-shadow: 1px 1px 0 #202020;
}
.caption-top { border-width: 0px 0px 8px 0px; }
.caption-bottom { border-width: 8px 0px 0px 0px; }
.caption a, .caption a {
border: 0 none;
text-decoration: none;
background: #000000;
padding: 0.3em;
}
.caption a:hover, .caption a:hover { background: #202020; }
.caption-wrapper { float: left; }
br.c { clear: both; }
/* ------------------------------------------------------------------------
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;}