/* hlavní nastavení stylů */
body {
	background-color: #F8F8F8;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: black;
	margin: 0px;
}
p {
	margin-top: 16px;
}
a {
	color: blue;
	text-decoration: underline;
}
a:hover {
	color: darkblue;
}
h1 {
  color: navy;
	margin: 0;
	padding: 8px 0 8px 0;
	font-size: 160%;
	text-align: center;
	text-transform: uppercase;
}
h2 {
	margin: 0px 0px 4px 0px;
	font-size: 120%;
	font-weight: bold;
}
#text h2 {
  color: navy;
	margin: 8px 0px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
td {
	font-size: 70%;
	font-family: Verdana, Arial, sans-serif;
}
li {
	margin-top: 4px;
}
/* hlavní divy na stránce */
#main {
	width: 900px;
  min-height: 1200px;
	margin: 5px auto 0px auto;
	background-image: url('img/webdesign/brezko-duha-main.png');
	background-color: #F8F8F8;
	background-position: 0% 0%;
	background-repeat: repeat-y;
	position:relative;
}

#up {
  text-align:center;
	height: 170px;
	background-image: url('img/webdesign/brezko-duha.png');
	background-color: #F8F8F8;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	position: relative;
}

#text {
  width: 600px;
	line-height: 140%;
	padding: 0px;
	margin: 5px 20px 20px 190px;
	_margin: 5px 90px 20px 0px;
	text-align: left;
}

#menu {
	width: 150px;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 10px;
	line-height: 150%;
	position:relative;
}
#menu div {
  text-align:left;
}
/* menu - pro nové návštěvníky */
#menunovi {
	background-color: #FBEF07;
  border: 1px solid #C9752C;
	background-repeat: no-repeat;
	position: relative;
	padding: 4px;
	margin-top: 5px;
}
#menunovi img {
	border: 1px solid #855838;
	margin: 0px 0px 2px 0px;
}
#menunovi a {
  padding: 2px 0px 2px 5px;
  background-color:  #FFF512;
  margin-top: 1px;
  display: block;
  width: 130px;
  _width: 135px;
  border: 1px solid #A22;
	text-decoration: none;
	color: #9F1300;
	font-weight: bold;
}
#menunovi a:hover {
	text-decoration: none;
	background-color: #9F1300;
	color: #FBEF07;
}
/*menu - vyhledávání*/
#menuvyhled {
  padding: 4px;
  border: 1px solid #779F09;
	margin-top: 16px;
	background-color: #E1FF8F;
}
#menuvyhled input {
	margin-top: 2px;
	text-align: center;
	width: 90%;
	border: 1px solid black;
}

#menuvyhled form {
  margin: 0px;
}

/*menu - cel.hra*/
#menuhra {
	margin-top: 16px;
	background-color: #FEE6B6;
	padding: 4px;
	color: #452808;
	border: 1px solid #452808;
}

#menuhra img {
	border: 1px solid #855838;
}

/*menu - anketa*/
#menuanketa {
	margin-top: 16px;
	background-color: #CBC2EF;
	padding: 4px;
	color: black;
	border: 1px solid black;
}

/* menu - kroniky */
#menukroniky {
	margin-top: 16px;
	background-color: #FF743F;
	padding: 4px;
	color: white;
	border: 1px solid #993300;
}

#menukroniky img{
  border: 1px solid #993300;
}

#menukroniky a {
	color: white;
	display: block;
	padding-left: 18px;
	text-decoration: none;
}
#menukroniky a:hover {
	text-decoration: none;
	border-top: 1px dashed white;
	border-bottom: 1px dashed white;
}
/* menu - odkazy */
#menuodkazy {
	margin-top: 16px;
	background-color: #FFCC33;
	padding: 4px;
	color: black;
	border: 1px solid #990000;
}
#menuodkazy a {
	color: #111111;
	display: block;
	padding-left: 18px;
	text-decoration: none;
}
#menuodkazy a:hover {
	text-decoration: none;
	border-top: 1px dashed #990000;
	border-bottom: 1px dashed #990000;
}
/* menu - archiv */
#menuarchiv {
	margin-top: 16px;
	background-color: #c1e0ff;
	padding: 4px;
	color: black;
	border: 1px solid #0099ff;
}
#menuarchiv a {
	color: black;
	display: block;
	padding-left: 18px;
	text-decoration: none;
}
#menuarchiv a:hover {
	text-decoration: none;
	border-top: 1px dashed #0099ff;
	border-bottom: 1px dashed #0099ff;
}

/*menu - počítadlo*/
#menupocitadlo {
	margin-top: 16px;
	width: 147px;
}

/* lístek (listek.php) */
#listek {
	background-color: #FFFFDD;
	padding: 8px;
	border: 1px solid yellow;
	margin-top: 16px;
	margin-bottom: 16px;
}
/* gbook na hlavní stránce (gbook-preview.php) */
#gbook a {
	color: #4098d9;
}
#gbook a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #2d8db3;
	color: #2d8db3;
}
#gbook img {
	border-style: none;
	vertical-align: middle;
}
.gbookvzkaz {
	text-align: left;
	margin: 2px;
	padding: 4px 8px 4px 8px;
	border: 1px solid #99ccff;
	background-color: #e3f4fd;
}
/* narozky (narozky.php) */
#narozky {
	width: 480px;
	margin: 6px auto 6px auto;
	padding: 5px;
	border: 1px solid #ffb76f;
	color: black;
	text-align: left;
	background: #ffefdf;
}
/* svatek (svatek.js) */
#Time {
	text-align: center;
	color: #000;
}
/* pruh s novinkama */
#novinky {
	background-color: #ffebd7;
	border: 1px solid #ff9966;
	padding: 8px;
	height: auto;
}
#novinky a {
	color: #ff8000;
	font-weight: bold;
}
#novinky a:hover {
	color: #ff0000;
}
/* info o táboře */
#tabor {
	background: #f1ffe6 url('tabor2007/indexbg.jpg') top left no-repeat;
	height: 184px;
	_width: 530px;
	border: 1px solid black;
	margin-bottom: 16px;
	padding: 4px 120px 4px 8px;
}
#tabor li {
	line-height: 100%;
}
#tabor a {
	color: darkblue;
	text-decoration: none;
	border-bottom: 1px solid darkblue;
}
#tabor a:hover {
	color: blue;
	text-decoration: none;
	border-bottom: 1px dashed blue;
}
/* starší stránky */
#old {
	background: #e7e7e7;
	border: 1px solid #474747;
	margin-top: 16px;
	padding: 8px;
	text-align: left;
}
/* odpočítávání */
#odpocitavani {
  margin-top: 16px;
  background-color: #FF7F7F;
  padding: 4px;
  color: #9F0000;
  border: 1px solid #9F0000;
	background-repeat: no-repeat;
}
#odpocitavani span {
	display: block;
	float: left;
	width: 35px;
	color: white;
	font-size: 10pt;
	text-align: center;
	margin-top: -32px;
	font-weight: bold;
}
a.ramecek {
	text-decoration: none;
	color: #E67713;
	border-top: 1px solid #ffdfbf;
	border-bottom: 1px solid #ffdfbf;
}
a.ramecek:hover {
	text-decoration: none;
	border-top: 1px dashed #ffa346;
	border-bottom: 1px dashed #ffa346;
}
