/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-size: 8pt;
  color: white;
  font-family: 'Verdana', sans-serif;
  background-image: url(../images/bg.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #393939;
  text-align: center;
}

form.regg input {
  border: 1px solid #787878;
  padding: 3px 0;
}

form.regg textarea {
  border: 1px solid #787878;
}

form.regg input.subm3 {
  background-color: #333333;
  color: white;
  border-style: none;
}

div.strankovani {
  padding: 0 0 10px 0;
}

div.strankovani a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

div.strankovani a:hover {
  text-decoration: none;
}

h2 {
  font-size: 12pt;
}

h3, h4 {
  font-size: 9pt;
}

h1 {
  position: absolute;
  text-indent: -999px;
  font-size: 8pt;
  overflow: hidden;
}

div#container {
  width: 986px;
  text-align: left;
  margin: 20px auto;
}

div#left {
  width: 164px;
  float: left;
}

div#right {
  width: 816px;
  float: left;
  text-align: left;
}

div#logo {
  width: 195px;
  height: 196px;
  background-image: url(../images/logo.png);
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  margin: 13px 0 0 -167px;
}

div.odsad {
  height: 216px;
}

div#search {
  width: 164px;
  height: 38px;
  background-image: url(../images/search.png);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 30px 0 0 0;
}

div#search form {
  position: absolute;
  margin: 9px 0 0 25px;
  padding: 0;
}

* html div#search form {
  margin: 9px 0 0 13px;
}

*+html div#search form {
  margin: 9px 0 0 13px;
}

div#search input {
  border-style: none;
  background: transparent;
  width: 100px;
  color: #B7B7B7;
}

div#search input.subm {
  width: 17px;
  height: 16px;
  margin-left: 7px;
  background-image: url(../images/lupa_bila.png);
  background-position: center top;
  background-repeat: no-repeat;
  cursor: pointer;
}

div#login {
  width: 164px;
  height: 76px;
  background-image: url(../images/login.png);
  background-position: center top;
  background-repeat: repeat-y;
  margin: 10px 0 0 0;
}

div#login2 {
  width: 164px;
  height: 65px;
  background-color: #212121;
  margin: 10px 0 0 0;
}

div#login2 p {
  margin: 0;
  padding: 10px;
}

div#login form {
  position: absolute;
  margin: 10px 0 0 25px;
  padding: 0;
}

* html div#login form {
  margin: 10px 0 0 13px;
}

*+html div#login form {
  margin: 10px 0 0 13px;
}

div#login input {
  border-style: none;
  background: transparent;
  margin-bottom: 4px;
  width: 100px;
  color: #B7B7B7;
}

div#login input.subm {
  width: 20px;
  height: 20px;
  background-image: url(../images/subm.gif);
  background-position: right 7px;
  background-repeat: no-repeat;
  cursor: pointer;
}

* html div#login input.subm {
  background-position: right 4px;
}

div#menu {
  width: 164px;
  margin: 10px 0;
  padding: 0 0 10px 0;
  background-image: url(../images/menu.png);
  background-position: center top;
  background-repeat: repeat;
}

div#menu ul {
  margin: 0;
  padding: 35px 0 0 0;
  list-style-type: none;
}

div#menu ul li ul {
  padding: 0 0 10px 0;
}

* html div#menu ul li {
  height: 25px;
}

div#menu ul li a {
  text-decoration: none;
  color: white;
  font-size: 8pt;
  display: block;
  text-transform: uppercase;
  padding: 2px 0 2px 20px;
  margin: 0 0 10px 0;
}

div#menu ul li ul li a {
  text-decoration: none;
  color: white;
  font-size: 8pt;
  display: block;
  text-transform: none;
  padding: 2px 0 2px 28px;
  margin: 0 0 8px 0;
}

div#menu ul li ul li ul li a {
  text-decoration: none;
  color: white;
  font-size: 8pt;
  display: block;
  padding: 2px 0 2px 36px;
  margin: 0 0 8px 0;
}

