/* -------- 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 {background:#eae7e5;font-family:Helvetica,"MS Sans Serif",Arial,sans-serif;font-size:85%; line-height: 1.3em;text-align:center;color:#000;}
.ocult {display:none;}
.oc {display:none!important;}
.p {clear:both;}
/* -------- Colors -------- */
.taronja {color:#e8521d!important} /* Taronja fosc */
.taronja_clar {color:#ee813c!important} /* Taronja clar */
.blau_clar {color:#00a8df!important} /* Blau clar */
.blau {color:#0077b2!important} /* Blau mig */
.blau_fosc {color:#3a6aab!important} /* Blau fosc */
.groc {color:#f8bf44!important} /* Groc */
.vermell {color:#e2001a!important} /* Vermell */
.verd {color:#41a62a!important} /* Verd */
.fons_blanc { background-color: #FFF; }
.neteja { clear: both; }
.data { color: #666666; font-size: 13px; text-transform: uppercase;}
.categoria { 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; }
.tip {
padding: 10px 10px 10px 35px;
margin: 15px 10px;
background-color: #FFF6D8;
background-image: url( '../img/icones/exclamacio.png' );
background-repeat: no-repeat;
background-position: 5px 10px;
border: 1px solid #C2BBA4;
font-size: 12px;
line-height: 14px;
}
div.mapa_web ul { margin: 5px 0 5px 25px; }
div.mapa_web ul li { padding-bottom: 5px; }
/* -------- Títols -------- */
h2 {font-size:12px;line-height:18pt;color:#5A4E4A;height:20px;padding:15px 0 10px 0;background-color:#EAE7E5;}
h2.noticies {font-size:12pt;font-weight:bold;padding-left:35px;background:#EAE7E5 url('../img/icones/noticies.png') no-repeat 5px 15px;}
h2.agenda {font-size:12pt;font-weight:bold;padding-left:35px;background:#EAE7E5 url('../img/icones/agenda.png') no-repeat 5px 15px;}
h2.joves {font-size:12pt;font-weight:bold;padding-left:35px;background:#EAE7E5 url('../img/icones/joves.png') no-repeat 5px 15px;}
h2.destaquem {font-size:12pt;font-weight:bold;padding-left:35px;background:#EAE7E5 url('../img/icones/destaquem.png') no-repeat 5px 15px;}
h2.premsa {font-size:12pt;font-weight:bold;padding-left:35px;background:#EAE7E5 url('../img/icones/premsa.png') no-repeat 5px 15px;}
h2.debat {font-size:12pt;font-weight:bold;padding-left:35px;background:#EAE7E5 url('../img/icones/debat.png') no-repeat 5px 15px;}
h2.butlleti {font-size:12pt;font-weight:bold;padding-left:35px;background:#EAE7E5 url('../img/icones/butlleti.png') no-repeat 5px 15px;}
h2.destacat {font-size:12pt;font-weight:bold;background-color:transparent !important;}
.mes {font-size:15pt;margin-top:15px;height:27px;color:#5a4e4a;}
.mes a {display:block;text-align:center;background:transparent url('../img/fons/mes.png') no-repeat;width:30px;height:24px;padding-top:3px;float:right;}
/* -------- Entitats -------- */
.contingut_entitats .esquerra {float:left;width:160px;color:#5a4e4a}
.contingut_entitats .dreta {float:right;width:565px;padding: 25px 35px;}
.contingut_entitats .esquerra ul { margin: 15px 0 0 7px; }
.contingut_entitats .esquerra ul li a { color: #5A4E4A; display: block; }
.contingut_entitats .esquerra ul li.principal { margin-bottom: 30px; font-size: 13px; font-weight: bold; }
.contingut_entitats .esquerra ul li a.actiu, .contingut_entitats .esquerra ul li a:hover { color: #E8521D }
.contingut_entitats .esquerra ul li ul { margin: 7px 0 0 13px; }
.contingut_entitats .esquerra ul li ul li { margin-bottom: 5px; list-style-image: url(../img/fons/punter.png); font-size: 12px; font-weight: normal; }
.contingut_entitats .esquerra ul li ul li.actiu { list-style-image: url(../img/fons/punter_taronja.png); }
.contingut_entitats .esquerra ul li ul li a.actiu { color: #E8521D; background: transparent url(../img/fons/fletxa_grisa.png) no-repeat top right }
.contingut_entitats h3 { font-size: 22px; font-weight: bold;margin-bottom: 20px; color:#5a4e4a}
.contingut_entitats h4 { font-size: 13px; font-weight: bold; }
.contingut_entitats .dreta ul { list-style-type: disc; margin: 15px; }
.contingut_entitats .element {color:#5a4e4a;padding: 15px;}
.contingut_entitats .element.gris { background-color: #F7F6F5; }
.contingut_entitats .element div.fitxa { margin-top: 7px ; font-size: 12px;}
.contingut_entitats h5 { margin-left: 10px; font-weight: bold; }
.contingut_entitats form { margin: 10px; }
.contingut_entitats form label { }
.contingut_entitats form select {
width: 140px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
background-color:#FFF;
}
.contingut_entitats form input {
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
width:100%;
}
.contingut_entitats input.cercar {
margin-top: 5px;
background-color:#E8521D;
text-transform:uppercase;
font-weight:bold;
color:#fff;
text-align:center;
}
/* -------- Bloc standard -------- */
.contingut_estandard .esquerra {float:left;width:160px;color:#5a4e4a}
.contingut_estandard .dreta {float:right;width:565px;padding: 25px 35px;}
.contingut_estandard .esquerra ul { margin: 15px 0 0 7px; }
.contingut_estandard .esquerra ul li a { color: #5A4E4A; display: block; }
.contingut_estandard .esquerra ul li.principal { margin-bottom: 30px; font-size: 13px; font-weight: bold; }
.contingut_estandard .esquerra ul li a.actiu, .contingut_cnjc .esquerra ul li a:hover { color: #E8521D }
.contingut_estandard .esquerra ul li ul { margin: 7px 0 0 13px; }
.contingut_estandard .esquerra ul li ul li { margin-bottom: 5px; list-style-image: url(../img/fons/punter.png); font-size: 12px; font-weight: normal; }
.contingut_estandard .esquerra ul li ul li a.actiu { color: #E8521D; background: transparent url(../img/fons/fletxa.png) no-repeat top right }
.contingut_estandard h3 { font-size: 22px; line-height: 27px; font-weight: bold;margin-bottom: 20px; color:#5a4e4a}
.contingut_estandard h4 { font-size: 13px; font-weight: bold;}
/* -------- CNJC -------- */
.contingut_estandard .elementcnjc {color:#5a4e4a;padding: 15px;}
.contingut_estandard .elementcnjc.gris { background-color: #F7F6F5; }
.contingut_estandard .elementcnjc.gris img.foto { float: left; border: 5px solid #FFF; }
.contingut_estandard .elementcnjc img.foto { float: left; border: 5px solid #F7F6F5; }
.contingut_estandard .elementcnjc div.dades { float: right; width: 410px; }
.contingut_estandard .elementcnjc div.dades div { margin-top: 7px ; font-size: 11px;}
.contingut_estandard .elementcnjc div.dades div img { margin-right: 3px; }
/* -------- Enllaços -------- */
.contingut_estandard .elementenllac {color:#5a4e4a;padding: 15px;}
.contingut_estandard .elementenllac.gris { background-color: #F7F6F5; }
.contingut_estandard .elementenllac div.imatge { float: left; width: 80px; }
.contingut_estandard .elementenllac div.text { float: right; width: 430px; }
/* -------- Documentat -------- */
.contingut_documentat .esquerra {float:left;width:160px;color:#5a4e4a}
.contingut_documentat .dreta {float:right;width:565px;padding: 25px 35px;}
.contingut_documentat .esquerra ul { margin: 15px 0 0 7px; }
.contingut_documentat .esquerra ul li a { color: #5A4E4A; display: block; }
.contingut_documentat .esquerra ul li.principal { margin-bottom: 30px; font-size: 13px; font-weight: bold; }
.contingut_documentat .esquerra ul li a.actiu, .contingut_documentat .esquerra ul li a:hover { color: #E8521D }
.contingut_documentat .esquerra ul li ul { margin: 7px 0 0 13px; }
.contingut_documentat .esquerra ul li ul li { margin-bottom: 5px; list-style-image: url(../img/fons/punter.png); font-size: 12px; font-weight: normal; }
.contingut_documentat .esquerra ul li ul li.actiu { list-style-image: url(../img/fons/punter_taronja.png); }
.contingut_documentat .esquerra ul li ul li a.actiu { color: #E8521D; background: transparent url(../img/fons/fletxa_grisa.png) no-repeat top right }
.contingut_documentat .dreta a { color: #E8521D; }
.contingut_documentat .dreta h3 { font-size: 22px; font-weight: bold;margin-bottom: 20px; color:#5a4e4a}
.contingut_documentat .dreta h4 { font-size: 13px; font-weight: bold; color:#E8521D}
.contingut_documentat .dreta ul { list-style-type: disc; margin: 15px; }
.contingut_documentat .debatjuvenil_sel {
background-color: #F3F3F3;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
padding: 15px;
margin: 10px 0 30px 0;
}
.contingut_documentat .debatjuvenil_sel div { margin: 0 auto 10px auto; }
.contingut_documentat .element, .contingut_estandard .dreta .element {color:#5a4e4a;padding: 15px;}
.contingut_documentat .element.gris, .contingut_estandard .dreta .element.gris { background-color: #F7F6F5; }
.contingut_documentat .element div.imatge, .contingut_estandard .dreta .element div.imatge { float: left; width: 80px; }
.contingut_documentat .element div.text, .contingut_estandard .dreta .element div.text { float: right; width: 430px; }
.contingut_documentat .element a.descarregar, .contingut_estandard .dreta .element a.descarregar {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
background-color: #85736C;
padding: 4px 15px;
color: #FFF;
font-weight: bold;
}
.contingut_documentat a.descarregar_gros, .contingut_estandard .dreta a.descarregar_gros {
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
background-color: #85736C;
padding: 5px 10px;
color: #FFF;
font-weight: bold;
display: block;
width: 120px;
text-align: center;
margin-top: 10px;
}
.contingut_documentat .element a.online, .contingut_estandard .dreta .element a.online {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
background-color: #AE5B41;
padding: 4px 15px;
color: #FFF;
font-weight: bold;
}
.contingut_documentat form { margin: 0 10px; }
.contingut_documentat form label { font-weight: bold; }
.contingut_documentat form input {
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
width:100%;
}
.contingut_documentat input.cercar {
margin-top: 5px;
background-color:#E8521D;
text-transform:uppercase;
font-weight:bold;
color:#fff;
text-align:center;
}
/* -------- Portada -------- */
table.portada { width: 100%; padding: 0 !important; }
table.portada td.esquerra { width: 470px; }
table.portada td.dreta { width: 310px; }
table.portada td.separacio { width: 15px; }
table.portada td.gris { background-color: #5A4E4A; }
table.portada td.blanc { background-color: #FFF; }
table.portada td.peu_mes {height: 24px; padding-right: 10px;}
table.portada2 { width: 470px; }
table.portada2 td.esquerra { width: 220px; padding: 5px; }
table.portada2 td.dreta { width: 220px; padding: 5px; }
table.portada2 td.separacio { width: 10px; background-color: #EBE9E7;}
table.portada3 { width: 800px; }
table.portada3 td.espai { width: 185px; padding: 5px; }
table.portada3 td.separacio { width: 10px; background-color: #EBE9E7;}
#campanya h2 { font-size: 25px; line-height: 30px; font-weight: bold; }
#campanya img { margin: 20px auto; }
#campanya .boto_campanya {
float: left;
margin: 10px 80px 60px 250px;
background-color:#2C5FA5;
font-weight:bold;
color:#fff;
text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
padding: 0 18px;
}
#campanya .boto_entrar {
float: left;
margin: 10px 0 60px 0;
background-color:#E8521D;
font-weight:bold;
color:#fff;
text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
padding: 0 18px;
}
/* -------- 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;}
/* -------- Agenda -------- */
#agenda {background:#5a4e4a;color:#fff;padding:0 10px;margin-bottom:10px;}
#agenda #visualitzacio {text-transform:uppercase;font-weight:bold;text-align:center;margin-top:10px;padding-top:10px;}
#agenda #visualitzacio .boto {background:#85736c;display:inline-block;padding:6px 20px;border-radius:15px;-moz-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px;margin:0 3px;}
#agenda .acte {padding:3px 0 3px 65px;border-bottom:2px solid #837a77;margin-top:10px;min-height:55px;}
#agenda .acte.ultim {border:0;}
#agenda .acte .data {float:left;margin-left:-65px;text-transform:uppercase;font-weight:bold;font-size:10pt;}
#agenda .acte .data .dia {font-size:16pt;}
#agenda h3 {font-weight:bold;font-size:10pt;}
/* -------- Barra dreta -------- */
#premsa {background:#cce4f0;padding:10px;color:#5a4e4a}
#premsa a {font-weight:bold;color:#0077b2;}
#debat_juvenil {background:#fff;padding:10px;color:#5a4e4a}
#debat_juvenil .boto {width:110px;margin:8px 0;background:#e0dcda;color:#5a4e4a;font-weight:bold;text-align:center;padding:6px 10px;border-radius:15px;-moz-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px;display:block; font-size: 12px}
#debat_juvenil #darrer {text-align:center;}
#debat_juvenil #darrer .boto {background:#5a4e4a;color:#fff;}
#butlleti {background:#fff;padding:10px;color:#5a4e4a}
#butlleti input {width:110px;background:#e0dcda;color:#5a4e4a;padding:6px 10px;border-radius:15px;-moz-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px;border:0;margin:5px 0;}
#butlleti input.submit {width:60px;text-transform:uppercase;font-weight:bold;color:#fff;text-align:center;}
#butlleti input.submit.alta {background:#2c5fa5;}
#butlleti input.submit.baixa {background:#e8521d;}
#botons { margin-top: 25px; }
#botons img { margin-right: 3px; }
div.modul_lectures ul li { list-style-image: url( ../img/icones/lectura.png ); margin-bottom: 10px; }
div.modul_comentaris ul li { list-style-image: url( ../img/icones/comentari.png ); margin-bottom: 10px; }
div.blogs { background-color: #FAEDEC; }
div.blog_separacio { margin-bottom: 15px; }
div.blogs div.blogs_esquerra { float: left; width: 50px }
div.blogs div.blogs_dreta { float: right; width: 265px }
div.blogs div.blogs_dreta h6 { text-transform: uppercase; margin: 10px 0 0 0; }
div.blogs div.blogs_dreta h4 { margin: 3px 0 0 0 }
.plantilla_actualitat_tag_actiu { background-color: #ECF4F8; float: left; padding: 5px 10px; border-right: 2px solid #FFF; border-bottom: 2px solid #7FB6DA; }
.plantilla_actualitat_tag_actiu a { color: #1092B7; font-weight: bolder; }
.plantilla_actualitat_tag_inactiu { float: left; padding: 5px 10px; background-color: #edecec; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; }
.plantilla_actualitat_tag_inactiu a { color: #444; }
.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%; }
div.modul_lectures ul, div.modul_comentaris ul { padding-left: 20px; margin: 0; list-style: inside; list-style-position: outside; }
div.modul_lectures ul li { list-style-image: url( ../img/icones/lectura.png ); margin-bottom: 10px; }
div.modul_comentaris ul li { list-style-image: url( ../img/icones/comentari.png ); margin-bottom: 10px; }
#tags { line-height: 25px; }
#tags a { color: #1092B7; }
#tags a:hover { text-decoration: underline; }
.tags_gros { line-height: 45px; }
.tags_gros a { color: #1092B7; }
.tags_gros a:hover { text-decoration: underline; }
/* -------- Llistat d'articles -------- */
div.portada_imatge { float: left; margin: 10px 10px 5px 0; width: 175px; }
.categoria a { color: #87888A; text-transform: uppercase; }
a.mes { text-transform: uppercase; font-size: 11px; font-family: Arial; }
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 }
div.top_comentari_b {
float: right;
margin: 5px 5px 0 0;
width: 27px;
height: 23px;
background: transparent url( ../img/fons/comentaris.png ) no-repeat center center;
text-align: center;
padding-top: 2px;
font-weight: bolder;
}
div.top_comentari_v {
float: right;
margin: 5px 5px 0 0;
width: 27px;
height: 23px;
background: transparent url( ../img/fons/comentaris_v.png ) no-repeat center center;
text-align: center;
padding-top: 2px;
font-weight: bolder;
}
div.top_comentari_l {
float: right;
margin: 5px 5px 0 0;
width: 27px;
height: 23px;
background: transparent url( ../img/fons/comentaris_l.png ) no-repeat center center;
text-align: center;
padding-top: 2px;
font-weight: bolder;
}
div.top_comentari_b a, div.top_comentari_v a, div.top_comentari_l a { color: #FFF !important; }
/* -------- Article desplegat -------- */
div.desplacament { margin: 10px 10px 0 0; float: right; font-size: 11px; }
div.desplacament a { color: #333; text-decoration: none; cursor: pointer; }
div.article_esquerra { float: left; width: 350px; margin: 0 0 20px 0; }
div.article_dreta { float: right; width: 200px; font-size:1em;line-height: 1.4em; margin-left: 10px; }
h5.entradeta { font-size: 13px; line-height: 20px; font-weight: bold; border-bottom: 5px solid #F7F6F5;border-top: 5px solid #F7F6F5; 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: 5px; background-color: #EFEFEF}
.article_b { margin: -15px -15px 15px -15px; padding: 15px; }
.article_b.gris { background-color: #F7F6F5; }
.article_b h3 { font-size: 22px; margin-bottom: 15px; line-height:25px; }
.article_b a { color: #0077b2; }
.article_b a:hover { color: #0077b2; }
.article_b img.marc { border-bottom: 5px solid #ECE9E8; }
div.article div.separador { border-top: 2px solid #E5F0F7; padding: 8px 0; margin-bottom: 20px; }
div.article div.separador div.separador_esquerra { float: left; width: 370px; }
div.article div.separador div.separador_dreta { float: right; width: 200px; text-align: right; }
div.article_b div.separador { border-bottom: 2px solid #E5F0F7; border-top: 2px solid #E5F0F7; }
div.peudefoto { background-color: #EEE; color: #605d5d; font-size: 11px; line-height: 14px; padding: 2px 5px; margin-bottom: 5px; }
div.article ul, ul.article { padding: 0; margin: 0 0 0 15px; }
div.article ul li, ul.article li { padding: 0 0 5px 0; }
div.article div.relacionades ul li { list-style-image:url('../img/icones/punter.png'); }
div.article div.documents ul li { list-style-image: url( ../img/icones/document.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: 15px 0 20px 0; }
div.article div.llegenda_article { margin: 15px 0 0 0; font-size: 10px; padding: 7px 0; }
div.article div.llegenda_article div.llegenda_etiquetes { padding-top: 7px; margin-top: 7px; }
div.article div.llegenda_article div.llegenda_esquerra { float: left; width: 250px; margin: 0; }
div.article div.llegenda_article div.llegenda_dreta { float: right; width: 290px; margin: 0; text-align: right; }
div.article div.llegenda_article { font-size: 11px; }
div.article_b div.llegenda_article { border-top: 2px solid #E5F0F7; border-bottom: 2px solid #7FB6DA; }
div.article_b 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.bloc_comentari { background-color: #FFF;padding: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: #F7F6F5;
}
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: #0077b2 }
div.comentari div.comentari_dreta { float: right; width: 480px; }
div.comentari div.comentari_dreta a { color: #0077b2 }
div.comentari div.comentari_dreta div.nom { float: left; width: 300px; color: #0077b2 }
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; }
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 {padding: 15px;}
.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 -------- */
.cerca_element { margin: 0 0 15px 0; padding: 15px; }
.cerca_element.gris { background-color: #F7F6F5; }
.cerca_element h3 { font-size: 18px; margin-bottom: 7px; line-height:22px; }
.cerca_element a { color: #0077b2; }
.cerca_element a:hover { color: #0077b2; }
.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; }
.boto_apartat {
font-weight:bold;
color:#fff;
text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
padding: 0 18px;
margin-right: 20px;
float: left;
}
.boto_apartat.actiu { background-color:#2C5FA5; }
.boto_apartat.inactiu { background-color:#E8521D; }
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;
}
.contingut_estandard input.cercar {
margin-top: 5px;
background-color:#E8521D;
text-transform:uppercase;
font-weight:bold;
color:#fff;
text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
width:100%;
}
/* ------------------------------------------------------------------------
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;}