* {  
  margin: 0;
  padding: 0; 
}

body {  
  background: #081021 url(../layout/bg-body.jpg) repeat-x left bottom;  
  position: relative;
  font-size: 80%;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  color: #131822;
  text-indent: 0 !important;
  padding: 0px;  
}

div#hlavicka {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  height: 214px;
  background: #081021 url(../layout/bg-hlavicka.jpg) no-repeat 0 27px;
  z-index: 80;  
}
.en div#hlavicka {background-image: url(../layout/bg-hlavicka-en-a2.jpg); background-position: 0 0;}
div#bg-overflow {
  position: absolute;
  top: 0;
  left: -48px;
  width: 48px;
  height: 57px;
  background: transparent url(../layout/bg-overflow.jpg) no-repeat 0 -20px;
}

/*** paticka ***/
#paticka {
  margin: 12px auto 0px;
  padding: 0px;
  color: #999;
  background: transparent url() no-repeat 0 0px;
  width: 986px;
  height: 87px;
  overflow: hidden;
  border-top: solid 1px #40454d;
}
#paticka * {
  color: #999;
}
#paticka strong,
#paticka strong a {
  color: #aaa;
}
#paticka p {
  line-height: 170%;
  text-align: center;
  padding: 7px 0 3px ;
}

a#logo {
  left: 0px;
  position: absolute;
  top: 47px;
  z-index: 111;
}
a#logo img {
  border: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
}
p#ico-facebook {
  position: absolute;
  top: 184px;
  left: 960px;
}
p#ico-facebook img {
  padding: 0;
  margin: 0;
  border: none;
}

/*  uvodní strana ****/
div#telo {  
  padding: 214px 0 0;  
  background-color: #fff;
}

/**** obal ***/
div#obal {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 0px;    
}

div#obsah {
  background: #fff url(../layout/bg-obsah.jpg) repeat-x left top;
  position: relative;
  padding: 15px 18px;
  min-height: 486px;
}
* html div#obsah {
  height: 486px;
}
.uvod div#obsah {
  background: #926e56 url(../layout/bg-motiv.jpg) no-repeat left top;
  position: relative;
  top: 0;
  left: 0;
  height: 516px;
}

.uvod .en div#obsah {
  background: #926e56 url(../layout/bg-motiv-en.jpg) no-repeat left top;
}

#obsah-bottom {
  font-size: 80%;
  height: 10px;
  background: transparent url(../layout/bg-obsah-bottom.jpg) no-repeat left top;
}
/*** pravy blok ***/
div#pravy-blok {
  float: right;
  width: 690px;
}
/*** levy blok ****/
div#levy-blok {
  float: left;
  width: 256px;
  padding: 0;
  position: relative;  
}


/*** bannery - uvodni strana ***/
.uvod div#obsah {
  padding: 15px 0 0;
  height: 501px;
  min-height: 480px;
}
div.box-bannery p {
  padding: 0;
  margin: 0 0 15px 40px;  
  width: 253px;
  height: 84px;
  background-color: transparent;  
  overflow: hidden;
}

.en div.box-bannery p {
  margin: 29px 0 15px 40px;  

}

div.box-bannery p img {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
}

/**** aktualne***/
div#box-aktualne {
  padding: 0;
  overflow: hidden;
  position: absolute;
  bottom: 25px;
  right: 1px;
  background: transparent url(../layout/bg-aktualne-top.png) no-repeat left top;
  behavior: url(./include/iepngfix.htc);
  width: 325px; 
  color: #dcd4cf; 
}
div#box-aktualne h2 {
  color: #E5DCD7;
  line-height: 34px;
  height: 34px;
  overflow: hidden;
  margin: 0;
  padding: 0 13px;
  font-size: 90%;
}
div#box-aktualne h3 {
  color: #E5DCD7;
  margin: 0;
  padding: 13px 13px 5px;
  height: auto;  
  width: auto;
  font-weight: bold;
  font-size: 100%;
  text-transform: none;  
}
div#box-aktualne h3 a {
  color: #bdb4ae;
}
div#box-aktualne p {
  color: #bdb4ae;
  margin: 0;
  padding: 0px 13px 7px;
  height: auto;  
  width: auto;
}

div#box-aktualne-telo {
  background: transparent url(../layout/bg-aktualne.png) repeat left top;
  margin: 0;
  behavior: url(./include/iepngfix.htc);
}
div#box-aktualne-bottom {
  background: url(../layout/bg-aktualne-bottom.png) no-repeat left bottom;
  height: 11px;
  font-size: 2px;
  behavior: url(./include/iepngfix.htc);
}


/*** levy box ***/
#levy-blok .fb-box {
  margin: 0 0 15px;
}
#levy-blok div.box {
  background: #fff url(../layout/bg-levy-box.gif) repeat-y left top;
  width: 252px;
  padding: 0 2px;
  margin: 0;
}
#levy-blok div.box-obsah {
  background: #fff url(../layout/bg-levy-box.jpg) repeat-x left bottom; 
  padding: 8px 10px;
  border: 1px solid #FFFFFF;
}
#levy-blok div.box-bottom {
  background: #fff url(../layout/bg-levy-box-bottom.gif) no-repeat left top; 
  height: 4px;
  font-size: 2px;
  margin: 0 0 15px;
}

