body {
	background-color: #ccc;
	padding: 0px;
	margin: auto;
	
	font-family: Tahoma;
	color: #333;
	width: 1000px;
        font-size: 80%;
}

img {
	border: 0;
}

#pageContainer {
	margin-top: 20px;
	padding: 0px;
	background-color: #fff;
	border: 1px #999 solid;
}

#head {
	width: auto;
	clear: both;
	background-color: #F1EF2B;
	padding: 0px;
}

#head-menu {
	float: right; 
	margin-top: 60px;
	margin-right: 10px;
}

#menu-bar {
	background-color: #eee; 
	padding: 5px; 
	font-size: 90%; 
	line-height: 20px; 
	border-top: 1px #ccc solid; 
	border-bottom: 1px #ccc solid; 
	color: #666;
}

#content {
	margin: 0px;
	padding: 0px;
}

#content h1 {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	font-size: 150%;
	color: #213C59;
	padding: 0px;
	padding-left: 10px;
}

#content h2 {
	font-size: 150%;
	color: #213C59;
	
}

#content h3 {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999;
}

#content p {
	color: #213C59;
	font-size: 100%;
	/*letter-spacing: 1px;*/
	text-align: justify;
	padding: 4px;
}

#content ul {
	list-style-type: none;
}

#content ul li a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#content ul li a:hover {
	color: black;
}

#foot {
  background-color: #eee;
  padding: 10px;
  color: #666;
  text-align: right;
  border-top: 1px solid #999;
}

form {
}

label {
  float:left;
  width: 135px;
  margin: 5px;
  margin-right: 10px;
  color: #333;
  border: 1px #ccc solid;
  background-color: #eee;
  padding: 2px;
}

input, textarea {
	border: 1px #F1EF2B solid;
	color: #666;
	margin: 5px;
	padding: 2px;
}

textarea {
	padding: 5px;
	font-family: Georgia;
}

.zapasy {
	display: block;
	float: left;
	border-right: 1px #ccc solid;
	background-color: #fff;
	margin: 10px;
	padding: 5px;
	width: 200px;
	font-size: 90%;
	color: #000;

}

.novinky {
	display: block;
	float: left;
	border-right: 1px #ccc solid;
	background-color: #fff;
	margin: 10px;
	padding: 5px;
	width: 200px;
	font-size: 90%;
	color: #000;

}

.novazap {
	display: block;
	float: left;
	background-color: #fff;
	width: 221px;
	

}

.novinky p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}



.novinky a {
	color: #ff9900;
	font-size: 100%;
	text-decoration: underline;
}

.novinky a:hover {
	color: #333;
	text-decoration: none;
}


.clanky {
	display: block;
	float: left;
	border-right: 1px #ccc solid;
	background-color: #fff;
	margin: 10px;
	padding: 5px;
	width: 500px;
	font-size: 90%;
	color: #000;

}

.clanky p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}



.clanky a {
	color: #ff9900;
	font-size: 100%;
	text-decoration: underline;
}

.clanky a:hover {
	color: #333;
	text-decoration: none;
}


.clanky a.nadpis {
	color: #000;
	font-size: 120%;
	text-decoration: underline;
	
}

.clanky a.nadpis :hover {
	color: #333;
	text-decoration: none;
}

.clanky a.sezona {
	color: #333;
	text-decoration: none;
}

.clanky a.sezona:hover {
	color: #ff9900;
}


.reklama {
	display: block;
	float: left;
	background-color: #fff;
	margin: 0px;
	padding: 5px;
	width: 190px;
	font-size: 90%;
	color: #000;

}




/*menu*/
a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}
 
#nav {background:#FFFFFF; height:30px; font-family:Tahoma; font-size:14px; width:970px; margin-left:4px; margin-top:4px;}
#nav ul {margin:0; padding:0; list-style:none;}
#nav ul.menu {position:absolute; overflow:hidden;}
#nav .menu .level1-li {float:left; width:120px; margin-top:-300px;}
#nav .menu a {display:block; width:120px; text-decoration:none; text-align:center; color:#808080;  padding-top:2px;  padding-bottom:2px;}
#nav .menu a.level1-a {position:relative; float:left; margin-right:-119px; margin-top:300px;}
#nav .menu .sub {background:#F1EF2B; float:left; margin-top:-30px; padding-top:30px;}
#nav .menu .sub a {background:#F1EF2B; position:relative; margin-right:-1px;}
#nav .menu a:hover,
#nav .menu a:focus,
#nav .menu a:active {background:#FFCC00; margin-right:0; padding-top:3px;  padding-bottom:3px;}