@media screen, projection,print {

* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body {
  padding: 0;
  background: #fff url("./img/bg-right.jpg") repeat-x;
  font: 0.8em/1.5 "arial",sans-serif;
  color: #1b4224;
  margin:0;

}

/* obecne odkazy --------------------------------------------------------------- */
a {color:#00F;}
a:link {color:#00F;}
a:hover {color:#F00;}

/* nadpisy --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0; }
h1 { font-size:200%; }
h2 { font-size:130%; color: #7e543b; padding: 5px 0 0 40px; margin: 10px 0 0 0;background: url("./img/content-title.jpg") no-repeat; height: 53px; }
h3 { font-size:110%; color: #7e543b; padding: 5px 0 0 30px; margin: 10px 0 0 0;background: url("./img/content-title2.jpg") no-repeat;  }
h4 { font-size:105%; }
h5 { font-size:100%; }

#bg{
  background: #fff url("./img/bg-left.jpg") repeat-x;
  width:50%;
  position: absolute;
  height: 364px;
}
/* layout ---------------------------------------------------------------------- */
#wrap{  position: aboslute;top: 0;text-align: center; }
#wrap-in{  text-align: center;width: 875px;margin: 0 auto;}
#layout {  text-align: left; width: 875px;}
#container {position: absolute; top:202px;}

#wrap-container {
	text-align: left;
	background: #fff;
	border: 1px solid #c9d975;
	width: 873px;
	position: relative;
	background: url("./img/container-bg.jpg") repeat-y;

}
#container #border{
  border: 1px solid #fff;
  height: auto;
  overflow: hidden;
  width: 871px;

}
/* hlavicka ------------------------------------------------------------------ */
#header { height: 143px; text-align: left;width: 875px;background: url("./img/header.jpg") no-repeat right; position: absolute;}

#logo {
  position: relative;
  overflow: hidden;
  width: 288px; height: 100%;
  font-size:260%;
  margin: 0;
  padding: 0;
  text-align: center;
}
#logo a{
  display: block;
  color: #043811;
  text-decoration: none;
}
#logo span {
  display: block;
  position: absolute;
  left: 0; top: 0;
  z-index: 1;
  width: 288px; height: 100%;
  background: url("./img/logo.jpg") 0 0 no-repeat;
  cursor: pointer;
}


/* horizontalni navigace --------------------------------------------------- */
#nav { text-align: left; height: auto;   background: url("./img/nav-bg.jpg") repeat-x;  width: 875px; overflow: hidden; position: absolute; top: 143px;}
#nav #nav-img{  height: auto; overflow: hidden; background: url("./img/nav-img.jpg") no-repeat 288px 0; }
#nav ul {margin:0; padding:0 10px; list-style:none; height: 58px; background: url("./img/nav-dots.gif") repeat-x 0; }
#nav ul li {float:left; display:block; margin:0 10px; padding:0; height: 58px; position: relative;}
#nav ul li#active{background: url("./img/nav-active.jpg") no-repeat 50% 41px; position: relative;}
#nav ul li .sep{float: left; position: absolute; right: -12px;width:5px; height: 58px;background: url("./img/nav-sep.gif") no-repeat 0 50%;}
#nav ul li a {
  display: block;
  float: left;
  position: relative;
  top: 16px;
  background: url("./img/nav-dots2.gif") repeat-x 0 12px;
  &background-position: 0 13px;
  height: 25px; line-height: 24px;
  padding: 0 10px;
  margin: 0;
  text-transform: uppercase;
  font-size: 95%;
  color: #005116;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#nav ul li a:hover {
  color: #001807;
  background: #c8d874;
}
#nav ul li#active a {color: #f8ffd5;background:#a2b05a; text-decoration:none;}
.content {
  float: right;
  background: url("./img/content.jpg") no-repeat;
  padding: 0 0 20px 0;
  width:635px;
  z-index: 10;
}
.content .in{
  padding: 0 10px;
}
.content p{padding: 0 43px;text-align: justify;}
#intro{
  margin: 0;
  padding: 30px;
  font-size: 135%;
  line-height: 145%;
  font-weight: bold;
  color: #366040;
  border-bottom: 1px solid #d4dda6;
}


/* Sloupce ----------------------------------------------------------------- */

