/* ***  BODY SECTION  *** */

body, html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; background: #fff url('../graf/bcg-hp-body.png') repeat-x 0 0; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: x-small;}
html>body {font-size: small;}

/* ***  LAYOUT SECTION  *** */

#container {
	width: 100%;
	height: auto;
	min-height: 100%;
	_height: 100%; /* IE */
	margin: 0 auto;
	position: relative;
  }

#cont {
  clear: both;
  display: block;
  position: relative;
  width: 990px;
  margin: 0 auto;
  padding: 128px 0 0 0;
  background: #fff url('../graf/bcg-hp-body.png') repeat-x 0 0;
  text-align: left;
  }

#lbox {
  display: block;
  position: relative;
  float: left;
  width: 775px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  }

#content {
  display: block;
  position: relative;
  float: right;
  width: 540px;
  margin: 0;
  padding: 0 0 30px 0;
  background-color: #fff;
  }

#mbox {
  display: block;
  position: relative;
  float: left;
  width: 220px;
  margin: 0;
  padding: 1px 0 0 0;
  background-color: #fff;
  }

#rbox {
  display: block;
  position: relative;
  float: right;
  width: 200px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  }

#header {
  clear: both;
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 990px;
  height: 120px;
  background: #fff url('../graf/bcg-header.png') no-repeat 0 0;
  }

#user {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 48px;
  right: 0;
  width: 208px;
  line-height: 20px;
  }

#logo {
  display: block;
  position: absolute;
  left: 40px;
  top: 35px;
  width: 231px;
  height: 61px;
  }

#footer {
  clear: both;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 180px;
  padding: 25px 0;
  background: #eff6ff url('../graf/bcg-hp-footer.png') repeat-x 0 0;
  font-size: 92%;
  text-align: left;
  }

.clearer {
	float: none;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

#break {
	height: 230px;
	float: none;
	clear: both;
}

#paticka {
  display: block;
  width: 990px;
  position: relative;
  margin: 0 auto;
  }


#faqref {
  display: block;
  position: relative;
  clear: both;
  width: 220px;
  height: 70px;
  padding: 0;
  margin: 5px 0;
  background: transparent url('../graf/bcg-faqref2.png') no-repeat 0 0;
  font-size: 12px;
}

#ul1 {
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
  width: 100px;
  height: 40px;
  padding: 0;
  margin: 0;
}

#ul2 {
  display: block;
  position: absolute;
  left: 115px;
  top: 15px;
  width: 100px;
  height: 40px;
  padding: 0;
  margin: 0;
}

#ul1 li, #ul2 li {
  line-height: 20px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}


#ul1 li a, #ul2 li a {
  display: block;
  padding: 0 0 0 9px;
  font-weight: bold;
  text-decoration: none;
  background: transparent url('../graf/bcg-faqref-li.png') no-repeat 0 50%;
}


