/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.2.2015, 13:30:16
    Author     : staskaff
*/


/* --------------- Main Menu ------------ */

#main-menu {
  clear: both;
}
#block-system-main-menu div.content{margin-top: 0px}
#block-system-main-menu h2{
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}
#main-menu-links, #block-system-main-menu ul.menu {
  
  margin: 0;
  padding: 0 15px;
}
#main-menu-links li,#block-system-main-menu ul.menu li {
  float: left; /* LTR */
  list-style: none;
  height: 40px;
  padding: 0 1px;
  margin: 0 1px;
}
#main-menu-links a,#block-system-main-menu ul.menu a {
	color: #FFF;
	background: #181818;
	float: left; /* LTR */
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 0.5em;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#main-menu-links a:hover,
#main-menu-links a:focus,
#block-system-main-menu ul.menu a:hover,
#block-system-main-menu ul.menu a:focus{
	background: #181818;
	color: #ff2727;
}
#main-menu-links a:active,
#block-system-main-menu ul.menu a:active{
	background: #181818;
	color: #ff2727;
}
#main-menu-links li a.active,
#block-system-main-menu ul.menu li a.active{
  background: #181818;
  color: #ff2727;
  border-bottom: none;
}
.featured #main-menu-links li a:active,
.featured #main-menu-links li a.active,
.featured #block-system-main-menu ul.menu li a:active,
.featured #block-system-main-menu ul.menu li a.active{
	background: #181818;
}
#block-system-main-menu ul.menu li ul.menu{visibility: hidden;display: block;clear: both} 
#block-system-main-menu ul.menu li ul.menu li{float: none;width: 100%;display: block}
#block-system-main-menu ul.menu li ul.menu li a{float: none;width: 100%;display: block}
#block-system-main-menu ul.menu li:hover ul.menu{visibility: visible;position: relative} 
#block-system-main-menu ul.menu li.expanded > a{background-repeat: no-repeat;
                                                background-image: url(/misc/arrow-asc.png);
                                                background-position: right 0.88em;
                
             padding-right: 1.1em}