#levy-blok div.box h2,
#box-doprava-a-platba .box-doprava h2,
#box-doprava-a-platba .box-platba h2 {
  background: #081021 url(../layout/bg-levy-box-nadpis.gif) repeat-x left top;
  padding: 0 10px;
  margin: 0;
  height: 31px;
  line-height: 30px;
  overflow: hidden;
  color: #fff;
  font-weight: normal;
  font-size: 130%;
  text-transform: none;
}
#levy-blok div.box h2 a { 
  color: #fff;
  text-decoration: none;
}
#levy-blok div.box ul {
  margin: 0;
  padding: 0;
}
#levy-blok div.box ul li {
  list-style: none url();
  padding: 0 0 1px 0;
  background: transparent url(../layout/border-dashed.gif) repeat-x left bottom;
  line-height: 160%;
  font-size: 90%;  
}
#levy-blok div.box ul li a {
  display: block;
  background: transparent url(../layout/bg-list-1.gif) no-repeat 7px 9px;
  padding: 3px 10px 4px 22px;
  color: #131822;  
  text-decoration: none;
  text-transform: uppercase;
}
#levy-blok div.box ul li.aktivni a {
  font-weight: bold;
  color: #131822;
  /*background-color: #e6d9d0;*/
}
#levy-blok div.box ul li a:hover {
  background-color: #eff0f1;
}

#levy-blok div.box h3 {
  font-size: 90%;
  text-transform: none; 
  font-weight: bold;  
  margin: 0;
  padding: 0 0 7px; 
  line-height: 160%;
}
#levy-blok div.box h3 span {
  font-weight: normal;
}
#levy-blok p,
#levy-blok address {
  font-size: 80%;
  text-align: justify;
  padding: 0 0 11px;
  line-height: 160%;
}

#levy-blok div.box p.archiv-aktualit {
  text-align: right;
  background: transparent url(../layout/border-dashed.gif) repeat-x left top;
  padding: 3px 0 5px;
}

#levy-blok .text-bottom {
  padding-bottom: 5px;
}

/**********************
 *     OBECNÉ         *
 **********************/ 

a.sipka {
  background: transparent url(../layout/bg-list-1.gif) no-repeat 0px 4px;
  padding-left: 12px;
}
ul {
  margin: 0 0 10px 3px;
  line-height: 160%;
}
ol {
  margin: 0 0 10px 25px;
  line-height: 160%;
  padding: 0;  
}

div.text ul li {
  padding-left: 13px;
  background: transparent url(../layout/bg-list-1.gif) no-repeat 0px 8px;  
  list-style: none url();
  line-height: 190%;  
}

div.text table {
  border-collapse: collapse;
  padding: 0;
  margin: 0 0 15px;
  
}
div.text table th {
  text-align: left;
  vertical-align: top;
  padding: 3px 5px;
/*  background-color: #E87717;*/
  background: url() repeat-x scroll 0 0 #626E80;  
  color: #fff;
  font-weight: bold;  
  border: none;
}
div.text table td {
  text-align: left;
  vertical-align: top;
  padding: 3px 5px;
  font-weight: normal;
  color: #333;
  border-bottom: solid 1px #C8CCCF;  
}

.cleaner {
  clear: both;
}
.bold {
  font-weight: bold;
}
.no-bg {
  border: none !important;
}
a, div.formular .link {
  color: #777982;  
  cursor: pointer;
  text-decoration: underline;  
}
a:hover {
  text-decoration: none;
}

h1 {
  line-height: 29px;
  color: #131822;
  padding: 0 0 2px;
  margin: 0px 0 0px; 
  font-size: 140%;    
  font-weight: normal;
  text-transform: uppercase;     
}
h1.hidden {
  display: none;
}

h2 {
  color: #131822; 
  font-size: 140%;
  font-weight: normal;
  padding: 0 0 8px;
/*  margin: 0px 0 15px;*/
  margin: 0;  
  text-transform: uppercase; 
  line-height: 160%;       
}
h3 {
  color: #131822; 
  font-size: 130%;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 0;
  line-height: 160%; 
  text-transform: uppercase;   
}


p, address {
  line-height: 180%;
  padding-bottom: 15px;
  font-style: normal;
}
a img,
.clanek-foto,
div.text img,
img.border  {
  border: solid 1px #626e80;
  padding: 2px;
  background-color: #fff;
}
a:hover img {
  border: solid 1px #131822;
}
div.text {
  text-align:justify;
  padding: 0;
  position: relative;
  z-index: 80;
}


.italic {
  font-style: italic;
}

/* ------------------- formulare -------------------------*/
input.text, textarea.text,
select.text, input.submit, button.submit, p.box-zeme,
div.pravy .do-kosiku a.img-kosik {
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  background: #fff;   
  color: #111;
  font-size: 100%; 
  border: solid 1px #c8cccf;    
}

input.text, textarea.text {
  padding: 3px 4px;  
}

select.text {
  padding: 2px 4px; 
}
input.submit, button.submit,
div.pravy .do-kosiku a.img-kosik {
  background: #081021 url(../layout/bg-levy-box-nadpis.gif) repeat-x left top;
  border: solid 1px #081021;
  padding: 2px 3px;
  color: #fff;
  font-weight: normal;
  cursor: pointer;
  margin-top: 5px;    

}
div.pravy .do-kosiku a.img-kosik {text-decoration: none; font-size: 110%; line-height: 31px; padding: 5px 7px 6px;}
input.submit:hover,
div.pravy p.do-kosiku a.img-kosik:hover {
  background-position: 0 -5px;
}
input.povinny, select.povinny, textarea.povinny {
  border-color: #CC3333;
}

#levy-blok div.formular p.label,
div.formular p.label {
  padding: 0 0 0px 0; 
}