#panel-left { float:left; width:236px; background: #f0f6cd url("./img/panel.jpg") no-repeat top right; }
.panel .in { padding: 10px; }
.panel .title{
  display: block;
  margin: 10px 0 15px 0;
  padding: 0 0 0 32px;
  color: #043811;
  font-size: 110%;
  background: url("./img/panel-title.jpg") no-repeat 0 2px;
}
.panel .datum{padding: 3px 5px; background: #f9fce9;font-size: 85%;}
.panel .aktualita{
  font-size: 95%;
  color: #464b29;
  margin: 10px 0 20px;
  text-align: justify;
}
.panel .sep{
  height: 1px;font-size: 1px;line-height:1px;border-bottom: 1px solid #c9d975; margin: 0 0 10px 0;
}
.panel strong{color: #52851a;}
.panel dl{margin: 0; height: 20px;line-height: 20px;clear: both; font-size: 95%;}
.panel dl dt{float: left; font-weight: normal;padding: 0;margin: 0;width: 60px;}
.panel dl dd{float: left;padding: 0;margin: 0;}
.panel address{font-size: 95%;}

/* paticka ----------------------------------------------------------------- */
#footer {
	clear:both;
	position: relative;
	text-align: left;
	width: 875px;
	color: #4c4c4c;
	font-size: 95%;
}
#footer p { margin:0 0; padding: 0 10px;line-height: 40px; }
#footer a{color: #7f8d36;}
#footer a:hover{color: #4b541e; text-decoration: none;}
#footer a.white{text-decoration: none;color: #4c4c4c;}




/* odstavce -------------------------------------------------------------------- */
p { margin:15px 0; }

/* tabulky --------------------------------------------------------------------- */
table { margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:center; font-weight:bold; }
th, td { padding:3px 5px; }

/* seznamy --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }

/* definice -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* ostatni --------------------------------------------------------------------- */
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.f-left {float:left;}
.f-right {float:right;}
.a-left, tr.a-left td {text-align:left;}
.a-center, tr.a-center td {text-align:center;}
.a-right, tr.a-right td {text-align:right;}
.a-justify {text-align:justify;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.clear { clear:both; }
.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }
.mleft10 { margin-left: 10px; }
.mright10 { margin-right: 10px; }
.mtop10 { margin-top: 10px; }
.mbottom10 { margin-bottom: 10px; }

/* univerzalni prvky ------------------------------------------------------------ */
input.small{
  width: 50px;
}
input.normal{
  width: 146px;
}
.bigger {font-size:115%;}
.smaller {font-size:85%;}

.high {color:#00F;}
.nonhigh {color:#777;}

.foto{  display: block; border: 3px solid #ddd;}

/****** form1 ******/
.form1 {
	width: 400px;
	margin-left: 100px;
	margin-top: -20px;
}
.form1 fieldset {
	padding: 10px;
	border: 2px #bfbfbf solid;
}
.form1 legend {
	padding: 3px;
	border: 1px solid #bbb;
	margin-bottom: 10px;
	text-align: right;
}
.form1 label {
	position: absolute;
	font-weight: bold;
	float: right;
	margin-left: 20px;
}
.form1 input, .form1 textarea, .form1 select {
	display: inline;
	margin-bottom: 3px;
	width: 235px;
	margin-left: 120px;
}
.form1 select {
	width: 235px;
}
.form1 textarea {
	height: 100px;
	width: 235px;
}
.form1 #submit {
	width: 100px;
}

a:link, a:visited, .mm {
	text-decoration: none;
	color: #330099;
	font-weight: bold;
}
a:hover, a:active, .mm:hover {
	text-decoration: underline;
	color: #427276;
	font-weight: bold;
}
code {
	color: #000000;
	font-family: monospace;
	font-size: 1.2em;
	display: block;
	white-space: pre;
	margin: 25px;
	padding: 12px;
	height: 40px;
	overflow: auto;
	border: 2px solid #FFFF00;
	background: #FFFFCC;
	text-align: left;
}

.ram {
	border: 2px solid #A2B05A;
	background-color: #FFD800;
	width: 330px;
	margin-left: 135px;
	margin-top: 15px;
	margin-bottom: 15px;
  padding: 10px;
}

.pozice1{
  position: absolute;
  top: 190px;
  left: 520px;
}


.pozice2{
  position: absolute;
  top: 400px;
  left: 590px;
}



}
@media print {

}