@CHARSET "UTF-8";

/* 152, 138, 114, 124, 95, 142, 94, 120*/

#hpMenu, #hpMenuen {
	padding: 0 0 0 9px;
	position: relative;
}

#hpMenu a span, #hpMenuen a span{
	display: none;
}

#hpMenu a, #hpMenuen a{
	float: left;
	height: 52px;
	position: absolute;
	top: 0;
	
}

/* CZ MENU */
#hpMenu #hpMenuItem1{
	width: 152px;
	left: 9px;
	background: url('/img/menu/czBasic_01.png') top left no-repeat;
}
#hpMenu #hpMenuItem2{
	width: 138px;
	left: 161px;
	background: url('/img/menu/czBasic_02.png') top left no-repeat;
}

#hpMenu #hpMenuItem2_1{
	width: 114px;
	left: 299px;
	background: url('/img/menu/czBasic_02_2.png') top left no-repeat;
}

#hpMenu #hpMenuItem3{
	width: 124px;
	left: 413px;
	background: url('/img/menu/czBasic_03.png') top left no-repeat;
}
#hpMenu #hpMenuItem4{
	width: 95px;
	left: 537px;
	background: url('/img/menu/czBasic_04.png') top left no-repeat;
}
#hpMenu #hpMenuItem5{
	width: 142px;
	left: 632px;
	background: url('/img/menu/czBasic_05.png') top left no-repeat;
}
#hpMenu #hpMenuItem6{
	width: 95px;
	left: 774px;
	background: url('/img/menu/czBasic_06.png') top left no-repeat;
}
#hpMenu #hpMenuItem7{
	width: 122px;
	left: 868px;
	background: url('/img/menu/czBasic_07.png') top left no-repeat;
}


#hpMenu #hpMenuItem1:hover{
	z-index: 6;
	background: url('/img/menu/czHover_01.png') top left no-repeat;
	height: 48px;
}
#hpMenu #hpMenuItem2:hover{
	z-index: 6;
	background: url('/img/menu/czHover_02.png') top left no-repeat;
	height: 48px;
}
#hpMenu #hpMenuItem2_1:hover{
	z-index: 6;
	background: url('/img/menu/czHover_02_2.png') top left no-repeat;
	height: 48px;
}
#hpMenu #hpMenuItem3:hover{
	z-index: 6;
	background: url('/img/menu/czHover_03.png') top left no-repeat;
	height: 48px;
}
#hpMenu #hpMenuItem4:hover{
	z-index: 6;
	background: url('/img/menu/czHover_04.png') top left no-repeat;
	height: 48px;
}
#hpMenu #hpMenuItem5:hover{
	z-index: 6;
	background: url('/img/menu/czHover_05.png') top left no-repeat;
	height: 48px;
}
#hpMenu #hpMenuItem6:hover{
	z-index: 6;
	background: url('/img/menu/czHover_06.png') top left no-repeat;
	height: 48px;
}
#hpMenu #hpMenuItem7:hover{
	z-index: 6;
	background: url('/img/menu/czHover_07.png') top left no-repeat;
	height: 48px;
}

/* 152, 138, 114, 124, 95, 142, 94, 120*/

#hpMenu #hpMenuItem1selected{
	left: 9px;
	width: 154px;
	z-index: 3;
	background: url('/img/menu/czSelected_01.png') top left no-repeat;
}
#hpMenu #hpMenuItem2selected{
	width: 140px;
	left: 161px;
	z-index: 3;	
	background: url('/img/menu/czSelected_02.png') top left no-repeat;
}
#hpMenu #hpMenuItem2_1selected{
	width: 116px;
	left: 299px;
	z-index: 3;	
	background: url('/img/menu/czSelected_02_2.png') top left no-repeat;
}
#hpMenu #hpMenuItem3selected{
	width: 126px;
	left: 413px;
	z-index: 3;
	background: url('/img/menu/czSelected_03.png') top left no-repeat;
}
#hpMenu #hpMenuItem4selected{
	width: 97px;
	left: 537px;
	z-index: 3;
	background: url('/img/menu/czSelected_04.png') top left no-repeat;
}
#hpMenu #hpMenuItem5selected{
	width: 144px;
	left: 632px;
	z-index: 3;
	background: url('/img/menu/czSelected_05.png') top left no-repeat;
}
#hpMenu #hpMenuItem6selected{
	width: 95px;
	left: 774px;
	z-index: 3;
	background: url('/img/menu/czSelected_06.png') top left no-repeat;
}
#hpMenu #hpMenuItem7selected{
	width: 122px;
	left: 868px;
	z-index: 3;
	background: url('/img/menu/czSelected_07.png') top left no-repeat;
}


