* { margin: 0; padding: 0; }
body {
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-size: 75%; 
  color: #000000;
  background: #3344ac url('../images/body-bg.jpg') repeat-y;
  background-position: center top;
}

/* Zakladni nastaveni */
a { color: #ff0000; text-decoration: underline; font-weight: bold; }
a:hover { color: #44b700;}

p { margin-bottom: 15px; }
img { border: 5px #ABABAC solid; margin: 5px; }
form { width: 100%; }
fieldset { border: 0; }
label { cursor: pointer; }

.right { float: right; }
input.button { border: 1px #d9d9d9 solid; background-color: #f3f3f3; padding: 2px; font-size: 11px; color: #00b700; font-weight: bold; }
.submit {   
  border: 0; 
  width: 130px; 
  height: 19px;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
  background: url('../images/add-to-basket.gif') no-repeat;
  font-size: 12px;
  cursor: pointer;
}
a.submit { display: block; font-size: 11px; padding-top: 2px; }
/* /Zakladni nastaveni */

div#main {
  width: 953px; 
  margin: 0 auto;
  overflow: hidden;
  min-height: 700px;
}

/* produktova lista */
#produktova-lista { float: left; width: 180px; background-color: #ffffff; }
#produktova-lista h3 { position: relative; height: 33px; margin: 0; background-color: #85c5fb; text-align: center; padding-top: 10px; }
#produktova-lista h3 span { position: absolute; width: 100%; height: 43px; background: url('../images/lista-h3.jpg') no-repeat; top: 0; left: 0; }
#produktova-lista ul { margin: 10px 0; padding: 0; }
#produktova-lista ul li { margin: 5px 0; list-style: none; float: left; clear: both; width: 100%; }
#produktova-lista ul li a { padding: 3px 5px; display: block; color: #000000; font-weight: bold; font-size: 11px; text-decoration: underline; }
#produktova-lista ul li.even a { color: #2d3b7e; }
#produktova-lista ul li a:hover { text-decoration: none; }
#produktova-lista ul li a span { font-weight: normal; }
/* /produktova lista */

div#webova-cast { float: right; width: 770px; position: relative; background-color: #ffffff; }
ul#language-selector { position: absolute; top: 8px; left: 5px; z-index: 10; }
  ul#language-selector li { list-style: none; float: left; margin: 0 3px; }
  ul#language-selector li a { color: black; position: relative; display: block; width: 26px; height: 27px; overflow: hidden; cursor: pointer;  }
  
  ul#language-selector li a span { position: absolute; width: 26px; height: 27px; top: 0; left: 0; z-index: 15; }
  ul#language-selector li.de span { background: url('../images/de_flag.jpg') no-repeat; }
  ul#language-selector li.cz span { background: url('../images/cz_flag.jpg') no-repeat; }
  ul#language-selector li.en span { background: url('../images/en_flag.jpg') no-repeat; }
  ul#language-selector li.pl span { background: url('../images/pl_flag.jpg') no-repeat; }

/* Hlavicka (logo) */
h1 { 
  position: relative;
  width: 100%;
  height: 151px;
  line-height: 140px;
  font-size: 200%;
  text-align: center;
  overflow: hidden;
  background-color: #e56302;
}
h1 span {
  position: absolute;
  width: 100%;
  height: 151px;
  display: block;
  cursor: pointer;
  background: url('../images/logo-bg.jpg') no-repeat;
  background-position: center center;
  top: 0; left: 0; z-index: 1;
}
h1 a { color: black; }
/* /Hlavicka (logo) */

ul#main-menu {
  width: 100%;
  height: 25px;
  background: #e8e8e8 url('../images/menu-bg.jpg') no-repeat;
}
  ul#main-menu li { float: left; background: url('../images/main-menu-li-bg.jpg') no-repeat right center; list-style: none; }
  ul#main-menu li a { display: block; padding: 5px 15px 5px 25px; text-decoration: none; color: #000000; font-weight: bold; }
    ul#main-menu li a.a1 { background: url('../images/ico_1.gif') no-repeat 6px center; }
    ul#main-menu li a.a2 { background: url('../images/ico_2.jpg') no-repeat 6px center; }
    ul#main-menu li a.a3 { background: url('../images/ico_3.jpg') no-repeat 6px center; }
    ul#main-menu li a.a4 { background: url('../images/ico_4.jpg') no-repeat 6px center; }
    ul#main-menu li a.a5 { background: url('../images/ico_5.gif') no-repeat 6px center; }
    ul#main-menu li a.a6 { background: url('../images/ico_6.jpg') no-repeat 6px center; }
    ul#main-menu li a:hover { color: #ff0000; }
    
div#lista { height: 16px; background: url('../images/lista-bg.jpg') no-repeat; padding: 10px; color: black; }
ul#submenu { height: 30px; background: #50aafb url('../images/submenu-bg.jpg') repeat-x; font-weight: bold; }
  ul#submenu li { 
    width: 65px; 
    height: 14px; 
    float: left; 
    padding: 8px 0; 
    text-align: center; 
    background: url('../images/submenu-li-bg.jpg') no-repeat right top; 
    font-size: 11px; 
    list-style: none;
  }
    ul#submenu li a { color: #ffffff; display: block; padding: 0 4px 0 4px; text-decoration: none; }
    ul#submenu li a:hover { color: black; }
    
    ul#submenu li.a1, ul#submenu li.a2 { width: 92px; height: 28px; padding: 1px 0; }
    ul#submenu li.a3 { width: 90px; }
    ul#submenu li.a4 { width: 70px; }
    ul#submenu li.a5 { width: 70px; height: 28px; padding: 1px 0; }
    ul#submenu li.a6 { width: 80px; height: 28px; padding: 1px 0;  }
    ul#submenu li.a7 { width: 72px; }
    ul#submenu li.a5 { width: 60px; }
    ul#submenu li.a9 { width: 72px; }
    ul#submenu li.a10 { float: right; width: 95px; background: url('../images/grey-bg.jpg') repeat-x }
    
div#navigacni-lista {
  margin: 8px 0;
  padding: 10px 20px; 
  height: 16px; 
  font-size: 120%;
  font-weight: bold;
  color: black;
  background: #f2f2f2 url('../images/navigacni-lista.jpg') no-repeat; 
}
div#content {
  padding: 5px 15px;
}

