/*------------------------------
website:http://www.isfcgil.it
2 maggio 2010
------------------------------*/
body {font-size:62.5%;/* 16px × 62.5% = 10px;1em = 10px */}
h1.logo {width:142px;height:127px;position:absolute;top:0;left:0;background:url(../img/logo-isf-cgil.png) no-repeat left top;text-indent:-999em;z-index:1;}
a,a:link {color:#5057ac;}
a:visited {}
a:hover,a:active {color:#6a72cf;}
a,input,button {cursor:pointer;/*vertical-align:middle;*/}
strong{font-weight:bold;}
em{font-style:italic;}
/***---------- page ----------***/
#page {width:96em;font-family:"museo-sans-1","museo-sans-2",sans-serif;}
/**---------- header ----------**/
#header {width:95.1em;height:21em;border-top:3px solid #434240;border-bottom:9px solid #a11d20;background:url(../img/shadow-l.png) repeat-y left top;}
/*---------- identity ----------*/
#identity {position:relative;top:3.4em;width:71.5em;height:17.3em;border-top:3px solid #ececd0;background:#fefef2 url(../img/identity-f-shadow.png) no-repeat right bottom;}
#identity h2:first-child {width:31em;position:relative;padding:1em;left:10.5em;top:4.5em;text-indent:-999em;background:url(../img/isf-h2-2.png) no-repeat center center;}
.section-title {font:italic 6.3em/0.5em Fontin;position:absolute;bottom:-3px;letter-spacing:-0.12em;color:#a11d20;text-transform:lowercase;text-transform:capitalize;}
/*---------- login button ----------*/
#login-btn {background-color:#fff;}
#login-btn .buttons {border:1px solid #fff;width:10em;position:absolute;top:2em;left:70em;background-color:#fff;}
#login-btn button {border:1px solid #c9c990;width:100%;padding:0.1em;color:#68683f;font-size:1.7em;line-height:21px;background:#fff url(../img/sidebar-button-bg.png) repeat-x left top;}
/*---------- nav-activities ----------*/
#nav-activities {float:right;width:22.6em;height:21.9em;margin-top:-17.6em;background:url(../img/nav-activities-bg.png) no-repeat right top;}
#nav-activities ul {margin-top:11.7em;}
#nav-activities a {display:block;font:italic 1.55em/22px "Fontin";text-decoration:none;color:#fff;padding:0.3em 1em;}
#nav-activities a:hover,#nav-activities .active {background-color:rgba(167,8,13,0.75);}
/**---------- main ----------**/
#main {float:left;width:72.5em;background:#fff url(../img/shadow-l.png) repeat-y left top;-moz-box-shadow:1px 0px 3px #e7e7e7;-webkit-box-shadow:1px 0px 3px #e7e7e7;box-shadow:1px 0px 3px #e7e7e7;}
/*---------- section-intro ----------*/
#section-intro {padding:1.5em 4em 1.5em 17.4em;background:url(../img/section-intro-bg-2.png) no-repeat left top;}
#section-intro p {color:#b1b188;line-height:1.6em;font-size:1.7em;font-style:italic;font-family:"museo-slab-1","museo-slab-2",serif;}
/*---------- panoramic ----------*/
#panoramic {padding-left:1em;border-bottom:9px solid #a11d20;background:url(../img/panoramic-bottom-shadow.png) no-repeat right bottom;}
#panoramic-nav {width:14em;float:left;padding-bottom:10em;border-top:1px solid #e0e0de;background:url(../img/panoramic-nav-bg.png) no-repeat right bottom;}
#panoramic-nav li {border-bottom:1px solid #e0e0de;}
#panoramic-nav a {display:block;padding:0.9em 0 0.7em 1em;border-right:1px solid #e0e0de;background:url(../img/nav-sub-a-quadro-bg.png) repeat-x left center;}
#panoramic-nav a:hover,#panoramic-nav .current,#panoramic-nav .here a {border-right:1px solid #fff;background:url(../img/nav-sub-a-arrow.png) no-repeat 115px center;}
.switch-nav a {font:italic 1.54em Fontin;text-decoration:none;color:#a91523;}
.panoramic-section {padding:1.5em 3em;float:right;width:51em;min-height:25em;}
.panoramic-ext {width:65em;float:none;}
/*.panoramic-section h4{font-size:1.7em;line-height:21px;color:#a5a5a5;margin-bottom:1.5em;}
.panoramic-section h4 a{color:rgb(80,87,172);text-decoration:none;}*/
.panoramic-section p,.panoramic-section li,.panoramic-section dt,.panoramic-section dd {font-size:1.4em;line-height:21px;color:#606060;margin-bottom:1em;}
.panoramic-section span {font-size:1.4em;line-height:21px;color:#606060;margin-bottom:1em;}
.panoramic-section a.more-link {font-size:1.4em;line-height:21px;color:#5057ac;text-decoration:underline;}
/*---------- pagina chi siamo ----------*/
.chisiamo h4 {margin:9px 0 7px 0;font:1.5em/1em Fontin;color:#c50b0b;}
.chisiamo strong {font-weight:bold;}
.chi-struttura em, .chi-struttura strong {font-size:1.4em;color:#606060;line-height:21px;}
.chisiamo .more {display:block;color:#5057ac;text-decoration:underline;cursor:pointer;}
.chisiamo .current {display:none;}
/*---------- pagina novità ----------*/
.novita {border-bottom:1px dotted #dedede;color:#caa4be;margin-bottom:10px;}
.novita h4 {margin:9px 0 7px 0;font:italic 1.5em/1em Fontin;color:#747b7d;}
.last {border-bottom-width:0;}
.novita h4.news-title {font-style:normal;color:#c50b0b;}
/*---------- generali attività ----------*/
.activity-details {margin:0 0 2em 0;padding:9px;border:1px solid #d2d0b6;background-color:#f9f9e7;}
.activity-details dl dt {font-size:1.3em;font-style:italic;margin-bottom:0;}
.activity-details dl dd {font-size:1.3em;font-weight:bold;}
.activity-details h4 {position:relative;border-bottom:1px solid #e9e9cf;padding:0 2.2em 0.9em 0;margin-bottom:10px;color:#252521;font-weight:normal;font-size:1.7em;z-index:1;}
.activity-details h4 a,.activity-details h4 a:link,.activity-details h4 a:visited {color:#7f7e65;text-decoration:none;}
.activity-details h4 a:hover,.activity-details h4 a:active {color:#dcdcb4;}
.activity-details .switch {font-size:1em;height:1.3em;width:1.3em;position:absolute;right:0;top:0;cursor:pointer;background:url(../img/switch.png) no-repeat right top;text-indent:-999em;}
.activity-details .current {background:url(../img/switch.png) no-repeat right bottom;}
.activity-details strong{font-weight:bold;}
/*---------- lista regioni ----------*/
.filtro {position:relative;padding:1em;margin:0 0 2em 0;width:14em;}
.filtro h4 {font:1.5em/1em Fontin;color:#606060;}
.filtro .switch {font-size:1em;height:2.2em;width:2.2em;position:absolute;right:0.4em;top:0.4em;cursor:pointer;background:url(../img/switch.png) no-repeat right top;text-indent:-999em;}
.filtro, ul.l-regioni {background-color:#f9f9e7;border:1px solid #e2c7bf;}
ul.l-regioni {position:absolute;top:3.3em;left:-0.1em;z-index:2;display:none;border-top:none;width:16em;}
ul.l-regioni li {margin-bottom:0.1em;padding:0 1em;cursor:pointer;}
ul.l-regioni a {text-decoration:none;}
ul.l-regioni li.hover a {text-decoration:underline;}
/*---------- paginazione attività ----------*/
.pagination li{float:left;margin-right:.8em;}
.pagination li a{display:block;}
/*---------- quadro ----------*/
.quadro h4 {font:italic 1.5em/1em Fontin;color:#c50b0b;}
/*---------- pubblicazioni ----------*/
a.allegato {display:inline-block;height:32px;margin-right:10px;padding-left:35px;font-size:1.4em;padding-top:5px;}
a.pdf {background: url(../img/pdf-icn.gif) no-repeat left top;}
a.word {background: url(../img/word-icn.gif) no-repeat left top;}
a.excel {background: url(../img/excel-icn.gif) no-repeat left top;}
a.powerpoint {background: url(../img/powerpoint-icn.gif) no-repeat left top;}
a.mp3 {background: url(../img/mp3-icn.gif) no-repeat left top;}
img.copertina {border:1px solid #E2C7BF;float:left;margin-right:2em;}
/*---------- esperti & ricerca ----------*/
#alphalist{margin-bottom:18px;padding:8px 6px;background-color:#f9f9e7;border:1px solid #e2c7bf;}
.esperti-lista ul li{padding:0.4em 0 0.6em 0;margin:0.2em 0;}            
.esperti-lista ul li.odd, dl.odd{background-color:#f9f9e7;}
.esperti-lista ul li.odd, .esperti-lista ul li.even, dl.odd, dl.even{padding-left:0.5em;}
.risultati-ricerca dt {margin-bottom:0;}
.search dt, .search dd {font-size:1.4em;line-height:21px;color:#606060;}
h4.search {font:1.5em/1em Fontin;color:#606060;margin-bottom:1em;}
/*---------- last-news ----------*/
.email {display:block;}
#last-news {border-bottom:5px solid #a11d20;padding-bottom:2em;}
.news-list {padding-top:2em;}
.news-list h4.news-data {padding-bottom:7px;color:#5c5c5c;font:italic 1.5em/1em Fontin;}
.news-list h4.news-title {text-decoration:none;font:normal 1.5em/1em Fontin;margin-bottom:1em;color:#c50b0b;}
.news-list p {font-size:1.3em;line-height:1.3em;color:#606060;margin-bottom:1em;}
.news-list li {float:left;width:47%;padding:0 1em;background:url(../img/elenco-novita-div.png) repeat-y right center;}
.news-list li.last {background:none;}
#last-news .vai-novita {display:block;clear:both;margin-top:1em;padding-right:.8em;font-size:1.4em;text-align:right;}
/**---------- sidebar ----------**/
#sidebar {width:24.5em;float:left;position:relative;margin-left:-2.1em;/*margin-left:70.1em;margin-right:0.9em;*//*width:24.8em;*/border-width:0 1px 1px 1px;border-style:solid;border-color:#efefef;background:#e1e1c0 url(../img/sidebar-bg-2.png) repeat-x right top;}
#sidebar .content {padding:0.1em 1.6em 1.5em 3.3em;border-width:0 1px 1px 1px;border-style:solid;border-color:#d2d2ae;background:url(../img/sidebar-top-shadow.png) repeat-x right top;}
/*---------- quick-search ----------*/
#quick-search form fieldset {position:relative;height:30px;margin:2em 0;border:1px solid #e5e5be;background-color:#fff;}
#quick-search label {display:none;text-indent:-999em;}
#quick-search input {position:absolute;top:0;left:0;background-color:#fffff6;color:#a0a090;font-size:1.4em;height:30px;padding:0 7px;width:145px;}
#quick-search button {position: absolute;top:0;right:0;width:36px;height:30px;background:url(../img/search-btn.png) no-repeat right center;text-indent:-999em;}
/*---------- biblio & dati & forum button ----------*/
#biblio-btn .buttons,#forum-btn .buttons,#dati-btn .buttons {border:2px solid #f5f5e1;margin:1em auto;background:url(../img/sidebar-button-bg.png) repeat-x left center;}
.buttons a.biblio,.buttons a.forum,.buttons a.dati {display:block;border:1px solid #c9c990;color:#68683f;font-size:1.65em;line-height:34px;text-decoration:none;padding-left:2.5em;}
.buttons a.biblio {background:url(../img/biblio-icn.png) no-repeat 0.2em center;}
.buttons a.forum {background:url(../img/forum-icn.png) no-repeat 0.15em center;}
.buttons a.dati {background:url(../img/bancadati.png) no-repeat 0.15em center;}
/*---------- flash-news ----------*/
#flash-news li {margin-bottom:1em;}
#flash-news p {font-size:1.3em;line-height:21px;color:#434337;padding-left:1.2em;}
/**---------- footer ----------**/
#footer {background:#127f69 url(../img/footer-bg.png) repeat-x left top;border-top:9px solid #032e25;font-size:1.3em;line-height:1.8em;padding:2em 0;margin-top:5em;}
#footer #address,#footer #address-2,#contatti,#pages-nav {float:left;padding-left:2em;margin-right:4em;background:url(../img/footer-div.png) repeat-y 1em top;}
#address,#address-2 {background:none;margin-bottom: 22px;float:left;margin-right: 2em;}
#footer h3 {text-transform:uppercase;}
#footer,#footer h3,#footer span,#footer a {color:#fff;}
/**---------- info-nav ----------**/
#info-nav {position:absolute;top:0em;left:18.5em;z-index:2;}
#info-nav li {float:left;}
#info-nav a,#info-nav a:link {display:block;padding:0.48em 0.0em 0;margin-right:1em;font-size:1.8em;color:#8f906e;text-transform:lowercase;text-decoration:none;}
#info-nav a:hover,#info-nav a:active,#info-nav .active a {color:#4d4e33;border-top:0.25em solid #a11d20;padding-top:0.25em;}
/***---------- vcard ----------***/
.org {
	text-transform: uppercase;
}
/***---------- commons ----------***/
#identity,#section-intro,#last-news {margin-left:1em;}
#panoramic h3,#last-news h3 {padding:0.5em 0 0.4em 0.5em;background:url(../img/h3-bg.png) repeat-x left top;border-top:1px solid #e0e0de;font-size:1.7em;color:#a5a5a5;text-transform:uppercase;letter-spacing:0.1em;}
.rnd,.rnd form {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#quick-search,#biblio-btn,#flash-news,#forum-btn,#dati-btn {border-bottom:1px solid #fbfbe8;}
#flash-news,#biblio-btn,#our-links,#forum-btn,#dati-btn {border-top:1px solid #d3d3ae;}
#flash-news,#our-links {padding-right:2em;}
#flash-news h3,#our-links h3 {font-size:1.6em;font-weight:normal;color:#9b9b9b;text-transform:uppercase;line-height:32px;letter-spacing:0.1em;margin-top:0.8em;}
#flash-news h4,#our-links a {display:block;font-size:1.3em;font-weight:normal;line-height:21px;color:#5057ac;text-decoration:underline;padding-left:1.2em;background:url(../img/bullet.png) no-repeat left 0.7em;}
#flash-news h4 {text-decoration:none;}
#our-links a {display:block;background-image:none;padding-left:3em;margin-bottom:1em;height:2.3em;}
/***---------- elements position & z-index ----------***/
#page {position:relative;z-index:0;}
#header {position:relative;z-index:2;}
#main {position:relative;z-index:1;}
/***---------- self-clear floats ----------***/
.group:after {content:".";display:block;height:0;clear:both;visibility:hidden;}