body {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif ;
	font-size: 1em;
		margin: 0;
	padding-top: 10px;
text-align: center;
}
#body {
		width: 760px;
		position: relative;
		margin: auto;
}
#menu {
	position: relative;
	width: 100%;
	height: 100px;
	background-color: white;
	padding: 0;
	text-align: left;
background-image: url(banner.jpg);
background-repeat: no-repeat;
border: none;
z-index: 2;
float: left;
}

#menu a {
	position: relative;
	background-image: url(light.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 20px;
	_height: 40px;
display: block;
float: left;
	top: 60px;
	text-align: center;
	padding-top: 20px;
	font-size: 0.7em;
	text-decoration: none;
	color: green;
font-weight: bolder;
}
#menu .index a {
position: absolute;
background-image: none;
top: 0px;
left: 0px;
padding: 0;
display: block;
	width: 100%;
	height: 60px;
	}
#menu .aktivni a {
	background-image: url(dark.gif);
	color: white;
	background-repeat: no-repeat;
	top: 61px;
	
}

#lista {
	position: relative;
	background-color: #006633;
	color: white;
	width: 750px;
	_width: 760px;
	margin: 0;
	z-index: 1;
	text-align: left;
	padding: 0px 5px;
	border: 1px #006633 solid;
border-top: solid #d1fad1 1px;
}

#lista a {
color: white;
text-decoration: none;
z-index: 3;

	}
	#lista p {
			font-size: 0.7em;
	font-weight: bolder;
	margin: 0;
	padding: 3px 0px;
	}
#lista a:hover, #menu .aktivni a:hover {
	color: #90EE90;
}
#obsah {
	background-color: #D1FAD1;
	position: relative;
	z-index: 0;
	padding: 5px;
	width: 750px;
	_width: 760px;	
	min-height: 860px;
	_height: 860px;
		border: solid green 1px;
	text-align: left;
	
}
#drobky a {
	font-size: 80%;	
	color: #006633;
	text-decoration: none;
	}
	#drobky a:hover {
		text-decoration: underline;
		color: #006633;
	}
	#obsah #drobky a:visited {
		color: #006633;
	}
#obsah p{
	color: black;
	font-size: 0.8em;
	padding: 0;
	margin: 7px 0 0 0;
}
#obsah a {
	color: Green;
}
#obsah a:hover {
	color: #006600;
}
#obsah a:visited {
	color: #4F691B;
}
ul.seznam li {
	font-size: 11px;
margin-top: 1px;
font-weight: normal;
}
em {
	font-weight: bold;
	font-style: normal;
}
#malemenu {
	float: right;
	width: 100px;
	background-color: #d1fad1;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border: 1px solid #006633;
	font-size: 10pt;
}
#malemenu p {
	padding: 0px;
	margin: 0px;

	width: 100%;
	display:block;	background-color: #006633;
	color: white;
}
#malemenu a {
	display: block;
	width: 100%;
		text-decoration: none;
color: #696969;}
#malemenu a:hover {
	background-color: white;
	color: black;
}
#malemenu .nadpis a {
	font-size: 10pt;
	color: white;
}
#malemenu .nadpis a:hover {
	color: #d1fad1;
	background-color: #006633;
}
#malemenu .nadpis a:visited {
	color: white;
}
#mojekocky, #maminykocky, #uvod, #kocky, #jinekocky, #nebe, #osa, #odkazy, #vtipy, #auta, #fotky, #mirusikocky {
	position: relative;
	width: 200px;
	height: 40px;
	overflow: hidden;
	margin:0;
	padding: 0;
	
}
#mojekocky span, #maminykocky span, #uvod span, #kocky span, #jinekocky span, #nebe span, #osa span, #odkazy span, #vtipy span, #auta span, #fotky span, #mirusikocky span { 
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url("pictures/titulek_mojekocky.gif") top left no-repeat;	
	}
	#maminykocky span {
			background: url("pictures/titulek_maminykocky.gif") top left no-repeat;	
	}
	#mirusikocky span {
			background: url("pictures/titulek_mirusikocky.gif") top left no-repeat;	
	}
	#fotky span {
		background: url("pictures/titulek_fotky.gif") top left no-repeat;
	}
	#uvod span {
		background: url("pictures/titulek_uvod.gif") top left no-repeat;	
	}
	#kocky span {
		background: url("pictures/titulek_kocky.gif") top left no-repeat;
	}
	#jinekocky span {
		background: url("pictures/titulek_jine.gif") top left no-repeat;
	}
	#nebe span {
		background: url("pictures/titulek_nebe.gif") top left no-repeat;
	}
   #auta span {
		background: url("pictures/titulek_auta.gif") top left no-repeat;
	}
	#osa span {
		background: url("pictures/titulek_osa.gif") top left no-repeat;
	}
	#odkazy span{
		background: url("pictures/titulek_odkazy.gif") top left no-repeat;
	}
	#vtipy span {
		background: url("pictures/titulek_vtipy.gif") top left no-repeat;
	}