div#menu ul li a:hover, div#menu ul li a.aon {
  background-image: url(../images/aon.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#menu ul li ul li a:hover, div#menu ul li ul li a.on, div#menu ul li ul li ul li a:hover, div#menu ul li ul li ul li a.on {
  background-image: url(../images/on.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div.bg {
  position: relative;
}

div#topmenu {
  width: 770px;
  height: 35px;
  text-align: left;
  margin: 0 auto;
  background-image: url(../images/menu.png);
  background-position: center top;
  background-repeat: repeat;
}

div#obsah {
  position: absolute;
  width: 822px;
  text-align: left;
  margin: -5px 0 0 -6px;
}

div#top {
  width: auto;
  background-image: url(../images/top.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 30px;
}

div#sortiment {
  width: auto;
  background-image: url(../images/bg.png);
  background-position: center top;
  background-repeat: repeat-y;
  min-height: 800px;
}

* html div#sortiment {
  height: 800px;
}

div#foot {
  width: auto;
  background-image: url(../images/foot.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 58px;
  margin-bottom: 20px;
  color: white;
  font-size: 7pt;
}

div#foot p.l {
  position: absolute;
  margin: 37px 0 0 55px;
  padding: 0;
}

div#foot p.r {
  position: absolute;
  margin: 37px 0 0 680px;
  padding: 0;
}

div#foot a {
  color: white;
  text-decoration: none;
}

div#foot a:hover {
  text-decoration: underline;
}

div#header {
  width: 771px;
  height: 344px;
  background-image: url(../images/header.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0;
}

div#header a {
  text-decoration: none;
}

div#header a.smash {
  position: absolute;
  margin: 68px 0 0 270px;
  width: 119px;
  height: 31px;
  background-image: url(../images/smash_off.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#header a.smash:hover {
  background-image: url(../images/smash.png);
}

div#header a.aerie {
  position: absolute;
  margin: 26px 0 0 280px;
  width: 97px;
  height: 27px;
  background-image: url(../images/aerie_off.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#header a.aerie:hover {
  background-image: url(../images/aerie.png);
}

div#header a.chilli {
  position: absolute;
  margin: 116px 0 0 260px;
  width: 143px;
  height: 40px;
  background-image: url(../images/chilli.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#header a.chilli:hover {
  background-image: url(../images/chilli_off.png);
}

div#header a.eagle {
  position: absolute;
  margin: 174px 0 0 270px;
  width: 116px;
  height: 49px;
  background-image: url(../images/eagle_off.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#header a.eagle:hover {
  background-image: url(../images/eagle.png);
}

div#header a.kids {
  position: absolute;
  margin: 240px 0 0 270px;
  width: 116px;
  height: 49px;
  background-image: url(../images/77kids_off.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#header a.kids:hover {
  background-image: url(../images/77kids.png);
}

div#obleceni {
  width: auto;
  min-height: 800px;
  background-image: url(../images/inbg.jpg);
  background-position: center top;
  background-repeat: repeat;
  margin: 0 25px 0 26px;
}

* html div#obleceni {
  height: 800px;
}

div#kos {
  position: absolute;
  margin: -70px 0 0 550px;
  color: white;
  width: 210px;
  font-size: 8pt;
}

* html div#kos {
  margin-left: 530px; 
}

*+html div#kos {
  margin-left: 530px; 
}

div#cart {
  position: absolute;
  margin: 0;
  width: 57px;
  height: 78px;
  background-image: url(../images/cart.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#cart a {
  display: block;
  width: 57px;
  height: 78px;
  text-decoration: none;
}

div#kos p {
  margin: 0;
  text-align: center;
  padding: 32px 0 0 80px;
}

div#kos span {
  display: block;
  color: #A6C724;
  padding-bottom: 4px;
}

div#topmenu a {
  display: block;
  padding: 10px 25px 12px 25px;
  float: left;
  color: white;
  text-decoration: none;
  font-size: 8pt;
  text-align: center;
  text-transform: uppercase;
}

div.lftods {
  padding-left: 25px;
  position: absolute;
}

div#topmenu a:hover, div#topmenu a.onn {
  background-image: url(../images/topa.png);
  background-position: center top;
  background-repeat: repeat-x;
}

div.homeods {
  width: 163px;
  float: left;
}

div#inbox {
  width: auto;
  margin: 30px 20px 0 20px;
}

