* {
margin:0;
padding:0;
}
body {
background: #000;
text-align:center;
margin:auto;
font-family: "Lucida Grande CE", Verdana, sans-serif;
font-size: 2.1ex;
color: black;
}
a:link { color: #7d7d7d; }
a:visited { color: #71221b; }
a:hover { color: #cecece; }
a:link, a:visited, a:hover { text-decoration: none;
background: inherit;
}
.sny {
font: 11px Georgia, serif;
text-align:center;
letter-spacing:1px;
margin-top:2px;
background: inherit;
color: white;
}
#conteiner {	
position:relative;
margin-top:40px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
width:650px;
/*height:490px; - mizela paticka v FF Lin */
text-align: left;
}
#top {
font: bold 2.6em Georgia, serif;
text-align:center;
color: #e5e5e5;
background: black;
margin: 0 0 8px -15px;
}
#left {
height: 357px;
float: left;
}
#left span {
display: none;
}
#center {
float: left;
width: 265px;
height: 350px;
text-align: center;
}
#center a.stred {
float: left;
overflow: hidden;
padding: 346px 0 0 0px;
width: 270px;
height: 0px !important; 
height /**/:346px; /* for IE5/Win */
}
#right {
width: 185px;
height: 357px;
float: left;
color: white;
background: #000;
}
#right span {
display: none;
}
#right a {
text-decoration: none;
display: block;
}
a.paty {
width: 62px;
height: 22px;
margin: 0 0 18px 30px;
}
a.sesty {
width: 82px;
height: 32px;
margin: 0 0 18px 30px;
}
a.paty, a.paty:hover, a.sesty, a.sesty:hover, a.devaty, a.devaty:hover {
background: transparent;
}
a.paty, a.sesty, a.devaty {
padding: 0;
font: italic bold 1.2em Georgia, serif;
}	
a.devaty {
	/*top: 320px;*/
width: 65px;
height: 27px;
margin: 0px 0 18px 27px;	
}
#clear {
clear: both;
height: 1px;
margin:0;
padding:0;
}
#mez1 { padding-top: 4px; }
#mez2 { padding-top: 35px; }
#page {
width:760px;
position:absolute;
top:43%;
left:50%;
overflow:hidden;
margin:-240px 0 0 -380px;
text-align:center;
vertical-align:middle;
}
.text {
color: #e5e5e5;
font-size:0.7em;
line-height:15px;
text-align:center;
background: inherit;
}
.rok { font-family:Georgia, serif; font-size:1.1em; text-align: center; 
}
#menu1 a {
position: relative;
width: 88px;
height: 86px;
display: block;
margin-left: 80px;
background: url(../ocicka/dog.jpg) 0 0 no-repeat;
}
#menu1 a:hover {
background-position: -88px;
}
#menu2 a {
position: relative;
width: 88px;
height: 92px;
display: block;
margin-left: 95px;
background: url(../ocicka/slepice.jpg) 0 0 no-repeat;
}
#menu2 a:hover {
background-position: -88px;
}
#menu3 a {
position: relative;
width: 76px;
height: 80px;
display: block;
margin-left: 100px;
background: url(../ocicka/tonik.jpg) 0 0 no-repeat;
}
#menu3 a:hover {
background-position: -76px;
}
#menu4 a {
position: relative;
width: 88px;
height: 81px;
display: block;
margin-left: 65px;
background: url(../ocicka/cats.jpg) 0 0 no-repeat;
}
#menu4 a:hover {
background-position: -88px;
}
div#menu7 a {
position: relative;
width: 78px;
height: 70px;
display: block;
margin-left: 27px;
margin-top: 25px;
background: url(../img/czech-pes.gif) 0 0 no-repeat;
}
div#menu8 a {
position: relative;
width: 98px;
height: 96px;
display: block;
margin-left: 8px;
margin-top: 10px;
margin-bottom: 8px;
background: url(../img/kniha.gif) 0 0 no-repeat;
}
#menu8 a:hover {
background-position: -98px;
}
#menu1 a, #menu1 a:hover, #menu2 a, #menu2 a:hover, #menu3 a, #menu3 a:hover, #menu4 a, #menu4 a:hover, div#menu7 a, div#menu8 a, #menu8 a:hover  {
text-decoration: none
}	 
img {
border:0;
}