/* general */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 80%;
  color: white;
  text-align: center;
  background: #3b3c3d;
}

a, a:link {
  color: #d26f37;
  text-decoration: underline;
}

a:visited {
  color: #999;
}

a:hover, a:active, a:focus {
  color: white;
}

.orange {
  color: #d26f37;
}

.dark {
  color: #333;
}

.grey {
  color: #525151;
}

.lightgrey {
  color: #999;
}

.nowrap {
  white-space: nowrap;
}

/* logo */
h1 {
  width: 434px;
  height: 115px;
  color: #d26f37;
  font-size: 190%;
  text-transform: uppercase;
  float: left;
}

h1 a {
  display: block;
}

/* aktivni polozka menu */
h2 {
  height: 48px;
  width: 109px;
  font-size: 100%;
  font-weight: bold;
  color: #999;
  overflow: hidden;
  text-align: center;
  position: relative;
}

h3 {
  font-size: 140%;
  font-weight: normal;
  color: white;
  margin: 0 0 10px 0;
}

h4 {
  font-size: 105%;
  color: #d26f37;
}

h5 {
  margin: 20px 0 10px 10px;
  color: #666;
  text-transform: uppercase;
  font-size: 95%;
}

p {
  margin: 10px 0;
  line-height: 150%;
  font-size: 95%;
}

ul {
  margin: 10px 0;
  line-height: 160%;
}

li {
  margin-left: 30px;
  list-style: url("../images/layout/dot.jpg");
}

.cistic {
  _height: 1px;
  _width: 1px;
  _font-size: 1px;
  _line-height: 1px;
  _margin: -1px -1px 0 0;
  clear: both;
}

.strong {
  font-weight: bold;
}

input, textarea {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 100%;
  padding: 3px;
}

hr {
  height: 1px;
  width: 155px;
  color: #3b3c3d;
  background: #3b3c3d;
  border: #3b3c3d;
  margin: 20px 0;
  float: right;
  clear: both;
}

/***************** layout *************/

#main {
  width: 920px;
  border-right: 1px solid #333;
  margin: 0 auto;
  text-align: left;
  background: #3b3c3d url("../images/layout/bg.jpg") repeat-y top left;
  position: relative;
}

#top {
  width: 486px;
  height: 80px;
  padding: 35px 0 0 0;
  float: left;
  position: relative;
}

#jazyky {
  width: 144px;
  height: 20px;
  font-size: 80%;
  position: absolute;
  top: 0;
  right: 0;
  clear: both;
}

#jazyky a, #jazyky a:link {
  width: 35px;
  height: 20px;
  line-height: 20px;
  color: #333;
  text-align: center;
  border-left: 1px solid #666;
  text-decoration: none;
  display: block;
  background: #999;
  float: left;
}

#jazyky a:hover, #jazyky a:focus, #jazyky a:active  {
  color: white;
  background: #d26f37;
}

#jazyky span {
  width: 35px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #ccc;
  float: left;
}

/*** menu ***/

#top ul {
  width: 436px;
  height: 48px;
  font-size: 100%;
  margin: 0;
  padding: 0;
  line-height: 100%;
  float: left;
}

#top ul li {
  width: 109px;
  height: 48px;
  line-height: 48px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #d26f37;
  display: block;
  background: url("../images/layout/menu.jpg") no-repeat 0 0;
  text-transform: uppercase;
  position: relative;
  float: left;
}

li#prvni span,
li#druhy span,
li#treti span,
li#ctvrty span {
  width: 109px;
  height: 48px;
  display: block;
  background: url("../images/layout/menu.jpg") no-repeat 0 -48px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  overflow: hidden;
}

li#druhy span {
  background: url("../images/layout/menu.jpg") no-repeat -109px -48px;
}

li#treti span {
  background: url("../images/layout/menu.jpg") no-repeat -218px -48px;
}

li#ctvrty span {
  background: url("../images/layout/menu.jpg") no-repeat -327px -48px;
}

li#prvni a, li#prvni a:link,
li#druhy a, li#druhy a:link,
li#treti a, li#treti a:link,
li#ctvrty a, li#ctvrty a:link {
  width: 109px;
  height: 48px;
  color: #d26f37;
  text-align: center;
  display: block; /*dulezite*/
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/layout/menu.jpg") no-repeat 0 0;
  overflow: hidden;
}

li#druhy a, li#druhy a:link {
  background: url("../images/layout/menu.jpg") no-repeat -109px 0;
}

li#treti a, li#treti a:link {
  background: url("../images/layout/menu.jpg") no-repeat -218px 0;
}

li#ctvrty a, li#ctvrty a:link {
  background: url("../images/layout/menu.jpg") no-repeat -327px 0;
}