div#news {
  width: 122px;
  height: 161px;
  margin-left: 14px;
  background-image: url(../images/news.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#sleva {
  width: 122px;
  height: 161px;
  margin-left: 14px;
  background-image: url(../images/sleva.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div.karta {
  width: 141px;
  height: 290px;
  float: left;
  margin-left: 1px;
  color: white;
  text-align: center;
}

div.karta div.in {
  position: relative;
}

div.karta a {
  display: block;
  width: auto;
  height: 152px;
  background-color: white;
  text-decoration: none;
  color: white;
  text-align: center;
}

div.karta img {
  border-style: none;
  display: block;
  margin: 0 auto;
}

div.karta h2 {
  color: white;
  font-size: 8pt;
  height: 60px;
  font-weight: normal;
  margin: 8px 0;
  padding: 0;
}

div.karta span {
  display: block;
  margin-bottom: 5px;
}

div.karta a.buy {
  width: 66px;
  height: 22px;
  float: left;
  line-height: 2em;
  background-image: url(../images/buyoff.gif);
  background-position: center top;
  background-repeat: no-repeat;
  color: white;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
}

div.karta a.buy:hover {
  background-image: url(../images/buyon.gif);
  background-position: center top;
  background-repeat: no-repeat;
  color: #464545;
}

div#detbox {
  width: 723px;
  background-image: url(../images/detbg.gif);
  background-position: center top;
  background-repeat: repeat-y;
}

div.haupt {
  width: 257px;
  float: left;
}

div.haupt img {
  border-style: none;
  display: block;
  margin: 0 auto;
}

div.hauptimg {
  width: 257px;
  height: 337px;
  text-align: center;
  background-color: white;
}

div.hauptgal {
  width: 257px;
}

div.imgal {
  width: 85px;
  height: 111px;
  text-align: center;
  float: left;
  background-color: white;
  margin-right: 1px;
  margin-top: 1px;
}

div.nb {
  margin-right: 0;
}

div.rdet {
  width: 465px;
  float: right;
}

div.log {
  width: auto;
  background-color: #A1C02B;
  height: 52px;
}

div.log img {
  float: left;
  display: block;
  border-style: none;
  margin: 5px 0 0 40px;
}

div.log span {
  float: right;
  display: block;
  margin-right: 15px;
  padding: 20px 0 10px 0;
  font-weight: bold;
  font-size: 8pt;
  text-transform: uppercase;
  background-image: url(../images/dopar2.gif);
  background-position: 5px bottom;
  background-repeat: no-repeat;
}

div.topgr span {
  display: block;
  margin-left: 40px;
  padding: 20px 0 10px 0;
  font-weight: bold;
  font-size: 8pt;
  text-transform: uppercase;
  background-image: url(../images/dopar2.gif);
  background-position: 5px bottom;
  background-repeat: no-repeat;
}

div.topgr {
  width: auto;
  background-color: #A1C02B;
  height: 52px;
}

div.lft h2 {
  color: #393939;
  font-size: 9pt;
  font-weight: bold;
  padding-left: 15px;
  margin-left: 30px;
  margin-top: 30px;
  background-image: url(../images/ar.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

div.lft select {
  border: 1px solid #ACABAA;
  background-color: #F3F2EA;
  color: #5C5C5C;
}

div.lft select.vel {
  text-transform: uppercase;
}

.r { text-align: right; }

div.info {
  width: auto;
}

div.odstred {
  padding-left: 40px;
}

div.lft {
  width: 338px;
  float: left;
  color: #393939;
  font-size: 10pt;
}

div.lft table {
  width: 250px;
}

a.koupit {
  display: block;
  border: 1px solid #959492;
  background-color: #767676;
  color: white;
  font-size: 8pt;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 0;
  width: 68px;
  text-align: center;
}

a.koupitz {
  display: block;
  font-size: 8pt;
  text-decoration: none;
  border: 1px solid #959492;
  background-color: #767676;
  color: white;
  text-transform: uppercase;
  padding: 5px 0;
  width: 170px;
  text-align: center;
}

a.koupit:hover, a.koupitz:hover {
  background-color: #999999;
}

div.odstred {
  padding: 0 0 0 40px;
}

div.dop {
  width: 126px;
  float: right;
  text-align: center;
}

div.dop img {
  border-style: none;
  margin: 0 auto;
  display: block;
}

a.deta {
  color: white;
  text-align: left;
  text-decoration: none;
  display: block;
  padding: 5px 0 5px 20px;
  font-weight: bold;
  background-color: #A1C02B;
  background-image: url(../images/dopar.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}

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

div.obs {
  width: auto;
  padding: 30px;
  background-color: #CECDCA;
}

div.obs form {
  margin: 0;
  padding: 0;
}

div.obs table {
  font-size: 9pt;
  color: #393939;
  width: 320px;
}

div.obs table td {
  vertical-align: top;
}

div.obs input, div.obs textarea {
  border: 1px solid #9E9D9C;
  background-color: #F3F2EA;
  color: #5C5C5C;
}

div.kont {
  width: 250px;
  float: right;
  color: #393939;
}

div.kont2 {
  width: 145px;
  float: right;
  color: #393939;
}

div.kont2 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.kont2 ul li a {
  display: block;
  color: #648007;
  font-size: 9pt;
  padding: 5px 0 5px 20px;
  text-decoration: underline;
  background-image: url(../images/ar2.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

div.kont2 ul li a:hover {
  text-decoration: none;
}

* html div.kont2 ul li {
  height: 20px;
}

div.kont2 ul li a:hover {
  text-decoration: none;
}

div.txt {
  padding: 0 175px 20px 15px;
  color: #393939;
}

ul {
  font-size: 9pt;
}

div.txt h3 {
  font-size: 10pt;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 20px;
  background-image: url(../images/ar.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

div.txt p {
  padding: 0 0 0 20px;
  margin: 0 0 15px 0;
  font-size: 9pt;
}

div.txt a {
  color: #a5c329;
}

p a {
  color: #648007;
  text-decoration: underline;
}

p a:hover {
  text-decoration: none;
}

div.pozadi {
  margin: 0;
  background-image: url(../images/textbg.gif);
  background-position: center top;
  background-repeat: repeat-y;
}

div.pozadi2 {
  margin: 0;
  background-image: url(../images/textbg2.gif);
  background-position: center top;
  background-repeat: repeat-y;
}

table.kosik {
  font-size: 8pt;
  width: 100%;
}

table.kosik th {
  color: white;
  font-weight: bold;
  background-image: url(../images/ar.gif);
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 6px 0 6px 30px;
  background-color: #979797;
}

table.kosik a {
  color: #393939;
  text-decoration: underline;
}

table.kosik a:hover {
  text-decoration: none;
}

table.kosik th.free {
  background-image: none;
}

table.kosik td.uzky {
  font-size: 0;
  height: 3px;
  line-height: 0;
  padding: 0;
  background-color: transparent;
}

table.kosik td {
  color: #393939;
  padding: 4px 0 4px 20px;
  background-color: #F3F2EA;
}

input.zmena {
  width: 45px;
  border: 1px solid #858480;
  font-size: 7pt;
  font-family: 'Verdana', sans-serif;
  color: white;
  text-transform: uppercase;
  background-color: #96C201;
  text-align: center;
}

table.kosik input.ks {
  width: 30px;
  border: 1px solid #AEAEAA;
  font-family: 'Verdana', sans-serif;
  color: black;
  font-size: 7pt;
  text-transform: uppercase;
  text-align: center;
}

table.kosik a.odstr {
  display: block;
  border: 1px solid #959492;
  background-color: #767676;
  color: white;
  font-size: 7pt;
  text-decoration: none;
  text-transform: uppercase;
  padding: 2px 0;
  width: 65px;
  text-align: center;
}

table.kosik a.odstr:hover {
  background-color: #999999;
}

table.kosik td.clk {
  color: white;
  font-weight: bold;
  background-image: url(../images/ar.gif);
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 6px 0 6px 30px;
  background-color: #979797;
}

table.kosik td.cn {
  color: #C7FA08;
  font-weight: bold;
  background-color: #979797;
}

table.kosik td.bgb {
  background-color: #979797;
}

.clear {
  clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;
}