/* CSS Document */
body {
  font-family: Verdana;
  margin: 0px 10px 0px 0px;

  background-image: url('../images/background-white.jpg');

  overflow-y: scroll;
  -moz-scrollbars-vertical;
}

#main {
    margin-top: 50px;
    margin-left: 180px;
    padding-bottom: 15px;
    width: 700px;
    min-height: 1000px;
    _height: 1000px;
    background-image: url('../images/vertical_line.jpg');
    background-repeat: no-repeat;
}

.admin_Hr4 {
  background-color: rgb(241,241,237);
  padding: 3px;
  border-bottom: 1px solid rgb(128,128,128);
}

.admin_menu_td {
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;

  color: white;

   background-image: url('../images/gray_button.jpg');
  cursor: pointer;

  width: 150px;
  height: 20px;

  text-align: center;
  vertical-align: middle;
}

.menu_empty {
  background-image: url('../images/gray_button.jpg');
}

.body{
  background-image: url('../images/logo.gif');
  background-repeat: no-repeat;

  width: 950px;

  position: relative;
  z-index: 1;
}

img {
  border: 0px none;
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  text-decoration: underline;
  color: red;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.index_head {
  width: 900px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

.index_menu {
  font-size: 9pt;
  vertical-align: top;

  width: 119px;
  height: 500px;

  margin-left: 10px;
}

.index_main {
}

.index_user {
  border-right: 1px solid gray;
  width: 120px;
}

.index_aboutMenu {
  font-weight: bold;
  text-align: right;

  font-size: 8pt;
}

.index_loginBar {
  font-weight: bold;
  text-align: left;

  font-size: 8pt;
}

.link {
  cursor: pointer;
}

select, input {
font-size: 9pt;
}

table, tr, td {
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px;

  border-style: none;

  font-size: 8pt;
}

form {
  margin-bottom: 0px;
}

#art_form {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

.form {
  height: 30px;
  vertical-align: bottom;
}

.form_table {
  margin-bottom: 10px;
  padding: 0px 5px 10px 5px;
}

.main_table {
  width: 930;
}

.main_menu_div {
  margin-top: 68px;

  width: 100%;
  text-align: right;
}

.main_menu_td_black {
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;

  color: white;
  background-image: url('../images/black_button.jpg');

  cursor: pointer;

  width: 100px;
  height: 20px;

  text-align: center;
  vertical-align: middle;
}

.main_menu_td_green {
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;

  color: white;
  background-image: url('../images/green_button.jpg');

  cursor: pointer;

  width: 100px;
  height: 20px;

  text-align: center;
  vertical-align: middle;
}

.main_kosik_div {
  width: 100%;
  text-align: right;
}

.text_articles {
  height: 30px;
  vertical-align: middle;
  border-bottom: 1px solid black;
}

h2 {
  color: black;
  font-weight: bold;
  font-size: 17px;
  font-family: Arial;
  margin-bottom: 10px;
}

.nadpis {
  color: red;
  font-weight: bold;

  margin-bottom: 10px;
}

.span {
  text-align: justify;
  margin-bottom: 10px;
}

.main_div {
  width: 723px;
  margin-left: 20px;
}

.main_admin_div {
  width: 723px;
  margin-left: 20px;
}

.help {
  border: 1px solid black;

  padding: 2px;

  font-size: 7pt;
  background-color: rgb(242,192,73);
  font-weight: bold;
}

.search {
  position: absolute;
  top: 227px;
  left: -8px;
  z-index: 2;
}

.searchRadio {
  width: 10px;

  margin-bottom: -3px;
}

.searchLabel {
  font-size: 7pt;
}

.searchText {
  background-image: url('../images/vyhledavani.jpg');
  background-repeat: no-repeat;
  background-position: left center;

  margin: 5px 0px 0px 6px;
  padding-left: 20px;
}

.searchSelect {
  margin-top: 15px;
}

.searchButton {
  background-image: url('../images/vyhledavaniTlacitko.jpg');
  border: none;
  width: 32px;
  height: 18px;
  cursor: pointer;
}

.systemMessage {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;

  background-color: rgb(216,214,214);
  color: red;
  font-weight: bold;

  text-align: center;
}

.searchDiv {
  border-bottom: 1px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.submenu_div {
  margin-top: 6px;
  background-color: #EFEFEF;
  padding: 2px 20px 4px 4px;
  font-weight: bold;
}

.sortBorder {
  border: 1px solid gray;
  background-color: #EFEFEF;
  width: 100%;
}

.reticle {
  position: absolute;
  top: 92px;
  right: 0px;
  z-index: 0;

  width: 457px;
  height: 469px;

  background-image: url('../images/reticle.jpg');
}

.author {
  background-image: url('../images/authorBackground.jpg');
  background-repeat: no-repeat;
  background-position: right top;

  width: 970px;
  height: 50px;

  font-size: 10pt;
  font-family: Arial;

  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

#globalni-nastaveni, #import-a-export, #objednavky, #uzivatelske-ucty, #sprava-uctu {
  display: none;

  position: absolute;
  top: 255px;
  z-index: 2;
}

#import-a-export { left: 350px; }

#uzivatelske-ucty { left: 635px; }

#sprava-uctu { left: 780px; }

#newTitle {
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 15px;
}

#newText {
  text-align: justify;
  margin-bottom: 20px;
}

#newLeftImage {
  padding-right: 15px;
}