li#prvni a:hover, li#prvni a:focus, li#prvni a:active,
li#druhy a:hover, li#druhy a:focus, li#druhy a:active,
li#treti a:hover, li#treti a:focus, li#treti a:active,
li#ctvrty a:hover, li#ctvrty a:focus, li#ctvrty a:active {
  color: #999;
  background: url("../images/layout/menu.jpg") no-repeat 0 -96px;
}

li#druhy a:hover, li#druhy a:focus, li#druhy a:active {
  background: url("../images/layout/menu.jpg") no-repeat -109px -96px;
}

li#treti a:hover, li#treti a:focus, li#treti a:active {
  background: url("../images/layout/menu.jpg") no-repeat -218px -96px;
}

li#ctvrty a:hover, li#ctvrty a:focus, li#ctvrty a:active {
  background: url("../images/layout/menu.jpg") no-repeat -327px -96px;
}

/**obsah**/

#left {
  width: 194px;
  padding-left: 47px;
  text-align: right;
  float: left;
}

#left h4 {
  color: #3b3c3d;
  width: 155px;
  border-bottom: 1px solid #3b3c3d;
  padding-bottom: 7px;
  margin: 0 0 15px 39px;
}

#left h4.nadpis {
  color: #3b3c3d;
  width: 187px;
  border-bottom: 1px solid #3b3c3d;
  padding: 0 7px 7px 0;
  margin: 15px 0 15px 0;
  text-transform: uppercase;
}

#left h5 {
  color: white;
  font-weight: normal;
  font-size: 95%;
  padding: 0;
  margin: 0;
  text-transform: none;
}

.datum {
  color: #666;
  font-size: 90%;
  =font-size: 85%;
}

#left p {
  color: #3b3c3d;
  font-size: 90%;
  =font-size: 85%;
  line-height: 130%;
  margin: 15px 0 10px;
}

#left ul {
  color: #3b3c3d;
  font-size: 90%;
  =font-size: 85%;
  list-style-type:none;
}

.novinka {
  width: 164px;
  padding: 0 15px;
}

a.vice, a.vice:visited, #left span.aktualni {
  =width: 80%;
  display: block;
  line-height: 100%;
  padding: 9px;
  margin: 2px 0;
  background: #ca6933;
  color: white;
  text-decoration: none;
  font-size: 80%;
}

a.vice:hover, a.vice:focus, a.vice:active, #left span.aktualni {
  background: #3b3c3d;
}

#obsah {
  width: 679px;
  min-height: 750px;
  _height: 750px;
  float: left;
}

#obsah h4 {
  color: #d26f37;
  margin: 35px 0 15px;
  font-weight: normal;
  font-size: 110%;
}

.text {
  padding: 10px 30px;
}

.prvni {
  margin-top: 0;
}

/* detail produktu */

img.pic {
  padding-left: 30px;
  margin: 0 0 30px 20px;
  float: right;
}

table#barvy tr td {
  padding: 3px;
}

table#barvy tr td.lightgrey {
  padding-right: 40px;
}

span.color-red,
span.color-blue,
span.color-yellow,
span.color-grey,
span.color-green,
span.color-braun {
  width: 10px;
  height: 10px;
  background: red;
  border: 1px solid white;
  margin-right: 5px;
  display: block;
}

span.color-blue {
  background: blue;
}

span.color-yellow {
  background: yellow;
}

span.color-grey {
  background: grey;
}

span.color-green {
  background: green;
}

span.color-braun {
  background: #4c370f;
}

#cena {
  margin-top: 30px;
  background: #393a3b;
  padding: 10px;
  width: 55%;
}

#cena div {
  margin-bottom: 5px;
}

#cena strong {
  font-size: 150%;
  color: #d26f37;
}

.small {
  font-size: 90%;
  =font-size: 85%;
  color: #999;
}

/*** menu2 ***/

ul#menu {
  width: 221px;
  font-size: 100%;
  margin: 0 0 0 40px;
  padding: 0;
  line-height: 100%;
  float: right;
}

ul#menu li {
  width: 221px;
  height: 51px;
  line-height: 51px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #999;
  display: block;
  text-transform: uppercase;
  position: relative;
  float: left;
}

ul#menu li#ctyri, ul#menu li#pet {
  height: 46px;
  line-height: 46px;
  margin: 4px 0;
}

ul#menu li h2 {
  height: 51px;
  width: 221px;
  color: #d26f37;
}

ul#menu li#ctyri h2, ul#menu li#pet h2 {
  height: 46px;
  width: 221px;
  color: #d26f37;
}

li#jedna span,
li#dva span,
li#tri span,
li#ctyri span,
li#pet span,
li#sest span {
  width: 221px;
  height: 51px;
  display: block;
  background: url("../images/layout/menu2.jpg") no-repeat -221px 0;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  overflow: hidden;
}

