@import url("layout.css");
body, th, td {}

body{background-color:#fff;}

h1, h2, h3{
	text-align:left;
	padding:3px 4px 4px 10px;
	background:#54870d top right url(../graph/h_bg.gif) repeat-y;
	border:1px solid #360;
	position:relative;
	z-index:1;
	margin:0px 10px 10px;
}

#pravy-obsah{padding-top:10px;}

#zapati p{
	text-align:right;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	margin:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
/* -------------------------   DEFINICE BAREV A OBRAZKU POZADI ------------------------------------------------------------------- */
#page{background-color:#6d7d50; color:#fff;}
#zahlavi{ background: #3d640b top left url(../graph/zahlavi_bg.jpg) no-repeat;}
#menu{ background: #629b0e bottom left url(../graph/menu_bg.jpg) repeat-x;}
ul#menu li a:hover{ color:#ff0;}
ul#menu li a.aktiv{ background: #99e827 bottom left url(../graph/menu_aktiv_bg.jpg) repeat-x}
.main-box, .partners{ background:#6db700 top left url(../graph/main_box_bg.jpg) repeat-y;}
.main-box-head{ background: top left url(../graph/main-box-head_bg.jpg) no-repeat;}
.main-box-foot{ background: bottom left url(../graph/main-box-foot_bg.jpg) no-repeat;}
.right-box-narrow{ background:#d7e1d6 top left url(../graph/right_box_narrow_bg.jpg) repeat-y}
.right-box-narrow-head{ background: top left url(../graph/right-box-narrow-head.jpg) no-repeat;}
.right-box-narrow-foot{ background: bottom left url(../graph/right-box-narrow-foot.jpg) no-repeat;}
.right-box{ background:top left url(../graph/right-box_bg.jpg) repeat-y;}
.right-box-head{ background:top left url(../graph/right-box-head.jpg) no-repeat;}
.right-box-foot{ background:bottom left url(../graph/right-box-foot.jpg) no-repeat;}

/* -------------------------   DEFINICE ROZMERU  ------------------------------------------------------------------- */
#menu{min-height:36px;width:100%; position:relative; z-index:10;}
.main-box{width:668px; margin:0px 0px 20px; padding:0px 0px 10px; position:relative; text-align:left;}
.main-box-head{height:10px;margin:0px; position:relative; z-index:1; padding:0px;}
.main-box-foot{height:10px;margin:0px; position:absolute; left:0px; bottom:0px; width:668px;}

.right-box-narrow{width:232px; margin:0px 0px 10px; padding:0px;}
.right-box-narrow-head{ width:232px;margin:0px;height:7px;}
.right-box-narrow-foot{ width:232px;margin:0px;height:7px; padding:0px;}
p{ margin:10px 10px 15px;}

.right-box-narrow h2{
	margin-bottom:0px;
}

.right-box-narrow h2 a{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	display:block;
	padding:3px 0px;
	background:170px 5px url(../graph/sipka1.jpg) no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.right-box-head, .right-box, .right-box-foot{ width:232px;}
.right-box-head, .right-box-foot{ height:10px;}
.right-box-foot{ position:absolute; bottom:0px; left:0px;}
.right-box{ min-height:200px; position:relative;}
.partners{height:30px; position:relative;}
img.part{position:absolute;top:-5px; z-index:10;}
#kolo{ left:10px;}
#velo{ left:80px;}
#ktfoto{ left:240px; top: 7px;}
/* -------------------------   DEFINICE PISMA - BARVA, VELIKOST  ------------------------------------------------------------------- */

ul#menu li, ul#menu li.doprava{
	float:left;
	border-right:2px groove #009900;
	margin:0px;
	position:relative;
}

ul#menu li.doprava{
	float:right;
	border-left:2px groove #009900;
	border-right:none;
}

ul#menu li a{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	height:23px;
	padding:8px 10px 0px;
	display:block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

ul#menu li a#letak{
	position:absolute;
	top:-25px;
	left:5px;
	z-index:10;
	background: url(../graph/letak.png) no-repeat left top;
	display: block;
	width:92px;
	height:108px;
}

ul#menu li a#letak span{
	font-size:24px;
	font-weight: bold;
	font-style: italic;
	color:#000;
	position: absolute;
	top: 40px;
	left: 18px;
	background:none;
}

p{
	text-align:left;
}

#zapati p a{
	text-decoration:none;
	color:#fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.obsah{
	margin:0px 10px;
	text-align:left;
	line-height:1.3em;
}

.obsah p{
	margin-left:10px;
}

.obsah ul, .main-box ul{
	list-style:disc;
	margin-left:30px;
}

.main-box ul{
	text-align:left;
	list-style:disc;
	margin-left:30px;
	line-height:1.3em;
	margin-bottom:10px;
}

.main-box ul a, .obsah a, .list-header a,.list-text a, .forum-zapati a, a.reakce{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:2px dotted #fff;
}

.main-box ul a:hover, .obsah a:hover, .list-header a:hover, .list-text a:hover,.forum-zapati a:hover, a:hover.reakce{
	color:#ff0;
	border-bottom:2px solid #ff0;
}

table{
	margin-bottom:20px;
}

.list-text{
	margin-left:20px;
}

h3.list-header{
	margin:1.3em 10px 0.2em;
}

.list-text{
	margin:5px 20px 10px 20px;
	line-height:1.3em;
}

p.list-text, p{
	margin:0px 20px;
}

.zprava a.vice{
	float:right;
	margin:0px 20px;
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted;
	font-weight:bold;
}

.zprava a:hover.vice{
	color:#ff0;
	border-bottom:1px solid;
}

.list-header{
	margin-bottom:0.5em;
}

.list-footer span{
	font-size:smaller;
	display:block;
	margin:0px 0px 0px 20px;
}

.list-footer span a{
	text-decoration:none;
	border-bottom:1px dotted;
	color:#fff;
	font-weight:bold;
}

.list-footer span a:hover{
	color:#ff0;
}

.list-navig {
	text-align: center;
	margin-top: 1em;
}

.list-navig a{
	color:#ff3;
}

.forum-titulek{
	margin-bottom:10px;
	margin-left:22px;
	border-bottom:2px solid #54870d;
}

.forum-zapati{
	margin-left:30px;
	margin-bottom:1em;
	text-align:right;
}

.forum-text{
	margin-left:22px;
	margin-bottom:1em;
}

.menupol{
	margin:5px 10px 5px 20px;
	border:1px solid #f00;
}

.zprava{
	width:668px;
	padding:0px;
	margin:0px;
}

#rocnik{
	position: absolute;
	left: 420px;
	top: 11px;
	font-size: 24px;
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-shadow:2px 2px 2px #333;
}

#rocnik span{
	margin-bottom:6px;
	color:#FFFD01;
}