html,body{ height:100%;}
/* GENERAL */
.clear {
   clear:both;
   height:0;
   line-height:0;
   visibility: hidden;
   display: block;
}
.hidden{
   display: none;
}
/*
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/
object, embed{
   z-index: 33;
}
.gutter{
   width: 57.75em; /* 924px / 16px */
   margin: 0 auto;
}
#wrap #container #content-block #sidebar h2.box-title{
   vertical-align: middle;
}
#wrap #container #content-block #sidebar h2.box-title *{
   vertical-align: middle;
}
#wrap #container #content-block #content h2.box-title,
#wrap #container #content-block #content a.toggler{
   vertical-align: middle;
}
#wrap #container #content-block #content h2.box-title *,
#wrap #container #content-block #content a.toggler *{
   vertical-align: middle;
}
#wrap #container #content-block h2.box-title span.flir-replaced,
#wrap #container #content-block #content a.toggler span.flir-replaced{
   display: table-cell;
   vertical-align: middle;
   height: 1.741em;
}
#wrap #container #content-block #content span.fixer{
   display: none;
}

/* BUTTONS */
a.button {
    background: transparent url('../images/bg_button_a1.png') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font-size: 0.8em;
    font-weight : bold;
    height: 40px;
    margin-right: 6px;
    padding-right: 35px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
    background: transparent url('../images/bg_button_span1.png') no-repeat;
    display: block;
    line-height: 28px;
    padding: 5px 0 7px 30px;
}
a.button:active {
    background-position: bottom right;
    color: #7c8a88;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 3px 0 9px 30px; /* push text down 1px */
}

/* TOOLTIP */
/* tooltip styling. uses a background image (a black box with an arrow) */
div.tooltip {
    font-size:14px;
    height:200px;
    width:370px;
    font-size:14px;
    color:#fff;
}
div.tooltip .tooltip-bg{
   background:transparent url('../images/tooltip/black_arrow_big.png') no-repeat scroll 0 0;
   height:153px;
   padding:30px;
   width:310px;
}

/* tooltip title element (h3) */
div.tooltip h3 {
    margin:0;
    font-size:18px;
    color:#fff;
}

/*************/
/* LOGIN BAR */
/*************/
#login-bar{
   height: 2.437em;
   background-color: #788478;
   background-image: url('../../images/user-icon-small.png');
   background-repeat :  no-repeat;
   background-attachment:  scroll;
   background-position:  1em center;
}
#login-bar p{
   margin-top: 0;
   line-height: 2em;
   padding-left: 2.5em;
}
#login-bar span{
   margin-right: 2em;
}
#login-bar a{
   text-transform: uppercase;
   font-weight: bold;
   text-decoration: underline;
}
#login-bar a:hover{
   text-decoration: none;
}
/*******************/
/* USER-ACTION-BAR */
/*******************/
#user-actions-bar{
   height: 2.437em;
   background: #FFF;
}
#user-actions-bar.on{}
#user-actions-bar.off{}
#user-actions-bar .action{
   background: #FFF;
   display: block;
   float: right;
   height: 2.437em;
   padding: 0 0.8em 0 0.8em;
   border-left:0.2em solid #cbceb9;
}
#user-actions-bar .no-border{
   border-left: 0;
}
#architettura-sostenibile.page #user-actions-bar .action,
#notizie.page #user-actions-bar .action,
#architetti.page #user-actions-bar .action,
#tecnologie.page #user-actions-bar .action,
#progetti.page #user-actions-bar .action,
#materiali.page #user-actions-bar .action{
   float:left;
}
#user-actions-bar.on .action a{
   font-size: 0.7em;
   line-height: 3.4em;
   height: 3.4em;
   color: #79837a;
   font-weight: bold;
   text-transform: uppercase;
}
#user-actions-bar.on .action a span{
   line-height: 3.4em;
}
#user-actions-bar.off .action span{
   font-size: 0.7em;
   line-height: 3.4em;
   color: #7A8179;
   font-weight: bold;
   text-transform: normal;
   margin: 10px 1px 10px 5px;
}
#user-actions-bar.off #action-upload{
   background: #FFF url('../../images/upload-off-icon.png') no-repeat scroll 0.5em center;
   border-left:0;
}
#user-actions-bar.off #action-send{
   background: #FFF url('../../images/send-off-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.off #action-print{
   background: #FFF url('../../images/print-off-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.off #action-comment{
   border: 0;
   background: #FFF url('../../images/comment-off-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.off #action-feed{
   background: #FFF url('../../images/feed-off-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.off #action-favourite{
   background: #FFF url('../../images/favourite-off-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.off #action-facebook{
   background: #FFF url('../../images/facebook-off-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-upload{
   background: #FFF url('../../images/upload-on-icon.png') no-repeat scroll 0.5em center;
   border-left:0;
}
#user-actions-bar.on #action-send{
   background: #FFF url('../../images/send-on-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-print{
   background: #FFF url('../../images/print-on-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-comment{
   border: 0;
   background: #FFF url('../../images/comment-on-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-feed{
   background: #FFF url('../../images/feed-on-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-favourite{
   background: #FFF url('../../images/favourite-on-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-facebook{
   background: #FFF url('../../images/facebook-on-icon.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-others{
   background: #FFF url('../../images/other-icon-on.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-pdf{
   background: #FFF url('../../images/pdf-icon-on.png') no-repeat scroll 0.5em center;
}
#user-actions-bar.on #action-search{
   background: #FFF url('../../images/search-icon-on.png') no-repeat scroll 0.5em center;
}

