/* PRINCIPALS */ #marc { width:776px; clear:both; margin:20px auto 0 auto; padding:6px 0; background-color: #fff;padding:10px 40px 3px 40px; border-radius:15px} #idiomes {width: 100%; margin:1em 3em 4em 0} #banner { height:150px; margin-bottom:20px} #banner_pag { height:96px; margin-bottom:20px} #menu { height:10px; margin:13px 0; font-size:13px; letter-spacing:-1px; line-height:19px; background-color:#e9e9e9; border-radius:5px } #contingut { margin: 20px 0;} #menulateral { padding: 20px 0 20px 12px; background-color: #fff; width: 123px; border-right: 613px solid #fff; margin-right: -613px; float: left;} #contingutcentral { padding: 0px 13px 20px 14px;margin-top: 1em; width: 613px; float: left; background: #fff; text-align: justify; border-left: 1px dashed #b6b7b5;} #columnaesquerra { float:left; width:360px; padding: 0 11px} #columnaesquerraprojectes { float:left; width:399px; padding: 0 20px} #columnacentral { float:left; width:602px; padding: 0 11px} #columnacentralserveis { float:left; width:602px; padding: 0 11px; margin-bottom:15px;} #columnacentralprojectes { float:left; width:578px; padding: 0 20px} #columnadreta { float:left; width:231px;} #columnadretaprojectes { width:160px; float:left} /* SERVEIS */ #imatgestableserveis { height:115px; float:left; width:100px; border:#b6b6b6 1px solid; margin-bottom:20px; overflow:hidden} #txttableserveis { position: relative; width:465px; height:115px; background-color:#fff; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 20px 105px; } #txttablecentrarserveis { width: 459px; height: 94px; top: 50%; margin-top: -47px; position: absolute } #imatgestablecodesenvolupament { height:155px; float:left; width:100px; border:#b6b6b6 1px solid; margin-bottom:20px; overflow:hidden} #txttablecodesenvolupament { position: relative; width:465px; height:155px; background-color:#fff; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 20px 105px; } #txttablecentrarcodesenvolupament { width: 459px; height: 128px; top: 50%; margin-top: -64px; position: absolute } #imatgestablecodesenvolupament_2_cat { height:180px; float:left; width:100px; border:#b6b6b6 1px solid; margin-bottom:20px; overflow:hidden} #txttablecodesenvolupament_2_cat { position: relative; width:465px; height:180px; background-color:#fff; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 20px 105px; } #txttablecentrarcodesenvolupament_2_cat { width: 459px; height: 128px; top: 43%; margin-top: -64px; position: absolute } #imatgestablecodesenvolupament_2_esp { height:180px; float:left; width:100px; border:#b6b6b6 1px solid; margin-bottom:20px; overflow:hidden} #txttablecodesenvolupament_2_esp { position: relative; width:465px; height:180px; background-color:#fff; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 20px 105px; } #txttablecentrarcodesenvolupament_2_esp { width: 459px; height: 128px; top: 43%; margin-top: -64px; position: absolute } /* AREES GEOGRAFIQUES */ #tablearees { width:100%; height:75px} #tableareescolumna01 { width:45%; float:left } #tableareescolumna02 { width:45%; float:right } /* PUBLICACIONS i SERVEIS */ #imatgestable { height:142px; float:left; width:100px; border:#b6b6b6 1px solid; margin-bottom:20px; overflow:hidden} #imatgestable_guies_cat { height:180px; float:left; width:100px; border:#b6b6b6 1px solid; margin-bottom:20px; overflow:hidden; } #imatgestable_guies_esp { height:180px; float:left; width:100px; border:#b6b6b6 1px solid; margin-bottom:20px; overflow:hidden; } #imatgestable_guies_eng { height:180px; float:left; width:100px; border:#b6b6b6 1px solid; margin-bottom:20px; overflow:hidden; } #txttable { position: relative; width:460px; height:142px; background-color:#fff; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 20px 105px; } #txttable_guies_cat { position: relative; width:460px; height:180px; background-color:#fff; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 20px 105px; } #txttable_guies_esp { position: relative; width:460px; height:180px; background-color:#fff; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 20px 105px; } #txttable_guies_eng { position: relative; width:460px; height:180px; background-color:#fff; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 20px 105px; } #txttablecentrar_guies_esp { width: 459px; height: 100px; top: 43%; margin-top: -50px; position: absolute } #txttablecentrar_guies_cat { width: 459px; height: 100px; top: 43%; margin-top: -50px; position: absolute } #txttablecentrar_guies_eng { width: 459px; height: 100px; top: 43%; margin-top: -50px; position: absolute } #txttablecentrar { width: 459px; height: 100px; top: 46%; margin-top: -50px; position: absolute } #txttablecentrarbutlletins { width: 459px; height: 120px; top: 50%; margin-top: -60px; position: absolute } #txttablecentrarnoticies { width: 459px; height: 83px; top: 50%; margin-top: -41px; position: absolute } /* PER A QUI TREBALLEM */ #imatgeslogos { height:75px; float:left; width:150px; background-color:#fff; border:#b6b6b6 1px solid} #imatgeslogos img{border-radius: 0!important} #txtlogos { position: relative; height:75px; width:413px; background-color:#e7e7e7; border:#b6b6b6 1px solid; padding: 0 15px 0 15px; margin: 0 0 4px 155px; border-bottom-right-radius:8px;border-top-right-radius:8px; margin-bottom:10px } #txtlogoscentrar { width: 410px; height: 28px; top: 50%; margin-top: -14px; position: absolute; left: 18px} #txtlogoscentrar2linies { width: 420px; height: 38px; top: 50%; margin-top: -19px; position: absolute; left: 16px} /* PROJECTES */ #imatgesbpdreta { height:142px; float:right; width:100px; border:#b6b6b6 1px solid; margin-left:20px; margin-bottom:35px} #imatgesbpesquerra { height:142px; float:left; width:100px; border:#b6b6b6 1px solid; margin-right:20px; margin-bottom:30px} #projectestable01 { height:12px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02 { height:12px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable02_sin_logo { height:12px; width:375px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_2linies { height:25px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_2linies { height:25px; width: 195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable02_2linies_sin_logo { height:25px; width: 375px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_3linies { height:40px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_3linies { height:40px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_4linies { height:50px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_4linies { height:50px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable02_4linies_sin_logo { height:50px; width:375px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_5linies { height:64px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_5linies { height:64px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_6linies { height:74px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_6linies { height:74px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_7linies { height:84px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_7linies { height:84px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_8linies { height:100px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_8linies { height:100px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_9linies { height:110px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_9linies { height:110px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_10linies { height:120px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_10linies { height:120px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_11linies { height:135px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_11linies { height:135px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_13linies { height:180px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_13linies { height:180px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_14linies { height:200px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_14linies { height:200px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_14linies_esp { height:185px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_14linies_esp { height:185px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_16linies { height:278px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_16linies { height:278px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_19linies { height:235px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_19linies { height:235px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_31linies { height:375px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_31linies{ height:375px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_31linies_esp { height:390px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_31linies_esp{ height:390px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_32linies { height:330px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_32linies { height:330px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_38linies_sin_logo { height:305px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_38linies_sin_logo { height:305px; width:375px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } #projectestable01_48linies { height:700px; width:175px; border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left; font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; text-align:left; margin-top:5px} #projectestable02_48linies { height:700px; width:195px; padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px; } projectestable01_new{height: auto;width: 50%;border:#a1a1a1 1px solid; background-color: #dbdbdb; text-align:left; float:left;font-size:12px; line-height:12px; font-weight:bold; padding:15px 5px 15px 10px; margin-top:5px} projectestable02_new{height: auto;width: 50%;padding:15px 5px 15px 5px; text-align:left; border:#a1a1a1 1px solid; margin: 5px 0 0 191px; font-size:12px; line-height:12px;} /* BUTLLETI HOME */ #butlleti { width: 776px; height: 31px; position: relative; background:url(../img/skin/home/butlleti_fons.jpg) left top no-repeat; } /*PEU*/ #peu { clear:both; width:100%; margin-top:20px;padding:20px 0 } /* GENERALS */ body { margin: 0; margin-bottom:20px; padding: 0; background: #ededed; font-family: 'Raleway', sans-serif; color:#000; font-size:12px; line-height:18px; font-weight:normal } a { text-decoration:none; } h1 { background:url(../img/skin/logo.jpg) no-repeat; width:125px; height:118px; font-size:14px; float:left} #h1.otro { background:url(../img/skin/logo_pag_2019_2.png) no-repeat; background-size: 100%;display:block; text-indent:-9999px;width: 100%; height: 170px; font-size:14px; float:left;} #h1.inpage { background:url(../img/skin/logo_pag_2019_2.png) no-repeat; background-size: cover;display:block; text-indent:-9999px;width: 100%; height: 96px; font-size:14px; float:left;} .img_banner_new{width:70%;float: right} h2 { font-size: 16px; /*background: url(../img/skin/bg_titol.gif) no-repeat;*/ width:603px; height:24px; padding: 4px 0 0 10px; margin-bottom: 18px} h3 { font-weight:bold; padding: 10px 0 10px 0; font-size:14px;text-transform:uppercase;font-family: 'Roboto Condensed', sans-serif;line-height:1em} h4 { font-size: 16px; /*background: url(../img/skin/bg_titol_2_linies.gif) no-repeat;*/border-left:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6; border-bottom-left-radius:6px; width:603px; height:40px; padding: 4px 0 0 10px; margin-bottom: 18px;text-transform:uppercase;font-family: 'Roboto Condensed', sans-serif;line-height:1em} h5 { font-size: 16px; text-align:left; font-weight:bold; margin:10px 0 20px 0; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; line-height:1em } h6 { font-size: 16px; text-align:left; font-weight:bold; margin:0 0 5px 0; text-transform:uppercase;font-family: 'Roboto Condensed', sans-serif; } p { line-height:16px; padding-bottom: 10px; font-size:12px} p.llegirmes { line-height:14px; padding:0 15px 25px 0; font-size:12px; text-align:right } p.sotaimatge { line-height:14px; padding-bottom: 10px; font-size:12px; text-align:center;margin-top: 1em} p.puntsesquerra {background:url(../img/skin/icon_llista.gif) 0 4px no-repeat; line-height:12px; padding:0 15px 15px 10px; font-size:12px; text-align:justify } p.swfarees { padding:30px 0 0 0; text-align:center} p.table { color:#F00; vertical-align:top; line-height:12px; padding-bottom: 10px; font-size:12px} hr{margin: 20px 0} .hr{padding-top:12px;} em { font-style:oblique;} /* p.butlletitxt {font-size:12px; color:606060; font-weight:bold; padding:9.5px 0 0 20px} */ br.clear {font-size: 1px; line-height: 1px; font-weight: normal; clear:both; height:1px;} strong { font-weight:bold} /* IDIOMES */ #idiomes ul { float:right} #idiomes ul li { display:inline; margin-left: 20px; color:#546484; font-family: 'Raleway', sans-serif;font-size:12px !important} #idiomes ul li a { color:#000} #idiomes ul li.actiu a { color:#546484; font-weight:bold} #idiomes ul li.actiu a:hover { text-decoration:none} #idiomes ul li a:hover { color:#546484; text-decoration:underline} /* BANNER */ #banner span, #banner_pag span{ display:none} #banner img, #banner_pag img{ float:right} /* MENU PRINCIPAL HORTIZTONTAL */ ul#nav li span { display:none} /* Catala */ div.catala ul#nav li #inici { background:url(../img/skin/menu/ca/inici.jpg) top left no-repeat; width:47px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #inici:hover, div.catala ul#nav li.actiu #inici { background:url(../img/skin/menu/ca/inici_a.jpg) top left no-repeat} div.catala ul#nav li #presentacio { background:url(../img/skin/menu/ca/presentacio.jpg) top left no-repeat; width:85px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #presentacio:hover, div.catala ul#nav li.actiu #presentacio { background:url(../img/skin/menu/ca/presentacio_a.jpg) top left no-repeat} div.catala ul#nav li #serveis { background:url(../img/skin/menu/ca/serveis.jpg) top left no-repeat; width:60px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #serveis:hover, div.catala ul#nav li.actiu #serveis { background:url(../img/skin/menu/ca/serveis_a.jpg) top left no-repeat;} div.catala ul#nav li #projectes { background:url(../img/skin/menu/ca/projectes.jpg) top left no-repeat; width:73px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #projectes:hover, div.catala ul#nav li.actiu #projectes { background:url(../img/skin/menu/ca/projectes_a.jpg) top left no-repeat;} div.catala ul#nav li #arees { background:url(../img/skin/menu/ca/arees.jpg) top left no-repeat; width:129px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #arees:hover, div.catala ul#nav li.actiu #arees { background:url(../img/skin/menu/ca/arees_a.jpg) top left no-repeat;} div.catala ul#nav li #metodologia { background:url(../img/skin/menu/ca/metodologia.jpg) top left no-repeat; width:91px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #metodologia:hover, div.catala ul#nav li.actiu #metodologia { background:url(../img/skin/menu/ca/metodologia_a.jpg) top left no-repeat;} div.catala ul#nav li #publicacions { background:url(../img/skin/menu/ca/publicacions.jpg) top left no-repeat; width:92px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #publicacions:hover, div.catala ul#nav li.actiu #publicacions { background:url(../img/skin/menu/ca/publicacions_a.jpg) top left no-repeat;} div.catala ul#nav li #treballem { background:url(../img/skin/menu/ca/treballem.jpg) top left no-repeat; width:126px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #treballem:hover, div.catala ul#nav li.actiu #treballem { background:url(../img/skin/menu/ca/treballem_a.jpg) top left no-repeat;} div.catala ul#nav li #contacte { background:url(../img/skin/menu/ca/contacte.jpg) top left no-repeat; width:73px; height:19px; display:block; padding:0; margin:0} div.catala ul#nav li #contacte:hover, div.catala ul#nav li.actiu #contacte { background:url(../img/skin/menu/ca/contacte_a.jpg) top left no-repeat;} div.catala ul#nav li #inici_nou { font-weight:bold;font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center; background-color:#e9e9e9; width:47px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #inici_nou:hover, div.catala ul#nav li.actiu #inici_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} div.catala ul#nav li #presentacio_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#e9e9e9;width:85px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #presentacio_nou:hover, div.catala ul#nav li.actiu #presentacio_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} div.catala ul#nav li #serveis_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#e9e9e9;width:60px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #serveis_nou:hover, div.catala ul#nav li.actiu #serveis_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} div.catala ul#nav li #projectes_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#e9e9e9;width:73px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #projectes_nou:hover, div.catala ul#nav li.actiu #projectes_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} div.catala ul#nav li #arees_nou {text-align:center;background-color:#e9e9e9;width:129px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #arees_nou:hover, div.catala ul#nav li.actiu #arees_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} div.catala ul#nav li #metodologia_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#e9e9e9;width:91px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #metodologia_nou:hover, div.catala ul#nav li.actiu #metodologia_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} div.catala ul#nav li #publicacions_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#e9e9e9;width:92px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #publicacions_nou:hover, div.catala ul#nav li.actiu #publicacions_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} div.catala ul#nav li #treballem_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#e9e9e9;width:126px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #treballem_nou:hover, div.catala ul#nav li.actiu #treballem_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} div.catala ul#nav li #contacte_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#e9e9e9;width:73px; height:19px; display:block; padding:0; margin:0; border-radius:5px; padding-top:7px} div.catala ul#nav li #contacte_nou:hover, div.catala ul#nav li.actiu #contacte_nou {font-family: 'Roboto Condensed', sans-serif;line-height: 1em;font-size: 14px; text-transform:uppercase;text-align:center;background-color:#546384; color:#FFF; border-radius:5px; padding-top:7px} /* Espanyol */ div.espanyol ul#nav li #inici { background:url(../img/skin/menu/esp/inici.jpg) top left no-repeat; width:49px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #inici:hover { background:url(../img/skin/menu/esp/inici_a.jpg) top left no-repeat} div.espanyol ul#nav li.actiu_esp #inici { background:url(../img/skin/menu/esp/inici_a.jpg) top left no-repeat} div.espanyol ul#nav li #presentacio { background:url(../img/skin/menu/esp/presentacio.jpg) top left no-repeat; width:88px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #presentacio:hover { background:url(../img/skin/menu/esp/presentacio_a.jpg) top left no-repeat} div.espanyol ul#nav li.actiu_esp #presentacio { background:url(../img/skin/menu/esp/presentacio_a.jpg) top left no-repeat} div.espanyol ul#nav li #serveis { background:url(../img/skin/menu/esp/serveis.jpg) top left no-repeat; width:67px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #serveis:hover{ background:url(../img/skin/menu/esp/serveis_a.jpg) top left no-repeat;} div.espanyol ul#nav li.actiu_esp #serveis { background:url(../img/skin/menu/esp/serveis_a.jpg) top left no-repeat;} div.espanyol ul#nav li #projectes { background:url(../img/skin/menu/esp/projectes.jpg) top left no-repeat; width:70px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #projectes:hover{ background:url(../img/skin/menu/esp/projectes_a.jpg) top left no-repeat;} div.espanyol ul#nav li.actiu_esp #projectes { background:url(../img/skin/menu/esp/projectes_a.jpg) top left no-repeat;} div.espanyol ul#nav li #arees { background:url(../img/skin/menu/esp/arees.jpg) top left no-repeat; width:117px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #arees:hover{ background:url(../img/skin/menu/esp/arees_a.jpg) top left no-repeat;} div.espanyol ul#nav li.actiu_esp #arees { background:url(../img/skin/menu/esp/arees_a.jpg) top left no-repeat;} div.espanyol ul#nav li #metodologia { background:url(../img/skin/menu/esp/metodologia.jpg) top left no-repeat; width:86px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #metodologia:hover { background:url(../img/skin/menu/esp/metodologia_a.jpg) top left no-repeat;} div.espanyol ul#nav li.actiu_esp #metodologia { background:url(../img/skin/menu/esp/metodologia_a.jpg) top left no-repeat;} div.espanyol ul#nav li #publicacions { background:url(../img/skin/menu/esp/publicacions.jpg) top left no-repeat; width:90px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #publicacions:hover{ background:url(../img/skin/menu/esp/publicacions_a.jpg) top left no-repeat;} div.espanyol ul#nav li.actiu_esp #publicacions { background:url(../img/skin/menu/esp/publicacions_a.jpg) top left no-repeat;} div.espanyol ul#nav li #treballem { background:url(../img/skin/menu/esp/treballem.jpg) top left no-repeat; width:138px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #treballem:hover{ background:url(../img/skin/menu/esp/treballem_a.jpg) top left no-repeat;} div.espanyol ul#nav li.actiu_esp #treballem { background:url(../img/skin/menu/esp/treballem_a.jpg) top left no-repeat;} div.espanyol ul#nav li #contacte { background:url(../img/skin/menu/esp/contacte.jpg) top left no-repeat; width:71px; height:19px; display:block; padding:0; margin:0} div.espanyol ul#nav li #contacte:hover{ background:url(../img/skin/menu/esp/contacte_a.jpg) top left no-repeat;} div.espanyol ul#nav li.actiu_esp #contacte { background:url(../img/skin/menu/esp/contacte_a.jpg) top left no-repeat;} /* Anglès */ div.angles ul#nav li #inici { background:url(../img/skin/menu/eng/inici.jpg) top left no-repeat; width:47px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #inici:hover, div.angles ul#nav li.actiu #inici { background:url(../img/skin/menu/eng/inici_a.jpg) top left no-repeat} div.angles ul#nav li #presentacio { background:url(../img/skin/menu/eng/presentacio.jpg) top left no-repeat; width:85px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #presentacio:hover, div.angles ul#nav li.actiu #presentacio { background:url(../img/skin/menu/eng/presentacio_a.jpg) top left no-repeat} div.angles ul#nav li #serveis { background:url(../img/skin/menu/eng/serveis.jpg) top left no-repeat; width:60px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #serveis:hover, div.angles ul#nav li.actiu #serveis { background:url(../img/skin/menu/eng/serveis_a.jpg) top left no-repeat;} div.angles ul#nav li #projectes { background:url(../img/skin/menu/eng/projectes.jpg) top left no-repeat; width:73px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #projectes:hover, div.angles ul#nav li.actiu #projectes { background:url(../img/skin/menu/eng/projectes_a.jpg) top left no-repeat;} div.angles ul#nav li #arees { background:url(../img/skin/menu/eng/arees.jpg) top left no-repeat; width:129px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #arees:hover, div.angles ul#nav li.actiu #arees { background:url(../img/skin/menu/eng/arees_a.jpg) top left no-repeat;} div.angles ul#nav li #metodologia { background:url(../img/skin/menu/eng/metodologia.jpg) top left no-repeat; width:91px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #metodologia:hover, div.angles ul#nav li.actiu #metodologia { background:url(../img/skin/menu/eng/metodologia_a.jpg) top left no-repeat;} div.angles ul#nav li #publicacions { background:url(../img/skin/menu/eng/publicacions.jpg) top left no-repeat; width:92px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #publicacions:hover, div.angles ul#nav li.actiu #publicacions { background:url(../img/skin/menu/eng/publicacions_a.jpg) top left no-repeat;} div.angles ul#nav li #treballem { background:url(../img/skin/menu/eng/treballem.jpg) top left no-repeat; width:126px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #treballem:hover, div.angles ul#nav li.actiu #treballem { background:url(../img/skin/menu/eng/treballem_a.jpg) top left no-repeat;} div.angles ul#nav li #contacte { background:url(../img/skin/menu/eng/contacte.jpg) top left no-repeat; width:73px; height:19px; display:block; padding:0; margin:0} div.angles ul#nav li #contacte:hover, div.angles ul#nav li.actiu #contacte { background:url(../img/skin/menu/eng/contacte_a.jpg) top left no-repeat;} #pdf_aclaratorio{width:120px;float:right;text-align:center;padding-right:5px;} #fitxes_2_autors{width:575px;height:85px;float:left;} #fitxes_2_autors_1{text-align:left;width:140px;height: inherit;float:left;} #fitxes_2_autors_2{text-align:right;width:320px;height: inherit;float:right;} /* CONTINGUTS PAGINES */ #menulateral ul li { line-height:14px; padding:0 5px 5px 0; } #menulateral ul a{ font-size:12px !important; color:#000; line-height:10px;font-family: 'Raleway', sans-serif; } #menulateral ul a:hover { color:#263278; text-decoration:underline;font-family: 'Raleway', sans-serif;font-size:12px;} #menulateral a { font-size:13px; color:#000; line-height:1em } #menulateral a:hover { color:#263278; text-decoration:underline } #menulateral a.actiu { color:#263278; text-decoration:underline; font-weight:bold; background:url(../img/skin/icon_submenu.gif) 0 4px no-repeat; padding-left:8px} #menulateral a.menu { font-size:12px; color:#000; line-height:10px; background:url(../img/skin/icon_submenu.gif) 0 4px no-repeat; padding-left:8px} #columnaesquerra ul, ul.llista_sota_requadres { margin-left: 40px } #columnaesquerra ul li, ul.llista_sota_requadres li { background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 10px 10px; line-height:12px; font-size:12px} #columnaesquerra ul li.boto{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding-left:20px; font-size:12px} #columnaesquerra ul li.desplegable{ background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 10px 10px; line-height:10px; font-size:12px} #columnaesquerra ul li.lletres { background:url(#) 0 2px no-repeat; padding-left:16px; font-size:12px} #columnaesquerra a { color:#000; text-decoration:underline} #columnaesquerra a:hover { color:#263278;} #columnacentral ul { margin-left: 40px } #columnacentral ul.desplegable { margin-left: 30px; padding-top:10px } #columnacentral ul li { background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 10px 10px; line-height:16px; font-size:12px} #columnacentral ul li.boto{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding-left:20px; font-size:12px; padding-bottom:10px;} #columnacentral ul li.desplegable{ background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 5px 10px; line-height:12px; font-size:12px} #columnacentral ul li.lletres { background:url(#) 0 2px no-repeat; padding-left:16px; font-size:12px} #columnacentral ul li.projectes{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding:2px 0 0 20px; margin: 10px 0 10px 0; font-size:12px} #columnacentral a { color:#000 ; text-decoration:underline} #columnacentral a:hover { color:#263278; font-weight:bold} #columnacentral_arees { float:left; width:745px; } #contingutcentral_arees { padding: 20px 13px 20px 14px; width: 745px; float: left; background: #fff; text-align: justify; } #columnacentral_arees ul { margin-left: 40px } #columnacentral_arees ul.desplegable { margin-left: 30px; padding-top:10px } #columnacentral_arees ul li { background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 5px 10px; line-height:12px; font-size:12px} #columnacentral_arees ul li.boto{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding-left:20px; font-size:12px; padding-bottom:10px;} #columnacentral_arees ul li.desplegable{ background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 5px 10px; line-height:12px; font-size:12px} #columnacentral_arees ul li.lletres { background:url(#) 0 2px no-repeat; padding-left:16px; font-size:12px} #columnacentral_arees ul li.projectes{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding:2px 0 0 20px; margin: 10px 0 10px 0; font-size:12px} #columnacentral_arees a { color:#000 ; text-decoration:underline} #columnacentral_arees a:hover { color:#263278; font-weight:bold} h2.Open_Sans_Titol_arees{font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;color:#000;font-size: 15px; border-left:1px solid #b6b7b5; border-bottom:1px solid #b6b6b6; border-bottom-left-radius:6px;width:100%;font-weight: 700} #columnacentral_contacte { float:left; width:745px; } #contingutcentral_contacte { padding: 20px 13px 20px 14px; width: 745px; float: left; background: #fff; text-align: justify; } #columnacentral_contacte ul { margin-left: 40px } #columnacentral_contacte ul.desplegable { margin-left: 30px; padding-top:10px } #columnacentral_contacte ul li { background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 5px 10px; line-height:12px; font-size:12px} #columnacentral_contacte ul li.boto{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding-left:20px; font-size:12px; padding-bottom:10px;} #columnacentral_contacte ul li.desplegable{ background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 5px 10px; line-height:12px; font-size:12px} #columnacentral_contacte ul li.lletres { background:url(#) 0 2px no-repeat; padding-left:16px; font-size:12px} #columnacentral_contacte ul li.projectes{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding:2px 0 0 20px; margin: 10px 0 10px 0; font-size:12px} #columnacentral_contacte a { color:#000 ; text-decoration:underline} #columnacentral_contacte a:hover { color:#263278; font-weight:bold} h2.Open_Sans_Titol_contacte{font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;color:#000;font-size: 15px; border-left:1px solid #b6b7b5; border-bottom:1px solid #b6b6b6; border-bottom-left-radius:6px;width:100%;font-weight: 700} #columnadretacontacte { float:right; padding-left:50px; width:180px;} #columnacentralprojectes ul { margin-left: 40px } #columnacentralprojectes ul.desplegable { margin-left: 30px; padding-top:10px } #columnacentralprojectes ul li { background:url(../img/skin/icon_llista.gif) 0 7px no-repeat; padding:2px 0 15px 10px; line-height:16px; font-size:12px} #columnacentralprojectes ul li.boto{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding-left:16px; font-size:12px} #columnacentralprojectes ul li.desplegable{ background:url(../img/skin/icon_llista.gif) 0 5px no-repeat; padding:2px 0 5px 10px; line-height:12px; font-size:12px} #columnacentralprojectes ul li.lletres { background:url(#) 0 2px no-repeat; padding-left:16px; font-size:12px} #columnacentralprojectes ul li.projectes{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding:2px 0 0 16px; margin: 10px 0 10px 0; font-size:12px} #columnacentralprojectes a { color:#000; text-decoration:underline} #columnacentralprojectes a:hover { color:#263278;} #columnadretacontacte a { color:#000; text-decoration:underline} #columnadretacontacte a:hover { color:#263278;} img.dreta { float:right; margin:0 0 10px 18px} img.dreta_dalt { float:right; margin:2em 0 10px 18px} img.dreta_planol {float:right; border:#b6b6b6 1px solid;border-radius: 12px} img.bototornar {float:right;} img.bototornarserveis {float:left;} img.graficahome {float:right; margin: 0 0 60px 35px;} img.esquerra { float:left; margin:0 18px 10px 0} img.esquerra_dalt { float:left; margin:25px 18px 10px 0} h3.esquerra_dalt{ margin-top:25px} img.esquerra_ul { float:left; margin:0 18px 10px 0;margin-left: -40px} li.img_esq{background:none !important;margin-left: -40px} li.llista_romana{ background:none !important;padding:2px 0 15px 10px; line-height:16px; font-size:12px} img.columnadreta { margin-top:28px} img.entitats { border:#b6b6b6 1px solid; margin-bottom:5px; border-radius:5px; } img.entitatsprojectes { float:right; border:#b6b6b6 1px solid; margin:5px 0 0 0; border-radius:5px} /* PEU */ #peu p { font-size:12px; color:#6e6d6d; text-align:center;font-family: 'Raleway', sans-serif; } /* FORMULARIS */ /* Alta newsletter */ #butlleti { padding-top: 5px;} #butlleti p.butlletitxt {font-size:12px; color:606060; font-weight:bold; padding:10px 17px 0 20px; display:inline;} #butlleti input#email { width:203px; font-size:12px; color:#666} #butlleti .bt_alta {float:right; margin-top:2px; margin-right:14px} /* Forumuari Contacte */ #formContacte label { display:block} #formContacte input { width:320px; border-radius:8px; margin-bottom:10px; } #formContacte textarea { width:500px; height:130px; border-radius:8px; margin-bottom:10px} #formContacte .bt_enviar { float:left; width:auto; margin-top:15px;cursor: pointer} #formContacte .bt_borrar { float:left; width:auto; margin-top:15px;cursor: pointer;margin-left:365px} #formContacte p { margin-top: 15px} input[type="submit"]:hover{ background-color:#546484; color:#FFF} input[type="reset"]:hover{ background-color:#546484; color:#FFF} /* POPUP ENTRADA */ #ventanaPopup1Fondo{ display:none; position:fixed; _position:absolute; /* caso especial para IE 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1;} #ventanaPopup1{ display:none; position:fixed; _position:absolute; /* caso especial para IE 6*/ height:384px; width:408px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px;} #ventanaPopup1Cerrar{font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block;} /* GOOGLE_FONTS */ p.titol_publicacions {font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;color:#404040;font-size: 15px;font-weight: 700} h2.Open_Sans_Titol{font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;color:#000;font-size: 15px; border-left:1px solid #b6b7b5; border-bottom:1px solid #b6b6b6; border-bottom-left-radius:6px;font-weight: 700} p.titol_bones_practiques {font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;color:#404040;font-size: 15px; padding:10px 0 13px 0;} p.data{ text-align:right;font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;font-size: 16px; font-weight:bold} strong{font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;font-size: 12px} /* BOTONS NOUS */ /* Aquí està la info de les icones (fletxes) dels botons nous amb css3 */ @font-face{ font-family:FontAwesome; src:url(https://maxcdn.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix) format('eot'), url(https://maxcdn.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.woff) format('woff'), url(https://maxcdn.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.ttf) format('truetype'), url(https://maxcdn.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.svg#FontAwesome) format('svg'); font-weight:400;font-style:normal;} [class^=icon-]:before,[class*=" icon-"]:before{font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit;} a [class^=icon-],a [class*=" icon-"]{display:inline-block;text-decoration:inherit;} .icon-large:before{vertical-align:top;font-size:1.3333333333333em;} .btn [class^=icon-],.btn [class*=" icon-"]{line-height:.9em;} li [class^=icon-],li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center;} li .icon-large[class^=icon-],li .icon-large[class*=" icon-"]{width:1.875em;} li[class^=icon-],li[class*=" icon-"]{margin-left:0;list-style-type:none;} li[class^=icon-]:before,li[class*=" icon-"]:before{text-indent:-2em;text-align:center;} li[class^=icon-].icon-large:before,li[class*=" icon-"] .icon-large:before{text-indent:-1.3333333333333em;} .icon-glass:before{content:"\f000";} .icon-music:before{content:"\f001";} .icon-search:before{content:"\f002";} .icon-envelope:before{content:"\f003";} .icon-heart:before{content:"\f004";} .icon-star:before{content:"\f005";} .icon-star-empty:before{content:"\f006";} .icon-user:before{content:"\f007";} .icon-film:before{content:"\f008";} .icon-th-large:before{content:"\f009";} .icon-th:before{content:"\f00a";} .icon-th-list:before{content:"\f00b";} .icon-ok:before{content:"\f00c";} .icon-remove:before{content:"\f00d";} .icon-zoom-in:before{content:"\f00e";} .icon-zoom-out:before{content:"\f010";} .icon-off:before{content:"\f011";} .icon-signal:before{content:"\f012";} .icon-cog:before{content:"\f013";} .icon-trash:before{content:"\f014";} .icon-home:before{content:"\f015";} .icon-file:before{content:"\f016";} .icon-time:before{content:"\f017";} .icon-road:before{content:"\f018";} .icon-download-alt:before{content:"\f019";} .icon-download:before{content:"\f01a";} .icon-upload:before{content:"\f01b";} .icon-inbox:before{content:"\f01c";} .icon-play-circle:before{content:"\f01d";} .icon-repeat:before{content:"\f01e";} .icon-refresh:before{content:"\f021";} .icon-list-alt:before{content:"\f022";} .icon-lock:before{content:"\f023";} .icon-flag:before{content:"\f024";} .icon-headphones:before{content:"\f025";} .icon-volume-off:before{content:"\f026";} .icon-volume-down:before{content:"\f027";} .icon-volume-up:before{content:"\f028";} .icon-qrcode:before{content:"\f029";} .icon-barcode:before{content:"\f02a";} .icon-tag:before{content:"\f02b";} .icon-tags:before{content:"\f02c";} .icon-book:before{content:"\f02d";} .icon-bookmark:before{content:"\f02e";} .icon-print:before{content:"\f02f";} .icon-camera:before{content:"\f030";} .icon-font:before{content:"\f031";} .icon-bold:before{content:"\f032";} .icon-italic:before{content:"\f033";} .icon-text-height:before{content:"\f034";} .icon-text-width:before{content:"\f035";} .icon-align-left:before{content:"\f036";} .icon-align-center:before{content:"\f037";} .icon-align-right:before{content:"\f038";} .icon-align-justify:before{content:"\f039";} .icon-list:before{content:"\f03a";} .icon-indent-left:before{content:"\f03b";} .icon-indent-right:before{content:"\f03c";} .icon-facetime-video:before{content:"\f03d";} .icon-picture:before{content:"\f03e";} .icon-pencil:before{content:"\f040";} .icon-map-marker:before{content:"\f041";} .icon-adjust:before{content:"\f042";} .icon-tint:before{content:"\f043";} .icon-edit:before{content:"\f044";} .icon-share:before{content:"\f045";} .icon-check:before{content:"\f046";} .icon-move:before{content:"\f047";} .icon-step-backward:before{content:"\f048";} .icon-fast-backward:before{content:"\f049";} .icon-backward:before{content:"\f04a";} .icon-play:before{content:"\f04b";} .icon-pause:before{content:"\f04c";} .icon-stop:before{content:"\f04d";} .icon-forward:before{content:"\f04e";} .icon-fast-forward:before{content:"\f050";} .icon-step-forward:before{content:"\f051";} .icon-eject:before{content:"\f052";} .icon-chevron-left:before{content:"\f053";} .icon-chevron-right:before{content:"\f054";} .icon-plus-sign:before{content:"\f055";} .icon-minus-sign:before{content:"\f056";} .icon-remove-sign:before{content:"\f057";} .icon-ok-sign:before{content:"\f058";} .icon-question-sign:before{content:"\f059";} .icon-info-sign:before{content:"\f05a";} .icon-screenshot:before{content:"\f05b";} .icon-remove-circle:before{content:"\f05c";} .icon-ok-circle:before{content:"\f05d";} .icon-ban-circle:before{content:"\f05e";} .icon-arrow-left:before{content:"\f060";} .icon-arrow-right:before{content:"\f061";} .icon-arrow-up:before{content:"\f062";} .icon-arrow-down:before{content:"\f063";} .icon-share-alt:before{content:"\f064";} .icon-resize-full:before{content:"\f065";} .icon-resize-small:before{content:"\f066";} .icon-plus:before{content:"\f067";} .icon-minus:before{content:"\f068";} .icon-asterisk:before{content:"\f069";} .icon-exclamation-sign:before{content:"\f06a";} .icon-gift:before{content:"\f06b";} .icon-leaf:before{content:"\f06c";} .icon-fire:before{content:"\f06d";} .icon-eye-open:before{content:"\f06e";} .icon-eye-close:before{content:"\f070";} .icon-warning-sign:before{content:"\f071";} .icon-plane:before{content:"\f072";} .icon-calendar:before{content:"\f073";} .icon-random:before{content:"\f074";} .icon-comment:before{content:"\f075";} .icon-magnet:before{content:"\f076";} .icon-chevron-up:before{content:"\f077";} .icon-chevron-down:before{content:"\f078";} .icon-retweet:before{content:"\f079";} .icon-shopping-cart:before{content:"\f07a";} .icon-folder-close:before{content:"\f07b";} .icon-folder-open:before{content:"\f07c";} .icon-resize-vertical:before{content:"\f07d";} .icon-resize-horizontal:before{content:"\f07e";} .icon-bar-chart:before{content:"\f080";} .icon-twitter-sign:before{content:"\f081";} .icon-facebook-sign:before{content:"\f082";} .icon-camera-retro:before{content:"\f083";} .icon-key:before{content:"\f084";} .icon-cogs:before{content:"\f085";} .icon-comments:before{content:"\f086";} .icon-thumbs-up:before{content:"\f087";} .icon-thumbs-down:before{content:"\f088";} .icon-star-half:before{content:"\f089";} .icon-heart-empty:before{content:"\f08a";} .icon-signout:before{content:"\f08b";} .icon-linkedin-sign:before{content:"\f08c";} .icon-pushpin:before{content:"\f08d";} .icon-external-link:before{content:"\f08e";} .icon-signin:before{content:"\f090";} .icon-trophy:before{content:"\f091";} .icon-github-sign:before{content:"\f092";} .icon-upload-alt:before{content:"\f093";} .icon-lemon:before{content:"\f094";} .icon-phone:before{content:"\f095";} .icon-check-empty:before{content:"\f096";} .icon-bookmark-empty:before{content:"\f097";} .icon-phone-sign:before{content:"\f098";} .icon-twitter:before{content:"\f099";} .icon-facebook:before{content:"\f09a";} .icon-github:before{content:"\f09b";} .icon-unlock:before{content:"\f09c";} .icon-credit-card:before{content:"\f09d";} .icon-rss:before{content:"\f09e";} .icon-hdd:before{content:"\f0a0";} .icon-bullhorn:before{content:"\f0a1";} .icon-bell:before{content:"\f0a2";} .icon-certificate:before{content:"\f0a3";} .icon-hand-right:before{content:"\f0a4";} .icon-hand-left:before{content:"\f0a5";} .icon-hand-up:before{content:"\f0a6";} .icon-hand-down:before{content:"\f0a7";} .icon-circle-arrow-left:before{content:"\f0a8";} .icon-circle-arrow-right:before{content:"\f0a9";} .icon-circle-arrow-up:before{content:"\f0aa";} .icon-circle-arrow-down:before{content:"\f0ab";} .icon-globe:before{content:"\f0ac";} .icon-wrench:before{content:"\f0ad";} .icon-tasks:before{content:"\f0ae";} .icon-filter:before{content:"\f0b0";} .icon-briefcase:before{content:"\f0b1";} .icon-fullscreen:before{content:"\f0b2";} .icon-group:before{content:"\f0c0";} .icon-link:before{content:"\f0c1";} .icon-cloud:before{content:"\f0c2";} .icon-beaker:before{content:"\f0c3";} .icon-cut:before{content:"\f0c4";} .icon-copy:before{content:"\f0c5";} .icon-paper-clip:before{content:"\f0c6";} .icon-save:before{content:"\f0c7";} .icon-sign-blank:before{content:"\f0c8";} .icon-reorder:before{content:"\f0c9";} .icon-list-ul:before{content:"\f0ca";} .icon-list-ol:before{content:"\f0cb";} .icon-strikethrough:before{content:"\f0cc";} .icon-underline:before{content:"\f0cd";} .icon-table:before{content:"\f0ce";} .icon-magic:before{content:"\f0d0";} .icon-truck:before{content:"\f0d1";} .icon-pinterest:before{content:"\f0d2";} .icon-pinterest-sign:before{content:"\f0d3";} .icon-google-plus-sign:before{content:"\f0d4";} .icon-google-plus:before{content:"\f0d5";} .icon-money:before{content:"\f0d6";} .icon-caret-down:before{content:"\f0d7";} .icon-caret-up:before{content:"\f0d8";} .icon-caret-left:before{content:"\f0d9";} .icon-caret-right:before{content:"\f0da";} .icon-columns:before{content:"\f0db";} .icon-sort:before{content:"\f0dc";} .icon-sort-down:before{content:"\f0dd";} .icon-sort-up:before{content:"\f0de";} .icon-envelope-alt:before{content:"\f0e0";} .icon-linkedin:before{content:"\f0e1";} .icon-undo:before{content:"\f0e2";} .icon-legal:before{content:"\f0e3";} .icon-dashboard:before{content:"\f0e4";} .icon-comment-alt:before{content:"\f0e5";} .icon-comments-alt:before{content:"\f0e6";} .icon-bolt:before{content:"\f0e7";} .icon-sitemap:before{content:"\f0e8";} .icon-umbrella:before{content:"\f0e9";} .icon-paste:before{content:"\f0ea";} .icon-user-md:before{content:"\f200";} /**/ /* Boto de download pdf */ a.button_pdf_download{ background: #d0d0d0 !important; border-radius: 5px; padding: 8px 15px 5px 15px; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size:15px; float:right; color:#636363 !important; text-decoration: none !important; text-shadow:0px 1px 0px #fff; text-transform:uppercase; width: 126px; } a.button_pdf_download i{ float: right; margin-top: 1px; } a.button_pdf_download:hover{ background: #546484 !important; color:#FFF !important; font-size:15px; font-family: 'Roboto Condensed', sans-serif; text-decoration: none !important; text-shadow:0px 1px 0px #000 ; transition:all 0.1s; font-weight:normal !important; } /**/ /* Boto de descarregar pdf */ a.button_pdf_descarregar{ background: #d0d0d0 !important; border-radius: 5px; padding: 8px 15px 5px 15px; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size:15px; float:right; color:#636363 !important; text-decoration: none !important; text-shadow:0px 1px 0px #fff; text-transform:uppercase; width: 136px; } a.button_pdf_descarregar i{ float: right; margin-top: 1px; } a.button_pdf_descarregar:hover{ background: #546484 !important; color:#FFF !important; font-size:15px; font-family: 'Roboto Condensed', sans-serif; text-decoration: none !important; text-shadow:0px 1px 0px #000 ; transition:all 0.1s; font-weight:normal !important; } /**/ /* Boto de tornar anglès */ a.button_back_eng{ background: #d0d0d0 !important; border-radius: 5px; padding: 2px 10px 0 10px; height:18px; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size:12px; float:right; text-align:right; color:#636363 !important; text-decoration: none !important; text-shadow:0px 1px 0px #fff; text-transform:uppercase; width: 40px; } a.button_back_eng i{ float: left; margin-top: 1px; } a.button_back_eng:hover{ background: #546484 !important; color:#FFF !important; font-size:12px; font-family: 'Roboto Condensed', sans-serif; text-decoration: none !important; text-shadow:0px 1px 0px #000 ; transition:all 0.1s; font-weight:normal !important; } /**/ /* Boto de tornar espanyol */ a.button_back_esp{ background: #d0d0d0 !important; border-radius: 5px; padding: 2px 10px 0 10px; height:18px; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size:12px; float:right; text-align:right; color:#636363 !important; text-decoration: none !important; text-shadow:0px 1px 0px #fff; text-transform:uppercase; width: 55px; } a.button_back_esp i{ float: left; margin-top: 1px; } a.button_back_esp:hover{ background: #546484 !important; color:#FFF !important; font-size:12px; font-family: 'Roboto Condensed', sans-serif; text-decoration: none !important; text-shadow:0px 1px 0px #000 ; transition:all 0.1s; font-weight:normal !important; } /**/ /* Boto de tornar català */ a.button_back_cat{ background: #d0d0d0 !important; border-radius: 5px; padding: 2px 10px 5px 10px; height:14px; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size:12px; float:right; text-align:right; color:#636363 !important; text-decoration: none !important; text-shadow:0px 1px 0px #fff; text-transform:uppercase; width: 55px; } a.button_back_cat i{ float: left; margin-top: 1px; } a.button_back_cat:hover{ background: #546484 !important; color:#FFF !important; font-size:12px; font-family: 'Roboto Condensed', sans-serif; text-decoration: none !important; text-shadow:0px 1px 0px #000 ; transition:all 0.1s; font-weight:normal !important; } /**/ p.primera_linia{margin-top: 2em} img{border-radius: 15px} .delegacions{text-transform: uppercase;font-weight: bold;font-family: 'Roboto Condensed', sans-serif;font-size: 14px} /* Menú HTML 5 */ ul.new_menu { font-family: 'Roboto Condensed', sans-serif!important; font-size: 12px; letter-spacing: 0px; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #EDEDED; border-radius: 5px; text-align:center; width:100%; } li.new_menu {float: left;text-transform:uppercase;} li.new_menu_curt {width:12.5%!important;} li.new_menu_inici {width:6.5%!important;} li.new_menu_per_a_qui {width:18%!important;} li.new_menu_metodologia {width:13%!important;} li.new_menu_inici_esp {width:7%!important;} li.new_menu_presentacio_esp {width:14%!important;} li.new_menu_curt_esp {width:10%!important;} li.new_menu_metodologia_esp {width:15%!important;} li.new_menu_publicacions_esp{width:13%!important} li.new_menu_per_a_qui_esp {width:21%!important;} li.new_menu_inici_eng {width:8%!important;} li.new_menu_presentacio_eng {width:15%!important;} li.new_menu_curt_eng {width:12%!important;} li.new_menu_metodologia_eng {width:14%!important;} li.new_menu_publicacions_eng{width:14%!important} li.new_menu_per_a_qui_eng {width:16%!important;} li.new_menu a, .dropbtn_new_menu { display: inline-block; color: #000; text-align: center; padding: 3px 0 1px 0; text-decoration: none; } li.new_menu a{font-weight: 700;} li.new_menu a:hover{font-weight: 100;} li.new_menu a:hover, .dropdown_new_menu:hover .dropbtn_new_menu { display: inline-block; background-color: #546485; border-radius: 5px; width:100%; color:#FFF } .dropdown_new_menu:hover{font-weight: 100!important} li.dropdown_new_menu { display: inline-block; color: #000 !important; } .dropdown-content_new_menu { font-weight: normal!important; display: none; position: absolute; background-color: #f9f9f9; min-width: 350px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; font-family: 'Raleway', sans-serif; padding-top: 5px; padding-bottom: 5px; overflow: hidden; } .dropdown-content_new_menu a { color: black !important; padding: 3px 0px 3px 16px !important; text-decoration: none !important; display: block !important; text-align: left !important; text-transform: none!important; width:100%; font-weight: 100!important } .dropdown-content_new_menu a:hover {background-color: #f1f1f1!important;margin: 0px!important;border-radius: 0!important;width: 100%;font-weight: 100!important} .dropdown_new_menu:hover .dropdown-content_new_menu { display: block!important; } .active_new_menu { background-color: #546485!important; color: white!important; border-radius: 5px!important; width:100%!important; font-weight: 100!important } a.ppal:hover{font-weight: 100 !important} /* End Menú HTML 5*/ /* Slider HOME HTML5 */ .logo_html5{width:28%!important;float: left;display: block} @keyframes fade { 0% { opacity: 0; } 3.125% { opacity: 1; } 12.5% { opacity: 1; } 15.625% { opacity: 0; } 100% { opacity: 0; } } .fadein {position:relative; height:inherit; width:72%; border-radius: 10px;overflow:hidden; outline: none;float: right} .fadein img {position:absolute; display: block; margin-left: auto; margin-right: auto; width: 100%; /*left:0; right:0;*/opacity:0; animation-name: fade; animation-duration: 32s; animation-iteration-count: infinite; } .fadein img:nth-child(1) { animation-delay: 0s; } .fadein img:nth-child(2) { animation-delay: 4s; } .fadein img:nth-child(3) { animation-delay: 8s; } .fadein img:nth-child(4) { animation-delay: 12s; } .fadein img:nth-child(5) { animation-delay: 16s; } .fadein img:nth-child(6) { animation-delay: 20s; } .fadein img:nth-child(7) { animation-delay: 24s; } .fadein img:nth-child(8) { animation-delay: 28s; } /* End Slider HOME HTML5 */ .banner_pag_new {position:relative; height:inherit; width:72%; border-radius: 10px;overflow:hidden; outline: none;float: right} .banner_pag_new img {position:absolute; display: block; margin-left: auto; margin-right: auto; width: 100%;} /* Contacte new */ #contacte_new{padding-left: 1em} #contacte_new a{color: #000;text-decoration: underline} #contacte_new a:hover{color: #000;text-decoration: underline;font-weight: 700} /* HOME */ div.home { border-left:1px dashed #b6b7b5; border-right:1px dashed #b6b7b5; padding:20px 40px; margin:0 0 20px 0; text-align:justify} ul.destacatsHome li { display:inline; padding-right:23px;} ul.destacatsHome li.ultim { padding-right:0px !important} ul.destacatsHome li.ultim img { float: right} ul.destacatsHome {padding-bottom: 15px !important} ul.destacatsHome_1 li { display:inline; padding-right:10px;} ul.destacatsHome_1 li.ultim { padding-right:0px !important; } ul.destacatsHome_1 {padding-bottom: 15px !important} ul.destacatsHome_2 li { display:inline; padding-right:10px;} ul.destacatsHome_2 li.ultim { padding-right:0px !important} ul.destacatsHome_2 {padding-bottom: 15px !important} img.dreta_botons_home { float:right; margin:0 0 20px 10px} img.esquerra_botons_home { float:left; margin:0 0 10px 0} img.esquerra_100_botons_home { float:left; margin:0 18px 10px 0} img.mig_botons_home { float:left; margin:0 auto 10px auto} #destacats_home_div{width: 100%} p.peu_mails a {text-decoration: underline;color: #000;} /* MUNICIPIS IGUALITARIS */ #baner_municipis{margin: 3em 0 4em 0} p.title_municipis{text-transform: uppercase; font-size: 3em !important;line-height: 1em !important; text-align: center;} p.title_municipis2{text-transform: uppercase; font-size: 3em !important;line-height: 1em !important; text-align: center;margin-top: 1em} #section_municipis{margin: 1em 0 2em 0;float: left} #section_municipis p{font-size: 1.3em; line-height: 1.3em} #section_municipis ul li { background:url(../img/skin/icon_llista.gif) 0 8px no-repeat; padding:2px 0 10px 10px; line-height:1.3em; font-size:1.3em} #grafics_municipis{text-align: center;margin: 1em 0 0 0} #grafics_municipis_2{text-align: center;margin: 2em 0 0 0} img.border_new { border:#c5c6c4 1px solid; border-radius:20px; margin-bottom: 2em} img.border_new2 { border:#c5c6c4 1px solid; border-radius:20px;} .section_municipis_Columnes {padding-top: 25px;} .section_municipis_Columnes p{font-size: 1.3em; line-height: 1.3em;} .column_left { width: 70%;float: left;} .column_right {width: 25%;float: right;} p.distintiu{font-size: 1.1em;text-align: center} a.municipi_mail { text-decoration: underline; color: #000;} #primera_linia_municipis{margin-top: 1em} .titol_gran_new_sense_baner{margin-top: 4.5em} .Youtube_01 {margin-top: 2em} .Youtube_01 p{text-align: center;font-size: 1.4em; line-height: 1.2em; text-transform: uppercase;font-weight: bold;} p.title_2{text-transform: uppercase; font-size: 2.3em !important; text-align: center;margin: 1em 0} p.title_3{text-transform: uppercase; font-size: 2.3em !important; text-align: left;margin: 1em 0 0 0} .baner_interior_normal{margin: 3em 0 2em 0} li.boto_new{ background:url(../img/skin/icon_fletxa.gif) 0 0 no-repeat; padding-left:20px; font-size:12px; padding-bottom:10px;} .contingut_new p, .contingut_new ul li.boto_new{font-size: 1.3em; line-height: 1.3em;} .contingut_new ul{margin:1em 0} li.boto_new a{text-decoration: underline;color: #000;} li.boto_new a:hover{color:#263278; font-weight:600} li.anys_new {font-size:1.8em;font-weight:500;padding: 0.5em 0} .contingut_new{border-bottom:#c5c6c4 1px solid; border-top:#c5c6c4 1px solid} p.frases_grans{text-transform: uppercase; font-size: 2.6em !important; line-height: 1em; text-align: center;margin: 1em 0} #codes_explicacio p, #codes_explicacio ul {font-size:1.3em;line-height: 1.3em;} #codes_explicacio ul li{padding:1em 0 0 0} #codes_explicacio ul{margin:0 0 2em 0} #codes_explicacio2 p{font-size:1.3em;line-height: 1.3em;} #codes_explicacio2{margin:2em 0 0 0} a.link_new{text-decoration: underline;color: #000;} a.link_new:hover{color:#263278; font-weight:600} p.pre_border_separador{ margin-bottom:1em} .video_new{ text-align:center!important;margin-top:1em;} #falsos_somnis{margin-top:2em;} #falsos_somnis p{font-size:1.3em;line-height: 1.3em;} ol.numerada{font-size:1.3em;line-height: 1.3em;} ol.numerada li{padding-bottom:1em} b.llistes{font-size:1.1em}