body {
	margin: 0px;
	padding: 0px;
	font:10pt "Verdana","Geneva CE","Lucida",sans-serif;
	background-color:rgb(229,229,229); 
	color:black;
}

#main{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
	border: 8px solid white;
	background: #fff7e7 url(../img/don.jpg) no-repeat top;
}
a{
	color: rgb(187,81,55);/*cervena*/
}
a:hover{
	text-decoration: none;
}
a img{
	border: 1px solid silver;
	padding: 2px;
	margin:2px;
}
a img:hover{
	border: 1px solid rgb(187,81,55);
}

input, textarea{
	font:10pt "Arial",sans-serif;
	border: 1px solid black;
}
textarea { width: 300px;}
input.datetime{
	width: 100px;
}
#header{
	width: 100%;
	height: 200px;
}

#header img{
	margin: 10px 0 0 20px;
	border: none;
}
#header p{
	margin: -150px 0 0 0;
	width: 300px;
	text-align: right;
	color: black;
	font-size: 9pt;
	font-weight:bold;
	line-height: 25px;
}
#content{
	width: 615px;
	_width: 600px;
	margin:0 0 0 198px;
	position: relative;
	overflow: hidden;
}
#content ul{
	line-height: 2em;
}
/*nadpisy*/
h1, h2, h3, h4, h5, h6, h7{
	color: rgb(187,81,55);/*cervena*/
	font-weight: bold;
}
h1{
	font-size: 18px;
	border-bottom: 1px solid rgb(229,229,229);
}
h2{
	font-size: 12pt;
}
h3{
	font-size: 15px;
}
h4{
	font-size: 13px;
}
h5{
	font-size: 12px;
	font-style: italic;
}
h6{
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin:0;
	padding: 0;
}
.bold{
	font-weight: bold;
}
.red{
	color: rgb(187,81,55);/*cervena*/
}
.floatR{
	float: right;
}
/*zarovnani textu*/
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
/*tabulky*/
.otevreno{
	background-color: rgb(229,229,229);
}
table{
	border-collapse: collapse;
}
.otevreno td{
	border: 2px solid white;
}
.silver{
	background-color: silver;
}
/*obtekane panely*/
#levyPanel, #pravyPanel{
	margin: 0px;
}
#levyPanel{
	margin: -40px -180px 0 0;
	
}
#pravyPanel{	margin-top: -50px; }
.stin{
	border: 1px solid rgb(229,229,229);
}
.barva{
	background-color: rgb(187,81,55);/*cervena*/
	border: 8px solid white;
}
#levyPanel .barva,#levyPanel .stin{
	border-left: none;
}
#pravyPanel .barva,#pravyPanel .stin{
	border-right: none;
}
#pravyPanel .barva{
	background-color: rgb(249,217,155);/*zluta*/
}
#levyPanel{
	float: left;
	width:185px;
}
#pravyPanel{
	float: right;
	width:155px;
	_width:170px;
}
#aktuality, #anketa{
padding:0 5px 0 10px;
}
#pravyPanel .barva div{
	/*padding:0 5px 0 10px;*/
	
}

/*vlastnosti textu v obtekanych panelech*/
#pravyPanel p{
	margin: 0 0 10px 0;
}
#kontakt{
	font-size: 11px;
}
#kontakt li a{
	text-decoration:underline;
}
#kontakt li a:hover{
	text-decoration: none;
}
#company{
	margin: 10px;
	width: 150px;
	font-size: 8pt;
}
#levyPanel h4,#levyPanel h6,#levyPanel h5 {
	color: white;
	margin: 5px 0 5px 0;
}
#levyPanel h5{margin: 5px 0 0;}
#levyPanel {
	color: white;
	line-height: 1.5em;
}
#levyPanel a{
	color: white;
	text-decoration:none;
}
#levyPanel a:hover{
	color: white;
	text-decoration:underline;
}
#levyPanel ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul#kontakt{
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
}
#levyPanel a, #kontakt li{
	padding-left:10px;
}
#levyPanel ul.submenu li{
	padding-left:15px;
}
/*paticka stranky*/
#footer{
	border-top:1px solid #E5E5E5;
	clear:both;
	color:#BB5137;
	height:20px;
	margin-top:20px;
	text-align:center;
	font-size: 8pt;
}
#footer div{
	margin: 5px 0 0 0;
}

/*KOULE*/
#koule #main{
	background-image:  url(../img/koule.jpg);
}
#koule #levyPanel, #koule #levyPanel a, #koule #kontakt h4{
	color: black;
}
/*obtekane panely*/
#koule #levyPanel .barva{
	background-color: rgb(244,193,92);/*tm. zluta*/
}

#koule a img:hover{
	border-color: rgb(244,193,92);
}

#aktuality,
ul.menuSw{
	border-bottom: 8px solid white;
}

ul.menuSw{
	background-color: #d88949;
}

#kontakt{
	border-top: 8px solid white;
}

#levyPanel ul.menuSw{ margin-bottom: 5px; }


ul.menu li,
ul.submenu li,
ul.menuSw li{
	padding: 2px 0px 2px 0px;
}

ul.menu li.aktivni,
ul.submenu li.aktivni,
ul.menuSw li.aktivni{
	background: url(../img/arrow.gif) no-repeat left;
	font-weight: bold;
}

.pollStatus{		float:right;	font-size: 8pt;}
.pollText{			float:left;		}
#anketa div.pollText,
#anketa div.pollItem{
	padding: 0px;
}
#anketa div.pollGraph{
	clear: both;
	border: 1px solid black;
	height: 8px;
	background-color: #bb5137;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div.photoView{
	display: inline;
	float: left;
}

div.photoView .caption{
	margin: 0;
	padding: 5px 4px 10px 4px;
	width: 195px;
}