h1, h2 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 1.2em;
	font-weight: normal;
}
h2, h3 {
	font-size: 1.2em;
	margin-top: 5px;
	font-weight: normal;
	font-style: italic;
	color: #006633;
}
h3 {
	font-style: normal;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 7px;
}
#obsah .datum {
	color: #cc9933;
	font-weight: bold;
	
}
.vysvetlivka
{
	cursor: help;
	border-bottom: dashed 1px #339966;
}
img {
	margin: 0;
	padding: 0;
}
    .odkaz-left {
       float: left;
       width: 170px;
		 height: 180px;
		 _height: 200px;
       margin: 3px 7px 3px 7px;
       padding: 10px 0;
       text-align: center;
       background: white;
       border-right: 3px solid #ccc;
       border-bottom: 3px solid #ccc;
       font-size: 75%;
       }
		 div.odkaz-left a img {
		 	border: none;
		 }
		     .odkaz-left-maly {
       float: left;
       width: 170px;
		 min-height: 100px;
		 _height: 120px;
       margin: 3px 7px 3px 7px;
       padding: 10px 0;
       text-align: center;
             border-right: 3px solid #ccc;
       border-bottom: 3px solid #ccc;
       font-size: 75%;
		background-color: #F0FFF0;
       }

		 .vizitka-left {
       float: left;
       width: 160px;
       margin: 3px 3px 3px 0;
       padding: 5px 0;
       text-align: center;
       border: 2px solid white;

       font-size: 75%;
		 }
		.odkaz-nadpis {
		 	font-weight: bold;
			margin-top: 0;
		 }
		 div.foto {
text-align: center;
width: 100%;
		 }
		 
		 #obsah .foto a {
	color: white;
	font-size: 12px;
	display: block;
	width: 196px;
	_width: 200px;
	background-color: #186319;
	border-bottom: 3px solid black;
	border-right: 3px solid black;
	border-top: 3px solid gray;
	border-left: 3px solid gray;
	color: white;
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 5px 0px;
}	
		 #obsah .foto a:hover {
		 	color: white;
				text-decoration: none;
		 }
		 #obsah .foto a:visited {
		 	color: white;
		 }
		 td {
		 	text-align: center;
			font-size: 10px;
			height: 20px;			
		 }
		 td.osa {
		 	background-color: white;
			border: 1px solid #9ACD32;
			letter-spacing: 1px;
		 }
		 td.osa_stale{
		  	background-color: white;
			border: 1px solid #9ACD32;
		 	border-right: none;
			letter-spacing: 1px;
		 }
		 td.zahlavi {
		 	border: 1px solid green;
			background: none;
			font-weight: bold;
			border-right: none;
		 }
		 td a {
		 	text-decoration: none;
		 }
		 td a:hover {
		 	text-decoration: underline;
		 }
		 li {
		 	font-size: 14px;
			list-style-image: url(pictures/sipka.gif);
					 }
		 #obsah ul {
		 	font-weight: bold;
		 }

		 ul a {
		 	text-decoration: none;
		 }
		 ul a:hover {
		 	text-decoration: underline;
		 }
ul.posle li {
		 	font-weight: normal;
		 	font-size: 10px;			

		 }
		 ul.predpo li {
		 	font-weight: normal;
font-size: 10px;			
		 }
		 ul.drugo li {
		 	
		 }
	 .pozn {
		font-style: italic;
		color: gray;
		 }