@charset "utf-8";
@import url("../Futura_Bold_BT/stylesheet.css");
@import url("../futura_light_bt/stylesheet.css");
@import url("../futura_medium_bt/stylesheet.css");


div#menu {  z-index: 99; display: inline-block; vertical-align: text-top; padding: 10px; border-right:thin solid #ececec;  }
div#menu ul {margin: 0;padding: 0;list-style: none;padding: 3px;z-index: 99px; }




div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    display: block;	
	padding: 0 0 1 0px;
	height: 40px;

   }
   

div#menu a {
    font-family: 'Lato', sans-serif;
    position: relative;
    z-index: 10;
  	height: 14px;
	padding: 13px 5px 13px 5px;
    display: block;
	text-align: left;
    line-height: 14px;
    text-decoration: none;
	color: #595757;
	-moz-transition:margin-left .5s ease-out;
	-webkit-transition:margin-left .5s ease-out;
	-o-transition:margin-left .5s ease-out;
	-ms-transition:margin-left .5s ease-out;
}

div#menu .double {
    padding: 8px 5px 22px 5px;		
}

div#menu .last {
  
}

div#menu a:hover { color: #06C; margin-left:-10px;}
div#menu .active {color: #000;}
div#menu span {
    font-size: 1.1em;
font-family: 'Lato', sans-serif;
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;		
}

@media (min-width:1250px) and (max-width: 3840px) {

div#menu { width: 180px; margin-left:2%;}

}

@media (min-width:991px) and (max-width: 1249px) {
div#menu { width: 160px; margin-left:2%;}
div#menu span { font-size: 0.95em; }
}

@media (max-width: 990px) {
	
div#menu { width: 130px; margin-left:1%;}
div#menu span { font-size: 0.9em; }

}

@media (max-width: 790px) {
	
div#menu { width: 110px; margin-left:1%;}
div#menu span { font-size: 0.85em; }

}