.subAddCtrls{
	display: block;
	width: 100%;
}
.subhead,
.subhead2{
	width: 100%;
	background: #ffefcc;
}
.subhead2 { background: #ffcfaf; }
.subhead a, 		.subhead2 a{	color: black;	}
.subhead .time, .subhead2 .time{ text-align: right; }
.subhead .ctl,	.subhead2 .ctl	{ width: 40px; }

.subtext{
	margin: 2px 0px 3px 0px;
}
div.subcription div{ margin-left: 10px; }
div.subcription{
	border: none;
	clear: both;
}
div.disSubForm{
	clear: both;
}
div.subCode,
div.subSecret{
	margin: 5px auto 5px auto;
	padding: 10px;
	border: 1px solid black;
	width: 80%;
	background: #ffefcc;
	clear: both;
}
div.subCode{
	width: 100px;
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	background: #ffe7b2;
}
table.subSub input{			width: 200px;	}
table.subSub textarea{	width: 300px;	}

div.disCtls{
	float: right;
	clear: both;
	border: 1px solid #996900;
	background: #fff7e5;
}

div.disCtlFirstD,
div.disCtlPrevD,
div.disCtlNextD,
div.disCtlLastD,
a.disCtlFirst,
a.disCtlPrev,
a.disCtlNext,
a.disCtlLast,
div.disPge{
	display: block;
	height: 16px;
	float: left;
	padding: 2px;
	margin: 2px;
}

div.disPge{
	width: 50px;
	font-weight: bold;
	text-align: center;
}

div.disCtlFirstD,
div.disCtlPrevD,
div.disCtlNextD,
div.disCtlLastD,
a.disCtlFirst,
a.disCtlPrev,
a.disCtlNext,
a.disCtlLast{
	width: 16px;
	background: #ffe7b2;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 0px;
	color: black;
	border: 1px solid black;
}
div.disCtlFirstD,
div.disCtlPrevD,
div.disCtlNextD,
div.disCtlLastD{
	background-color: #cfcfcf;
}
div.disCtlFirstD,
a.disCtlFirst{	background-image: url(../img/disFirst.png);	}
div.disCtlPrevD,
a.disCtlPrev{		background-image: url(../img/disPrev.png);	}
div.disCtlNextD,
a.disCtlNext{		background-image: url(../img/disNext.png);	}
div.disCtlLastD,
a.disCtlLast{		background-image: url(../img/disLast.png);	}

a.btnPReply{
	float: left;
	width: 20px;
	height: 15px;
	display: block;
	float: right;
	background: transparent url(../img/pReply.png);
	text-align: center;
	margin-right: 10px;
}

table.subSub input.btnReload{
	border: none;
	background: transparent url(../img/btnRefresh.png);
	width: 24px;
	height: 24px;
	float: left;
	margin: 10px;
	padding: 0px;
	cursor: pointer;
}

#captcha{
	float: left;
}

#captchaInput{
	font-size: 12pt;
	font-weight: bold;
	clear: both;
	width: 50px;
	float: left;
}

#aktuality a.preview{
	color: black;
	text-decoration: none;
}

#aktuality h6 a.preview{
	color: rgb(187,81,55);/*cervena*/
	font-weight: bold;
}
#aktuality a.preview:hover{ text-decoration: underline; }
#aktuality p.atime{ font-size: 8pt; }

/*ROZCESTNIK*/
#rozcestnik #main{
	background: rgb(229,229,229) url(../img/rozcestnik.jpg) no-repeat;
	border: none;
	height: 600px;
	border: 8px solid white;
}
#rozcestnik td{
	width: 490px;
	height: 600px;
}

#rozcestnik, #rozcestnik a, #rozcestnik h4,  #rozcestnik h5{
	color: black;
}

#rozcestnik a{
	display: block;
	width: 490px;
	height: 590px;
	text-decoration: none;
}
#rozcestnik h4{
	padding: 145px 0 0 0;
	margin: 0px;
}
#donText ul, #donText h4, #donText h5{
	margin-left:250px;
	text-decoration: none;
}
#kouleText ul, #kouleText h4, #kouleText h5{
	margin-left:80px;
}
#rozcestnik ul{
	padding-top: 230px;
}
#rozcestnik object{
	display: block;
	text-align: left;
	background-color: transparent;
	padding: 0px;
	border: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#rozcestnik object:hover li,
#rozcestnik object:hover h4,
#rozcestnik object:hover h5{ text-decoration: underline; }

/* Buttons */
.btnx, .btnrx,
.btn, .btnr, .btnMid, .btnMid2{
	display: block;
	padding: 3px 7px 3px 7px;
	margin: 5px 2px 5px 2px;
	border: 1px solid black;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: #ff7f00;
	float: left;
	cursor: pointer;
	color: black;
}

.btn img, .btnr img
.btnx img, .btnrx img, .btnMid img{
	border: none;
}

.btnrx,
.btnr{
	float: right;
}
.btnx, .btnrx{
	color: #1f1f1f;
	background: #cfcfcf;
	cursor: default;
}

.btnMid,
.btnMid2{
	float: none;
	margin: 5px auto 5px auto;
	width: 70px;
}
.btnMid2{ width: 100px; }

.message{
	background: #ffefcc;
	border: 1px solid black;
	width: 500px;
	margin: 10px auto 10px auto;
	padding: 10px;
}

div.cleaner{
	clear: both;
	width: 100%;
	height: 1px;
}

p.hint{
	clear: both;
	border-top: 1px solid black;
}

/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
	background-color: #ffefcc;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: #ffefcc;;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid #996900;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: #664600;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #fff7e5;
}
div#tcal td.today {
	border: 1px solid #996900;;
}
div#tcal td.selected {
	background-color: #ffe7b2;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}