#topmenu{
	font-size: 10pt;
	text-align: left;
	display: table;
	width: 100%;
}

#topmenu > div{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

#topmenu > div:first-child{
	text-align: left;
}

#topmenu a{
	text-decoration: none;
}



#topmenu .item.level1 > a > .description,
#topmenu .item.level1 > .description{
	color: white;
}

#topmenu .item.level1:hover > a > .description,
#topmenu .item.level1:hover > .description{
	color: #99C24F;
}

#topmenu .items.one-column{
	width: 170px;
}

#topmenu .items.two-columns{
	width: 340px;
}

#topmenu .item .description{
	height: 42px;
}


#topmenu .item{
	position: relative;
	padding-left: 5px;
}

#topmenu .item.level1{
	display: inline-block;
	text-align: left;
	font-size: 9pt;
	height: 25px;
	padding: 5px 12px;
	border-radius: 4px;
	
	background: #203169; /* Old browsers */
	background: -moz-linear-gradient(top, #203169 0%, #203169 71%, #1d2241 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #203169 0%,#203169 71%,#1d2241 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #203169 0%,#203169 71%,#1d2241 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203169', endColorstr='#1d2241',GradientType=0 ); /* IE6-9 */
}

#topmenu .item.level2,
#topmenu .item.level3,
#topmenu .item.level4{
	width: 170px;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	border-top: 1px solid #2E2E2E;
	border-bottom: 1px solid #424242;
	font-weight: bold;
	display: inline-block;
	float: left;
}

#topmenu .item.level2{
	background-color: #333535;
	color: #d3d3d3;
}

#topmenu .item.level3{
	background-color: #414444;
	color: #d3d3d3;
}

#topmenu .item.level4{
	background-color: #676C6C;
	color: #d3d3d3;
}
	

#topmenu .items.one-column > .item{
	width: 100%;
}

#topmenu .items.two-columns > .item{
	width: 50%;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	border-right: 1px solid #2E2E2E;
	padding-left: 5px;
}


#topmenu .items{
	position: absolute;
	top: 20px;
	left: 100px;
	
	border-radius: 2px;
	border-top: 2px solid #39A6CF;
/*	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;*/
	
	display: inline-block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 100ms, visibility 100ms;
	transition: opacity 100ms, visibility 100ms;
	transition-timing-function: ease-out;
	
	z-index: 501;
}

#topmenu .item:hover > .items{
	display: inline-block;
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0ms, visibility 0ms;
	transition: opacity 0ms, visibility 0ms;
	transition-timing-function: ease-out;
}

#topmenu .item.level1 > .items{
	top: 25px;
	left: 0px;
}

#topmenu .item.level2:hover,
#topmenu .item.level3:hover,
#topmenu .item.level4:hover{
	background-color: #5C5C5C;
}
	
#topmenu .item.level2 > .description,
#topmenu .item.level3 > .description,
#topmenu .item.level4 > .description,
#topmenu .item.level2 > a >.description,
#topmenu .item.level3 > a > .description,
#topmenu .item.level4 > a > .description{
	color: white;
}

#topmenu .item.level2:hover > .description,
#topmenu .item.level3:hover > .description,
#topmenu .item.level4:hover > .description,
#topmenu .item.level2:hover > a >.description,
#topmenu .item.level3:hover > a > .description,
#topmenu .item.level4:hover > a > .description{
	color: #99C24F;
}



#topmenu .openMiniMenuSite{
	display: none;
}

#topmenu .openMiniMenuCrm{
	display: none;
}

#topmenu .buttonsSite{
	padding-top: 10px;
	padding-bottom: 10px;
}

#topmenu .logo1Wrap{
	width: 200px;
	height: 20px;
}

#topmenu .serviceLogo1 {
    background-position: center left;
    background-repeat: no-repeat;
	background-size: contain;
    width: 100%;
    height: 30px;
}

@media (max-width: 992px) {
	
	
	#topmenu .openMiniMenuSite{
		display: inline-block;
		float: right;
		padding: 3px;
	}
	
	#topmenu .openMiniMenuCrm{
		display: inline-block;
		float: right;
		padding: 3px;
	}
	
	#topmenu .buttonsCrm,
	#topmenu .buttonsSite{
		display: none;
	}
}