div.view-image{
   position: relative;
   top: -67px;
   /* background: #000; */
   height: 1.2em;
   display: block;
   width: 55%;
   margin-left: 10px;
   opacity: 0.5;
   /* background: #000 url('../../images/view-image.png') no-repeat scroll 2% center; */
}
#product-finder div.view-image{
   margin-left: 12px;
}
#product-info div.view-image{
   top: -50px;
   opacity: 0.2;
}
div.view-image a{
   line-height: 1.8em;
   font-size: 0.65em;
   padding: 0 0 0 20px;
}

/* CONTAINER */
#wrap{
   height:100%;
   position:relative;
   /*width:100%;*/
}
#container{
   height: 100%;
   position:relative;
   /*width: 770px;
   background: transparent url("../images/sfondo-wrap.jpg") repeat-y scroll center top;  */
}
.spacer{
   height: 2.1em;
}
/*************/
/*  TOP NAV  */
/*************/
#top-nav{
   background: #000;
   height: 2.125em; /* 34px / 16px */
   border-bottom: 1px solid #a4a78e;
}
#top-nav .left-links{
   float: left;
   display: block;
   overflow: hidden;
}
#top-nav .left-links ul{
   height: 2.125em; /* 34px / 16px */
}
#top-nav .left-links li{
   float: left;
   overflow: hidden;
   display: inline;
   height: 2.125em; /* 34px / 16px */
}
#top-nav .left-links li .separator{
   width:2px;
   border-right: 1px solid #FFF;
   margin-right: 1em;
}
#top-nav .languages{
   float: right;
   overflow: hidden;
   display: block;
   height: 2.125em; /* 34px / 16px */
}
#top-nav .languages label{
   padding-right: 2em;
}
#top-nav .languages select{
   border: 1px solid #a4a78e;
}

/************/
/*  HEADER  */
/************/
#header{
   height: 5.812em;/* 93px */
   clear:both;
   background: #A7AA92;
   background: transparent url("../images/header-bg.png");
}
/* INTRO */
#header #intro{
   float: left;
   /*background: transparent url("../images/logo.png");*/
   width: 16.562em; /* 265px / 16px */
   height: 3.625em; /* 58px / 16px */
   margin-top: 1.125em; /* 18px / 16px */
}