#levy-blok div.formular p label,
div.formular p label {
  font-weight: bold;
}

#levy-blok div.formular p.input,
div.formular p.input {
  padding: 0 0 7px 0;
}

#levy-blok div.formular input.text {
  width: 220px;
}

div.formular h2,
div.formular h3 {
  background: transparent url(../layout/border-dashed.gif) repeat-x left bottom;
  margin: 0 0 10px;
  padding: 5px 0;
    
}
div.formular p.box-zeme {
  margin: 22px 0 0;
  padding: 2px 4px;
  width: 130px;
}

div.formular .form-box {
  padding: 10px 15px;
  border: solid 4px #ddd;
  margin: 0 0 15px;
}

div.formular h2 span {
  font-size: 65%;
}
div.formular .box-left {
  float: left; 
  width: 410px;
}
div.formular .box-right {
  float: right; 
  width: 200px; 
}
div.formular .input-box-2-left {
  width: 198px;
  float: left;
}
div.formular .input-box-2-right {
  float: left; 
  width: 198px; 
  margin-left: 12px;
}
div.formular .input-box-2-left input,
div.formular .input-box-2-right input {
  width: 190px;
}
div.formular .input-box-adresa-left {
  width: 190px;
  float: left;
}
div.formular .input-box-adresa-middle {
  float: left; 
  width: 60px; 
  margin: 0 10px;
}
div.formular .input-box-adresa-right {
  float: left; 
  width: 140px; 
}
div.formular .input-box-adresa-left input {
  width: 180px;
}
div.formular .input-box-adresa-middle input {
  width: 50px;
}
.maly {
  width: 100px;
}
.stredni {
  width: 200px;
}
.velky {
  width: 400px;
}
.vetsi {
  width: 500px;
}
.cele-okno {
  width: 680px;
}
/**** halseni ***/
/**** halseni ***/
div.hlaseni-chyby,
div.hlaseni-ok {
  border:1px solid #555;
  color:#000;
  margin:5px 0 15px;
  padding: 15px 5px 15px 45px;
  font-size: 140%;
}
div.hlaseni-chyby {
  background: #F0F0F0 url(../layout/ico-error.png) no-repeat scroll 8px 10px;
}
div.hlaseni-ok {
  background: #F0F0F0 url(../layout/ico-ok.png) no-repeat scroll 8px 10px;
}
div.hlaseni-chyby a img {
  position: relative;
  top: 5px;
  padding: 0;
}
div.hlaseni-ok p {
  padding: 10px 0 6px;
}
div.hlaseni-upozorneni,
#info-ceny-bez-dph {
  background:#F0F0F0 url(../layout/error.png) no-repeat scroll 5px 6px;
/*  background:#F0F0F0 url() no-repeat scroll 5px 4px;*/
  border:1px solid #555;
  color:#000 !important;
  margin:5px 0 15px;
  padding:5px 5px 5px 27px;
  line-height: 150%;
}
.povinne {
  color: #CC3333;
}

.info-povinne {
  background: transparent url(../layout/border-dashed.gif) repeat-x left top;
  padding: 3px 0 0px;
  line-height: 20px; 
  margin: 10px 0px 0 0px;  
}


/**** dph tabulka ****/
table.dph_tabulka {
  width: 320px;  
  margin-right: 0px;
  border-collapse: collapse;  
  border: solid 1px #000 !important;  
}
table.dph_tabulka td{
  padding: 3px 5px 3px 5px;
  vertical-align: middle;
  text-align: left;
  vertical-align: top; 
  border: solid 1px #000 !important;   
  white-space: nowrap;
}
table.dph_tabulka th{
  border: solid 1px #000 !important;  
  font-weight: bold;
  padding: 4px 5px 4px 5px;
  vertical-align: top;
  text-align: center;  
}

table.zaokrouhleni td,
table.celkem-k-uhrade td {
  padding: 0 5px 0 0;
}
table.zaokrouhleni,
table.celkem-k-uhrade {
  margin: 0 !important;
}

/**** stránkování ****/
div.strankovani {
    background-color: #626e80;
    margin: 10px 0 0;
    padding: 3px 10px 5px;
    text-align: center;
}
div.strankovani b {
    color: #fff;
    padding: 1px 5px 1px 4px;
    text-decoration: underline;
}
div.strankovani a, div.strankovani span {
    color: #fff;
    padding: 1px 5px 1px 4px;
    text-decoration: none;
}
div.strankovani a:hover {
    color: #fff;
}
div.strankovani .predchozi, div.strankovani .dalsi {
}

.ukryte {
  display: none;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.center {
  text-align: center !important;
}

:focus {
  outline: none;
}

p#drobeckova-navigace {
  background: #fff url(../layout/bg-drobeckova-navigace.gif) repeat-x scroll left top;
  line-height: 210%;
  margin: 0 0 10px;
  padding: 0 7px;
}