ul.paging { width: 100%; float: left; margin: 10px 0 15px 0; }
  ul.paging li { list-style: none; }
  ul.paging li.backward { width: 40%; float: left; padding-left: 12px; }
  ul.paging li.forward { width: 40%; float: right; text-align: right; padding-right: 22px; }
  
ul.paging_number { clear: both; padding: 10px 20px; text-align: right; color: #ff0000; }
  ul.paging_number li { list-style: none; display: inline; margin-right: 2px; }
    ul.paging_number li a { text-decoration: none; margin: 0 5px 0 2px; }
    ul.paging_number li span { font-size: 140%; color: #b60505; font-weight: bold; margin-right: 5px; }

div.product, div.product-housing { 
  position: relative;
  float: left; 
  width: 366px;
  height: 140px;
  background: url('../images/product-bg.jpg') no-repeat;
}
  div.product h3, div.product-housing h3 { position: absolute; top: 21px; left: 27px; font-size: 110%; }
  div.product-housing h3 { font-size: 95%; top: 23px; }
    div.product h3 a, div.product-housing h3 a { color: #ff0000; }
    div.product h3 a:hover, div.product-housing h3 a:hover { color: #44b700; }
  div.product img { position: absolute; top: 10px; left: 243px; border: 1px #d9d9d9 solid; }
  div.product p { position: absolute; width: 150px; top: 45px; left: 27px; line-height: 22px; }
  div.product-housing p { position: absolute; width: 300px; top: 45px; left: 27px; line-height: 22px; }
  div.product span.dph { position: absolute; left: 27px; top: 100px; color: #ff0000; font-weight: bold; }
  div.product span.price { position: absolute; width: 80px; text-align: right; left: 164px; top: 68px; font-weight: bold; color: #ff4200; }
  div.product form { position: absolute; top: 98px; left: 176px; width: 170px; }
    div.product form input.button { width: 25px; float: right; color: #00b700; font-weight: bold; text-align: center; }
    div.product form input.submit { 
      float: right; 
      margin: 0 5px; 
      border: 0; 
      width: 125px; 
      height: 19px;
      font-weight: bold;
      color: #ff0000;
      text-align: right;
      padding-right: 5px;
      background: url('../images/add-to-basket.gif') no-repeat;
      font-size: 12px;
    }
    
div.content-box-top { width: 720px; height: 15px; margin: 0 auto; background: url('../images/content/content-top.gif') no-repeat; }
div.content-box-bottom { width: 720px; height: 20px; margin: 0 auto; background: url('../images/content/content-bottom.gif') no-repeat; }
div.content-box-middle { width: 670px; margin: 0 auto; background: url('../images/content/content-middle.gif') repeat-y; padding: 10px 25px 10px 25px; overflow: hidden; }
div.content-box-middle-product { width: 684px; margin: 0 auto; background: url('../images/content/content-middle.gif') repeat-y; padding: 0 18px 5px 18px; overflow: hidden; }
  div.content-box-middle p, div.content-box-middle-product p { margin: 15px 0; }
  div.content-box-middle-product p { margin: 15px 10px; }
  div.content-box-middle-product h2 { 
    position: relative;
    width: 654px; 
    height: 17px; 
    margin: 0 auto;
    padding: 6px 15px;
    font-size: 125%;
    color: #ff4100; 
    background: url('../images/content/content-header.gif') no-repeat; 
  }
    div.content-box-middle-product h2 span { 
      position: absolute; 
      top: 6px; left: 500px; 
      width: 170px; 
      text-align: right; 
      color: black; 
      font-size: 80%; 
    }
  div.content-box-middle-product ul, div.content-box-middle-product ol { padding-left: 40px; }
  div.content-box-middle-product img { margin: 5px 2px 5px 10px }
  div.content-box-middle-product form { width: 170px; float: right; clear: right; text-align: right; padding: 6px 5px 15px 5px; }
  div.content-box-middle-product form h4 { font-size: 100%; color: #ff4100; margin-bottom: 8px; }
  div.content-box-middle-product form input.button { width: 20px; }
  div.content-box-middle-product ul.footer { margin: 0 8px; padding: 5px; clear: both; border-top: 2px #ff4100 solid; }
  div.content-box-middle-product ul.footer li { list-style: none; display: inline; margin: 0 10px; }
  
  /* stylovani prvku obsahu */
  div.content-box-middle ul, div.content-box-middle ol { padding-left: 10px; }
  div.content-box-middle ul li, div.content-box-middle ol li { margin: 5px 0; }
  /* /stylovani prvku obsahu */
  
div.news {
  position: relative;
  float: left;
  margin: 0 10px;
  width: 183px;
  height: 251px;
  padding: 15px 17px;
  background: url('../images/novinky/box-bg.gif') no-repeat;  
}
  div.news h3 { height: 13px; background: url('../images/novinky/header.gif') no-repeat; padding: 8px 7px; color: #ff4100; font-size: 100%; }
  div.news p { padding: 5px; margin-top: 25px; }
  div.news span { position: absolute; top: 50px; left: 18px; width: 180px; text-align: right; color: #ff4100; }
  div.news a.more { position: absolute; top: 245px; width: 180px; left: 18px; text-align: center; }
    
div#footer { text-align: right; clear: both; padding: 5px 0; }

/* spcialni styly primo pro pluginy */
form#regform, form#loginform, form#orderform { width: 45%; text-align: center; margin: 0 auto; }
  form#regform input, form#loginform input { margin: 2px 0 6px 0; }
  form#regform input.button, form#loginform input.button { width: 130px; }
  form#regform input.submit, form#loginform input.submit { margin: 8px 0 15px 0; }

  form#regform label { width: 130px; float: left; text-align: right; padding-right: 8px; padding-top: 3px; }
  
table#basket { width: 100%; border-collapse: collapse; margin: 10px 0; text-align: left; }
table#basket th { text-align: center; }
table#basket th, table#basket td { padding: 6px; }
table#basket th.h1, table#basket th.h3 { width: 15%; }
table#basket th.h2 { width: 50%; text-align: left; }
table#basket th.h1, table#basket th.h2, table#basket th.h3, table#basket th.h4 { border-bottom: 1px #cccccc solid; }
table#basket td.tfoot { border-top: 1px #cccccc solid; }
table#basket td.kasa { text-align: right; }
table#basket th span, table#basket td span { color: #ff4100; font-weight: bold; font-size: 14px; }
table#basket th.center, table#basket td.center { text-align: center; }

form#orderform { width: 100%; }

table#order-details { width: 60%; text-align: center; margin: 0 auto; }
table#order-details td, table#order-details th { padding: 5px; }
table#order-details th { text-align: right; font-weight: normal; }
table#order-details td { text-align: left; }
table#order-details td.center { text-align: center; }
table#order-details label { padding-left: 3px; }

div#error { padding: 10px; font-weight: bold; color: red; }