/* elementy */
* {
  margin: 0;
  padding: 0;
}

html {
  font: 0.8em/1.4 Arial, sans-serif;
  color: #3c403c;
  background: #9b9fa2 url("../../ariadne/file_generators/dbfile.php?_fileId=76&_fileName=back-html.png&_forceDownload=true&_site=pabohemia_web") 0 0 repeat-x;
  height: 100%;
}
* html { font-size: 80%; }

body { text-align: center; }


h1 {
  font-size: 25px;
  width: 119px; height: 141px;
  overflow: hidden;
  position: relative;
  top: 16px; left: 24px;
  background: #333534 ;
  text-align: center;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%; height: 100%;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=112&_fileName=back-header.png&_forceDownload=true&_site=pabohemia_web") -25px -24px no-repeat;
  cursor: pointer;
}

#content h1, h2, h3, h4, h5 {
  color: #34679a;
  margin: .75em 40px .33em;
  font: normal bold 215%/1.4 Arial, Tahoma, sans-serif;
}
h3 { font-size: 140%; border-bottom: 2px solid #cde5fc; }
h4 { font-size: 120%; border-bottom: 2px solid #d2d2d2; color: #4e4e4e; }
h5 { font-size: 100%; color: #4e4e4e; }

ul, ol, p, address, fieldset, hr, div.p, .gallery, .searchBox { margin: 0 40px 1em; }
p { text-indent: 1em; }

ul ul, ol ol, ul ol, ol ul { margin: 0 0 .33em; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol li { margin-left: 25px; }
ul li {
  padding-left: 25px;
  margin: 0;
  list-style-type: none;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=84&_fileName=back-li.gif&_forceDownload=true&_site=pabohemia_web") 5px .3em no-repeat;
}

address { font-style: normal; }
address span, span.width {
  display: block;
  width: 6em;
  float: left;
}

hr {
  height: 1px;
  color: black;
  background-color: black;
  border: 0px solid black;
}

sub, sup {
  vertical-align: baseline;
  position: relative;
}
sub { top:    0.4em; }
sup { bottom: 0.4em; }

#contact * { margin: 0; }
#contact h1, #contact h3 {
  font-weight: bold;
  color: #9b9fa2;
}
#contact h1 {
  width: auto; height: auto;
  position: static;
  background: none;
  text-align: left;
  font-size: 192%;
}
#contact h3 {
  font-size: 108%;
  border: none;
}


#file img, .fileList img { border: none !important; margin: 0 !important; }
#content img { margin: .5em 40px; border: 2px solid #cde4fc; }

/* tabulky */
table {
  margin: 1em 40px;
  border-collapse: collapse;
  width: 595px;
}
td, th { padding: 2px; }
th {
  background: #336699;
  color: white;
}
tr td, tr th { border: 2px solid #cde4fc; }
table#file {
  border-bottom: 2px solid #cde5fc;
  margin-top: 35px;
}
#file td, #file th { border: none; }

.no-border, .no-border * { border: 0 !important; }

/* formuláře */
form p { margin: 0 0 1em; }
form hr { margin: 0 0 1em; }
input, select {
  margin: 2px 0;
  padding: 6px 5px;
  width: 390px; height: 16px;
  line-height: 16px;
}
input.checkbox, input.radio, input.button { width: auto;  }
select { width: 184px; } /* o 4px víc než input zajistí shodnou šířku */
textarea { width: 390px; height: 150px; padding: 5px; }
input, select, textarea {
  font-family: Arial, sans-serif;
  border: 2px solid #cde4fc;
}
div.safety-code {
  padding-top: .5em;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 35px;
}
div.safety-code img {
  margin: 0 !important;
  vertical-align: middle;
}
div.safety-code input {
  width: 200px;
  vertical-align: middle;
}

label {
   display: block;
   float: left;
   clear: left;
   width: 200px;
   position: relative; /* vyrovnání rozdílu výšky... */
   top: 4px;           /* ...řádku a výšky inputů    */
   overflow: hidden;
   margin-right: 10px;
   text-align: right;
   line-height: 30px;
   font-weight: bold;
}

#leftCol fieldset, .searchBox fieldset { border: 0; }
.searchBox input, #leftCol input {
  width: 300px; height: 16px;
  margin: 0 5px 0 0;
  padding: 4px 2px;
  line-height: 16px;
  border: 1px solid #336699;
  background: white;
  vertical-align: bottom;
}
input.button, #leftCol input.search_button {
  width: 75px; height: 26px;
  padding: 0;
  border: 0;
  background: #336699;
  color: white;
  cursor: pointer;
  font-weight: bold;
}
input.button:hover, input.search_button:hover { background: #00509c !important; }

#content .button { margin: 1em 260px !important; }
#content .searchBox .button { margin: 1px auto 0 !important; }

.searchBox { margin-top: .75em; }

#leftCol fieldset {
  width: 205px;
  padding: 2em 0 1em;
  margin: 0;
  text-align: left;
}
#leftCol input { width: 199px; }
#leftCol input.search_button { display: block; margin: 10px auto 0; }