/***** vypis zbozí ***/
 div.vypis-zbozi {
    margin: 0;
    padding: 10px 0 15px;
}
div.vypis-zbozi div.zbozi-polozka {
    background-color: #FFFFFF;
    border: 1px solid #c8cccf;
    float: left;
    margin: 0 0 14px 14px;
    overflow: hidden;
    padding: 1px;
    width: 334px;
    position: relative;
    z-index: 200;
}
div.vypis-zbozi div.lichy-box {
    margin-left: 0;
}
div.vypis-zbozi div.box-obsah {
    height: 130px;
    overflow: hidden;
    padding: 11px;
    background: #fff url(../layout/bg-levy-box.jpg) repeat-x scroll left bottom;    
}
div.vypis-zbozi h3 {
    margin: 0;
    overflow: hidden;
    padding: 0 0 10px;
    white-space: nowrap;
    font-size: 110%;
    text-transform: none;
}
div.vypis-zbozi h3 a {
  color: #777982;
}
div.vypis-zbozi .foto {
    float: left;
    width: 125px;
}
div.vypis-zbozi .pravy-sloupec {
    float: right;
    width: 180px;
}
div.vypis-zbozi p {
  line-height: 150%;
  overflow: hidden;
  padding: 0 0 4px;
  white-space: nowrap;
  font-size: 90%;    
}
div.vypis-zbozi .doporucena-cena span {
    text-decoration: line-through;
}
.nase-cena strong {
    color: #000;
    font-size: 110%;
}

.kod strong {
  font-weight: normal;
}
b.skladem, b.skladem {
    color: #131822;
    text-transform: uppercase;
}

span.info-dostupnost {
  font-weight: bold;
/*  color: #E70803;*/
}

div.list-submenu li a {
    color: #131822;
}


/**** detail zbozi ****/
div.detail-zbozi {
  position: relative;
  margin-bottom: 13px;
/*  background-color: #F0F0F0;*/
  padding: 12px 0px 12px 0px;  
}

div.detail-zbozi h2 {
  margin-bottom: 10px;
  font-size: 110%;  
  border: none;
/*  color: #3F3F3F;*/
padding: 0;
}

div.detail-zbozi p.foto {
  float: left;
  padding: 0px 0 10px;
  width: 273px;
  text-align: left;
}
body div.detail-zbozi p.foto img.ostatni {
  margin: 10px 19px 0 0;
}

div.detail-zbozi div.pravy {
  float: right;
  width: 400px;
  margin-left: 0px;
  position: relative;
}

div.detail-zbozi div.pravy p {
  padding-bottom: 0   px;
  line-height: 150%;  
}

div.detail-zbozi div.pravy p.popis {
  text-align: justify;
}
div.detail-zbozi p.atributy {
  padding: 0 10px 0 5px;
  font-weight: bold;
  background-color: #fff;
  position: relative;
  margin-top: 13px;
  line-height: 25px;
  height: 25px;
}
div.detail-zbozi p.atributy label {
  padding-right: 10px;
  line-height: 26px;  
}
/*
div.detail-zbozi p input.text {
  width: 18px;
  position: relative;
  bottom: 1px; 
  text-align: right;
}
*/
/** tabulka detailu zbozi ***/
div.detail-zbozi table {
  margin-bottom: 10px;
  border-collapse: collapse;
  width: 100%;
  border: none;
  background: transparent url();
  font-size: 90%;
}
div.detail-zbozi table th, 
div.detail-zbozi table td {
  padding: 5px 5px 5px 0;
  vertical-align: middle;
  font-weight: normal;
  text-align: left; 
  border-bottom: 1px solid #c8cccf;
  border-top: 1px solid #c8cccf;
  background: transparent url();   
  color: #333333; 
}

div.detail-zbozi table td {
  text-align: left;
  
}
div.detail-zbozi table th {
  white-space: nowrap;
  width: 255px;
}
div.detail-zbozi .doporucena-cena span {
  text-decoration: line-through;
}


div.detail-zbozi h3 {
  padding: 5px 0 10px 0;
  margin: 0;
}
div.detail-zbozi table.varianta th.nadpis {
  padding: 5px 0 0 0;
  border: none; 
  border-bottom: solid 1px #c8cccf; 
}
div.detail-zbozi table.varianta th {
  padding-left: 7px;
  width: auto;
  text-align: left;
}

div.detail-zbozi table.varianta td {
  text-align: right;
  width: 50%;
}
div.detail-zbozi table.varianta th.vaha {
  padding-left: 30px;
}
div.detail-zbozi table.varianta th.nadpis h4 {
  color: #fff;
  background-color: #626e80;  
  margin: 0;
  padding: 1px 7px 0;
  line-height: 180%;
  font-size: 100%;
  font-weight: bold;
}

div.pravy td.do-kosiku {
  border: none;
  text-align: right;
  padding: 5px 0 0px;   
}
div.pravy p.do-kosiku {
  position: relative;
  height: 22px;
  width: 400px;
  overflow: hidden;
  top: 0;
  left:0;
}
div.pravy p.do-kosiku input.text {
  background: #fff url(../layout/bg-input-ks.jpg) no-repeat left top;
  padding: 4px 20px 5px 0;
  text-align: right;
  width: 22px;  
  border: none;
  position: absolute;
  left: 261px;
  top: 0; 
  z-index: 100;   
}
div.pravy p.do-kosiku span {
  position: absolute;
  top: 0;  
  z-index: 200;  
  left: 285px;  
  line-height: 22px;
}
div.pravy p.do-kosiku input.img-kosik {
  background: #0a0a0a url(../layout/bg-tl-koupit-cs.jpg) no-repeat left top;
  padding: 0px 0 0;
  width: 92px;
  text-align: center;
  border: none;
  color: #fff;
  height: 22px;
  font-weight: normal;
  text-transform: uppercase;
  position: absolute;
  top: 0;  
  left: 308px;  
  cursor: pointer;
  z-index: 100;
}
.sk div.pravy p.do-kosiku input.img-kosik {
  background-image: url(../layout/bg-tl-koupit-sk.jpg);
}
.en div.pravy p.do-kosiku input.img-kosik {
  background-image: url(../layout/bg-tl-koupit-en.jpg);
}
div.pravy p.do-kosiku input.checbox-material {
  position: absolute;
  top: 4px;  
  z-index: 200;  
  left: 230px;  
}
div.pravy p.do-kosiku label.checbox-material-label {
  position: absolute;
  top: 0px;  
  z-index: 200;  
  right: 175px;  
  text-align: right;
}