/* LOGIN-FORM */
#login-form{
   float: right;
   display: block;
   overflow: hidden;
   margin-right: 2.062em;/* 33px / 16px */
   margin-top: 1.125em; /* 18px / 16px */
}
#login-form .form-inputs{
   float: left;
   margin-right: 0.7em;
}
#login-form .form-submit{
   float: left;
   margin-top: 1.9em;
}
#login-form div.label{
   float: left;
   width: 4.375em;/* 70px / 16px */
   height: 1.062em;/* 17px / 16px */
}
#login-form div.row{
   margin-bottom: 0.75em;
}
#login-form input{
   border: 1px solid #D2D3CB;
}
#login-form input.input{
   border: 0;
   width: 13.5em;/* 162px / 12px */
}
#login-form input.btn-login, mybtn {
   background: #FFF;
   padding:0 0.7em;
}
/* LOGIN FORM USER LOGGED */
#login-form.logged{
   margin-right: 0;
   /* width: 18.75em; /* 300px/16px */
   height: 3.437em; /* 55px/16px */
}
#login-form.logged #account-utente{
   float: right;
   display: block;
   /*width: 15.625em; /* 250px/16px */
   height: 3.437em; /* 55px/16px */
   text-align: right;
   padding:0.2em 0.5em;
}
#login-form.logged #account-utente p{
   font-size: 0.7em;
   line-height: 1.8em;
   color: #000;
}
#login-form.logged #account-utente p strong{
   text-transform: uppercase;
}
#login-form.logged #account-utente .options{}
#login-form.logged #account-utente a{
   float: left;
   font-size: 0.7em;
   line-height: 1em;
   color: #000;
   font-weight: bold;
}
#login-form.logged #account-utente .separator{
   width:2px;
   height: 0.7em;
   line-height: 0.7em;
   border-right: 1px solid #000;
   float: left;
   margin: 0 1em;
}
#login-form.logged #immagine-utente{
   float:right;
   display:block;
   width: 3.125em; /* 50px/16px */
   height: 3.437em; /* 55px/16px */
}
#login-form.logged #immagine-utente .image{
   background: transparent url('../../images/avatar-border-img.png') no-repeat scroll center center;
   width: 45px;
   height: 43px;
}
#login-form.logged #immagine-utente .image img{
   width: 39px;
   height: 37px;
   padding: 3px 0 0 3px;
}

/***************/
/*  MAIN-MENU  */
/***************/
#main-menu{
   height: 2.062em;/* 33px */
   clear:both;
   background: #868974;
   z-index: 100;
}
#main-menu .gutter{
   display: table;
   margin: 0 auto;
   width: auto;
}
#main-menu ul#menu{
   display: table-cell;

}
ul#menu li.main {
   float: left;
   display: inline;
   position: relative;
   border-right: 1px solid #FFF;
   z-index: 101;
}
ul#menu li.main h2{
   display: block;
}
ul#menu li.last{
   border-right: 1px solid #868974;
}
ul#menu li.first{
   border-left: 1px solid #868974;
}
ul#menu li.main .top-border{
   /* background: transparent url("../images/main-menu-item-bg.png") no-repeat scroll right top;*/
   display: none;
}
ul#menu li.main .top-border img{
   width: 100%;
   height: 6px;
}
ul#menu li.main:hover .top-border{
   display:block;
   height: 6px;
   position: absolute;
   top: -6px;
   left:-1px;
   width: 101%;
}
ul#menu li.main h2 a{
   padding: 0 1.68em;
   display: block;
}
ul#menu li.main:hover,
ul#menu li.active{
   background: #FFF;
   border-right: 1px solid #868974;
}
ul#menu li.active{
   border-right: 1px solid #FFF;
}
ul#menu li.main.fixbg{
   border-right: 1px solid #FFF;
}
ul#menu li.first:hover{
   border-left: 1px solid #FFF;
}
ul#menu div.menu-content {
   display: none;
}
ul#menu div.menu-content-open {
   display: block;
}
ul#menu li.mega div.menu-content {
   /* width: 18em;*/
   position: absolute;
   top: 2em;
   left: -8px;
   background: transparent;
   z-index: 1000;
   text-align: left;
   /* border: 1px solid #FFF;*/
}
ul#menu li.hovering div.menu-content {
   display: block;
}
ul#menu li.mega div.menu-content a{
   padding-top: 0.3em;
}
ul#menu div.menu-content ul{
   margin-left: 0.5em;
   padding: 0.5em 0 0.5em 1em;
   background: #FFF;
}
ul#menu div.menu-content div.floated-section{
   float: left;
   width: 170px;
   display: block;
}
ul#menu div.menu-content div.floated-section h3{
   padding-left: 1em;
}
ul#menu div.menu-content div.floated-section p{
   border-bottom: 2px solid #D0D0D0;
   padding-left: 1em;
}
ul#menu div.menu-content div.floated-section p a{
   display: block;
}

