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

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


    

#divmenu{
        margin:0px auto;
        background: #FFF;
     }


#menu{
 list-style: none;
height: 42px;
margin: 0;
/*float: right;*/
text-align: left;
border:0px solid #f00;
font-weight:700;
font-family: 'Literata', serif;
padding: 0;
}

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

#menu li a{
display: block;
padding: 27px 10px;
margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #394C63;
font-size:20px;
font-weight:700;
border-bottom:0px solid #33A356;
}

#menu li:hover {background:#394C63; color:#ccc; border-bottom:0px solid #F60;}
#menu li a:hover {background:#394C63; color:#ccc; border-bottom:0px solid #F60;}
#menu li a:hover, #menu .submenu li:hover a{background:#394C63; color:#ccc; border-bottom:0px solid #F60;}

#menu li a:active {background:#394C63; color:#ccc;  border-bottom:0px solid #F60;}

#menu .submenu{
    width:175px;
    text-align:left;
    display:none;
    z-index:99999;
    position:absolute;
    margin:0px;
   background:#EDEDED;
	color:#fff;
	margin-top:0px;

}


#menu .submenu  li{
 text-align:left;
display:block;
width:220px;
color:#666;
padding: 0px 10px;
margin-left:-45px
   
}
#menu .submenu  li  a{
    display:block;
    padding: 7px 10px;
    border:purple solid 0px;
    text-decoration: none;    
     text-align:left;
	color:#666;
background:#;
   /* width:110px;*/
width:220px;
    
}

#menu .submenu  li a:hover {
    padding: 7px 10px;
color:#1F5CA2;
    background: #;
margin-left:0px;
width:220px;
}



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



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

#menu_responsive {
margin: 0px 0px 0px; 
display: none;
padding:0px;
text-align: center;
width:110px;
font-family: 'Literata', serif;
font-size: 0.8em;
border:0px solid #fff; margin-top:12px; background:#F25725;
    }  
	
  
/*
@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: 1024px) and (max-width: 1199px) {
#c_menu{
border: 0px solid blue;
    float: right;
    height: 55px;
    margin-bottom: 0px;
    margin-right:0px;
    margin-top: 5px;
    width: 570px;
	background:url(../img/head/BG%20meni.png);
	border-bottom:0px solid #33A356;
}


    

#divmenu{
        margin:0px auto;
        background: #FFF;
     }


#menu{
 list-style: none;
height: 42px;
margin: 0;
/*float: right;*/
text-align: left;
border:0px solid #f00;
font-weight:700;
font-family: 'Literata', serif;
padding: 0;
}

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

#menu li a{
display: block;
padding: 27px 10px;
margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #394C63;
font-size:20px;
font-weight:700;
border-bottom:0px solid #33A356;
}

#menu li:hover {background:#394C63; color:#ccc; border-bottom:0px solid #F60;}
#menu li a:hover {background:#394C63; color:#ccc; border-bottom:0px solid #F60;}
#menu li a:hover, #menu .submenu li:hover a{background:#394C63; color:#ccc; border-bottom:0px solid #F60;}

#menu li a:active {background:#394C63; color:#ccc;  border-bottom:0px solid #F60;}

}

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

    #c_menu{
    background:#F25725 ;
    color: /*#0078ca*/ #FFF ;
	 margin-top:95px;
    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: 'Literata', serif;
padding: 0;
width: 100%;
}
 #menu li a{
     width: 100%;
   background:#394C63;
	color:#ededed ;
    padding:18px 0px;
	font-weight:600;
	border-bottom:1px dashed #fff;
	font-size:16px;
        }
		
#menu li {
width: 100%;
background: #fff;
color:  #333 ;
 }
 
#menu li a:hover, #menu .submenu li:hover a{
border-bottom:1px dashed #ddd;
background:#F25725;
color:#fff; 
width:100%;
}
   #menu .submenu  li  a:hover{
  background:#EDEDED;
	font-size: 15px; text-align:center;
   color:#1F5CA2; 
	font-size:16px;
    padding:18px 0px;
	border: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;
}
 
}

@media screen and (min-width: 600px) and (max-width: 799px) {
   
#menu_responsive{ border: 0 solid #f00;
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-right: 14px;
    margin-top: 19px;}
   
 #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:70px;
    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: 'Literata', serif;
padding: 0;
width: 100%;
}
  #menu li a{
     width: 100%;
   background:#394C63;
	color:#ededed ;
    padding:18px 0px;
	font-weight:600;
	border-bottom:1px dashed #fff;
	font-size:16px;
        }
		
#menu li {
width: 100%;
background: #fff;
color:  #333 ;
 }
 
#menu li a:hover, #menu .submenu li:hover a{
border-bottom:1px dashed #ddd;
background:#F25725;
color:#fff; 
width:100%;
}
   #menu .submenu  li  a:hover{
  background:#EDEDED;
	font-size: 15px; text-align:center;
   color:#1F5CA2; 
	font-size:16px;
    padding:18px 0px;
	border: 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: 0px;
    margin-top: 19px;}
   
 #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:70px;
    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: 'Literata', serif;
padding: 0;
width: 100%;
}
  #menu li a{
     width: 100%;
   background:#394C63;
	color:#ededed ;
    padding:16px 0px;
	font-weight:600;
	border-bottom:1px dashed #fff;
	font-size:16px;
        }
		
#menu li {
width: 100%;
background: #fff;
color:  #333 ;
 }
 
#menu li a:hover, #menu .submenu li:hover a{
border-bottom:1px dashed #ddd;
background:#F25725;
color:#fff; 
width:100%;
}
   #menu .submenu  li  a:hover{
  background:#EDEDED;
	font-size: 15px; text-align:center;
   color:#1F5CA2; 
	font-size:16px;
    padding:18px 0px;
	border: 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: 0px;
    margin-top: 19px;}
   
 #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:70px;
    min-height:226px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:30%;  
	width: 70%;
	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: 'Literata', serif;
padding: 0;
width: 100%;
}
    #menu li a{
     width: 100%;
   background:#394C63;
	color:#ededed ;
    padding:14px 0px;
	font-weight:600;
	border-bottom:1px dashed #fff;
	font-size:16px;
        }
		
#menu li {
width: 100%;
background: #fff;
color:  #333 ;
 }
 


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