div.pravy a.img-kosik img {
  border: none;
  padding: 0;
}

.do-kosiku-img {
  float: left;
  width: 92px;
}
.vysvetlivka-img {
  float: right;
  font-size: 80%;
  text-align: left;
  width: 300px;
}

/****** doporucujeme ***/
div.vypis-doporucujeme {
  margin: 10px 0;
  padding: 0px 0 0px;    
}
div.vypis-doporucujeme h3 {
  border: none;
  font-size: 110%;
  font-style: normal;
  text-transform: uppercase;
  font-weight: normal;
  background: url("../layout/bg-levy-box-nadpis.gif") repeat-x scroll left top #081021;
  color: #fff;
  padding: 3px 10px;
  letter-spacing: 1px;
  margin: 0;
}


div.vypis-doporucujeme .polozka {
  padding: 10px 0 0;
  border-bottom: 1px solid #c8cccf;
}
div.vypis-doporucujeme .polozka p.foto {
  width: 93px;
  float: left;
}
div.vypis-doporucujeme .polozka .pravy {
  width: 590px;
  float: right; 
}

div.vypis-doporucujeme .polozka p {
  padding: 0 0 10px;
}

div.vypis-doporucujeme .polozka h4 {
  margin: 0;
  font-size: 90%;
  padding: 0 0 8px;
}

/***** bannery paticka ***/
div#bannery-paticka {
  padding: 30px 0 10px;
}
div#bannery-paticka .polozka {
  float: left;
  width: 200px;
}

div#bannery-paticka .polozka .levy{
  float: left;
}
div#bannery-paticka .polozka .pravy{
  float: left;
  padding: 12px 0 0;
}
div#bannery-paticka .polozka img {
  padding: 0;
  margin: 0;
  border: none;
}
div#bannery-paticka h2 {
  font-size: 90%;
  text-transform: none;
  font-weight: bold;
  padding: 0;
  margin: 0;  
}
div#bannery-paticka h2 a {
  color: #131822;
  
}
div#bannery-paticka p {
  padding: 0;
  margin: 0;
  font-size: 90%;  
}


/**** razeni zbozi ******/
p#razeni-zbozi,
p#kosik-registrace {
  font-size: 90%;
  padding: 0; 
}
p#razeni-zbozi {
  text-align: left;
  float: left;
  width: 280px;
}
p#razeni-zbozi .vzestupne,
p#razeni-zbozi .sestupne {
  font-weight: bold;
}


p#razeni-zbozi .sestupne {
  background: transparent url(../layout/bg-sestupne.gif) no-repeat scroll right center;
  padding: 0 10px 0 0;
}

p#razeni-zbozi .vzestupne {
  background: transparent url(../layout/bg-vzestupne.gif) no-repeat scroll right center;
  padding: 0 10px 0 0;
}

/** kosik - registrace **/
#box-shop {
  padding: 0px 0px 7px 0;
  margin: 0 0 10px;
  background: transparent url(../layout/border-dashed.gif) repeat-x left bottom;    
}
p#kosik-registrace {
  float: right;
  width: 400px;  
  text-align: right;  
}
p#kosik-registrace .quick-kosik {
  background: transparent url(../layout/bg-kosik.jpg) no-repeat scroll 0 2px;
  padding: 0 0 0 15px;
}
p#kosik-registrace .user {
  background: transparent url(../layout/bg-uzivatel.jpg) no-repeat scroll 15px 2px;
  padding: 0 0 0 30px;
}

/*** prehledová tabulkazboží ****/
div.text table.obyc_vypis {
  width: 100%;
  border-collapse: collapse; 
/*  border: solid 1px #3b3b3b;*/
  margin: 5px 0 13px; 
  font-size: 100%;
}
div.text table.obyc_vypis td {
  padding: 4px 5px;
  vertical-align: middle;  
  border: none;
  background: url("../layout/border-dashed.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);
}
div.text table.obyc_vypis th {
  padding: 7px 5px;
  vertical-align: middle;
  text-align: left; 
  background: url() repeat-x scroll 0 0 #626E80;
  border-bottom: solid 1px #081021; 
  font-size: 90%;
}
div.text table.obyc_vypis tr.radek1 {
  background-color: #F7F7F7;  
}
div.text table.obyc_vypis tr.radek2 {
  background-color: #fff;  
}

div.text table.obyc_vypis img {
  border: none;
  padding: 0;
}
div.text table.obyc_vypis div {
  white-space: nowrap;
}
table.obyc_vypis .tl-do-kosiku {
  padding: 0;
  white-space: nowrap;
}
div.text table.obyc_vypis div input.text {
  background: #fff url(../layout/bg-input-ks.jpg) no-repeat left top;
  padding: 4px 20px 5px 0;
  text-align: right;
  width: 22px;  
  border: none;
  position: relative;
  left: 10px;
  top: 0; 
  z-index: 100;   
}
div.text table.obyc_vypis div span {
  position: relative;
  left: -13px;
  top: 0;  
  z-index: 200;    
  line-height: 22px;
}


div.text table.obyc_vypis tr.no-border td,
div.text table.obyc_vypis tr.no-border th {
  border: none;
}
div.text table.obyc_vypis tr.border-top td,
div.text table.obyc_vypis tr.border-top th {
  border-top: solid 1px #2E637E;
}
div.text table.obyc_vypis tr.no-bg th,
div.text table.obyc_vypis tr.no-bg td {
  background: transparent url();
  color: #131822;
}
#objednavka-kosik table.obyc_vypis td {
   padding: 4px 5px;
}
table.obyc_vypis input.text {
  width: 30px;
}
/***** objednávky *****/
div.text table.objednavka {
  width: 100%;
  border-collapse: collapse; 
  margin-bottom: 13px; 
  border: none;
  font-size: 100%;
}
div.text table.objednavka td {
  padding: 0px 5px 8px 0px;
  vertical-align: top;
  text-align: left;  
  border: none;  
}
div.text table.objednavka th {
  background: url("") repeat scroll 0 0 transparent;
  color: #131822;
  font-weight: bold;
  padding: 0px 5px 8px 0px;
  vertical-align: top;
  text-align: left;  
  width: 150px;
  border: none;
}

