/*------------------------------------------default------------------------------------------*/
* { margin: 0px; padding: 0px; }
body { color: #6d6e71; line-height: 1.4; font-family: Arial, Helvetica, sans-serif; font-size: 78%; text-align: center; background-color: #e5e5e5; }
hr { display: none; }
.clear { clear: both; font-size: 0px; height: 0px; width: 100%; }
a { color: #6faf05; }
a:hover { color: #000; }
p { margin-bottom: 15px; }
ul { margin-bottom: 20px; }
ul, li { list-style-type: none; }
h2, h3, h4, h5, h6 { display: block; font-size: 100%; padding-bottom: 10px; position: relative; }
h2 { color: #0b6ba4; font-size: 150%; font-weight: normal; }
img { border-style: none; }
#obal { width: 986px; margin-right: auto; margin-left: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFF; border-right-color: #cbcbcb; border-bottom-color: #cbcbcb; border-left-color: #cbcbcb; background-color: #FFF; padding: 1px; text-align: left; position: relative; }
img.zasuvka { position: absolute; bottom: -81px; right: 20px; }

/*------------------------------------------hlavicka------------------------------------------*/
#header { background-image: url(../img/img_header.jpg); background-repeat: no-repeat; background-position: 0px 106px; position: relative; background-color: #2286BA; width: 986px; height: 283px; }
#header-top { background-image: url(../img/img_top-kontakt.jpg); background-repeat: no-repeat; background-position: 627px 0px; _background-position: 627px 1px; background-color: #FFF; width: 100%; height: 106px; }
h1 { height: 106px; width: 443px; overflow: hidden; position: relative; float: left; }
h1 span { background-image: url(../img/logo.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 106px; width: 443px; display: block; position: absolute; left: 0px; top: 0px; cursor: pointer; }
.jazyk { position: relative; top: 8px; right: 18px; float: right; }
.jazyk li a { height: 29px; width: 29px; display: block; text-align: center; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: 0px 0px; }
.jazyk li a span { position: absolute; left: 0px; top: 0px; height: 29px; width: 29px; }
.jazyk li a.cz span { background-image: url(../img/ico_cz.gif); }
.jazyk li a.de span { background-image: url(../img/ico_de.gif); }
.jazyk li a.en span { background-image: url(../img/ico_en.gif); }
.slogan { color: #FFF; font-size: 180%; position: absolute; top: 143px; left: 36px; }

/*------------------------------------------menu------------------------------------------*/
menu { background-image: url(../img/bg_menu.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 43px; width: 926px; margin-top: 1px; background-color: #FEC439; padding-left: 30px; padding-right: 30px; font-size: 12px; }
menu li { display: inline; list-style-type: none; }
menu li a { color: #7b5a0a; cursor: pointer; font-weight: bold; text-align: center; _padding: 0 20px 0 20px; height: 43px; line-height: 43px; text-decoration: none; padding-right: 21px; padding-left: 21px; float: left; white-space: nowrap; }
menu li span { background-image: url(../img/img_menu-deleni.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 43px; width: 2px; float: left; color: transparent; }
menu li a:hover, menu li a.aktiv { color: #000; background-image: url(../img/bg_menu-hover.gif); background-repeat: repeat-x; background-position: 0px 0px; background-color: #FEDE72; }

/*------------------------------------------obsahova cast------------------------------------------*/
#container { width: 960px; margin-right: auto; margin-left: auto; background-color: #FFF; padding-top: 25px; padding-bottom: 10px; }
#content { float: right; display: inline; padding-right: 18px; width: 469px; }
#content .seznam2, #content .seznam3 { margin-bottom: 35px; }
#content .seznam2 li { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e6e6e6; background-image: url(../img/ico_sun.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 35px; padding-top: 7px; padding-bottom: 7px; }
#content .seznam3 li { background-image: url(../img/bg_seznam.gif); background-repeat: repeat-x; background-position: left bottom; display: list-item; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E6E6E6; margin-bottom: 1px; background-color: #FFF; padding: 7px; }
#content .seznam3 li span { background-image: url(../img/ico_ok.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; width: 18px; float: left; display: block; margin-right: 10px; _margin-right: 5px; }
#content .faq li a { background-image: url(../img/ico_link.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 35px; padding-top: 7px; padding-bottom: 7px; display: block; float: left; clear: both; }
img.logo-h2 { position: absolute; top: 5px; }

#rightcolumn { display: inline; width: 231px; float: right; padding-bottom: 150px; }
.submenu li a { background-image: url(../img/bg_submenu.gif); height: 41px; width: 215px; background-repeat: no-repeat; background-position: 0px 0px; color: #FFF; font-weight: bold; text-decoration: none; text-align: right; line-height: 41px; padding-right: 15px; margin-bottom: 3px; background-color: #A7D325; float: left; }
.submenu li a:hover, .submenu li a.aktive { background-position: 0px -44px; color: #FFF; background-color: #808183; }
.submenu li.posun { display: block; float: left; margin-top: 10px; }
.submenu li ul{ display: block; float: left; margin-bottom: 5px; 
}
.submenu li  ul li a{ font-weight: normal; color: #6FAF05; background-color: #FFF; margin: 0px; background-image: none; float: left; line-height: 28px; height: 28px; 
}
.submenu li ul li a:hover { color: #6D6E71; background-image: none; background-color: #FFF; text-decoration: underline; }


#leftcolumn { display: inline; width: 231px; float: left; }
.new { position: relative; background-image: url(../img/bg_box.gif); background-repeat: no-repeat; background-position: left bottom; background-color: #ECF9FF; margin-bottom: 10px; padding-top: 10px; width: 232px; }
.new-top { background-image: url(../img/bg_box-top.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 8px; width: 100%; position: absolute; left: 0px; top: 0px; }
.new a { font-weight: bold; margin-right: 10px; margin-left: 10px; }
.new .datum { font-size: 90%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c9e2ed; display: block; margin-right: 10px; margin-left: 10px; padding-bottom: 5px; padding-top: 2px; }
.new p { padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 10px; margin-bottom: 0px; }
.reference { margin-top: 25px; display: block; }
.reference img { background-color: #FFF; border-right-width: 2px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; border-right-color: #e6e6e6; border-bottom-color: #e6e6e6; padding-right: 3px; padding-bottom: 3px; float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; }

/*------------------------------------------paticka------------------------------------------*/
#paticka { color: #7f7f7f; background-image: url(../img/bg_paticka.gif); background-repeat: repeat-x; background-position: 0px 0px; background-color: #e5e5e5; margin-right: auto; margin-left: auto; width: 970px; text-align: left; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }

.box-reference {
  width: 215px;
  float: left;
  padding: 5px;
  text-align: center;
}
.box-reference a {
  display: block;
  margin: 10px 0;
  color: #777777;
  padding: 5px;
  text-decoration: none;
  cursor: hand;
}
.box-reference a:hover {
  text-decoration: none;
  background: #dddddd;
}

.box-reference span {
  display: block;
  background: url(reference-background.gif) top left no-repeat;
  width: 201px;
  height: 91px;
  text-align: left;
}

.box-reference span img {
  margin: 5px;
  width: 110px;
  height: 80px;
}

.content form {font-size:1em}
.content form p {clear:left;padding:8px 3px;margin:0}
.content form p.note {padding-left:150px;float:left;font-weight:bold}
.content form p.note span {color:#DF6701}
.content form p label {float:left;width:150px}
.content form p label span {color:#DF6701}
.content form fieldset {background:#FAFAFA;border:1px solid #F4F4F4;padding:15px}
.content form textarea {width:345px;height:130px}
.content form  input.txt {width:175px;height:20px;padding:4px 0 0}
.content form  input.txt.wide {width:345px}
.content form  input.txt, .content form textarea {border:1px solid #CECECE}
.content form  input.submit {float:right;margin:5px 45px 0 0}
