/************New Menu**************/
#menuDiv{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0 0 3px 0;
    background: #fbfbfb;
    background: -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
    background: -webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#f5f5f5));
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
	
#nav a { 
	display: block;
	text-decoration: none;
	color: #444;
	padding: 12px 20px;
	font-weight: 600;

}
#nav a:hover, #nav a:focus { 
	outline: none;
	color:#111;
	background:#F5F5F5!important;
	background:rgba(0,0,0,.02)!important;
	
}
#nav #menuCesto a{ 
	background: url(../images/cesto.png)  no-repeat center center!important;
	padding: 0;
	width: 60px;
	height:37px;
}
#nav #menuCesto a.cestoFull{ 
	background: url(../images/cestoFull.png) no-repeat center center!important;
}


ul.menubar {
	
	background: none;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
	height: 37px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;	
	/*
	list-style: none;
	font-size: 1em;
	height: 1.85em;
	border: 1px solid black;
	background: #ddd;
	*/
	z-index:99;
	position: relative;
}
.menubar:before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -22px;
	height: 22px;
	display: block;
	background: url(../images/bg_head_shadow3.png) no-repeat center top;
	background-size: 100%;
	z-index: 1;
	animation: fadein 2s;
    -moz-animation: fadein 2s; 
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

ul.menubar > li {
	float: left;
	display: inline; 
	position: relative;
	margin: 0;
	padding: 0; 
	text-transform: uppercase;
	/*height: 1.25em;
	width: 10em;*/
}
ul.menu {
	position: absolute;
	left: 0;
	top: 37px;
	display: none; 
	list-style: none;
	padding: 0;
	font-weight: normal;
	z-index: 99;
	
    background: #28282B;
    margin: 0;
    padding-bottom: 10px;
    border: 1px solid #222;
    border-top: 1px solid #333;
    width: 150px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;	
	
	
}
ul.menu li {
	float: none;
	display: block;
	white-space: nowrap;
}
ul.menu a{
	padding: 12px 20px 8px 24px!important;
    color: #cfcfcf!important;
    font-weight: normal!important;
    font-size: 11px!important;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: none;
    font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
ul.menu a:hover, ul.menu a:focus{
	color:#fff!important;
	
}
/*arrow*/	


#nav .menu-parent:before{
	content:'';
	position: absolute;	
	width:0;
	height:0;
	display:block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;	
	bottom: 0;
	z-index:99999;
	left: 50%;  
	margin-left: -6px;
}
#nav .menu-parent:hover:before{
	border-bottom: 6px solid #333;	
}

ul.menu a:before{
	content: "\ed0d";
	margin-right: 5px;
	font-family: 'icomoon';
	font-size: 11px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

li.menu-hover, li.menu-focus {
	/*
	background-color: #340449 !important;
	color: white;
	outline: none;
	*/
}
li.menu-hover > a, li.menu-focus > a { 
	outline: none;
	color:#111!important;
	background:#F5F5F5!important;
	background:rgba(0,0,0,.02)!important;
	/*color: white !important;
	outline: none;	
	*/
}

li.menu-hover > a:hover, li.menu-hover > a:focus { 
	outline: none;
	color:#111;
	background:#F5F5F5!important;
	background:rgba(0,0,0,.02)!important;
	
}


/*_______________________________________*/
/*_____________MOBILE MENU_______________*/

.menu-button {
  position: relative;
  text-indent: -999em;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  display: block;
  height: 3em;
  width: 3em;
  transition: background 800ms;
  background-color: #fff;
  background: linear-gradient(transparent 0%, transparent 46%, black 46%, black 54%, transparent 54%, transparent 100%);
  border-radius: .25em; 
}
.menu-button:after, .menu-button:before {
    transition: all ease 200ms;
    position: absolute;
    content: 'a';
    background-color: black;
    height: .25em;
    width: 3em; 
}
.menu-button:before {
    top: 7px;
    right: 0; 
}
.menu-button:after {
    bottom: 7px;
    right: 0
}
.menu-button.openedMenu {
    background: transparent;
}
.menu-button.openedMenu:hover {
      background: transparent; 
}
.menu-button.openedMenu:hover:after, .menu-button.openedMenu:hover:before, .menu-button.openedMenu:after, .menu-button.openedMenu:before {
      top: 50%; 
}
.menu-button.openedMenu:before {
      transform: rotate(45deg);
      transform-origin: 50%; 
}
.menu-button.openedMenu:after {
      transform: rotate(-45deg);
      transform-origin: 50%; 
}
.menu-button:hover {
    background: linear-gradient(transparent 0%, transparent 46%, #007ACC 46%, #007ACC 54%, transparent 54%, transparent 100%); 
}
.menu-button:hover:after, .menu-button:hover:before {
      background-color: #007ACC; 
}
.menu-button:hover:before {
      top: 5px; 
}
.menu-button:hover:after {
      bottom: 5px; 
}

#mobileNav{
	display:none;
	background: #fbfbfb;
	background: -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
	background: -webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#f5f5f5));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 6px 15px 6px 15px;
    position: relative;
}
#toogle_mobileMenu{
	position:relative;
	cursor:pointer;
}