/* rounded corners */
ul#menu li.main div.menu-content {
   /* background:transparent url(../images/sbbody-r.png) no-repeat scroll bottom right;*/

}
ul#menu li.main div.menu-content div.menu-gutter {
   background:transparent url(../images/mb-left.png) repeat-y scroll left top;
}
ul#menu li.main div.menu-content div.menu-gutter .inside{
    /* background: url(../images/sbbody-l.png) no-repeat bottom left; */
   background:transparent url(../images/mb-right.png) repeat-y scroll right top;
   /*position: relative; */
   padding:0 1em 0;
   margin:0px 0 0px 0;
}
ul#menu li.main div.menu-content div.menu-gutter .inside div.bg{
   background: #FFF;
   display: block;
   width: 100%;
}
ul#menu li.main div.menu-content .bb-L{
   background:transparent url(../images/mb-bLeft.png) no-repeat scroll left bottom;
   height:17px;
   float:left;
   position: relative;
   display: block;
}
ul#menu li.main div.menu-content .bb-R{
   background:transparent url(../images/mb-bRight.png) no-repeat scroll right top;
   display: block;
   height:17px;
   width: 19px;
   float: right;
}
/* end rounded corners */

/* ARCHITETTI */
ul#menu #menu-architetti{width:150px;}
ul#menu #menu-architetti .search-by-letter a{
   padding: 0.2em 0.4em;
}
ul#menu #menu-architetti ul{
   padding-left: 1em;
}
ul#menu #menu-architetti .bb-L{
   width: 131px;
}
/* PROGETTI */
ul#menu #menu-progetti{
   width: 560px;
}
ul#menu #menu-progetti .floated-section{
   border-right: 2px solid #D0D0D0;
   margin-right: 5px;
}
ul#menu #menu-progetti .last{
   border-right: 0;
   margin-right: 0;
   width: 170px;
}
ul#menu #menu-progetti .bb-L{
   width: 541px;
}
/* MATERIALI */
ul#menu #menu-materiali{
   width: 220px;
}
ul#menu #menu-materiali ul{
   margin-left: 1.2em;
}
ul#menu #menu-materiali .bb-L{
   width: 201px;
}
/* TECNOLOGIE */
ul#menu #menu-tecnologie{
   width: 562px;
}
ul#menu #menu-tecnologie ul{
   padding-top: 0;
}
ul#menu #menu-tecnologie #tec-pav{
   border-right: 2px solid #D0D0D0;
   margin-right: 5px;
   width: 180px;
}
ul#menu #menu-tecnologie #tec-par{
   border-right: 2px solid #D0D0D0;
   width: 150px;
}
ul#menu #menu-tecnologie #tec-par2{
   /*border-right: 2px solid #D0D0D0;*/ /*Claudio il 23.11.2009*/
   width: 150px;
}
ul#menu #menu-tecnologie #tec-alt{
   width: 190px;
}
ul#menu #menu-tecnologie .bb-L{
   width: 543px;
}
/* ARCHITETTURA SOSTENIBILE */
ul#menu #menu-arch-sost{
   width: 200px;
}
ul#menu #menu-arch-sost ul{
   /* margin-left: 1.6em;*/
}
ul#menu #menu-arch-sost .bb-L{
   width: 181px;
}
/* NOTIZIE ED EVENTI */
/* ITINERARI */
ul#menu #menu-itinerari{
   width: 295px;
   /*width: 395px;*/ /*Claudio 22.11.2009*/
}
ul#menu #menu-itinerari #it-cities-1{
   border-right: 2px solid #D0D0D0;
   margin-right: 5px;
   width: 120px;
}
ul#menu #menu-itinerari #it-cities-2{
   /*border-right: 2px solid #D0D0D0;*/ /*Claudio 22.11.2009 tolgo bordo dx*/
   width: 100px;
}
ul#menu #menu-itinerari #it-alt{
   width: 130px;
}
ul#menu #menu-itinerari .bb-L{
   width: 276px;
}