textarea, input {font-family: "Helvetica CE", Helvetica, "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif;}
a:link, a:visited, a:active {color: #d00; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
a img {display: inline; border-style: none; text-decoration: none;}
h1 {margin: 0; padding: 25px 0 20px 27px; color: #4c4a5d; font-size: 190%; font-weight: bold; line-height: 1.1em; background: #fff url('../graf/bcg-hx.png') no-repeat 0 27px; letter-spacing: -0.05em;}
h2 {display: block; clear: both; font-size: 120%; font-weight: bold; font-style: normal; color: #e00; margin:  0 0 8px 0; padding: 10px 10px; background-color: #e6efff;}
h3 {display: block; clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #07c; margin: 7px 0 3px 0; padding: 5px 0;}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {text-decoration: none; color: #e00;}
p {padding: 0 0 10px 0; margin: 0;}
.prava {text-align: right;}
.centr {text-align: center;}
td {vertical-align: top;}
form {margin: 0; padding: 0;}
ul {display: block; list-style: none; margin: 5px 0 5px 10px; padding: 0;}
ul li {padding: 5px 0 5px 25px; margin: 0; background: transparent url('../graf/bcg-mitem.gif') no-repeat 11px -14px;}
table {border-top: 1px solid #def; border-left: 1px solid #def;}
td, th {padding: 7px 10px; border-bottom: 1px solid #def; border-right: 1px solid #def; text-align: left; vertical-align:  top;}
th {background-color: #def; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
th.top {font-weight: normal; font-size: 85%; text-align: center; padding: 5px 10px; vertical-align: middle;}
td.popis {color: #666; font-size: 90%; width: 80%;}

.cerv {color: #e00;}
.zelv {color: #090;}
.tdl {width: 65%; padding: 0 12px 0 0; border-width: 0; border-right: 4px dotted #d4e9ff;}
.tdp {width: 35%; padding: 0 0 0 15px; border-width: 0;}

#mbox {display: block; position: relative; float: left; width: 220px; left: 0; margin: 0; padding: 0; background-color: #fff;}
#rbox {display: block; position: relative; float: right; width: 200px; right: 0; margin: 0; padding: 1px 0 0 0; background-color: #e2efff;}
#rbox img {display: block;}
#rbox h2 {display: block; padding: 10px 15px 5px 15px; margin: 0; font-size: 100%; color: #07c; border-top: 1px solid #fff; background-image: none;}
#rbox div {display: block; width: 170px; margin: 0 auto; padding: 5px 0;}
#rbox input {display: block; position: relative; width: 168px; margin: 0 0 2px 0; font-size: 90%; border: 1px solid #9ce; color: #666; padding: 1px 0;}
#rbox img.antispam {display: block; position: relative; border: 1px solid #9ce; width: 70px; height: 16px; float: left;}
#rbox #intext {display: block; position: relative; width: 168px; height: 90px; margin: 0 0 2px 0; font-size: 90%; border: 1px solid #9ce; color: #666; padding: 1px 0;}
#rbox #inkod {display: block; position: relative; float: right; width: 94px; margin: 0 0 2px 0;}
#rbox #odeslat {display: block; position: relative; width: 83px; height: 22px; margin: 0 auto; font-size: 90%; border-width: 0; padding: 0;}
#rbox input.ukryt {display: none; border-width: 0;}
#mbox ul {display: block; list-style: none; margin: 0; padding: 0; color: #000; background-image: none; list-style-image: none;}
#mbox ul li {display: block; padding: 0; margin: 0; background-image: none; list-style-image: none;}

a.m1 {display: block; color: #000; padding: 10px 5px 10px 10px; text-decoration: none; font-weight: bold; font-size: 92%;}
a.m2 {display: block; color: #000; padding: 8px 19px; text-decoration: none; background-color: #fff; border-top: 1px dotted #999;}
a.m3 {display: block; color: #000; padding: 6px 5px 6px 30px; text-decoration: none; background: #fff url('../graf/bcg-mitem.gif') no-repeat 21px -66px; font-size: 90%;}
a.m1:hover, a.aktiv1 {color: #d00; background-color: #eef6ff;}
a.m2:hover, a.aktiv2 {color: #d00; background-color: #fff;}
a.m3:hover, a.aktiv3 {color: #d00; background-color: #fff;}

a.first2 {border-top-width: 0;}

#mbox p.registrace {display: block; background-color: transparent; margin: 0; padding: 0 0 5px 0;}
#mbox p.registrace img {display: block; margin: 10px auto 8px auto;}

#mbox #usa, #mbox #usa2 {display: block; width: 220px; height: 65px; background: #fff url('../graf/bcg-menu.png') no-repeat 0 0; margin: 1px 0;}
#mbox #usa2 {background: #fff url('../graf/bcg-menu.png') no-repeat 0 -198px; margin: 1px 0;}
#mbox #whnz, #mbox #whnz2 {display: block; width: 220px; height: 65px; background: #fff url('../graf/bcg-menu.png') no-repeat 0 -132px; margin: 1px 0;}
#mbox #whnz2 {background: #fff url('../graf/bcg-menu.png') no-repeat 0 -330px; margin: 1px 0;}
#mbox #whk, #mbox #whk2 {display: block; width: 220px; height: 65px; background: #fff url('../graf/bcg-menu.png') no-repeat 0 -66px; margin: 1px 0;}
#mbox #whk2 {background: #fff url('../graf/bcg-menu.png') no-repeat 0 -264px; margin: 1px 0;}

#header ul {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 280px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  list-style: none;
  
  }

#header li {
  display: block;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  background-image: none;
  }

#header ul li a {
  display: block;
  line-height: 30px;
  padding: 0 12px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  }

#text {display: block; position: absolute; top: 27px; right: 15px; margin: 0; padding: 0; z-index: 2; color: #def; font-size: 110%; text-align: right;}
#text strong {font-size: 130%; font-weight: normal; line-height: 1.8em; color: #fff;}

#menu-top {display: block; position: absolute; right: 0; top: 5px; margin: 0; padding: 0 20px 0 0;}
#menu-top li {display: inline; float: left; list-style: none; padding: 0; margin: 0; border-left: 1px solid #06c; background-image: none;}
#menu-top li.prvni {border-width: 0;}
#menu-top a {display: block; float: left; line-height: 18px; padding: 0 16px; color: #fff; text-decoration: none;}
#menu-top a:hover {color: #fff; text-decoration: underline;}
#menu-anabidka {display: block; position: absolute; left: 30px; bottom: 6px; margin: 0; padding: 0;}
#menu-anabidka li {display: inline; float: left; list-style: none; padding: 0; margin: 0; border-left: 1px solid #666; background-image: none;}
#menu-anabidka li.popis {border-width: 0; padding-right: 12px; color: #999; line-height: 18px; font-weight: bold; font-size: 90%;}
#menu-anabidka li.prvni {border-width: 0;}
#menu-anabidka a {display: block; float: left; line-height: 18px; padding: 0 12px; color: #fff; text-decoration: none;}
#menu-anabidka a:hover {color: #fff; text-decoration: underline;}

#flagcs {
  display: block;
  position: absolute;
  right: 45px;
  top: 6px;
  width: 28px;
  height: 16px;
  }

#flagen {
  display: block;
  position: absolute;
  right: 10px;
  top: 6px;
  width: 28px;
  height: 16px;
  }

#patickadiv {display: block; position: relative; width: 380px; left: 40px; top: 0; margin: 0; padding: 0;}
#paticka strong {font-weight: normal; color: #09f; font-size: 90%;}
#pkontakt {display: block; position: relative; float: left; width: 160px; margin: 0; padding: 0; color: #000; border-right: 1px dotted #999;}
#potviracka {display: block; position: relative; float: right; width: 190px; margin: 0; padding: 0; color: #000;}
#copyright {display: block; position: relative; float: right; width : 400px; margin: 0; padding: 0 20px 0 0; color: #666; text-align: right;}
.pat2 {padding: 15px 0 0 0; margin: 0; color: #999; clear: both; text-align: center;}
.pat2 a {color: #999; text-decoration: none; font-size: 90%;}
#partneri {display: block; position: absolute; top: 100px; right: 0; border-width: 0;}
#partneri td {padding: 0 16px 0 0; border-width: 0; vertical-align: middle;}

#home-left {display: block; position: relative; float: left; width: 300px;}
#home-right {display: block; position: relative; float: right; width: 230px; border-left: 5px dotted #eee;}
.hometab {display: block; margin: -15px 0 15px 0; padding: 0; border-width: 0;}
.hometab .l {margin: 0; padding: 0; border-width: 0; text-align: left;}
.hometab .c {margin: 0; padding: 0; border-width: 0; text-align: center;}
.hometab .p {margin: 0; padding: 0; border-width: 0; text-align: right;}
.poptavka {display: block; padding: 20px; background-color: #e2efff;}
.poptavka td, .poptavka th {border-width: 0; padding: 10px 15px; vertical-align: middle;}
.poptavka th {border-width: 0; text-align: right; background-color: #d7e7fb; color: #000; font-weight: normal;}
.poptavka input.text {margin: 2px 0; font-size: 90%; border: 1px solid #09f; color: #000; padding: 1px 0; width: 200px;}
.poptavka input.cerv {border-color: #f00;}
.poptavka select.text {margin: 2px 0; font-size: 90%; border: 1px solid #09f; color: #000; padding: 1px 0; width: 300px;}
.poptavka select.cerv {border-color: #f00;}
.poptavka img.antispam {border: 1px solid #09f; width: 70px; height: 16px; float: left;}
.poptavka textarea {width: 200px; height: 100px; margin: 0 0 2px 0; font-size: 90%; border: 1px solid #09f; color: #666; padding: 1px 0;}
.poptavka #inkod {float: right; width: 94px; margin: 0 0 2px 0;}
.poptavka #odeslat {width: 80px; height: 16px; margin: 0 auto; font-size: 90%; border-width: 0; padding: 0;}
.poptavka input.ukryt {display: none; border-width: 0;}
.poptavka .antispam {display: block; position: relative; border: 1px solid #09f; width: 70px; height: 16px; padding: 0; margin: 0;}
.poptavka input.inkod {display: block; position: relative; width: 126px; margin: 0 0 0 2px;}
.cistic {display: block; clear: both;}
.pbox {display: block; position: relative; clear: both; padding: 15px 20px 5px 20px; margin: 0 0 15px 0; background-color: #09f; color: #fff; line-height: 1.5em; text-indent: 0px;}
.pbox strong, .pbox a {color: #fff; font-weight: normal; text-decoration: none;}
.taxback {display: block; width: 182px; height: 135px; border-width: 0; margin: 0 auto 5px auto; padding: 0}
.news {width: 100%; font-size: 90%;  border-width: 0; border-top: 1px dotted #ccc; clear: both; margin: -5px 0 0 0;}
.news th {vertical-align: top; padding: 8px 5px 8px 0; color: #a2050e; background-color: #fff; border-width: 0; border-bottom: 1px dotted #ccc;}
.news td {width: 100%; vertical-align: top; padding: 8px 0 8px 0; border-width: 0; border-bottom: 1px dotted #ccc;}
.news td p {padding: 0; margin: 0;}


#klista {display: block; position: relative; width: 530px; min-height: 30px; margin: 0 0 20px 0; padding: 0 0 0 10px; background: #fff url('../graf/bcg-hp-footer.png') repeat-x 0 29px;}
#klista li {display: inline; float: left; list-style: none; padding: 0; margin: 0 1px 0 0; background-image: none;}
#klista a {display: block; float: left; line-height: 24px; padding: 0 10px; margin-top: 5px; color: #fff; background-color: #e00; text-decoration: none; border: 1px solid #d00; border-width: 1px 1px 0 1px;}
#klista a:hover, #klista .active {background-color: #fff; color: #000; text-decoration: none; border: 1px solid #e00; border: 1px solid #d00; border-width: 1px 1px 0 1px; margin-top: 0; line-height: 29px;}

.aktbox {display: block; position: relative; background-color: #eff6ff; border: 1px solid #cee1f9; padding: 10px 12px; margin: 0 0 10px 0; font-size: 12px;}
.aktbox h2 {display: block; position: relative; background-color: #e6efff; padding: 5px 10px 5px 80px; margin: 0 0 10px 0; line-height: 18px; font-size: 13px;}
.aktbox span {display: block; position: absolute; color: #0096ff; padding: 0; margin: 0; left: 28px; top: 15px; line-height: 18px; font-size: 11px;}
.aktbox p {margin: 0; padding: 5px 0;}

.aktbox table {border-collapse: collapse; padding: 0; margin: 5px 0; font-size: 11px;}
.aktbox table td {padding: 5px 10px; background-color: #fff;}
.aktbox table th {padding: 5px 10px; background-color: #e6efff; font-weight: normal; border-color: #ddeeff;}

/*
      echo "<div class=\"aktbox\">\n";
      echo "<span>".date('d.m.Y', $akt['akt_vlozeno'])."</span>\n";
      echo "<h2>".$akt['akt_predmet']."</h2>";
      echo "<p>".$akt['akt_text']."</p>";
      echo "</div>\n";
*/