/* # id */
#page {
  width: 900px;
  margin: 14px auto 0;
  text-align: left;
  background: white url("../../ariadne/file_generators/dbfile.php?_fileId=100&_fileName=back-page.png&_forceDownload=true&_site=pabohemia_web") 0 193px repeat-x;
}
#header {
  width: 100%; height: 175px;
  border-top: 9px solid #336699;
  border-bottom: 9px solid #336699;
  position: relative;
  background: #dbe1e8 url("../../ariadne/file_generators/dbfile.php?_fileId=112&_fileName=back-header.png&_forceDownload=true&_site=pabohemia_web") 0 50% no-repeat;
}

#leftCol {
  width: 205px;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0 0 241px 20px;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=80&_fileName=back-left-col.png&_forceDownload=true&_site=pabohemia_web") 20px 100% no-repeat;
}
#leftCol #menu {
  margin: 27px 0 0;
  padding: 0;
}
#leftCol #menu ul { margin-top: 2px; }
#leftCol #menu li {
  margin: 0 0 2px;
  padding: 0;
}

#content {
  width: 675px;
  float: left;
  padding-top: 50px;
  clear:right;
}

#language {
  position: absolute;
  top: 15px; right: 20px;
  margin: 0;
}
#currentPage {
  position: absolute;
  bottom: -55px; left: 225px;
  width: 595px;
  overflow: hidden;
  padding-bottom: 5px;
  border-bottom: 1px solid #cae3fc;
  text-indent: 0;
  font-weight: bold;
  font-size: 92%;
}

#footer {
  background: #9b9fa2;
  padding: 0 0 2em;
  text-align: center;
  clear: both;
}
#footer span {
  font-weight: bold;
  color: white;
}

#contact {
  width: 100%; height: 147px;
  overflow: hidden;
  border-top: 9px solid #336699;
  margin-bottom: 1.5em;

  display: table;

 
  background: #2c2e2b url("../../ariadne/file_generators/dbfile.php?_fileId=104&_fileName=back-contact.png&_forceDownload=true&_site=pabohemia_web") 0 100% no-repeat;
  color: white;
}
#vc1 {

  display: table-cell;
  vertical-align: middle;

 
}
.vc2 {
  width: 195px;
  float: left;
  text-align: left;
 
}


/* . class */
.cleaner {
  visibility: hidden;
  clear: both;
}
.no-show {
  position: absolute;
  top: -10000px;
  left: -10000px;
}

.no-indent { text-indent: 0; }

img.left  { margin: .5em 10px .5em 0; float: left; }
img.right { margin: .5em 0 .5em 10px; float: right; }

.center { text-align: center !important; text-indent: 0; }
.right  { text-align: right  !important; text-indent: 0; }

.news {
  position: relative;
  margin-top: 1em;
  padding-right: 120px;
}
.urgent { text-transform: uppercase; }
.signature {
  text-indent: 0;
  text-align: right;
}
.newsDate {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  overflow: hidden;
  text-align: right;
}

.gallery div {
  float: left;
  width: 138px;
  overflow: hidden;
  padding: 1em 5px;
  text-align: center;
}
.gallery img { margin: 0 0 .5em !important; }
.gallery div.wide { width: 287px; }

.fileList {
  clear: both;
  margin: 0 40px;
  padding: 0;
}
.fileList div { clear: left; }

.href-pic {
  float: left;
  display: block;
  width: 32px;
  height: 2.8em;
  margin: 0 1em 0.5em 0;
  line-height: 2.8em;
  text-align: center;
  text-decoration: none !important;
}
.href-pic img {
  vertical-align: middle;
  border: 0;
}


/* odkazy */
a { color: #34679a; }
a:hover { color: black; overflow: visible; } /* overflow je nastaven pro IE, jinak by rámeček při hoveru nebyl kolem celého obrázku */

#currentPage a { font-weight: normal; }

h1 a {
  color: #f1f2f1;
  text-decoration: none !important;
}

#contact a { color: #9b9fa2; }
#contact a:hover { color: #34679a; }

#menu a {
  display: block;
  width: 180px;
  padding: 5px 20px 5px 5px;
  overflow: hidden;
  background: #336699 url("../../ariadne/file_generators/dbfile.php?_fileId=88&_fileName=back-menu-a.gif&_forceDownload=true&_site=pabohemia_web") 191px 50% no-repeat;
  border-bottom: 3px solid #669acc;
  color: white;
  text-decoration: none;
  font-weight: bold;
}
#menu a:hover, #menu a.active, #menu a.arrow-down:hover {
  background-color: #00509c !important;
  background-position: 100% 50% !important;
}
#menu a.arrow-down {
  width: 171px;
  padding-right: 29px;
  background: #336699 url("../../ariadne/file_generators/dbfile.php?_fileId=92&_fileName=back-menu-a-ad.gif&_forceDownload=true&_site=pabohemia_web") 184px 50% no-repeat;
}

#menu ul a {
  background: #cae3fc url("../../ariadne/file_generators/dbfile.php?_fileId=96&_fileName=back-menu-ul-a.gif&_forceDownload=true&_site=pabohemia_web") 11px 50% no-repeat;
  padding: 5px 5px 5px 20px;
  border: none;
  color: #336699;
  font-weight: normal;
}
#menu ul a:hover, #menu ul a.active {
  font-weight: bold;
  color: #00509c;
  background-color: #cae3fc !important;
  background-position: 11px 50% !important;
}