p.objednavka input.submit {

}

table.tabulka-velikosti {
  width: 100%;
  margin-bottom: 20px;
}
table.tabulka-velikosti th,
table.tabulka-velikosti td {
  border: 1px solid #3B3B3B;
  text-align: center;
}

a#objednat,
a.tl-koupit {
  background: #081021 url(../layout/bg-levy-box-nadpis.gif) repeat-x left top;
  border: solid 1px #081021;
  padding: 3px 5px;
  color: #fff;
  font-weight: normal;
  font-size: 80%;
  text-decoration: none;
  text-align: center;
}
a#objednat:hover,
a.tl-koupit:hover {
  background-position: 0 -5px;
}


div.pruvodni-text-kategorie {
  padding: 10px 0 0;
}

/**** aktuality ****/

div#aktuality .obsah {
  float: right;
}
div#aktuality .levy {
  float: left;
  width: 106px;
  padding: 2px 0 15px 0;
}
div#aktuality .pravy {
  width: 575px;
}
div#aktuality .hlavicka {
  padding: 10px 0 5px;
     background: url("../layout/border-dashed.gif") repeat-x scroll left top transparent;
}
div#aktuality .prvni .hlavicka {
  background: url() ;
}

/**** filtry zboží ****/
div#filtry-zbozi .filtry-box {
  border-top: dotted 1px #c8cccf;
  padding: 2px 0;
}
div#filtry-zbozi {
  margin: 0 0 10px;
  border: solid 1px #c8cccf; 
  padding: 2px 2px 2px 5px; 
}
div#filtry-zbozi p.input {
  float: left;
  width: 20%;
  padding: 0;
}
div#filtry-zbozi p.label {
  padding: 0;
  float: left;
  width: 20%;
}
div#filtry-zbozi p.input label {
  padding: 0 10px 0 0;
  color: #777982;
}
div#filtry-zbozi p.input label.ui-button {
  background: #fff url(../layout/bg-checkbox.jpg) no-repeat 0 0;
  padding: 0 0 0 14px;
  outline: medium none;
  cursor: pointer;
  display: block;  
}
div#filtry-zbozi p.input label.ui-state-hover {
  background-position: -14px 0;
  color: #131822;
}
div#filtry-zbozi p.input label.ui-state-active {
  color: #131822;
  background-position: -28px 0;
}
div#filtry-zbozi p.input label.ui-button span {
  padding: 1px 0 0 3px;
  background: url() #fff;
  line-height: 18px;  
  display: block;
}

div#filtry-zbozi .ui-helper-hidden-accessible {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

p.banner-kategorie {
  padding: 0;
  margin: 0;
}
p.banner-kategorie img {
  padding: 0 0 5px ;
  margin: 0;
  border: none;
}

/*********** obj proces ***********/
div#objednavkovy-proces-hlavicka {
  padding: 5px 0 10px;
}
div#objednavkovy-proces-hlavicka ul {
  padding: 0;
  margin:  0;
}
div#objednavkovy-proces-hlavicka ul li {
  list-style: url() none;
  padding: 0 0 0 10px;
  float: left;  
}
div#objednavkovy-proces-hlavicka ul li.prvni {
  padding: 0;
}

div#objednavkovy-proces-hlavicka .polozka {
  display: block;
  float: left;
  background-color: #F0F0F1;
  width: 165px;
  padding: 0;
  line-height: 30px;
}
div#objednavkovy-proces-hlavicka .poradi {
  background-color: #757780;
  line-height: 30px;  
  display: block;
  float: left;
  padding: 0 5px;
  font-size: 140%;
  color: #fff;  
}
div#objednavkovy-proces-hlavicka .nazev {
  display: block;
  float: left;
  padding: 0 5px;
  font-size: 100%;
  color: #555;
  text-decoration: none;
}

div#objednavkovy-proces-hlavicka li.vyplnene .polozka {
  background-color: #D8DCDF;
  font-weight: bold;
}
div#objednavkovy-proces-hlavicka li.vyplnene .polozka .poradi {
  background-color: #21262F;
}
div#objednavkovy-proces-hlavicka li.vyplnene .polozka .nazev {
  color: #000; 
}
div#objednavkovy-proces-hlavicka a {
  text-decoration: none;
}
div#objednavkovy-proces-hlavicka a.polozka:hover .nazev {
  text-decoration: underline;
}

