.menuComplete {	
	width: auto;
	z-index: 500; 
	float: right; 
	position: relative;
	margin-top: 42px;
	margin-right: -12px;
	 

}
.menuBlock {z-index: 500; width: auto; height: auto; position: relative; float: left; padding: 0 10px;}
.menuBlock:last-child {border-right: 0;}
.subMenuBlock {
	z-index: 500; 
	display: none; 
	position: absolute; 
	left: 0px; 
	top: 28px;
	width: 250px; 
	border-top: 0; 
	margin: 0;
	padding: 0;
	text-align: center;
	} 
.subMenuBlock .menuBlock {position: relative; width: 100%; height: auto; float: left;}

/* HLAVNI TLACITKA */ 
.subMenuBlock .menuBlock div.menuItem, .subMenuBlock .menuBlock a:link, .subMenuBlock .menuBlock a:visited {
	float: left;
}

/* HLAVNI TLACITKA */ 
div.menuItem, a.menuItem {
	float: left;
	z-index: 150; 
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 0px;
	width: 100%;
	height: 100%;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	background:  none;
	opacity: 0.8;
	cursor: pointer;
	font-family: 'AlianzaSlab600';
	}

div.menuItem:hover, a.menuItem:hover, a.menuItemHover {
	 text-decoration: none;
	 color: #fff;
	 opacity: 1;
	}
 a.menuItemActive {
	text-decoration: none;
	color: #fff;;
	opacity: 1;
 }
div.subMenuBlock div.menuItem, div.subMenuBlock a.menuItem {
	font-family: 'AlianzaSlab400';
	width: 100%;
	display: block; margin: 0; 
	background: none;
	/*background-color: #fff; color: #f15a29;*/
	background-color: #f15a29; color: #ffffff;  
	opacity: 1;
	font-size: 9pt;
	font-weight: 300;
	margin: 0;
	padding: 4px 15px;
	text-align: left;
	float: left;
	font-weight: 500;
}
.subMenuBlock div.menuItem:hover, .subMenuBlock a.menuItem:hover {
	background-color: #fff; color: #f15a29;
	/*background-color: #f15a29; color: #ffffff;  */
	padding-left: 15px;}

.fastLinksContainer {width: 100%; float: left; margin-bottom: 10px; margin-top: 0;}
a.fastLinks {float: left;
	z-index: 150; 
	font-size: 12pt;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	color: #0053ba;
	border: 1px solid #ddd;
	background-color: #fff; margin-right: 5px; margin-bottom: 5px;
	width: 208px;
	transition: 0.2s;
	}

a.fastLinks:hover {
	border: 1px solid #0053ba;		
}

a.fastLinks img {width: 100%; height: auto; margin: 0;}
a.fastLinks div {font-size: 12pt; color: #0053ba; text-align: center; padding:10px 0;}



@media only screen and (max-width: 1023px) {
	.menuBlock {padding: 0; float: left; width: 100%; border-right: none;}
	.menuComplete {	
		width: 50%;
		height: 100%;
		z-index: 500000; 
		transition: 0.5s;
		left: -100%;
		top: 0;
		position: fixed;
		margin: 0; display: block; 
		background-color: rgba(50,50,50,0.95);
		padding-top: 25px;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	
	}
	div.slideRight {left: 0;}
	div.menuItem, a.menuItem {
		float: left;
		text-align: center;
		width: 100%;
		color: #ddd;
		border-bottom: 1px solid #555555;
		font-size: 11pt;
		padding: 5px 0;
	}

	div.menuItem:hover, a.menuItem:hover, a.menuItemHover {
		text-decoration: none;
	}

	.subMenuBlock {
		display: none; 
		position: relative; 
		left: auto; 
		top: auto;
		width: 100%; 
		border-top: 0; 
		margin: 0;
		padding: 0;
		text-align: center;
	} 

	div.subMenuBlock div.menuItem, div.subMenuBlock a.menuItem {
		font-size: 10pt; text-align: center;
	}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 

}


@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
	div.menuItem, a.menuItem { }
	.menuComplete {	width: 75%;	}
 }