@charset "utf-8";
/* BEGINA NAVIGATION */
#cssmenu{
background: url(images/bg_header-menu_bord.png) repeat-x, #000000 url(images/bg_header-menu.png) 50% 50% no-repeat;
position:relative;
height:66px;
z-index:98;
text-transform:uppercase;
margin:0; 
padding:3px 0 0 0;
/*
border-top:3px solid #999999;
border-bottom:3px solid #999999;
*/ 

 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}
#cssmenu:before,
#cssmenu:after {
    content:"";
    position:absolute;
    z-index:-2;
}

#cssmenu ul {margin:0 auto; padding:0; width:1000px;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}

#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding: 23px 35px; font-size:14px; text-decoration:none; color:#fff;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active{
background: #000000 url(images/headermenu_hover_active.png) repeat-x;
/*background: linear-gradient(#ab0000, #df0000);*/
box-shadow: inset 0px 0px 10px #ff0000;
-webkit-transition:background .3s ease;
-ms-transition:background .3s ease;
transition:background .3s ease;
}

#cssmenu > ul > li.has-sub > a{padding-right:30px}

#cssmenu > ul > li.has-sub > a:after{
position:absolute;
top:28px;
right:11px;
width:8px;
height:2px;
display:block;
background:#fff;
content:'';
}
#cssmenu > ul > li.has-sub > a:before{
position:absolute;
top:25px;
right:14px;
display:block;
width:2px;
height:8px;
background:#fff;
content:'';
-webkit-transition:all .25s ease;
-ms-transition:all .25s ease;
transition:all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before{top:29px; height:0;}



#cssmenu ul ul{position:absolute;left:-9999px;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height: auto;}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{
width: 220px;
padding:8px 12px;
font-size:12px;
text-decoration:none;
color:#fff;
line-height:1.3;
background: rgba(0,0,0,0.6);
border-bottom:1px solid #999999;
}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0;}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{
color:#fff;
background: #000000 url(images/headermenu_hover_active.png) repeat-x;
/*background: linear-gradient(#ab0000, #df0000);*/
box-shadow: inset 0px 0px 10px #ff0000;
}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#fff;content:'';}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px; height:0;}
#cssmenu ul ul li.has-sub > a:hover,#cssmenu ul li.has-sub ul li.has-sub ul li > a:hover{background:#000;}

@media screen and (max-width: 468px){
#cssmenu{width:100%; height:auto; border:none; background-image: none;}
#cssmenu ul{width:100%;display:none;}
#cssmenu ul li{width:100%;border-top:1px solid #444;}
#cssmenu ul li:hover{background: #363636;-webkit-transition:none;-ms-transition:none;transition:none;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0; padding:16px 10px; background:#000; text-transform:none;}

#cssmenu ul li a:hover,#cssmenu ul ul li a:hover {
background: #000000 url(images/headermenu_hover_active.png) repeat-x;
/*background: linear-gradient(#ab0000, #df0000);*/
box-shadow: inset 0px 0px 10px #ff0000;
}



#cssmenu > ul > li{float:none;}
#cssmenu ul ul li a{padding-left:25px;}
#cssmenu ul ul ul li a{padding-left:35px;}

#cssmenu ul ul li a{color:#fff; background:#363636;}




#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff;}


#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#fff;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
}



















ul.dropdown {
position: relative;
font-size:14px;
z-index:98;
margin: 0 auto;
width:1000px;
}
ul.dropdown li { float: left; zoom: 1;}
ul.dropdown a:hover	{color: #ffffff;}
ul.dropdown a:active {color: #ffffff;}
ul.dropdown li a { 
display: block; 
padding: 22px 35px;
color: #ffffff;
text-decoration: none;
}
ul.dropdown li:last-child a {border-right: none;}
/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative; 
background: #000000 url(images/headermenu_hover_active.png) repeat-x;
/*background: linear-gradient(#ab0000, #df0000);*/
box-shadow: inset 0px 0px 10px #ff0000;
}
ul.dropdown li.hover a {color:#ffffff;}
/* LEVEL TWO */
ul.dropdown ul {
visibility: hidden; 
position: absolute; 
top: 100%; 
left: 0; 
z-index:99;
background: rgba(0,0,0,0.6)
}
ul.dropdown ul li {
font-weight: normal; 
float: left;
color: #ffffff;
padding:0;
margin:0;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
border-right: none; 
width: 100%; 
display: inline-block;
width: auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
background-image:none;
border-bottom:1px solid #999999;
width: 220px;
/*background: #000000 !important;*/
padding:8px 12px;
}
ul.dropdown ul li a:hover {color:#ffffff;}/* LEVEL THREE*/
ul.dropdown ul ul {left: 100%; top: 0;}
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown ul li {display: inline; width: 100%;} /* IE */
ul.dropdown #no-icons a {background:none;}
ul.dropdown .first, ul.dropdown .last, ul.dropdown .default {
background: #000000 url(images/headermenu_hover_active.png) repeat-x;
box-shadow: inset 0px 0px 10px #ff0000;
/*background: linear-gradient(#ab0000, #df0000);*/
}
/* end header gorizontal menu*/