/**** paticka procesu */
.objednavkovy-proces-paticka {
  padding: 10px 0;
  background: url("../layout/border-dashed.gif") repeat-x scroll left top;
}
.objednavkovy-proces-paticka .pokracovat {
  width: 300px;
  float: right;
  text-align: right;
}
.objednavkovy-proces-paticka .zpet {
  width: 200px;
  float: left;
  text-align: left;
}

.objednavkovy-proces-paticka a.tl,
.hlaseni-ok a.tl {
  background: #081021 url(../layout/bg-levy-box-nadpis.gif) repeat-x left top;
  border: solid 1px #081021;
  padding: 3px 5px;
  color: #fff;
  font-weight: normal;
  font-size: 90%;
  text-decoration: none;
  text-align: center;
}
.objednavkovy-proces-paticka a.tl:hover,
.hlaseni-ok a.tl:hover {
  background-position: 0px -5px;
}
.objednavkovy-proces-paticka .pokracovat input.submit,
.objednavkovy-proces-paticka .pokracovat a {
  padding: 4px 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.objednavkovy-proces-paticka .pravy-box,
.objednavkovy-proces-paticka .souhlas-s-op {
  text-align: right;
}
.objednavkovy-proces-paticka .souhlas-s-op a {

}

/************* zajimave odkazy ****/
div.zajimave-odkazy {
  /*background: url("../layout/bg-border.gif") repeat-x scroll left top transparent;*/
  padding: 10px 0px 10px;
  margin: 0;
}
div.zajimave-odkazy-prvni {
  background: url() ;
}
.zajimave-odkazy h3 {
  margin-bottom: 7px; 
}
.zajimave-odkazy img.zo-img {
   float: left;

/* 
   border: solid 1px #000;
   border: none;
   padding: 0;
*/   
}
div.zajimave-odkazy div.zo-obsah{
  width: 525px; 
  float: right;
}
div.zajimave-odkazy p {
  padding-bottom: 0px;
}

/***** menu jazyky ***/
#menu-jazyky {
  position: absolute;
  top: 15px;
  right: 0px;
  z-index: 400;
  background-color: transparent;
  background-color: #393D48;
  height: 30px;
  padding: 7px 7px 0;
}

#menu-jazyky img {
  padding: 1px;
  background-color: #fff;
  border: none;
}
#menu-jazyky a img {
  border: none;
  padding: 1px 0;
  background-color: transparent;  
}

/****** box-darkovy-poukaz **/
#box-darkovy-poukaz-doruc-zeme {
  position: relative;
  padding: 0 0 10px;
} 
#box-darkovy-poukaz {
  width: 285px;
  background-color: #eee;
  padding: 10px 18px 7px;
}
#box-darkovy-poukaz-doruc-zeme input.submit {
  width: 67px;
}
#box-dorucovaci-zeme {
  width: 340px;
  padding: 10px 0;
  text-align: right; 
  position: absolute;
  right: 0;
  bottom: 0; 
}
/******* box-doprava-a-platba ******/
#box-doprava-a-platba .podminka {
  background: url("../layout/border-dashed.gif") repeat-x scroll left bottom;
  margin-bottom: 10px; 
  min-height: 48px;  
  padding: 0 0 1px;  
}
#box-doprava-a-platba label strong {
  position: relative;
  top: -2px;
}
#box-doprava-a-platba label span {
  font-size: 85%;
  display: inline-block;
}

#box-doprava-a-platba label span.box-popis {
  display: none;
  visibility: hidden;
}
#box-doprava-a-platba .podminka label {
  line-height: 160%;
}
#box-doprava-a-platba img {
  padding: 0 0 7px 0;
  border: none;
  float: left;
}
#box-doprava-a-platba div.podminka div.box {
  float: right; 
  width: 245px;
  padding: 0 0 10px;
  text-align: left;
}
.white-popup-block {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 20px auto;
  max-width: 600px;
  padding: 2em 3em;
  position: relative;
  width: auto;
}
#box-doprava-a-platba .box-doprava h2,
#box-doprava-a-platba .box-platba h2 {   
   padding: 2px 10px;
   margin: 0 0 0px;
   font-size: 140%;
}
#box-doprava-a-platba h3 {
  text-transform: uppercase;
  padding: 5px 0 8px;
  color: #D20808;
  border: none;
  font-size: 120%;
}

.box-platebni-podminky {
  border: solid #D8DCDF 1px;
  border-top: none;
  padding: 15px 5px 5px;
  margin: 0 0 10px;
}
/**** celkove castky ***/
#box-doprava-a-platba-cena {
  background-color: #f5f5f5;
  border: solid 1px #ccc;
  padding: 7px 10px;
  margin: 0 0 10px;
} 
#box-doprava-a-platba-cena h2,
#box-doprava-a-platba .box-doprava {
  width: 340px; 
  float: left; 
}
#box-doprava-a-platba-cena p.label,
#box-doprava-a-platba-cena p.hodnota {
  padding: 0;
  line-height: 200%;
  float: left;
  width: 160px;
}
#box-doprava-a-platba-cena .box-cena,
#box-doprava-a-platba .box-platba {
  float: right;
  width: 340px;  
}
#box-doprava-a-platba-cena h2 {
  width: 330px;
  margin: 0;
  background-color: transparent;
  color: #202020;
  padding: 0;
}
#box-doprava-a-platba-cena .box-cena {
  width: 320px;
}
#box-doprava-a-platba-cena label {
  font-weight: normal;
}
#box-doprava-a-platba-cena .celkem {
  border-top: solid 1px #ccc;
}
#box-doprava-a-platba-cena .celkem * {
  font-weight: bold;
}
#box-souhrn-objednavky .box-left,
#box-souhrn-objednavky .box-right {
  width: 316px;
}
#box-souhrn-objednavky .label {
  font-weight: bold;
}
/**** ui-tabs */
.ui-tabs {
	position: relative;

}
.ui-tabs .ui-tabs-nav {
	margin: 0;
  display: table;	
  background-color: #ddd;
	border: solid 1px #ccc;
	width: 688px;
	padding: 10px 0 0;
}

