@CHARSET "UTF-8";

/* 152, 138, 114, 124, 95, 142, 94, 120*/

#hpMenu {
	padding: 0 0 0 9px;
	position: relative;
}

#hpMenu a span{
	display: none;
}

#hpMenu a{
	float: left;
	height: 52px;
	position: absolute;
	top: 0;
	
}


#hpMenuItem1{
	width: 152px;
	left: 9px;
	background: url('/img/menu/czBasic_01.png') top left no-repeat;
}
#hpMenuItem2{
	width: 138px;
	left: 161px;
	background: url('/img/menu/czBasic_02.png') top left no-repeat;
}

#hpMenuItem2_1{
	width: 114px;
	left: 299px;
	background: url('/img/menu/czBasic_02_2.png') top left no-repeat;
}

#hpMenuItem3{
	width: 124px;
	left: 413px;
	background: url('/img/menu/czBasic_03.png') top left no-repeat;
}
#hpMenuItem4{
	width: 95px;
	left: 537px;
	background: url('/img/menu/czBasic_04.png') top left no-repeat;
}
#hpMenuItem5{
	width: 142px;
	left: 632px;
	background: url('/img/menu/czBasic_05.png') top left no-repeat;
}
#hpMenuItem6{
	width: 95px;
	left: 774px;
	background: url('/img/menu/czBasic_06.png') top left no-repeat;
}
#hpMenuItem7{
	width: 122px;
	left: 868px;
	background: url('/img/menu/czBasic_07.png') top left no-repeat;
}


#hpMenuItem1:hover{
	z-index: 6;
	background: url('/img/menu/czHover_01.png') top left no-repeat;
	height: 48px;
}
#hpMenuItem2:hover{
	z-index: 6;
	background: url('/img/menu/czHover_02.png') top left no-repeat;
	height: 48px;
}
#hpMenuItem2_1:hover{
	z-index: 6;
	background: url('/img/menu/czHover_02_2.png') top left no-repeat;
	height: 48px;
}
#hpMenuItem3:hover{
	z-index: 6;
	background: url('/img/menu/czHover_03.png') top left no-repeat;
	height: 48px;
}
#hpMenuItem4:hover{
	z-index: 6;
	background: url('/img/menu/czHover_04.png') top left no-repeat;
	height: 48px;
}
#hpMenuItem5:hover{
	z-index: 6;
	background: url('/img/menu/czHover_05.png') top left no-repeat;
	height: 48px;
}
#hpMenuItem6:hover{
	z-index: 6;
	background: url('/img/menu/czHover_06.png') top left no-repeat;
	height: 48px;
}
#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*/

#hpMenuItem1selected{
	left: 9px;
	width: 154px;
	z-index: 3;
	background: url('/img/menu/czSelected_01.png') top left no-repeat;
}
#hpMenuItem2selected{
	width: 140px;
	left: 161px;
	z-index: 3;	
	background: url('/img/menu/czSelected_02.png') top left no-repeat;
}
#hpMenuItem2_1selected{
	width: 116px;
	left: 299px;
	z-index: 3;	
	background: url('/img/menu/czSelected_02_2.png') top left no-repeat;
}
#hpMenuItem3selected{
	width: 126px;
	left: 413px;
	z-index: 3;
	background: url('/img/menu/czSelected_03.png') top left no-repeat;
}
#hpMenuItem4selected{
	width: 97px;
	left: 537px;
	z-index: 3;
	background: url('/img/menu/czSelected_04.png') top left no-repeat;
}
#hpMenuItem5selected{
	width: 144px;
	left: 632px;
	z-index: 3;
	background: url('/img/menu/czSelected_05.png') top left no-repeat;
}
#hpMenuItem6selected{
	width: 95px;
	left: 774px;
	z-index: 3;
	background: url('/img/menu/czSelected_06.png') top left no-repeat;
}
#hpMenuItem7selected{
	width: 122px;
	left: 868px;
	z-index: 3;
	background: url('/img/menu/czSelected_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: 1020px;
	height: 52px;
	margin: 0 0 0 12px;
	top: 49px;
	z-index: 3;
}


.subMenuItem{
	display: block;
	float: left;
	color: #fff;
	height: 41px;
	line-height: 27px;
	margin: 4px 5px;
	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 5px ;
	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;
}