html, body {
	margin:0; padding:0; text-align:center; background:#ddd;
	font-family: sans-serif; font-size:13px; color:#333}
	
#page {margin:auto; text-align:left; width:980px; background:#fff}
#page * {margin:0; padding:0}

.clear {clear:both; width:100%; height:1px}
a {color:#333}
a:hover {text-decoration:none}

/* hlavicka */
#head {width:724; height:85px; background:url(img/hlavicka2.jpg) right no-repeat;}
#head h1 {position:relative; font-size: 1px}
#head span a {text-decoration:none}
#head span {
	width:288px; height:67px; background:url(img/logo.gif) no-repeat;
	position:absolute; top:0; left:0; cursor:pointer;}

/* menu */
#menu {width:100%; height:44px; background:#f7504e url(img/menu3.gif) right no-repeat; position:relative}
#menu p {color:#fff; position:absolute; top:16px; left:16px; font-weight:bold}
#menu p a {color:#fff; text-decoration:none; padding:0 3px}
#menu p a:hover {text-decoration:underline}

/* obsah */
#content {margin:3px 0; background:url(img/pozadi.gif)}
#content #left {width:185px; float:left}
#content #right {width:790px; float:right}

/* obsah - levy sloupec */
#content #left h4 {background:#efefef; padding:10px; font-size:85%; font-weight:normal;color:#000000;}
#content #left h3 { font-size:1em; padding:0; margin:0; font-weight:normal;}
#content #left h2 {margin:5px 15px; font-weight:bold; font-size:90%}
#content #left .first {display:block; margin:5px 15px; font-weight:bold;color:#6A0000;font-size:90%;padding:0px;}
#content #left .first2 {display:block; margin:5px 15px; font-weight:bold;color:#6A0000;font-size:90%;padding:0px;color:#FF8A00;}
#content #left h2 a {color:#6a0000}
#content #left ul {margin:5px 28px 8px 28px; list-style:url(img/sipecka.gif); font-weight:normal;margin-top:2px;margin-bottom:2px;}
#content #left li a {/*color:#fe0000;*/color:#6A0000;}
#content #left li {margin:0;font-size:12px;}
#content #left strong {color:#FF8A00;}

/* obsah - pravy sloupec */

#hledani2 {float:right;padding-right:150px;padding-top:55px;}
#hledani2 form {padding:0px;}
#hledani2 input {cursor:pointer;width:110px;height:16px;padding-right:5px;}
#hledani2 input#tl_hledat {cursor:pointer;width:50px;height:21px;padding:0px;font-size:80%;}

	/* box hledani */
	#hledani {width:100%; height:34px; background:#fef2f2}
	#hledani fieldset {
		border:0; float:right; position:relative; width:200px}
	#hledani span {
		display:block; position:absolute}
	#hledani span.cesta {color:#fe0000; font-size:90%; padding:8px 15px}
	#hledani span.cesta a {color:#fe0000}
	#hledani span#lupa {
		top:9px; left:0; background:url(img/lupa.gif) no-repeat; width:14px; height:14px}
	#hledani span#sipka {
		top:12px; left:128px; background:url(img/sipka.gif) no-repeat; width:9px; height:6px}
	#hledani input {cursor:pointer;
		position:absolute; top:5px; left:25px; width:80px;
		border: 2px inset #aaa; padding:1px}
	#hledani input#tl_hledat {
		position:absolute; top:7px; left:130px;width:70px;
		border: 0; background:transparent; font-weight:bold; font-size:90%}

#content #right #container {margin:5px 15px}
#content #right ul {list-style-position: inside;}

#content #right img {border:0px;}


#content #right h1,h2, #content #right h3 {color:#ff8a00; font-size:140%; font-weight:normal; margin:15px 0}
#content #right h2.sipka {background:url(img/sipka2.gif) 0 8px no-repeat; padding-left:10px}

#content #right h3 {font-size:110%; font-weight:bold; margin:5px 0 0 0}
#content #right p {margin:15px 0}
#content #right .obrazky {float:left; width:260px}
#content #right .obrazky img {margin:0 0 3px 0}

