/*
      Created by Jiří Tomášek
*/

* { padding: 0; margin: 0; }

body {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 background-color: rgb(229,228,229);
 color: #333;
 text-align: justify;
}

a{
  color: #333;
  text-decoration: underline;
  outline: none;
}

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

p {
  margin-bottom: 8px;
}

p.odsazeni{
  margin-top: 4px;
  padding: 0px 10px 0px 10px;
}

h1{
   font-size: 10pt;
   color: #333;
   margin-bottom: 4px;
}

h2{
   font-size: 10pt;
   color: white;
   font-weight: bold;
   padding-left: 30px;
   padding-top: 4px;
}

h3{
   font-size: 10pt;
   color: white;
   font-weight: bold;
}

#h3div{
   padding-left: 10px;
   padding-top: 4px;
   height: 21px;
   background: transparent url(img/h3_bg.jpg) no-repeat left top;
}

h4{
   font-size: 8pt;
   font-weight: bold;
   text-align: left;
   padding: 5px 0px 8px 10px;
   color: rgb(231,231,231);
}

h5{
    font-size: 12pt;
   color: #333;
   margin-bottom: 4px;
}
h6{
    font-size: 11pt;
   color: #333;
   margin-bottom: 4px;
}

input{
   font-size: 8pt;
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

input[type="text"]{
  background-color: white;
  border: 1px solid rgb(144,145,146);
  width: 400px;
}

textarea{
  background-color: white;
  border: 1px solid rgb(144,145,146);
  width: 400px;
}

table.kosik{
  width: 97%;
  border-bottom: 3px solid rgb(164,165,167);
  margin: 5px 10px 5px 10px;
}

td.label{
  width: 60px;
  padding: 3px 0px;
  vertical-align: top;
}

li.seznam{
  list-style-position: inside;
}

#wrapper { 
 margin: 0 auto;
 width: 800px;
}

#header {
 color: #333;
 height: 145px;
 background: #6B6659 url(img/header_bg.jpg) no-repeat center top;
}

#navigation {
 float: left;
 width: 800px;
 height: 60px;
 color: #333;
 background: transparent;
 text-align: center;
 margin-bottom: 10px;
}

#navigation a{
  display: block;
  background: transparent url(img/navigation_bg.png) no-repeat center center;
  width: 158px;
  height: 60px;
  text-decoration: none;
}

#navigation a.topmenulink:hover{
  background: transparent url(img/navigation_bg_hlg.png) no-repeat center center;*/
  color: white;
}

#navigation a.current{
  background: transparent url(img/navigation_bg_hlg.png) no-repeat center center;
  color: white;
}

img.arrow{
  display: block;
  position: relative;
  left: 141px;
  top: -38px;
  &left:81px;
}

#navigation strong{
  font-size: 8pt;
}

#content { 
 color: #333;
 background:transparent;
 margin-bottom: 5px;
}

#slider{
  margin-top: 9px;
}

#slider_a{
  display: block;
  height: 25px;
  background: rgb(52,125,57) url(img/slider_ul_bg.jpg) no-repeat left top;
  color: white;
  text-decoration: none;
}

#slider li{
  list-style-type: none;
}

#alertbox{
  border: 1px solid rgb(52,125,57);
  padding: 10px 10px 10px 50px;
  background: rgb(192,192,192) url(img/alert.png) no-repeat left center;
  margin-bottom: 10px;
  /*width: 200px;*/
}

/*Polozka*/
table.polozka{
  background: rgb(139,140,142) url(img/polozka_bg.png) repeat-y left top;
  padding: 4px 4px 2px 4px;
  height: 90px;
  margin-bottom: 2px;
  width: 100%;
  color: white;
  text-align: left;
}

table.polozka td{
  &padding: 4px 4px 2px 4px;
}

table.polozka a{
  color: white;
}

td.preview{
  vertical-align: top;
  width: 90px;
}

td.v-line{
  background: transparent url(img/vertical_line.png) no-repeat right top;
  width: 150px;
  padding: 0px 5px;
  vertical-align: top;
  font-size: 8pt;
}

table.intobasket{
  height: 92px;
}

.pdf_ico{
  float:left;
  margin-right: 4px;
}

td.description{
  padding: 0px 5px;
  vertical-align: top;
}

input.pocetkusu{
  width: 20px;
  border: 1px solid black;
  background: white;
  text-align: center;
}

/*Polozka END*/


#arrowbox{
  margin-top: 10px;
}

#footer { 
 height: 16px;
 clear: both;
 color: white;
 background: rgb(165,167,168) url(img/footer_bg.jpg) no-repeat left top;
 font-size: 7pt;
 padding-top: 8px;
 text-align: center;
}

#footer a{
  color: white;
}

.kosik-info{
  font-size: 8pt;
  background-color: red;
  padding: 2px 5px 5px 5px;
  height: 11px;
  background: transparent url(img/h3_bg.jpg) no-repeat right center;
  width: 165px;
  border: 1px solid rgb(131,132,134);
  cursor: hand;
  margin-right: 1px;
}

.center{
  text-align: center;
}

.arrowright{
  float:right;
  text-decoration: none;
  margin-bottom: 10px;
}
.arrowleft{
  float:left;
  text-decoration: none;
  margin-bottom: 10px; 
}
.arrowleft img{
  margin-bottom: -10px;
}
.arrowright img{
  margin-bottom: -10px;
}

.red{
  color: rgb(222,87,21);
}