/*div {
border:1px solid black !important ; 
}*/

.menu {
	position: relative;
	width: 390px;
	height: 510px;
	background: transparent url(image/cb.jpg);
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.menu ul {margin:0; padding:0;}
.menu li {list-style-type:none; display:inline;}
.menu li.roh {width:135px; height:175px;}
.menu li.hordol {width:120px; height:175px;}
.menu li.pravolev {width:135px; height:160px;}
.menu li.stred {width:120px; height:160px;}

.menu a {display:block; float:left; height:0; overflow:hidden; color:#000; text-decoration:none; background:transparent url(image/color.jpg) no-repeat 500px 500px;}

.menu li.roh a {width:135px; padding-top:175px;}
.menu li.hordol a {width:120px; padding-top:175px;}
.menu li.pravolev a {width:135px; padding-top:160px;}
.menu li.stred a {width:120px; padding-top:160px;}



/** html #menu a  {height:160px; he\ight:0;}*/

.menu a.item1:hover {background-position: 0 0; z-index:50;}
.menu a.item2:hover {background-position: -135px 0; z-index:50;}
.menu a.item3:hover {background-position: -255px 0; z-index:50;}
.menu a.item4:hover {background-position: 0 -175px; z-index:50;}
.menu a.item5:hover {background-position: -135px -175px; z-index:50;}
.menu a.item6:hover {background-position: -255px -175px; z-index:50;}
.menu a.item7:hover {background-position: 0 -335px; z-index:50;}
.menu a.item8:hover {background-position: -135px -335px; z-index:50;}
.menu a.item9:hover {background-position: -255px -335px; z-index:50;}

h1 {
	color: #666666;
	text-align: center;
	font-weight: 600;
	font-size: 30px;
	padding-bottom: 0;
	padding-top: 0;
	text-indent: 0;
	margin-top:5%;
	margin-bottom:5%;
}

.miniodkazy{
  text-align: center;
  margin-top: 40px;
  font-size: 9px;
  color: #C0C0C0;
}
.miniodkazy a:visited{
color: #C0C0C0;}

.miniodkazy a:hover{
color: #FF7F50;}