.ui-helper-clearfix:after {
  clear: both;
}
.ui-tabs .ui-tabs-nav li {
	float: left;
	position: relative;
	top: 0;
	border-bottom-width: 0;
  padding: 0;
	margin: 0 5px 0;
	white-space: nowrap;
	list-style: none url();
	background: url() ;

}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding: 5px 10px;	
	border: solid 1px #ccc;	
	border-bottom: none;	
	position: relative;
  background-color: #eee;
  color: #202020;
  font-size: 100%;
	font-weight: bold;  
}
.ui-tabs .ui-tabs-nav li a span {
  font-size: 80%;
  font-weight: normal;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	top: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled a {
  color: #999;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
	background-color: #fff;
}
.ui-tabs .ui-tabs-panel {
	display: block;
  padding: 15px 13px 0px;
	background: none;	
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;  
  border-bottom: solid 1px #ddd;
}

div.formular .box-right a,
div.formular .box-right span.link-pridat {
  display: block;
  background-color: #eee;
  padding: 0 8px 2px 0px;
  font-size: 120%;
  line-height: 36px;  
  text-align: right;
  background-position: 8px 7px;
  text-transform: lowercase;
  border: solid 1px #ddd;  
  margin: 0 0 7px;
}

div.formular .box-right a:hover,
div.formular .box-right span.link-pridat:hover {
  background-color: #fff;
}
.link-heslo {
  background: transparent url(../layout/lock.png) no-repeat;
}
.link-edit {
  background: transparent url(../layout/edit.png) no-repeat;
}
.link-pridat {
  background: transparent url(../layout/add.png) no-repeat;
}
.link-delete {
  background: transparent url(../layout/ico_krizek.png) no-repeat;
}

#form-objednavka .box-dodaci-adresa {
  width: 269px;
  float: left;
  height: 131px;
  margin: 0 0 10px 0px;
  overflow: hidden;
}
#form-objednavka .box-dodaci-adresa-sudy {
  margin-left: 10px;
}
#form-objednavka .box-dodaci-adresa p.box-left {
  width: 250px;
}
#form-objednavka .box-dodaci-adresa p.box-right {
  width: 19px;
}

div.text table.rekapitulace-objednavky {
  margin: 5px 0 13px;
}
div.text table.rekapitulace-objednavky td, 
div.text table.rekapitulace-objednavky th {
  padding: 5px;
  text-align: left;
  vertical-align: middle;  
  border: none;
  color: #131822;  
  background-color: transparent;
}
table#table-platba-doprava {
  width: 100%;
  border-collapse: collapse; 
  border: 1px solid #d5d5d5;  
  font-size: 90%; 
  margin: 0 0 20px;
}
table#table-platba-doprava td, 
table#table-platba-doprava th {
  padding: 5px;
  text-align: left;
  vertical-align: middle; 
  border-bottom: 1px solid #ddd; 
  border-left: dotted 1px #ddd;
}

table#table-platba-doprava td span {
  color: #D20808;
}
#box-doprava-platba h2 {
  background-color: #eee;
  padding: 3px 7px;
  margin: 5px 0 10px; 
}
#box-doprava-platba h3 {
  text-transform: none;
}
#banner-gopay {
    margin: 25px auto;
    width: 168px;
}
#banner-gopay img {
  padding: 0;
  border: none;
}
.zelene {
  color: #008c00;
}
body .cervene {
  color: #c41f17;
}

div.vypis-zbozi .box-novinka {position: absolute; right: 5px; bottom: 2px;z-index: 201;}
.box-novinka label {
  border-radius: 5px;
  color: #fff;
  background-color: rgb(222,121,43);
  display: inline-block;
  padding: 2px 7px;
}

/**** písma velikosti ***/
.pismo-10 {
  font-size: 10px !important;
  line-height: 110%;  
}
.pismo-11 {
  font-size: 11px !important;
  line-height: 110%;  
}
.pismo-12 {
  font-size: 12px !important;
  line-height: 110%;  
}
.pismo-14 {
  font-size: 14px !important;
  line-height: 110%;  
}
.pismo-18 {
  font-size: 18px !important;
  line-height: 110%;  
}
.pismo-24 {
  font-size: 24px !important;
  line-height: 110%;  
}
.pismo-30 {
  font-size: 30px !important;
  line-height: 110%;  
}

.nowrap {
  white-space: nowrap;
}

/****** EU cookis ****/
#EUCookies, #EUCookies * {color: #1d1d1b;}
#EUCookies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #eae8e8;
  z-index: 9999;
  padding: 7px 15px;
  font-size: 90%;
  text-align: center;
  line-height: 170%;
}
#EUCookiesButton {
  background-color: #d3d2d2;
  padding: 4px 10px 1px;
  cursor: pointer;
  margin-left: 10px;
  color: #000;
  border-radius: 5px;
}

.boxBannerJs {height: 168px;}
.boxBannerFs {height: 200px;}
#boxBanner {position: relative; top: 0; left: 0; overflow: hidden; width: 690px; z-index: 200;}
#boxBanner img {border: none; padding: 0;}