/* -------- Estils generals -------- */ body { background-color: #E6E5DC; color: #242626; margin: 0 auto; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; } img { border-width: 0px; vertical-align: middle; } a { color: #006EB5; text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; } br.p { margin-bottom: 2px; clear: both; } hr { width: 100%; border: 0px; border-bottom: 1px solid #cdcbca; } h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; font-family: Arial, sans-serif; color: #000; font-weight: normal; } h1 { font-size: 22px; line-height: 27px; } h2 { font-size: 21px; line-height: 25px; } h3 { font-size: 19px; line-height: 23px; } h4 { font-size: 17px; line-height: 21px; } h5 { font-size: 15px; line-height: 19px; } h6 { font-size: 13px; } /* -------- Estils varis -------- */ img.titol { margin-bottom: 15px; display: block; } .gris, .gris a { color: #87888A !important } .negre, .negre a { color: #000 !important } .blau, .blau a { color: #006EB5 !important } .marro, .marro a { color: #5A4229 !important } .vermell, .vermell a { color: #C8503D !important } .lila, .lila a { color: #9D5F94 !important } hr.blau { clear: both; border-bottom: 1px solid #D9E9F4; height: 1px; } hr.lila { clear: both; border-bottom: 1px solid #F4EDF3; height: 1px; } .neteja { clear: both; } .data { color: #666666; margin-bottom: 3px; font-size: 11px; text-transform: uppercase; } .categoria { color: #666666; font-size: 11px; text-transform: uppercase; } .ocult { display: none; } /* -------- Barra dreta -------- */ .plantilla_actualitat { padding: 15px 10px; background-color: #ECF4F8; border-bottom: 3px solid #3895BC; } .plantilla_actualitat_tag_actiu { background-color: #ECF4F8; float: left; padding: 5px 10px; border-right: 2px solid #FFF; border-bottom: 2px solid #feefe7; } .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 } hr.blanc_noticia { clear: both; border-bottom: 1px solid #FFF; height: 1px; width: 95%; } div.calendari_portada .calendari_mes { width: 200px; font-size: 15px; font-weight: bolder; margin: 0 auto; } div.calendari .calendari_mes { width: 230px; font-size: 15px; font-weight: bolder; margin: 0 auto; } div.calendari .calendari { margin: 0 auto; width: 230px; } div.calendari_portada .calendari { width: 200px; } .calendari_mes td { text-align: center } .calendari_mes td.desplacament { width: 130px } .calendari td { text-align: center; height: 5px; } .cal_cap { font-weight: bold; } .cal_cap_dia td { cursor: default; font-size: 13px; font-weight: bolder; } .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; } div.plantilla_articles ul { padding-left: 20px; margin: 0; list-style: inside; list-style-position: outside; } div.plantilla_articles ul li { list-style-image: url( ../img/icones/lectura.png ); margin-bottom: 10px; } div.categories ul { padding-left: 20px; margin: 0; list-style: inside; list-style-position: outside; } div.categories ul li { list-style-image: url( ../img/icones/puntets.gif ); margin-bottom: 10px; } #tags { line-height: 25px; } #tags a { color: #1092B7; } #tags a:hover { text-decoration: underline; } div.perfil img { float: left; margin: 0 10px 10px 0 } /* -------- Llistat d'articles -------- */ div.portada_imatge { float: left; margin: 10px 10px 5px 0; width: 175px; } .categoria a { color: #87888A !important; text-transform: uppercase; } a.mes { text-transform: uppercase; font-size: 11px; font-family: Arial; } h5.avantitol { margin: 5px 0 3px 0; font-size: 15px; } div.llegenda_esq { float: left; margin-top: 15px; font-size: 10px; margin-bottom: 5px; } div.llegenda_dret { float: right; margin-top: 15px; font-size: 10px; margin-bottom: 5px; } .plantilla { padding: 15px 10px; } .plantilla_blau { padding: 15px 10px; background-color: #ECF4F8; } /* -------- Article desplegat -------- */ div.desplacament { margin-top: 10px; float: right; font-size: 11px; } div.desplacament a { color: #333; text-decoration: none; cursor: pointer; } div.article_esquerra { float: left; width: 200px; margin: 0 20px 20px 0; } h5.entradeta { font-size: 15px; line-height: 19px; } div.article div.separador { padding: 8px 0; margin-bottom: 20px; } div.article div.separador div.separador_esquerra { float: left; width: 300px; } div.article div.separador div.separador_dreta { float: right; width: 250px; text-align: right; } div.article div.peudefoto { color: #605d5d; font-size: 11px; padding: 5px 5px 13px 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/noticies.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 30px 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: 220px; margin: 0; } div.article div.llegenda_article div.llegenda_dreta { float: right; width: 320px; margin: 0; text-align: right; } div.article div.llegenda_article { font-size: 10px; } div.article table { border-collapse: collapse; width: 100%; } div.article tr.comentari_blanc { background-color: #FFF; } div.article td.comentari_esquerra { vertical-align: top; padding: 10px; width: 150px; font-size: 11px; border-bottom: 2px solid #353C42; } div.article td.comentari_dreta { vertical-align: top; padding: 10px; width: 410px; border-bottom: 2px solid #ADB8BE; } div.article td.comentari_esquerra div.comentari_icona { float: left; width: 25px; height: 100px; } div.article td.comentari_dreta p { margin: 0; } div#comparteix { position: absolute; background-color: #D8E9F1; border: 1px solid #683A16; padding: 6px; width: 125px; font-size: 11px; margin-left: 441px; } div#comparteix img { margin: 0 3px } div#comparteix a { color: #000 !important; } /* -------- Index -------- */ table.bloc_grafic { margin-bottom: 20px; width: 100%; line-height: 14px; } table.bloc_grafic td.esquerra { width: 70px; text-align: center; vertical-align: top; } table.bloc_grafic td.dreta { vertical-align: top; font-size: 11px; padding: 10px 0px 0px 5px; } table.bloc_grafic td.dreta h6, div.bloc_grafic h6 { font-size: 12px; margin-bottom: 0px; font-weight: bolder; } table.bloc_grafic td.dreta a { color: #e30a16; } div.articles { margin-top: 15px; } div.articles .quadre { background-color: #F2F2EE; width: 100%; margin-bottom: 10px; } div.articles .quadre .dreta { padding: 5px 10px 5px 10px; float: right; width: 200px; text-align: right } div.articles .quadre .dreta h4 { margin-bottom: 3px; } div.articles .quadre .dreta h4 a { color: #000; font-weight: bolder; } div.articles .quadre .esquerra { float: left; width: 200px; padding-top: 3px; } div.articles .text { float: right; width: 317px; } div.articles .text p, .articles p { margin-top: 5px; } div.articles .imatge { float: left; margin: 10px 10px 5px 0px; width: 190px; text-align: center; } div.articles div.peu { color: #605d5d; font-size: 11px; padding: 5px 5px 3px 5px; text-align: left; } div.articles .llegenda { margin-top: 7px; font-size: 11px; padding: 5px 0; } /* -------- 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 } .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; } /* ------------------------------------------------------------------------ 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;}