@font-face {
    font-family: 'garogierregular';
    src: url('../font/Garogier_unhinted-webfont.eot');
    src: url('../font/Garogier_unhinted-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Garogier_unhinted-webfont.woff') format('woff'),
         url('../font/Garogier_unhinted-webfont.ttf') format('truetype'),
         url('../font/Garogier_unhinted-webfont.svg#garogierregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../font/OpenSans-Light-webfont.eot');
    src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Light-webfont.woff') format('woff'),
         url('../font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html{ overflow:hidden}

#menu_container{width:300px; height:100px; margin-top:5%; padding:20px;}

ul{ list-style:none!important}
 
.menu{background-color:rgba(0,0,0,0.7); width:300px; height:300px; margin-top:10px; padding:20px; line-height:50px;
color:#FFF; list-style:none!important; text-align:center}

.menu li{ font-family: 'garogierregular'; display:block;  text-decoration:none; cursor:pointer}

.menu li:hover{ color:#999!important; cursor:pointer}

#diamantino{margin-top:14px; position:absolute; left:58px; margin-left:8px}

.secondary_menu {
position:absolute;
padding: 0px;
border: none;
top:125px;
left:50%;
margin-left:-140px;
display:none;
}

#menu_mobile{	
display: block !important;
max-width: 280px;
border: none;
width: 280px;
color: #333;
height: 40px;
background: #EAEAEA;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
font-size: 17px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
position: absolute;
z-index:100000;

}

select {
-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
border: 1px solid;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
}

.titolo{ color:#FFF!important; font-weight:bold; border-bottom:1px solid #FFF}

.container_div{width:100%; height:100%;}
#chisiamo, #venderediamanti,  #investire, #contatti, #quattroc { 
background-color:rgba(0,0,0,0.8); width:600px; height:500px; position:absolute; right:-0px; top:25%; 
margin-top:-70px; color:#CCC; font-family:"open_sanslight"; font-size:13px;
display:none;
}

.valutazione_menu {cursor:pointer;}

#valutazione{background-color:rgba(0,0,0,0.9); width:760px; height:540px; position:absolute; right:0px; top:15%; margin-top:-70px; color:#CCC; 
font-family:"open_sanslight"; font-size:13px;
display:none; margin-left:0px; padding-left:0px;}


#copy{ float:right; border-left:1px solid #333; }
#copy:hover{ background-position:0 1px; cursor:pointer; }

.logo_mami{background:url('../img/logo_mami.png') no-repeat 10px 5px;
width: 180px;
height: 29px;
padding-top: 5px;}

.logo_mami:hover{
	background-position:10px -27px; }

#valutazione_mobile{position:absolute!important; left:50%; top:50%; margin-left:-150px; margin-top:-150px; display:none}
#valutazione_pc{position:absolute!important}

/* ---------------------------------   Scrollbar ---------------------------------------------- */
#scrollbar1, #scrollbar2, #scrollbar3, #scrollbar4, #scrollbar5, #scrollbar6 { width: 590px; margin: 20px 0 10px;  }
#scrollbar1 .viewport, #scrollbar2 .viewport, #scrollbar3 .viewport, #scrollbar4 .viewport,#scrollbar5 .viewport, #scrollbar6 .viewport  { width: 550px; height: 450px;  overflow: hidden; position: relative; float:left; text-align:justified; line-height:24px; }
#scrollbar3 .viewport { width: 550px; height: 600px;  overflow: hidden; position: relative; float:left; text-align:justified; line-height:24px; }
#scrollbar1 .overview, #scrollbar2 .overview, #scrollbar3 .overview, #scrollbar4 .overview, #scrollbar5 .overview, #scrollbar6 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 15px; margin: 0; }
#scrollbar1 .scrollbar, #scrollbar2 .scrollbar, #scrollbar3 .scrollbar, #scrollbar4 .scrollbar, #scrollbar5 .scrollbar, #scrollbar6 .scrollbar{ background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; margin-right:10px; }
#scrollbar1 .track, #scrollbar2 .track, #scrollbar3 .track, #scrollbar4 .track, #scrollbar5 .track, #scrollbar6 .track { background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb, #scrollbar2 .thumb, #scrollbar3 .thumb, #scrollbar4 .thumb, #scrollbar5 .thumb, #scrollbar6 .thumb { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end, #scrollbar2 .thumb .end, #scrollbar3 .thumb .end, #scrollbar4 .thumb .end, #scrollbar5 .thumb .end, #scrollbar6 .thumb .end{ background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable, #scrollbar2 .disable, #scrollbar3 .disable, #scrollbar4 .disable, #scrollbar5 .disable, #scrollbar6 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }