#divmenu{
	width:100%;
	height:65px;
	border-top:#6fceed solid 4px;
	position:fixed;
	z-index:9999999;
}

#c_menu{
	border: 0px solid blue;
    float: right;
    height: 60px;
    margin-bottom: 0px;
    margin-right:-90px;
    margin-top: 65px;
    width: 1045px;
	//background:url(../img/head/BG%20meni.png);
	border-bottom:0px solid #33A356;
}

#divmenu{ margin:0px auto; background: #FFF; }
	 
#menu{
	list-style: none;
	height: 57px;
	margin: 0;
	/*float: right;*/
	text-align: left;
	border:0px solid #f00;
	font-weight:700;
	font-family: 'Nunito', sans-serif;
	padding: 0;
}

#menu li{
    float:left;
    display:block;
    /*margin:9px 5px;*/
    border-bottom:#000 solid 0px;  
}

#menu li a{
	display: block;
	padding: 15px 10px;
	margin: 0;
	border: purple solid 0px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size:20px;
	font-weight:700;
	border-bottom:0px solid #0054A6;
	  text-shadow: 2px 2px 5px #333;

}

#menu li a:hover {color:#FFD004; border-bottom:0px solid #F60;}

#menu .submenu{
	width:180px;
    text-align:left;
    display:none;
    z-index:99999;
    position:absolute;
    margin:0px;
    background:#232323;
	color:#fff;
	margin-top:0px;
	padding-bottom:0px
}

#menu .submenu  li{
	text-align:left;
	display:block;
	width:200px;
	color:#666;
	margin: 0px 10px;
	margin-left:-40px
}

#menu .submenu  li  a{
    display:block;
    padding: 7px 10px;
    border:purple solid 0px;
    text-decoration: none;    
    text-align:left;
	color:#fff;
	background:#;
	width:200px;   
	 border:0px solid #666; 
}

#menu .submenu  li a:hover {
	background:#B20000; 
	color:#FFFFFF;
	padding: 7px 10px;
	width:200px;
}

#menu li:hover > .submenu { display:block;}



/***********************************RESPONSIVE*****************************************=**********************/

#menu_responsive {
margin: 0px 0px 0px; 
display: none;
padding:0px;
text-align: center;
width:35px;
font-family: 'Nunito', sans-serif;
font-size: 0.8em;
border:0px solid #fff; margin-top:12px; background:url(../img/head/BG%20meni.png)
    }  
	
  
/*
@media (max-width: 458px) {
    #menu_responsive {display: none;}
}
*/

@media (max-width: 1034px) {
    
            #cont_chispix{ width:95%; height:auto;}
            #princon{ width:100%; height:auto;}
           #c_menu{ left:none !important;}
            
            
    }


    
@media screen and (min-width: 1070px) and (max-width: 1270px) {
#menu_responsive{ border: 0 solid #f00;
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-right: -89px;
    margin-top: 60px;}
   
 #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

    #c_menu{
    background:url(../img/index/bg.jpg) ;
    color: /*#0078ca*/ #FFF ;
	 margin-top:109px;
    min-height:226px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:60%;  
	width: 40%;
	border-top: 0px solid #036
    }
	
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Nunito', sans-serif;
padding: 0;
width: 100%;
}
    #menu li a{
     width: 100%;
   background:#F7F7F7 ;
	color:#333 ;
    padding:15px 0px;
	font-weight:700;
	border-bottom:1px solid #ccc;
	font-size:16px;
	 text-shadow: 0px 0px 0px #333;
        }
		
#menu li {
width: 100%;
background: #fff;
color: /*#0078ca*/ #333 ;
 }
 


#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
	margin-left:-10px
}

#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}

#menu .submenu  li  a{
  	background:#fff;
	font-size: 15px; text-align:center;
    color:  #333 ;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
	font-size:16px;
	width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#de3737;
color:#fff;
width:100%;
border-bottom:1px solid #ccc;
}

#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #E24C5D;
	font-size:16px;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;
} 
}


@media screen and (min-width: 880px) and (max-width: 1069px) {
#menu_responsive{ border: 0 solid #f00;
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-right: -150px;
    margin-top: 60px;}
   
 #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

    #c_menu{
    background:url(../img/index/bg.jpg) ;
    color: /*#0078ca*/ #FFF ;
	 margin-top:162px;
    min-height:226px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:60%;  
	width: 40%;
	border-top: 0px solid #036
    }
	
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Nunito', sans-serif;
padding: 0;
width: 100%;
}
    #menu li a{
     width: 100%;
   background:#F7F7F7 ;
	color:#333 ;
    padding:15px 0px;
	font-weight:700;
	border-bottom:1px solid #ccc;
	font-size:16px;
	 text-shadow: 0px 0px 0px #333;
        }
		
#menu li {
width: 100%;
background: #fff;
color: /*#0078ca*/ #333 ;
 }
 


#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
	margin-left:-10px
}

#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}

#menu .submenu  li  a{
  	background:#fff;
	font-size: 15px; text-align:center;
    color:  #333 ;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
	font-size:16px;
	width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#de3737;
color:#fff;
width:100%;
border-bottom:1px solid #ccc;
}

#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #E24C5D;
	font-size:16px;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;
} 
}

@media screen and (min-width: 600px) and (max-width: 879px) {
   
 #menu_responsive{ border: 0 solid #f00;
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-right: -150px;
    margin-top: 45px;}
   
 #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

    #c_menu{
    background:url(../img/index/bg.jpg) ;
    color: /*#0078ca*/ #FFF ;
	 margin-top:127px;
    min-height:226px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:50%;  
	width: 50%;
	border-top: 0px solid #036
    }
	
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Nunito', sans-serif;
padding: 0;
width: 100%;
}
    #menu li a{
     width: 100%;
   background:#F7F7F7 ;
	color:#333 ;
    padding:15px 0px;
	font-weight:700;
	border-bottom:1px solid #ccc;
	font-size:16px;
	text-shadow: 0px 0px 0px #333;
        }
		
#menu li {
width: 100%;
background: #fff;
color: /*#0078ca*/ #333 ;
 }
 


#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
	margin-left:-10px
}

#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}

#menu .submenu  li  a{
  	background:#fff;
	font-size: 15px; text-align:center;
    color:  #333 ;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
	font-size:16px;
	width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#de3737;
color:#fff;
width:100%;
border-bottom:1px solid #ccc;
}

#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #E24C5D;
	font-size:16px;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;
}
    }
 
 
 
@media screen and (min-width: 480px) and (max-width: 599px) {
    
 #menu_responsive{ border: 0 solid #f00;
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-right: -150px;
    margin-top: 45px;}
   
 #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

    #c_menu{
    background:url(../img/index/bg.jpg) ;
    color: /*#0078ca*/ #FFF ;
	 margin-top:127px;
    min-height:226px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:50%;  
	width: 50%;
	border-top: 0px solid #036
    }
	
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Nunito', sans-serif;
padding: 0;
width: 100%;
}
    #menu li a{
     width: 100%;
   background:#F7F7F7 ;
	color:#333 ;
    padding:14px 0px;
	font-weight:700;
	border-bottom:1px solid #ccc;
	font-size:15px;
	text-shadow: 0px 0px 0px #333;
        }
		
#menu li {
width: 100%;
background: #fff;
color: /*#0078ca*/ #333 ;
 }
 


#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
	margin-left:-10px
}

#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}

#menu .submenu  li  a{
  	background:#fff;
	font-size: 15px; text-align:center;
    color:  #333 ;
    padding:14px 0px;
	border-bottom: 1px dashed #333;
	font-size:15px;
	width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#de3737;
color:#fff;
width:100%;
border-bottom:1px solid #ccc;
}

#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #E24C5D;
	font-size:15px;
    padding:14px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;
}
}


@media screen and (min-width: 320px) and (max-width: 479px) {
 #menu_responsive{ border: 0 solid #f00;
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-right: -150px;
    margin-top: 25px;}
   
 #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

    #c_menu{
    background:url(../img/index/bg.jpg) ;
    color: /*#0078ca*/ #FFF ;
	 margin-top:78px;
    min-height:226px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:35%;  
	width: 65%;
	border-top: 0px solid #036
    }
	
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Nunito', sans-serif;
padding: 0;
width: 100%;
}
    #menu li a{
     width: 100%;
   background:#F7F7F7 ;
	color:#333 ;
    padding:14px 0px;
	font-weight:700;
	border-bottom:1px solid #ccc;
	font-size:15px;
	text-shadow: 0px 0px 0px #333;
        }
		
#menu li {
width: 100%;
background: #fff;
color: /*#0078ca*/ #333 ;
 }
 


#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
	margin-left:-10px
}

#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}

#menu .submenu  li  a{
  	background:#fff;
	font-size: 15px; text-align:center;
    color:  #333 ;
    padding:14px 0px;
	border-bottom: 1px dashed #333;
	font-size:15px;
	width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
background:#de3737;
color:#fff;
width:100%;
border-bottom:1px solid #ccc;
}

#menu .submenu  li  a:hover{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #E24C5D;
	font-size:15px;
    padding:14px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;
}

}