@charset "UTF-8";
/* CSS Document */
.toggleMenu {
    display:  none;
    /*padding: 10px 15px;*/
    color: #fff;
    width: 100%;
    float:left;
    /*height:26px;
        background: url(../media/images/navBg.jpg) repeat-x scroll left top transparent;*/

}
.toggleMenu span{
	/*width:95%;
	display: block;
	position: relative;
	right: 0;
	float: right;
	height:21px;
	margin: 10px 15px;
	background: url(../media/images/mobile_menu_arrow.png) bottom right no-repeat;*/
	width: 95%;
	display: block;
	position: relative;
	right: 0;
	float: right;
	height: 21px;
	text-align:right;
	margin: 23px 15px 0;
	font-size: 24px;

}
ul.nav, .nav ul, .nav li {
	padding-left: 0;
}


.nav {
    list-style: none;
     *zoom: 1;
	 height: 35px;
	 display: block;
	 /*margin: 0 auto;*/
	 /*width:70%;
	 	max-width:1024px;*/

}
ul.nav { text-align: center; }
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
} 
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: auto;
}
.nav a {
	
	color:#fff;
	width:auto;
	
	/*margin-left:40px;
    padding: 15px 15px;
    font-size: 13px;
    
    text-transform: uppercase!important;
    font-size: 13px;*/
    
}

.nav li {
    position: relative;
    display: inline-block;
	height:32px;
	
	border-bottom:3px solid #252525;
	font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	color:white;
    
}
.nav > li {
    float:right;
}
.nav > li > .parent {
    background-image: url("../images/mobileMenu_down.png");
    background-repeat: no-repeat;
    background-position: right;
	padding-right: 20px;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	background:#333333;
		z-index:1001;
	position: absolute;

	
}
.nav > li.hover > ul {
    left: 0;
	margin-top: 22px;
	border-top:2px solid #252525;
	
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav > li:hover, .nav > li.active:hover, .nav > li.active{
	color:#a1c62e!important;
	border-bottom:3px solid #a1c62e;
}
	
.nav a:hover, .nav > li.hover > a, .nav > li.active > a{color:#a1c62e;}
	
.nav li li a {
    display: block;
    position: relative;
    z-index:100;
    width: 120px!important;
    height:20px; 
    clear:left; 
    display:block; 
    text-align:center; 
    width:120px; 
    color:#fff; 
    z-index:9999999;
    padding:5px;
    margin:0;
    line-height:21px;
}
@media screen and (min-width: 650px) {
.nav li {
float: right;
margin-left: 40px;
}
	.nav li li li a {
	    z-index:200;
	    /*border-top: 1px solid #1d7a62;*/
	}
}

@media screen and (max-width: 650px) {
.toggleMenu span{
	/*width:95%;
	display: block;
	position: relative;
	right: 0;
	float: right;
	height:21px;
	margin: 10px 15px;
	background: url(../media/images/mobile_menu_arrow.png) bottom right no-repeat;*/
	width: 95%;
	display: block;
	position: relative;
	right: 0;
	float: right;
	height: 21px;
	text-align:right;
	margin: 16px 0 0;
	font-size: 24px;

}
.toggleMenu:hover {
    display:  none;
    /*padding: 10px 15px;*/
    /*width: 100%;*/
    float:right;
    color: #bb9e28;
	
    /*height:26px;
        background: url(../www.podrumi-kresic.com/media/images/navBg.jpg) repeat-x scroll left top transparent;*/

}
.toggleMenu:hover span{
	display: block;
	position: relative;
	right: 0;
	float: right;
	height:21px;
	width: 95%;
	display: block;
	position: relative;
	right: 0;
	float: right;
	height: 21px;
	text-align:right;
	margin: 16px 15px 0;
	font-size: 24px;
}
    .active {
        display: block;
        color: #bb9e28;
    }
    .toggleMenu .active {
    display:  none;
    /*padding: 10px 15px;*/
    color: #fff;
    width: 100%;
    float:right;
    /*height:26px;
        background: url(../www.podrumi-kresic.com/media/images/navBg.jpg) repeat-x scroll left top transparent;*/

}
 .active span{
	/*width:95%;
	display: block;
	position: relative;
	right: 0;
	float: right;
	height:21px;
	margin: 10px 15px;
	background: #bb9e28 url(../media/images/mobile_menu_arrow.png) top right no-repeat;*/
	width: 95%;
	display: block;
	position: relative;
	right: 0;
	float: right;
	height: 21px;
	text-align:right;
	color: #bb9e28 ;
	
	width: 95%;
	display: block;
	position: relative;
	right: 0;
	float: right;
	height: 21px;
	text-align:right;
	margin: 16px 0 0;
	font-size: 24px;
}
    .nav > li {
        float: none;
        width:100%;
        background: #2b2b2b;


    }
    .nav > li > .parent {
        background-position: 95% 50%;
        width:100%;
        background: #2b2b2b;
        


    }
	.nav a{padding: 10px 15px!important;}
    .nav > li > .parent {
   background-image: none;
   width:100%; 
   border-bottom: 1px solid #434343;

  }
    .nav li .more {
        background-image: url(../media/images/mobile_menu_arrow.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        float: right;
      	width: 20%;
    		/*border-left: 1px solid rgba(255,255,255,.3);*/
    		padding: 8px 15px;
    		/*margin: 2px 5px 2px 0px;*/
        cursor: pointer;
    		z-index: 200;
        position: relative;
    }
  .nav li .more:before {
  content: "";
  /*background: rgba(0,0,0,.3);*/
  width: 1px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2px;
  }

    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    
    .nav li li {
	    display: block;
	    background: #2b2b2b;
	    position: relative;
	    z-index:100;
	    width: 100%!important;
	    /*height:31px; */
	    clear:left; 
	    display:block; 
	    text-align:center; 
	    /*width:120px; */
	    color:#fff; 
	    z-index:9999999;
	    /*padding:5px;*/
	    margin:0;
	    line-height:21px;
	}
	.nav li li a {
	    display: block;
	    background: #3b3b3b!important;
	    position: relative;
	    z-index:100;
	    width: 100%!important;
	    height:19px; 
	    clear:left; 
	    display:block; 
	    text-align:center; 
	    width:120px; 
	    color:#fff; 
	    z-index:9999999;
	    padding:5px;
	    margin:0;
	    line-height:21px;
	    border-bottom: 1px solid #434343;
	}
	
	
}