/*LAYOUT start*/
#layout {
	width: 100%; 
	background-color: #a0a0a0; 
	text-align: left;
}

#stranka {
	background-color: #0b300b;
	width: 1024px; 
	border: 1px solid black;
	margin-left: 10px;
}

#col_left {
	clear: both;
	width: 200px; 
	float: left; 	
	margin: 0px;
}

#menu {
	background: url('design/menubg.png') 22px 0px no-repeat;
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
	width: 200px;
	height: 256px;
	position: absolute;
	top: 7px;
	_top: 0px;
	left: 12px;
	z-index: 1;
}

#menuitem {
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#menuitem a {
	margin-top: 20px;
	margin-left: 30px;
}

#menuitem a.submenu {
	margin-top: 6px;
	margin-left: 80px;
}


#col_right {
	width: 800px; 
	float: right;
	margin-left: 6px;
}

#zahlavi {
	height: 55px;  
	background: url('design/vrch.png') 0 0 no-repeat;
	text-align: right;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #a0a0a0;
}

#menuh{
	height: 30px;  
	background: transparent url('design/menuhh.png') 0 0 repeat-x;
	text-align: right;
	padding: 0px;
	font-size: 12px;
	color: #ffffff;
}	
	
#menuhitem {
	float: left;
	height: 30px;
	margin: 0px 6px 0px 6px;
	padding: 6px 0px 0px 0px;
}

#obrazek {
	height: 200px;
	background: #000000 url('design/obr.png') 0 0 no-repeat;
}

#doc {
	background: #ffffff url('design/doc_vrchh.png') 100% 0 no-repeat;
	padding: 6px;
	text-align: left;
	float: right;
	width: 800px;
	margin: 0px 4px 0px 0px;
}

#banners {
	background: #ffffff;
	text-align: left;
	padding: 3px;
	margin: 0px 0px 1px 0px;
	border: 1px solid #c0c0c0;
}

#paticka {
	clear: both;
	width: auto; 
	height: 20px;
	text-align: right;
	margin: 2px;
	background-color: transparent;
	color: #c0c0c0;
	font-size: 10px;
}

#created {
	width: 500px; 
	height: 20px;
	text-align: right;
	vertical-align: top;
}
/*LAYOUT end*/


/*MENU start*/
#menu a {
	padding: 0px;
	font-size: 11px;
}

#menu a:link , #menuh a:link , #paticka a:link { text-decoration: none; color: #ffffff; font-weight:bold;}
#menu a:hover , #menuh a:hover , #paticka a:hover {text-decoration: none; color: #ffffff; font-weight:bold; }
#menu a:visited , #menuh a:visited , #paticka a:visited { text-decoration: none; color: #ffffff; font-weight:bold;}
#menu a:active , #menuh a:active , #paticka a:active { text-decoration: none; color: #ffffff; font-weight:bold;}

#banners a {
	color: #bb0000;
}
/*MENU end*/

body {
	margin: 0px;
	padding: 0px;
	font-family: tahoma,verdana, arial, sans-serif; 
	font-size: 12px;
	color: #000000;
	line-height: 130%;
	background-color: #a0a0a0; 
}

img {border: 0px;}
#doc img { border: 1px solid #c0c0c0; margin: 0 10px 10px 0px;}
img.mapy { width: 350px; margin: 6px;}
p.img { text-align: center; margin-bottom: 15px;}

a:link { text-decoration: none; color: #bb0000; font-weight:bold;}
a:hover {text-decoration: none; color: #ffa800; font-weight:bold; }
a:visited { text-decoration: none; color: #bb0000; font-weight:bold;}
a:active { text-decoration: none; color: #bb0000; font-weight:bold;}


p {
	font-family: tahoma,verdana, arial, sans-serif; 
	color: #000000;
	line-height: 130%;
	padding: 0px;
	margin: 6px 0 6px 0;
}

div {
	vertical-align: top;
}

.right { text-align: right; padding-right: 6px; }

h1 , h2 , h3 , h4 , h5 , h6 {
	font-family: tahoma,verdana, arial, sans-serif; 
	margin: 0px;
	color: #ffffff;
	margin: 6px 0 12px 0;
}

h1 { font-size: 19px; color: #bb0000; }
h2 { font-size: 17px; color: #bb0000; }

h1.zahlavi { padding-right: 20px; font-size: 20px; color: #ffffff;}

h3 {
	color: #e00000;
	margin: 3px 0 6px 0;
	font-size: 15px;
}

h4 { 
	color: #045a04; 
	font-size: 13px; 
	margin: 6px 0 0px 0;
}
	
p.datum { 
	font-size: 9px; 
	text-align: right;
	color: #606060;
}


/*NOVINKY*/
p.novinka {
	padding: 6px;
}

ul { margin: 0px 6px 0 15px; padding: 0px; }
ul li { list-style-type: square; }
ul.pravidla li {  list-style-position: inside; margin: 10px 6px 0 0; }
#banners ul li { color: #bb0000 ;}


table td { font-size: 12px; }
input.login { width: 100px; }
input.checkbox , input.radio { width: 20px; }
input.text { width: 300px; }
input.submit_hight, input.submit { width: 50px; }
table.form  { width: 70%; border: 3px double #c0c0c0; }
textarea { width: 300px; height: 100px; }

.fleft { float: left; }
.fright { float: right; }
.inline { display: inline; }
.clear { clear: both; }

.mleft { margin-left: 10px; }
.mright { margin-right: 10px; }
.mtop { margin-top: 10px; }
.mbottom { margin-bottom: 10px; }
.margin { margin: 10px; }

.lborder { border-left: 1px solid #c9d1d7; }
.rborder { border-right: 1px solid #c9d1d7; }
.tborder { border-top: 1px solid #c9d1d7; }
.bborder { border-bottom: 1px solid #c9d1d7; }

.aleft { text-align: left; }
.aright { text-align: right; }
/*smazat?*/
/*

img.float_right {
	float:right; 
	margin-right:20px; 
	margin-left:10px; 
	margin-bottom:10px; 
	margin-top: 0px; 
	border: 1px solid #a0a0a0;
}

img.float_left {
	float:left; 
	margin-right:10px; 
	margin-left:20px; 
	margin-bottom:10px; 
	margin-top: 0px; 
	border: 1px solid #a0a0a0;
}

img.obrazky {
	vertical-align: middle;
	text-align: center;
	border: 1px solid black;
}

*/
div.high { background-color: #FDD6AB; padding: 3px; margin: 6px 0px; }

input.vloz_prispevek { width: 500px;}
textarea.vloz_prispevek { width: 500px; height: 300px;}

p.warning {	color: #f00; font-weight: bold; }
p.ok { color: green; font-weight: bold; }