$newRightImage {
  padding-left: 15px;
}

#newInfo {
  font-size: 10px;
}

#newLink {
  color: red;
}

a#newLink:hover {
  text-decoration: underline;
}

div#loginBox {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
    padding: 5px;
    padding-right: 15px;
}

div#loginBox span {
    font-weight: bold;
}

form#loginBox {
    position: absolute;
    right: -5px;
    top: 0px;
    z-index: 0;
    margin: 3px 20px 5px 10px;
    text-align: right;
}

form#loginBox img {
    position: absolute;
    right: -15px;
    top: 22px;
}

form#loginBox div {
    vertical-align: middle;
    padding: 2px 0px 9px 2px;
}

form#loginBox input[type="text"] {
    width: 100px;
    height: 18px;
    font-size: 7pt;
}

form#loginBox input[type="password"] {
    width: 100px;
    height: 18px;
    font-size: 7pt;
}

form#loginBox input[type="submit"] {
    height: 18px;
    font-size: 7pt;
}

#homeLink {
   position: absolute;
   top: 0px;
   z-index: 0;
   border: 0px none;
}

#indexTopBanner {
    position: absolute;
    top: 110px;
    right: 25px;
}

#rightLine {
    width: 10px;
    height: 100%;
    background-image: url('../images/right_border.jpg');
    background-repeat: repeat-y;
}







/***** STRUKTURA MENU ****/
#navigace {
  position: absolute;
  top: 72px;
  right: 124px;
  z-index: 1000;
  display: block;
  width: 800px;
}

#navigace .navigaceItem {
  position: relative;
  float: right;
  border-right: 2px solid white;

  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;

  color: white;
  cursor: pointer;
}

#navigace .navigaceItem a.nLink {
  display: block;
  float: left;
  color: white;

  width: 100px;

  text-transform: uppercase;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  background-image: url('../images/black_button.jpg');
}

#navigace .navigaceItem a.nLink:hover {
  background-image: url('../images/green_button.jpg');
  text-decoration: none;
}

.submenu {
  display: none;
  background-image: url('../images/submenu.gif');
  position: absolute;
  padding-top: 6px;
  top: 20px;
  left: 0px;
  z-index: 3;
}

.submenu div {
  text-align: left;
}

.submenu div a {
  display: block;
  text-transform: none;
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
  padding: 1px 15px 1px 5px;
}

.submenu div a:hover {
  background-color: rgb(221,221,221);
}

.skyscraper-banner {
    position: absolute;
    right: -165px;
    top: 20px;
    z-index: 1000;
    padding-right: 20px;
}
.skyscraper-banner #banner-skyscraper1-ifr {
    border: 0 none;
    height: 600px;
    overflow: hidden;
    width: 120px;    
    margin-bottom: 25px;             
}

.new-form label {
    margin-right: 20px;
}
.new-form label span {
    color: red;
    font-weight: bold;
}
.new-form input.text, .new-form textarea {
    border: 1px solid #C6C6C6;
}
.new-form .captcha-box {
    width: 1px;
}
.new-form input.text#captcha {
    width: 80px;
}
.new-form.contact-form input.text {
    width: 250px;
}
.new-form.comments input.text {
    width: 450px;
}
.new-form.comments textarea {
    width: 450px;
    height: 80px;
}

#messages {
    margin-bottom: 25px;
}
#errMessages {
    padding: 3px;
    background: #FEE1DB;
    margin-bottom: 10px;
}
#errMessages .errMessage {
    padding: 3px;
    color: black;
    text-align: left;
    font-weight: bold;
}
#okMessages {
    padding: 3px;
    background: #DFF3E3;
    margin-bottom: 10px;
}
#okMessages .okMessage {
    padding: 3px;
    color: black;
    text-align: left;
    font-weight: bold;
}

p.paragraph:first-letter {
    margin-left: 20px;
    line-height: 1.7em;
}
.gmap {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
}
.gmap iframe {
    border: 1px solid #AAAAAA;
}

.contact-box {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D3D3D3;
}
.contacts {
    width: 700px;
}
.contacts a {
    color: red;
}
.contacts {
    width: 720px;
}
.contacts td {
    font-size: 12px;
    vertical-align: top;
}
.contacts td.for-form {
    width: 480px;
}
.contacts td.label {
    white-space: nowrap;
    padding-right: 25px;
}
.contacts .new-form.contact-form {
}
.contacts .new-form.contact-form input.text {
    width: 300px;
}
.contacts .new-form.contact-form textarea {
    width: 300px;
    height: 100px;
}

.contacts .numbers td, .contacts .emails td {
    line-height: 20px;
}

.bank div span {
    color: gray;
}
.red {
    color: red;
}
.lh15 {
    line-height: 15px;
}
.fs11 {
    font-size: 11px;
}
.pt10 {
    padding-top: 10px;
}