body {border:0; margin:0; padding:0; background: #ffffff url(layout/bg.jpg) repeat-x 0em 0em; background-position: fixed; font:75%/170% tahoma, "verdana", _sans; color: #8E8D77; text-align:center;}

a { color: #067AB9; text-decoration: none;}
a:hover {color: #067AB9; text-decoration: underline;}



p {color: #8E8D77; border:0; margin:0px 0; padding:0;}
.small {font-size: 90%; font-family: tahoma, sans-serif;}
.text-bg {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; background-color: #f5f4f2 ;
	 PADDING-BOTTOM: 2px; PADDING-TOP: 2px;}


h1, h2, h3 {border:0; margin:5px 0 7px 0; padding:0; font-weight:bold;
}

h1 {font-size:140%; color: #067AB9; line-height:100%; font-weight:normal;}
h2 {font-size:120%; line-height:100%; font-weight:bold;}
h3 {font-size:120%;}


table {display:table; border-collapse:collapse; padding:0; font-size:100%;}
tr {display:table-row;}
td {display: table-cell; margin:0; padding:2px; vertical-align:top; text-align:left;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}
.clear {clear: both; border: none; visibility: hidden; margin: -1px 0 0 0; padding: 0; height: 1px;}
/* Formuláře---------------------------------------------------------------------------------- */
input, textarea {padding: 1px;
margin: 1px 3px 1px 0px;
border: 1px #e9e6e1 solid;
color: #5d5248;
	}

.container {
  border: 1px solid #e9e6e1; left: 1px;
  position: relative; width: 124px; height: 18px; overflow: hidden;
}
.inpSelect {
  color: #5d5248;
  position: absolute; width: 128px; top: -2px; left: -2px;
}




/* Images---------------------------------------------------------------------------------- */
.ornament { margin: 20px 2px 20px 2px;}
.img-right { border: 7px #eeeeee solid; float: right; margin: 0px 0px 0px 13px; }
.img-left { border: 7px #eeeeee solid; float: left; margin: 0px 13px 0px 0px; }
.img-standart { border: 7px #eeeeee solid; margin: 15px 25px 15px 10px; }
.img-galerie { border: 3px #eeeeee solid; margin: 8px 5px 12px 0px; }
.img-volny-cas { margin: 0px 13px 0px 0px; float: left; }



/* HLAVNI LAYOUT + Zahlavi---------------------------------------------------------------------------------- */

#main {width:837px; margin:0px auto 0 auto; }
#header {width:837px; height:92px; margin:0; padding:0; background: url("layout/uvod-top.jpg") 0 0 no-repeat;}
#header .left {float: left; margin: 27px 0px 0px 9px; color: #03A6DC;
font-variant: small-caps; font-size: 95%;}
#header .left a {color: white; }
#header .left .active {color: #71CAF4; }
#header .right {float: right; margin: 27px 10px 0px 0px; color: #03A6DC; }
#header .right a {color: white; }
#header .right .active {color: #71CAF4; }

#image-foto {width:837px; margin: 0; padding:0; background: url(layout/image-bg.gif) repeat-y;}

#page {width:837px; margin: 0; padding:0; background: url(layout/uvod-mid-bg.gif) repeat-y; }

#bottom {width:837px; margin:0; padding-top: 50px; background: url("layout/uvod-bottom.gif") 0 0 no-repeat; text-align: center; color: #a7a08f; font-size: 80%; }
#bottom .copyright {font-family: tahoma, _sans; font-size: 90%; padding:15px;}

/* MENU a OBSAH-------------------------------------------------------------------------------------------- */
#menu {padding: 0 0px 15px 40px; width: 167px; float: left; text-align: left; margin-top: 15px; }

#menu ul {
	margin:0;
	padding-left: 0;
	list-style-type: none;
	width: 160px;
}
#menu a {
	display: block;
	background-image: url(layout/menu-li.gif);
	background-position: 8px 13px;
	padding: 4px 0px 4px 22px ;
	width: 135px;
	border-bottom: 1px #dcdcdc solid;
	background-repeat: no-repeat;
    color: #8E8D77;}

#menu a:link {text-decoration: none;}

#menu .active { color: #067AB9;}
#menu .last {border-bottom: none;}
#menu .active-last {border-bottom: none; color: #067AB9;}

#menu a:hover {	text-decoration: underline; color: #067AB9;}

.small {
	background-image: none;
	padding: 0px;
	border-bottom: none;
	}

#obsah { margin-left: 11px; padding: 0px 15px 15px 15px; width: 560px; float: left;text-align: left;margin-top: 15px;}

#obsah a {text-decoration: underline; }
.gray-block { width: 95%; margin-top: 3px; padding: 5px 15px 8px 15px; background-color: #f4f4f4; clear: both;}
.gray-block p{ background-image: url(layout/menu-li.gif); background-position: 3px 11px;
	padding: 2px 0px 2px 13px; background-repeat: no-repeat;
}

.odrazka{ background-image: url(layout/menu-li.gif); background-position: 3px 11px; padding: 2px 0px 2px 13px; background-repeat: no-repeat;
}

hr.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: -5px 0 4px 0;
   visibility: hidden;
   }

.color
 { color: #7E8D9A;

}

/* -------------------------------------------------------------------------------------------------------- */
#events { padding: 2px; ;text-align: left;margin-top: 15px;}

	#events a, #events A:link, #events a:visited, #events a:active
		{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px}
	#events A:hover
		{color: #ee0000; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px}
	#events p,#events ul, #events li
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px}
	#events .header1, #events h1
		{color: #ffffff; background: #4682B4; font-weight: bold; font-family: Tahoma, Verdana; font-size: 13px; margin: 0px; padding: 2px;}
	#events .header2, #events h2
		{color: #000000; background: #DBEAF5; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}
	#events .list
		{font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}
	#events .btn
		{}
	.inpt
		{ width: 100%
		margin: 1px 3px 1px 0px;
		border: 1px #ccc solid;
		color: #4682B4;
	
		}
	#events .inptbar
		{font-family: Tahoma, Verdana; font-size: 11px;}
	#events .intd
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px; padding-left: 15px;}
	#events .active
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px;padding-left:10px;color:#0000aa}
	.event_leyer
		{
		border-color: #4682B4;
		border-style : solid;
		border-width : 0px;
		background-color : #DBEAF5;
		}
	#events .errdlg{font-size: 110%;background-color: red;}
	#events .okdlg{	font-size: 110%;background-color: lime;}
	#events table tr td {vertical-align: middle;}

	.Cheader
		{color: #ffffff; font-family: Tahoma, Verdana; font-size: 14px;padding-left:10px}
	.Cheader2
		{color: #ffffff; font-family: Tahoma, Verdana; font-size: 14px;font-weight:600;padding-left:10px}
	.Ccur
		{color: #000000; font-family: Tahoma, Verdana; font-size: 14px;padding-left:10px}
	.Cbody
		{color: #000; font-family: Tahoma, Verdana; font-size: 14px;padding-left:10px}
	.Cbodyh
		{color: #606060; font-family: Tahoma, Verdana; font-size: 14px;padding-left:10px}
	.Cwe
		{color: #000000; font-family: Tahoma, Verdana; font-size: 14px;padding-left:10px}

	.C2header
		{color: #4682B4; font-family: Tahoma, Verdana; font-size: 14px;}
	.C2header2
		{color: #4682B4; font-family: Tahoma, Verdana; font-size: 14px;}
	.C2cur
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px;}
	.C2body
		{color: #000000; font-family: Tahoma, Verdana; font-size: 14px;}
	.C2bodyh
		{color: #99CCFF; font-family: Tahoma, Verdana; font-size: 12px;}
	.C2we
		{color: #FF33CC; font-family: Tahoma, Verdana; font-size: 14px;}
	table.tbl-main{border-collapse: collapse;}
	table.tblusr{border-color: #4682B4;}
	#menu2{ font-size: 140%;margin:2px;}
	table.tbl-calendar{float:left;	}
	table.tbl-edt-rez{float: right; width: 450px;}