/*******************************************************************************
* Soubor kaskádových stylů CSS
* 
* 2009-02-03 Chaloupka Jaromír
*******************************************************************************/
* {margin:0;  padding:0;}

body {
  font-family: Arial, sans-serif;
  font-size: 80%;
  color: #222;
  background: #e8f6e7 url(../img/potisk.gif) repeat-y 50% 0;
  border-top: 5px solid #82a513;
  text-align: center;
}
#kontejner {
  position: relative;
  width: 1014px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 30px;
}
#zahlavi {
  width: 1000px;
  height: 125px;
  position: relative;
}
#logo {
  position: absolute;
  top: 15px;
  left: 30px;
}
#slogan {
  position: absolute;
  top: 35px;
  left: 310px;
}
#menu {
  width: 1000px;
  height: 40px;
  position: relative;
}
#navigace {
  position: absolute;
  top: 0;
  left: 15px;
}
#navigace ul {list-style: none;}
#navigace ul li {display: inline;}
#navigace ul li a span, #poptat a span {display:none; visibility:hidden;}
#navigace ul li a#m1, #navigace ul li a#m2, #navigace ul li a#m3, 
#navigace ul li a#m4, #navigace ul li a#m5, #navigace ul li a#m6 {
  height: 40px; display: block; float: left;
}
#navigace ul li a#m1 {background: url(../img/menu/m1.jpg) no-repeat top left; width: 141px;}
#navigace ul li a#m2 {background: url(../img/menu/m2.jpg) no-repeat top left; width: 139px;}
#navigace ul li a#m3 {background: url(../img/menu/m3.jpg) no-repeat top left; width: 96px;}
#navigace ul li a#m4 {background: url(../img/menu/m4.jpg) no-repeat top left; width: 114px;}
#navigace ul li a#m5 {background: url(../img/menu/m5.jpg) no-repeat top left; width: 103px;}
#navigace ul li a#m6 {background: url(../img/menu/m6.jpg) no-repeat top left; width: 94px;}
#navigace ul li.aktivni a#m1, #navigace ul li.aktivni a#m2, #navigace ul li.aktivni a#m3,
#navigace ul li.aktivni a#m4, #navigace ul li.aktivni a#m5, #navigace ul li.aktivni a#m6,
#navigace ul li a#m1:hover, #navigace ul li a#m2:hover, #navigace ul li a#m3:hover,
#navigace ul li a#m4:hover, #navigace ul li a#m5:hover, #navigace ul li a#m6:hover {
  background-position: 0 -40px;
}
#poptat {
  position: absolute;
  top: 3px;
  left: 755px;
}
#poptat a {
  display: block;
  width: 192px;
  height: 35px;
  background: url(../img/poptat.jpg) no-repeat top left;
}
#okno_t {
  width: 1000px;
  height: 10px;
  background: url(../img/okno_t.jpg) no-repeat top left;
}
#okno {
  width: 1000px;
  background: url(../img/okno.jpg) repeat-y top left;
  position: relative;
  overflow: hidden;
}
#okno_b {
  width: 1000px;
  height: 20px;
  background: url(../img/okno_b.jpg) no-repeat top left;
}
#flash, #sloupce {
  margin: 0 12px 5px 12px;
}
#sloupec_1 {width:590px; float:left; background:url(../img/sloupec.gif) repeat-x top left; margin-right:10px;}
#sloupec_2 {width:375px; float:left; background:#f7f7f7 url(../img/sloupec.gif) repeat-x top left;}
#sloupec_3 {width:230px; float:left; background-color:#f7f7f7; margin-right:10px;}
#sloupec_4 {width:735px; float:left; background:url(../img/sloupec.gif) repeat-x top left;}
#sloupec_1 h1 {background:url(../img/text_1.gif) no-repeat top left; margin:8px 0 0 15px;}
#sloupec_1 h2 {background:url(../img/text_4.gif) no-repeat top left; margin:8px 0 0 15px;}
.box1 {padding:8px 15px 10px 15px;}
.box1 p, .box2 p {padding:5px 0; margin:0;}
.box1 p a.vice,.box2 p a.vice {background:url(../img/sipka.gif) no-repeat 100% 50%; padding-right:20px;}
.box1 h2 {background:url(../img/text_2.gif) no-repeat top left; height:20px; padding-bottom:10px; margin:0;}
.box2 {background:url(../img/sloupec_2.gif) repeat-x top left; padding:8px 15px 25px 15px;}
.box2 h3 {background:url(../img/text_3.gif) no-repeat top left; padding-bottom:15px; height:20px;}
.box2 h4 {background:url(../img/text_6.gif) no-repeat top left; padding-bottom:15px; height:20px;}
.box2 input.tlacitko {padding:3px 6px; color:#fff; background-color:#82a513; border:1px solid #82a513; cursor:pointer; font-family:Arial,sans-serif; font-weight:bold;}
#menu_2 {padding-bottom:25px;}
#sloupec_1 h1 span, #sloupec_1 h2 span, #sloupec_2 h2 span, #sloupec_2 h3 span, #sloupec_3 h3 span, .box2 h4 span {visibility:hidden;}
#sloupec_3 ul {list-style:none; margin:10px;}
#sloupec_3 ul li {margin:10px 0;}
#sloupec_3 ul li a {background:url(../img/sipka.gif) no-repeat 0 50%; padding-left:24px;}
#sloupec_3 ul li a.aktivni {font-weight:bold; color:#222; background:url(../img/sipka_cerna.gif) no-repeat 0 50%; padding-left:24px;}
#sloupec_4 h1 {color:#fff; font-size:140%; padding:5px 10px;}
#sloupec_4 h2 {color:#698904; font-size:130%; padding:10px 0 5px 0;}
#sloupec_4 h2 a {color:#698904;}
#sloupec_4 h2 a:hover {color:#222;}
#sloupec_4 h3 {color:#666; font-size:120%; padding:10px 0;}
#sloupec_4 div.r1 {float:left; margin-right: 20px;}
#sloupec_4 table.reseni, #sloupec_4 table.reseni2 {margin:10px 0 30px 0; border-collapse:collapse; width:350px;}
#sloupec_4 table.reseni2 {width:650px;}
#sloupec_4 table.reseni td, #sloupec_4 table.reseni th,
#sloupec_4 table.reseni2 td, #sloupec_4 table.reseni2 th {padding:5px 10px; text-align:left; border:1px solid #bee93f;}
#sloupec_4 table.reseni th, #sloupec_4 table.reseni2 th {color:#698904;}
#sloupec_4 table.reseni tr.radek1, #sloupec_4 table.reseni2 tr.radek1 {background-color:#f2ffc9;}
#sloupec_4 table.reseni2 thead th {background-color:#e4e4e4; color:#222; border:1px solid #bbb;}
#sloupec_4 div.r2 a img {margin-top:5px; border:3px solid #ddd; padding:1px;}
#sloupec_4 div.r2 a:hover img {margin-top:5px; border:3px solid #bee93f; padding:1px;}
#sloupec_4 ul {margin:10px 20px 25px 20px;}
#sloupec_4 ul li {margin:5px;}
#obsah, #dokumenty, #zo {margin:20px 10px;}
#drobeckova_navigace {margin:5px 0; background-color:#f7f7f7; padding:10px;}
#form_objednavka {margin:20px 10px; padding:10px; background-color:#f2ffc9; border:1px solid #bee93f;}
#form_objednavka table td {padding:2px 4px;}
#form_objednavka table td input.tlacitko {padding:2px 4px; background-color:#698904; color:#fff; font-weight:bold; cursor:pointer; border:1px solid #698904;}
#strecha_1, #strecha_2 {float:left; width:290px; margin-bottom:5px;}
#strecha_2 {margin-left:3px; padding-left:3px; border-left:1px solid #ccc;}
#strecha_1 a img, #strecha_2 a img {border-bottom: 5px solid #fff;}
#strecha_1 a:hover img, #strecha_2 a:hover img {border-bottom: 5px solid #82A513;}
#reference_1_nadpis, #reference_2_nadpis, #reference_1, #reference_2 {float:left; width:294px;}
#reference_1_nadpis {background: url(../img/sloupec_2.gif) repeat-x top left; height:35px;}
#reference_2_nadpis {background-color:#e4e4e4; height:35px;}
#reference_2_nadpis a {
  display: block;
  color: #030303;
  margin: 10px;
  padding: 0 10px;
  font-size: 90%;
  height:32px;
}
#reference_1 p, #reference_2 p {padding:3px;}
#reference_1 p img, #reference_2 p img {border:1px solid #ccc; padding:2px;}
#zo div.zoi {float:left; width:90px; margin:5px 0;}
#zo div.zoi p img {border:1px solid #82a513; padding:3px; background-color:#fff;}
#zo div.zot {float:left; width:550px; margin:5px 0;}
#zo div.zot p a {font-weight: bold;}
#paticka {position:relative; height:70px;}
#paticka_text {position:absolute; top:15px; left:15px;}
#paticka_optigreen {position:absolute; top:15px; left:760px;}
#paticka p {font-size:90%; line-height:20px; color:#777;}
#obsah p {padding:5px 0 10px 0; line-height:18px;}
#obsah p.datum {padding:0; color:#888;}
#obsah p.nazev {font-weight:bold;}
#rk {margin:0 0 10px 0; background:#f7f7f7 url(../img/sloupec_2.gif) repeat-x top left; padding:8px 15px;}
#rk h3 {background:url(../img/text_5.gif) no-repeat top left; margin:0; padding-bottom:25px;}
#rk ul {margin:5px 0;}
#rk ul li {margin:3px 0;}
#rk ul li a {padding:0; background:none;}
a {color: #82A513;}
a:hover {color: #030303;}
a img {border: none;}
hr.cleanerbord {
  clear: left;
	height: 1px;
	margin: -1px 0 0 0;
	border: none;
}
hr.cleaner {
  clear: left;
	height: 1px;
	margin: -1px 0 0 0;
	border: none;
	visibility: hidden;
}
.cleaner {
  clear:both;
} 
p.ko {
  padding: 5px 5px 5px 30px;
  margin: 0 10px;
  background: #ffefce url(../img/ko.gif) no-repeat 8px 50%;
  border: 3px solid #fcdc9a;
}
p.ok {
  padding: 5px 5px 5px 30px;
  margin: 0 10px;
  background: #f2ffc9 url(../img/ok.gif) no-repeat 8px 50%;
  border: 3px solid #bee93f;
}
span.datum {color:#999;}
a.rss {background:url(../img/rss.gif) no-repeat 0 50%; padding-left:16px;}
#obsah div.foto, #obsah div.foto2 {float:left; margin:0 10px 10px 0; width:140px; min-height:100px;}
#obsah div.foto p, #obsah div.foto2 p {margin:0; padding:0;}
#obsah div.foto p a img, #obsah div.foto2 p a img {border:4px solid #ddd; padding:1px;}
#obsah div.foto p a:hover img, #obsah div.foto2 p a:hover img {border:4px solid #82a513; padding:1px;}
#googlemap_okno {margin:5px 10px;}
#googlemap {margin:5px 0 20px 0; width: 635px; height:350px;  border:1px solid #999;}
.dokument1, .dokument2 {margin:10px 0;}
.dok1 {float:left; width:100px;}
.dok2 {float:left; width:400px;}
.dok1 a img {padding:1px; border:4px solid #ddd;}
.dok1 a:hover img {padding:1px; border:4px solid #82a513;}
.dok2 p.ndok {padding:5px 0; font-weight:bold;}