.menuLabel{
	position: relative;
	top: 2px;
	color: #999;
	font-size: 28px;
	line-height:28px;
	font-weight: 300;
    letter-spacing: -0.035em;
}
#mobileMenu {
	display:none;
	background: #28282B;
	border: 1px solid #222;
	border-top: 1px solid #333;
	padding:25px 25px 25px 25px;
	margin:5px 0 10px 0;
	position:relative;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

#mobileMenu > a {
	display:none;
}

#opacSiteMap table{
	margin-bottom:20px;
	margin-top:-10px;
}

#opacSiteMap > table{
	margin-bottom:15px;
	margin-top:0;
}


#opacSiteMap table a{
	color:#cfcfcf;
}
#opacSiteMap table a span.mnuLevel0{
	font-size:14px;
	font-weight:400;
	letter-spacing:-0.02em;
	font-style:normal;
}
#opacSiteMap table a span.mnuLevel1{
	font-size:10px;
	font-weight:300;
	font-style:normal;
	letter-spacing:0.035em;
	text-transform:uppercase;
}

#opacSiteMap table a span.mnuLevel1:before{
	content: "\ed0d";
	margin-right: 5px;
	font-family: 'icomoon';
	font-size: 11px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#opacSiteMap a img{
	opacity:0;
}

#opacSiteMap table a:hover, #opacSiteMap table a:active{
	text-decoration:none;
	color:#fff;
}
/*************************************************************
ToolBar
**************************************************************/
  

.tool-container {
	background: #171717;
	position: absolute;				
}

.tool-container.tool-top, .tool-container.tool-bottom {
	height: 34px;
	border-top: 4px solid #007ACC ;
}

.tool-items {
	height: 100%;	
}

.tool-top .tool-item, .tool-bottom .tool-item {
	float: left;
	border-right: 1px solid #000;
	border-left: 1px solid #252525;
}

.tool-left .tool-item, .tool-right .tool-item {
	height: 34px;
	border-top: 1px solid #007ACC ;
}


.tool-item {
	height: 100%;
	display: block;				
	width: auto;
	text-align: center;
	overflow:hidden;
}
.tool-items a, .tool-items a:visited {
	color:#999;
}
.tool-items a:hover{
	color:#A0A4A5;
}

.tool-item:first-child {
	border-left: none;
}

.tool-left .tool-item:first-child, .tool-right .tool-item:first-child {
	border-top: 1px solid transparent;
}

.tool-item:last-child {
	border-right: none;
	border-bottom: none;
}

.tool-item.selected, .tool-item:hover  {
	background: #1E1F21;
}

.tool-top .tool-item:last-child:hover, .tool-bottom .tool-item:last-child:hover {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.tool-top  .tool-item:first-child:hover, .tool-bottom  .tool-item:first-child:hover {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tool-left .tool-item:last-child:hover, .tool-right .tool-item:last-child:hover {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tool-left .tool-item:first-child:hover, .tool-right .tool-item:first-child:hover {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.tool-container .arrow {
	width:0;
	height:0;
	position: absolute;	
	border-width:7px;
	border-style:solid;
}

.tool-container.tool-top .arrow {
	border-color: #007ACC transparent transparent; 
	left: 50%;  
	bottom: -16px;
	margin-left: -7px;
}

.tool-container.tool-bottom .arrow {
	border-color: transparent transparent #007ACC; 
	left: 50%;  
	top: -16px;
	margin-left: -7px;
}

.tool-container.tool-left .arrow {
	border-color: transparent transparent transparent #007ACC;
	top: 50%;
	right: -16px;
	margin-top: -7px;
}

.tool-container.tool-right .arrow {
	border-color: transparent #007ACC transparent transparent;
	top: 50%;
	left: -16px;
	margin-top: -7px;
}