li#dva span {
  background: url("../images/layout/menu2.jpg") no-repeat -221px -51px;
}

li#tri span {
  background: url("../images/layout/menu2.jpg") no-repeat -221px -102px;
}

li#ctyri span {
  height: 46px;
  background: url("../images/layout/eshop.jpg") no-repeat 0 -46px;
}

li#pet span {
  height: 46px;
  background: url("../images/layout/eshop.jpg") no-repeat -221px -46px;
}

li#sest span {
  height: 46px;
  background: url("../images/layout/nakupni-kosik.jpg") no-repeat 0 -46px;
}

li#jedna a, li#jedna a:link,
li#dva a, li#dva a:link,
li#tri a, li#tri a:link,
li#ctyri a, li#ctyri a:link,
li#pet a, li#pet a:link,
li#sest a, li#sest a:link {
  width: 221px;
  height: 51px;
  color: #d26f37;
  text-align: center;
  display: block; /*dulezite*/
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/layout/menu2.jpg") no-repeat 0 0;
  overflow: hidden;
}

li#dva a, li#dva a:link {
  background: url("../images/layout/menu2.jpg") no-repeat 0 -51px;
}

li#tri a, li#tri a:link {
  background: url("../images/layout/menu2.jpg") no-repeat 0 -102px;
}

li#ctyri a, li#ctyri a:link {
  height: 46px;
  background: url("../images/layout/eshop.jpg") no-repeat 0 0;
}

li#pet a, li#pet a:link {
  height: 46px;
  background: url("../images/layout/eshop.jpg") no-repeat -221px -46px;
}

li#sest a, li#sest a:link {
  height: 46px;
  background: url("../images/layout/nakupni-kosik.jpg") no-repeat 0 0;
}

li#jedna a:hover, li#jedna a:focus, li#jedna a:active,
li#dva a:hover, li#dva a:focus, li#dva a:active,
li#tri a:hover, li#tri a:focus, li#tri a:active,
li#ctyri a:hover, li#ctyri a:focus, li#ctyri a:active,
li#pet a:hover, li#pet a:focus, li#pet a:active,
li#sest a:hover, li#sest a:focus, li#sest a:active {
  color: white;
  background: url("../images/layout/menu2.jpg") no-repeat -221px 0;
}

li#dva a:hover, li#dva a:focus, li#dva a:active {
  background: url("../images/layout/menu2.jpg") no-repeat -221px -51px;
}

li#tri a:hover, li#tri a:focus, li#tri a:active {
  background: url("../images/layout/menu2.jpg") no-repeat -221px -102px;
}

li#ctyri a:hover, li#ctyri a:focus, li#ctyri a:active {
  background: url("../images/layout/eshop.jpg") no-repeat 0 -46px;
}

li#pet a:hover, li#pet a:focus, li#pet a:active {
  background: url("../images/layout/eshop.jpg") no-repeat -221px 0;
}

li#sest a:hover, li#sest a:focus, li#sest a:active {
  background: url("../images/layout/nakupni-kosik.jpg") no-repeat 0 -46px;
}

/** menu3 **/

ul#tretimenu  {
  width: 221px;
  font-size: 100%;
  margin: 0 0 0 40px;
  padding: 0;
  line-height: 100%;
  float: right;
}

ul#tretimenu li {
  width: 221px;
  margin: 0;
  padding: 0;
  font-size: 90%;
  =font-size: 85%;
  font-weight: bold;
  list-style: none;
  color: #999;
  display: block;
  text-transform: uppercase;
  float: left;
  background: #333;
  color: #d26f37;
}

ul#tretimenu li.aktivni {
  width: 181px;
  padding: 10px 20px;
  border-bottom: 1px solid #434343;
}

ul#tretimenu li a, ul#tretimenu li a:link {
  width: 181px;
  text-decoration: none;
  background: #666;
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #434343;
  color: #333;
}

ul#tretimenu li a:hover, 
ul#tretimenu li a:focus, 
ul#tretimenu li a:active {
  background: #333;
  color: #d26f37;
}

#sidebar {
  width: 261px;
  float: right;
}


/*** kontejnery nabidkovy pruh ***/

#kontejnery {
  width: 679px;
  height: 226px;
}

#kontejnery h6 {
  height: 23px;
  font-weight: normal;
  line-height: 23px;
  text-align: center;
  color: #999;
  font-size: 90%;
  =font-size: 85%;
  background: #333;
  float: left;
  margin-right: 3px;
}

h6#first, #kontejnery ul li#one, #kontejnery ul li#one a,
#kontejnery ul li#one ul {
  width: 184px;
  margin: 0;
}