/* EN MENU */
#hpMenuen #hpMenuItem1{
	width: 133px;
	left: 12px;
	background: url('/img/menu/enBasic_01.png') top left no-repeat;
}
#hpMenuen #hpMenuItem2{
	width: 139px;
	left: 145px;
	background: url('/img/menu/enBasic_02.png') top left no-repeat;
}

#hpMenuen #hpMenuItem2_1{
	width: 93px;
	left: 283px;
	background: url('/img/menu/enBasic_02_2.png') top left no-repeat;
}

#hpMenuen #hpMenuItem3{
	width: 129px;
	left: 375px;
	background: url('/img/menu/enBasic_03.png') top left no-repeat;
}
#hpMenuen #hpMenuItem4{
	width: 112px;
	left: 503px;
	background: url('/img/menu/enBasic_04.png') top left no-repeat;
}
#hpMenuen #hpMenuItem5{
	width: 141px;
	left: 614px;
	background: url('/img/menu/enBasic_05.png') top left no-repeat;
}
#hpMenuen #hpMenuItem6{
	width: 117px;
	left: 754px;
	background: url('/img/menu/enBasic_06.png') top left no-repeat;
}
#hpMenuen #hpMenuItem7{
	width: 122px;
	left: 870px;
	background: url('/img/menu/enBasic_07.png') top left no-repeat;
}


#hpMenuen #hpMenuItem1:hover{
	z-index: 6;
	background: url('/img/menu/enHover_01.png') top left no-repeat;
	height: 48px;
}
#hpMenuen #hpMenuItem2:hover{
	z-index: 6;
	background: url('/img/menu/enHover_02.png') top left no-repeat;
	height: 48px;
}
#hpMenuen #hpMenuItem2_1:hover{
	z-index: 6;
	background: url('/img/menu/enHover_02_2.png') top left no-repeat;
	height: 48px;
}
#hpMenuen #hpMenuItem3:hover{
	z-index: 6;
	background: url('/img/menu/enHover_03.png') top left no-repeat;
	height: 48px;
}
#hpMenuen #hpMenuItem4:hover{
	z-index: 6;
	background: url('/img/menu/enHover_04.png') top left no-repeat;
	height: 48px;
}
#hpMenuen #hpMenuItem5:hover{
	z-index: 6;
	background: url('/img/menu/enHover_05.png') top left no-repeat;
	height: 48px;
}
#hpMenuen #hpMenuItem6:hover{
	z-index: 6;
	background: url('/img/menu/enHover_06.png') top left no-repeat;
	height: 48px;
}
#hpMenuen #hpMenuItem7:hover{
	z-index: 6;
	background: url('/img/menu/enHover_07.png') top left no-repeat;
	height: 48px;
}

/* 133, 138, 114, 124, 95, 142, 94, 120*/

#hpMenuen #hpMenuItem1selected{
	left: 12px;
	width: 135px;
	z-index: 3;
	background: url('/img/menu/enSelected_01.png') top left no-repeat;
}
#hpMenuen #hpMenuItem2selected{
	width: 141px;
	left: 145px;
	z-index: 3;	
	background: url('/img/menu/enSelected_02.png') top left no-repeat;
}
#hpMenuen #hpMenuItem2_1selected{
	width: 95px;
	left: 283px;
	z-index: 3;	
	background: url('/img/menu/enSelected_02_2.png') top left no-repeat;
}
#hpMenuen #hpMenuItem3selected{
	width: 131px;
	left: 375px;
	z-index: 3;
	background: url('/img/menu/enSelected_03.png') top left no-repeat;
}
#hpMenuen #hpMenuItem4selected{
	width: 114px;
	left: 503px;
	z-index: 3;
	background: url('/img/menu/enSelected_04.png') top left no-repeat;
}
#hpMenuen #hpMenuItem5selected{
	width: 143px;
	left: 614px;
	z-index: 3;
	background: url('/img/menu/enSelected_05.png') top left no-repeat;
}
#hpMenuen #hpMenuItem6selected{
	width: 119px;
	left: 754px;
	z-index: 3;
	background: url('/img/menu/enSelected_06.png') top left no-repeat;
}
#hpMenuen #hpMenuItem7selected{
	width: 124px;
	left: 870px;
	z-index: 3;
	background: url('/img/menu/enSelected_07.png') top left no-repeat;
}


/* TOP menu HP */

#topMenu{
	margin: 32px 0 0 0;
	text-align: left;
	position: relative;
}

#hpMenu{
	/*background: url('/img/menu/basicBackground.png') top left no-repeat;*/
	width: 1020px;
	height: 52px;
	margin: 0 0 0 3px;
}

#menuConnect{
	position: absolute;
	top: 43px;
	height: 6px;
	z-index: 3;
	font-size:1px;
	width: 100%;
	margin: 0 0 0 12px;
}

#menuConnect .connector .rconnect{
	position: absolute; bottom:0; right:0;
}

#menuConnect .connector .lconnect{
	position: absolute; bottom:0; left:0;	
}

#menuConnect .connector, #menuConnect .connectorcenik{
	position: absolute;
	height: 6px;
	top: 0;
	background: url('/img/menu/connectBgr.png') top left repeat-x;
	z-index: 4;
}

#menuConnect .connectorcenik{
	background: none;
}




#subMenu{
	position: absolute;
	background: url('/img/menu/bgrMenuDetail.png') top left no-repeat;
	width: 980px;
	height: 52px;
	margin: 0 0 0 12px;
	top: 49px;
	z-index: 3;
	overflow: hidden;
}


#itemsWrapper{
	width: 3000px;
}


.subMenuItem{
	display: block;
	float: left;
	color: #fff;
	height: 41px;
	line-height: 27px;
	margin: 4px 4px;
	text-decoration: none;
}

.subMenuItemWrapper{
	line-height: 41px;
	display: block;
}

.subMenuItemWrapper span{
	line-height: 27px;
	height: 27px;
	margin: 0 10px;
	display: block;
	padding: 0 5px;
}


.subMenuItem:hover{
	background: url('/img/menu/subHoverL.png') top left no-repeat;
	cursor: pointer;
}

.subMenuItem:hover .subMenuItemWrapper{
	background: url('/img/menu/subHoverR.png') top right no-repeat;
}
.subMenuItem:hover .subMenuItemWrapper span{
	background: url('/img/menu/subHoverBgr.png') top left repeat-x;
}


.subMenuItemSelected{
	display: block;
	float: left;
	color: #fff;
	height: 29px;
	line-height: 29px;
	margin: 3px 4px ;
	text-decoration: none;
	background: url('/img/menu/subActiveL.gif') top left no-repeat;
	font-weight: bold;
}

.subMenuItemSelected .subMenuItemWrapper{
	line-height: 29px;
	display: block;
	background: url('/img/menu/subActiveR.gif') top right no-repeat;
}

.subMenuItemSelected .subMenuItemWrapper div{
	height: 38px;
	margin: 0;
	display: block;
	padding: 0;
	background: url('/img/menu/selSipka.png') bottom center no-repeat;
}

.subMenuItemSelected .subMenuItemWrapper span{
	line-height: 29px;
	height: 29px;
	margin: 0 10px;
	padding: 0 5px;
	display: block;
	background: url('/img/menu/subActiveBgr.gif') top left repeat-x;
}

#scrLeft span, #scrRight span{
	display: none;
}

#scrLeft, #scrRight{
	position: absolute;
	display: none;
	left: 0px;
	width: 20px;
	height: 35px;
	cursor: pointer;
	background: url('/img/menu/subMenuArrowLeft.png') top left no-repeat;
}

#scrRight{
	background: url('/img/menu/subMenuArrowRight.png') top right no-repeat;
	left: 960px;
}