/* ISPIRATIONAL FINDER */
/* FN.TV */



/******************/
/* CONTENT-BLOCK */
/*****************/
#content-block{
   background: #ccceb9 url("../images/content-bg.jpg") repeat-x scroll top left;
}
#content-block .gutter{
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}


/**************/
/* BOTTOM-NAV */
/**************/
#bottom-nav {
   position:fixed;
   width: 100%;
   height: 1.937em;/* 31px */
   /* clear:both;*/
   background: #B8B9A7 url("../images/bottom-nav-bg.png") 0 0 repeat-x;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   bottom: 0px;
   z-index: 9999;
}
#bottom-nav-links{

   z-index: 90;
}
#bottom-nav-links li{
   float: left;
   display: inline;
   margin: 0 1px;
   background: #B8B9A7 url("../images/bottom-nav-bg.png") 0 0 repeat-x;
   z-index: 99999;
}
ul#bottom-nav-links li:hover{
   margin:-1px 0 0 0;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   /* border-top: 1px solid #FFF;*/
   border-top: 1px solid #FFF;
   background: #FFF;
}
ul#bottom-nav-links li:hover a{
   color: #000;
}
#bottom-nav-links li a{
   padding: 0 1.2em; /* 12px / 10px */
   z-index: 9999;
}
#bottom-nav-links li.first a{

}
#bottom-nav-links li.last a{

}
ul#bottom-nav-links li.main {
   float: left;
   display: inline;
   position: relative;
}
ul#bottom-nav-links div.menu-content {
   display: none;
   z-index: 9999;
}
/*modifica FRANCESCA 20 novembre    height: 8.062em;  129px / 16px  top: -8.083em;  */
ul#bottom-nav-links li.mega div.menu-content {
   position: absolute;
   width: 11em; /* 176px / 16px */
   height: 9em; /* 129px / 16px */
   top: -9.023em;
   left: 0em;
   background: #FFF;
}
ul#bottom-nav-links li.hovering div.menu-content {
   display: block;
}
ul#bottom-nav-links div.menu-content img{

}
ul#bottom-nav-links div.menu-content .text-gutter{
   padding: 0.3em;
}
ul#bottom-nav-links div.menu-content p{
   font-size: 0.6em;
   line-height: 1em;
   color: #000;
}
ul#bottom-nav-links #B-chi-siamo{
   width: 11em; /* 176px / 16px */
   height: 8.062em; /* 129px / 16px */
   top: -8.083em;
}

/**********/
/* FOOTER */
/**********/
#footer{
   /*height: 19.375em;*//* 278px */
   height: 22.375em;/* claudio il 29.11.2009 */
   clear:both;
   background: #CCCEB9 url(../images/gradiente-footer.jpg) repeat-x scroll left top;
   border-top: 1px solid #000;
}
#footer .floated-section{
   float: left;
   display: block;
   width: 12%;
}
#footer .footer-section h3{
   margin-top: 1em;
}
#footer .big{
   width: 25%;
}
#footer .footer-section h3.title{
   margin-bottom: 1.5em;
}
#footer .footer-section .footer-section-content a{
   display: block;
}
#footer .footer-section .inline a{
   display: inline;
}
#footer .tag-cloud {

}
#footer .tag-cloud  span {
   padding: 4px;
}

/***********/
/* CREDITS */
/***********/
#credits {
   height: 1.625em;/* 26px */
   clear:both;
   background: #D8D9CD;
}
#credits .company-details{
   float: left;
}
#credits .company-contacts{
   float: right;
}


/*************/
/* NAVIGATOR */
/*************/
#navigator{
   margin:0.8em 0;
   padding-left: 0.5em;
}
#navigator p{
   font-size: 0.75em;
   line-height: 1.2em;
}
#navigator a{
   text-transform: uppercase;
   padding:0 0.3em;
}
#navigator a:hover{
   text-decoration: underline;
}
#navigator a.current{
   font-weight: bold;
}