.preload2 {}
@media screen and (min-height: 450px){
.menu 
{
	/*padding:0; 
	margin:0; 
	margin-bottom:0; 
	list-style:none; 
	height:38px; 
	/*width:960px; */
	background:#fff url(../images/menu.gif); 
	background-repeat:no-repeat;
	position:relative;
}
.menu li.top {display:block; float:left; position:relative; width:160px;}
.menu li a.top_link {width:160px; display:block; float:left; height:41px; margin-left:0px; line-height:35px; color:#333; text-decoration:none; font-size:15px; font-weight:bold; cursor:pointer;}
.menu li a.top_link span {float:left; text-align:center; width:160px; display:block; padding:0 10px 0 0; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 10px 0 0; height:25px;}
.menu li a.top_link:hover {color:#fff;}
.menu li a.top_link:hover span {}
.menu li a.top_link:hover span.down {}

.menu li:hover > a.top_link {color:#fff;}
.menu li:hover > a.top_link span { }
.menu li:hover > a.top_link span.down { }


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:-1px; top:31px; background: #E0AA0F; padding:0; /*border:1px solid #EFD487; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
.menu :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:158px; border-left:2px solid #EFD487; border-right:2px solid #EFD487; margin-bottom:0;}
.menu :hover ul.sub li a {display:block; height:auto; font-size:13px; padding:4px 3px; line-height:1; color:#FFFFFF; text-decoration:none;}
.menu :hover ul.sub li a.fly {background:#E0AA0F  url(../images/vineta_menu.gif) no-repeat 160px 6px;}
.menu :hover ul.sub li a:hover {background:#EFD487; color:#00607C;}
.menu :hover ul.sub li a.fly:hover {background:#EFD487 url(../images/vineta_menu.gif) no-repeat 160px 6px;}
.menu :hover ul li:hover > a.fly {background:#EFD487} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:158px; top:-1px; background: #E0AA0F; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu :hover ul.sub li ul {border-top:1px solid #EFD487; background: #E0AA0F; z-index:300;}

}

@media (max-width: 992px) {
    /* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    /*background-color: #111;*/ 
    background: #202020 url(images/img01.jpg) repeat;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}


/* Position and style the close button */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
/*#main {
    transition: margin-left .5s;
    padding: 20px;
}*/



.navbar-inverse {
    /*background-color: #222;*/
    background: #202020 url(images/img01.jpg) repeat;
    border-color: #080808;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}



}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}