#content #right p.novinky {color:#777}
#content #right p.novinky a {color:#004071}

	/* sedivy box */
	#content #right .box {
		background:#f7f7f7; float:left; margin:2px; padding:10px;
		width:220px; height:155px; border:1px solid #f7f7f7}
	#content #right .box:hover {border:1px solid #e8e8e8}
	#content #right .box p {margin:0}
	#content #right .box h3 {font-size:100%; margin:0 0 5px 0; color:#333}
	#content #right .box img {
		padding:2px; border:1px solid #c5c5c5; margin:0 10px 0 0; float:left}
	#content #right a {color:#fe0000}
	
	/* formular */
	#content #right fieldset.kontakt {
		clear:both; border:0; background:#f6f6f6;
		width:540px; overflow:hidden; padding:10px 0;padding-right:10px;}
	#content #right fieldset.kontakt p {margin-left:20px;margin-bottom:3px;margin-top:0px;}
	#content #right fieldset.kontakt h3 {color:#646464; margin:0 20px 10px 20px}
	#content #right fieldset.kontakt div {float:left; width:270px}
	#content #right ol,ul {list-style-position: inside;}
	#content #left ol,ul {list-style-position: outside;}
	#content #right fieldset.kontakt div.pair label { 
		padding:0 10px; display:block; float:left; width:28%; text-align:right}
	form fieldset div.pair {height:30px; padding:0; clear: left}
	form fieldset div.pair input {margin:15px 0}
	form fieldset input#submit, .button {
		background:#142e83; border:0; color:#fff; font-weight:bold; font-size:90%; padding:1px 6px}
	form fieldset span.red {color:#fe0000; font-weight:bold}
	
/* paticka */
#footer {
	border-top:6px solid #ffa596;
	width:100%; background:#fff5f3}
#footer p {text-align:right; margin:12px; color:#e55100}
#footer p a {color:#e55100; text-decoration: none; padding:0 2px}
#footer p a:hover {text-decoration:underline}

.status {
background-color:#C31403;border-width:2px;border-style:solid;border-color:#FFF000;
padding:5px;
background-attachment: scroll;
padding-left:40px;
background-image: url(img/warning.gif);
background-repeat: no-repeat;
background-position: 5px center;
margin-left: auto;margin-right:auto;
margin-top:8px;margin-bottom:8px;
width:60%;
color:#FFFFFF;
}

.help {
background-color:#FFFFA0;border-width:5px;border-style:solid;border-color:#FFF000;
float:right;
padding:5px;
margin-top:20px;
color:#000;
padding-top:58px;
background-attachment: scroll;
background-image: url(img/dialog-info.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
width:30%;
}

#uploading {
	border-style: none;
	padding: 0px;
	height: 300px;
	width: 100%;
	overflow:none;
/*	overflow-y: hidden;*/
}

#content #right .galerie img {border:2px solid #f0f0f0; padding:2px; margin:5px;float:none;}
#content #right .obrazek img {border:2px solid #f7f7f7; padding:2px; margin:2px;float:none;}
#content #right .obrazek_vlevo img {border:2px solid #f7f7f7; padding:2px; margin:2px;margin-top:0px;float:left;}
#content #right .obrazek_vpravo img {border:2px solid #f7f7f7; padding:2px; margin:2px;margin-top:0px;float:right;}
#content #right .galerie img:hover {border:2px solid #888888; padding:2px; margin:5px;float:none;}
#content #right .okraj {border:1px solid #f0f0f0; padding:2px; margin:2px;float:none;}
#content #right .sedive {background:#f6f6f6;padding:2px; margin:2px;float:none;}

.atable {margin-left:auto; margin-right:auto;width:auto;margin-bottom:50px;margin-top:25px;border-style:solid;border-width:1px;border-color:#333333;}

.atable tr {behavior: url(/hover.htc);}
.atable tr:hover, .atable tr.hover {background-color:#ffdddd;}

.atable th {background-color:#C80100;color:#FFF;font-weight:bold;}
.atable th a {color:#FFFF00;}
.acell {padding:5px;}
.acell2 {margin:5px;padding-top:0px;padding-bottom:0px;padding-left:5px;padding-right:5px;}

.datum {color:#CCCCCC;font-size:85%;float:right;}

#lista {
  margin-left: 0px;
  margin-right: 0px;
  width: auto;
  height: 25px;
  background: #555;
  color: #FFF;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  border-bottom: 1px solid #FFF;
}
#lista p a {color: #FFF; text-decoration: none;}
#lista p a:hover {color: #9DC71A; text-decoration: none;}
#lista p.listaleft {float: left; margin: 0; padding: 5px;}
#lista p.listaright {float: right; margin: 0; padding: 5px; color: #9DC71A;}

#status_message {font-weight:bold;color:#000000;background-color:#F7F7F7;padding:10px;border:1px solid #DDDDDD;display:none;z-index:1000000;float:none;position:absolute;top:-200px;left:200px;right:200px;}