h6#second, li#two, li#two a,
#kontejnery ul li#two ul  {
  width: 169px;
}

h6#third, li#three, li#three a,
#kontejnery ul li#three ul  {
  width: 96px;
}

h6#fourth, li#four, li#four a,
#kontejnery ul li#four ul  {
  width: 111px;
}

h6#fifth, li#five, li#five a,
#kontejnery ul li#five ul  {
  width: 107px;
}

#kontejnery a, #kontejnery a:link {
  display: block;
  text-decoration: none;
  float: left;
}

#kontejnery ul {
  width: 679px;
  margin: 0;
  padding: 0;
  float: left;
}

#kontejnery ul li {
  height: 23px;
  line-height: 23px;
  color: #d26f37;
  font-size: 90%;
  =font-size: 85%;
  background: #333;
  list-style: none;
  margin: 0 3px 0 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
}

#kontejnery ul li a, #kontejnery ul li a:link,
#kontejnery ul li a:visited {
  display: block;
  text-align: center;
  color: #d26f37;
  background: url("../images/layout/sipka2.jpg") no-repeat center right;
}

#kontejnery ul li a:hover, #kontejnery ul li a:focus, #kontejnery ul li a:active,
#kontejnery ul li a.aktivni {
  color: #999;
  background: url("../images/layout/sipka1.jpg") no-repeat center right;
}

/* submenu */

#kontejnery ul li ul {
  float: none;
  position: absolute;
  bottom: 23px;
  left: 0;
  clear: both;
  display: none;
  margin: 0;
  padding: 0;
}

#kontejnery ul li ul.visible {
  display: block;
}

#kontejnery ul li ul li {
  width: inherit;
  height: 27px;
  line-height: 27px;
  color: black;
  font-size: 100%;
  background: #d26f37;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  border-top: 1px solid #666;
  float: left;
}

#kontejnery ul li ul li a,
#kontejnery ul li ul li a:link,
#kontejnery ul li ul li a:visited {
  color: black;
  background-image: none;
}

#kontejnery ul li ul li a:hover,
#kontejnery ul li ul li a:active,
#kontejnery ul li ul li a:focus {
  color: white;
  background: url("../images/layout/sipka3.jpg") no-repeat center right;
}

/*** objednavka ***/

form#objednavka {
  width: 330px;
  float: left;
}

form#objednavka fieldset {
  margin-top: 20px;
}

form#objednavka input, form#objednavka textarea, form#objednavka select {
  width: 95%;
  border: 1px solid #999;
  background: #333;
  color: white;
}

form#objednavka input#button {
  width: auto;
  margin: 5px 0;
  float: right;
  border: 0;
  background: none;
}

label {
  font-size: 90%;
  =font-size: 85%;
  color: #999;
  text-indent: 0;
}

.label {
  margin-top: 10px;
}

legend {
  color: #d26f37;
  margin: 0 0 5px 0;
}

/* nakupni kosik */

form#prehled {
  clear: both;
  margin-bottom: 50px;
}

#prehled table {
  width: 99%;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  margin-top: 20px;
}

#prehled table tr th {
  padding: 5px;
  background: #666;
  text-align: center;
}


#prehled table tr td {
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #666;
}

#prehled table th.prvni, #prehled table td.prvni {
  width: 40%;
  text-align: left;
}


form#prehled input, form#prehled textarea, form#prehled select {
  border: 1px solid #999;
  background: #333;
  color: white;
  font-size: 90%;
  =font-size: 85%;
}

input.ks {
  text-align: center;
}

form#prehled input.button2 {
  background: #333;
  color: #d26f37;
  text-transform: uppercase;
  padding: 10px 20px;
  =padding: 10px 10px;
  border: 0;
  font-size: 90%;
  =font-size: 85%;
  font-weight: bold;
  margin: 20px 0 0 10px;
  float: right;
}



/* paticka */


#paticka {
  width: 140px;
  font-size: 85%;
  color: #3b3c3d;
  border-top: 1px solid #3b3c3d;
  padding: 15px 15px 15px 0;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 87px;
  line-height: 150%;
  clear: both;
}

#paticka2 {
  font-size: 85%;
  color: #3b3c3d;
  border-top: 1px solid #3b3c3d;
  margin-top:15px;
  padding: 15px 15px 15px 0;
  text-align: right;
  line-height: 150%;
}

#paticka a, #paticka a:link, #paticka2 a, #paticka2 a:link {
  color: #666;
  text-decoration: underline;
}

#paticka a:visited, #paticka2 a:visited {
  color: #666;
}

#paticka a:hover, #paticka a:active, #paticka a:focus, #paticka2 a:hover, #paticka2 a:active, #paticka2 a:focus {
  color: white;
}