/* --------------------- vypis jako katalog -------------------- */

#produkty-1 {
 margin-top:50px;
 
}

#produkty-1-stred { 
 
}

.katalog-produkt {
 width:155px;
 height:280px;
 overflow:hidden;
 margin:0;
 float:left;
 border-bottom:2px dotted #a4a4a4;
 font-size:12px;
 padding: 12px 25px;
 _position:relative;
}

.katalog-produkt h5 {
  font-weight:bold;
  font-size:13px;
  text-align:center;
  height:35px;
  margin: 0;
  /*border:1px solid black;*/
}

.katalog-produkt h5 a {
 color: #000;
}

.katalog-produkt img {
  border:0;
}

.katalog-produkt .foto-box {
  width:155px;
  height:150px;
  overflow:hidden;
  /*border:1px solid black;*/
}

.katalog-produkt .popis {
  /*border: 1px solid black;*/
}
.katalog-produkt .velikosti {
  height:20px;
  overflow:hidden;
}
.katalog-produkt .cena {
  height:16px; 
  line-height:16px;
  font-size:16px;
  text-align:right;
  display:block;
  
  font-weight: bold;
  color:#e95320;
  margin:0;
  padding:0;
}

.katalog-produkt form { 
  margin:0;
  padding:0;
}
.katalog-produkt .paticka {
  height:24px;
  line-height:24px;
  text-align:right;
  padding:0 0px 0 0px;  
  margin-top:2px;
  vertical-align: middle;
}

.katalog-produkt .paticka input.ks {
  border: 1px solid #d2d6d7;
  text-align:center;
  height:20px;
  width: 35px;
  margin-left:5px;
  float:right;
}
.katalog-produkt .paticka a {
  height:24px;
  line-height:24px;
  width: auto;
  float:right;
  margin-left:6px;
  color:black;
} 
.katalog-produkt .paticka span {  
  height:24px;
  line-height:24px;
  width: auto;
  margin:0 5px;
  _margin:0 3px;
  float:right;
}  

.katalog-produkt .paticka .kosik {
  background: #e84811 url('submit_button_kosik.jpg') top left no-repeat;
  border:0;
  width:50px;
  height:24px;
  cursor:pointer;
  z-index:10;
  
  float:right;
}

.katalog-produkt .cena_text {
  margin-left:20px;
  margin-right:10px;
}


.katalog-produkt .c {
  text-align:center;
}

.katalog-detail {
 
  height:340px;
  _height:340px;
  overflow:hidden;
  padding:0;
  /*float:left;  --- dela problemy s vykreslovanim pri nastavene plne sirce*/
  margin: 0 0 20px;
  border-bottom:3px solid #ccc;
  font-size:13px;
  position:relative; 
}

.katalog-detail img {
 border:3px solid #ccc;
 margin:auto;
}

.katalog-detail .foto-box {
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 padding:0;
 border:0;
 width:325px;
 height:245px;
 
}
.katalog-detail .text-box {
 float:left;
 padding:0;
 border:0;
 width:300px;
 height:310px;
 position:relative;
 
}
.katalog-detail .order-box {
   float:left;
   padding:0;
   border:0;
   width:295px;
   height:25px;
   vertical-align:bottom;
   position:absolute;
   bottom:0px;
   left:0px;
   z-index:10;
}

.katalog-detail .popis {
 padding:5px;
 margin-left:125px;

}
 
.katalog-detail h2 {
 
 font-weight:bolder;
 font-size:13px;
 text-align:left;
 height:25px;
 background: url('orange_box.png') 0px 2px no-repeat;
 padding-left:20px;
 border:0px;
 margin:0px;
}

.katalog-detail h2 a {
 color: #000;
}
 
 
.katalog-detail input {
border: 2px solid #ddd;
   text-align:center;
   font-size:10px;
   height:15px;
   width: 25px;

} 

.katalog-detail .kosik {
 background: white url('submit_button_kosik.jpg') top left no-repeat;
 border:0;
 width:50px;
 height:24px;
 position:relative;
 top:3px;
 cursor:pointer;
 
}

.katalog-detail .cena {
  font-weight: bolder;
}

.katalog-detail .cena_text {
  margin-left:10px;
  margin-right:20px;
}


.katalog-detail .c {
 text-align:center;
}

#hlavni-lista {
  
  width:671px;
 
  background:#A6BFD0 url('hl.PNG') no-repeat top left; 
  margin:0 0 0 5px;
  _margin:0;
  padding:0;
  margin-bottom:10px;
  height:35px;

}
#hlavni-lista a {
  
  width:671px;
  line-height:35px;
  color:white;
  font-size:15px;
  margin-left:15px;
}
#hlavni-lista2 {
  margin:0;
}
#hlavni-lista h2
{
 color:#3C3C3C;
 font-size:13px;
 float:left;
 text-align:center;
 width:300px;
 height:25px;
 line-height:25px;

 margin:0;padding:0;
}
#lista {_width:694px;
}

.vrchni-radek {
  border-bottom:4px solid #3e97d0;  
}

#PrDetail .nadpis {
  background:#DBDBDD;
  color:#3C3C3C;
  padding:4px 10px;
  width:280px;
  _width:280px;
  font-weight:bold;
  
} 

#PrDetail .obsah-polozky {
  background:#f5f5f5;
  color:#3C3C3C;
  padding:3px 5px;
} 


h2.hlavni-nadpis {
  height:25px;
  overflow:hidden;
  border-bottom:4px solid #3e97d0;
  margin:0;
  padding:0;
}

h2.hlavni-nadpis span {
  /* -- stejne jako nasledujici #prDetail h2 */
 color:#3C3C3C;
 font-size:15px;
 float:left;
 text-align:center;
 width:300px;
 height:25px;
 line-height:25px;
 background:#cbdcee;
 margin:0;padding:0;
}

#PrDetail h2 {
 color:#3C3C3C;
 font-size:15px;
 float:left;
 text-align:center;
 width:300px;
 height:25px;
 line-height:25px;
 background:#cbdcee;
 margin:0;padding:0;
}

#hlavni-lista h2 {
 text-align:left;
 width:100%;
 float:none;
}

#PrDetail .licha {
 /*background-color: #eee;*/
}

#PrDetail td p {
  margin:10px;
}

#PrDetail .FotoTd  {
  vertical-align:top;
  
  width:300px;
}

#PrDetail .FotoTd img {
  border:0px solid #ccc; 
}

#PrDetail .ObsahTd {
  width:300px;
}

#PrDetail .ObsahTd p {
  margin:1em 0;
  text-align:justify;
}



#PrDetail .PrKosik {
  text-align:right;
  cursor:pointer;  
  margin:0;
  padding:0;
  line-height:25px;
}

#PrDetail .PrKosik .ks {
  /*border:1px solid #1394CE;
  color:#1394CE;*/
  text-align:center;
  width:30px;
  cursor:pointer;
}

#PrDetail .PrKosik span{
  text-align:center;
  height: 24px;
  line-height:24px;
}

#PrDetail .kos {
background: grey url('koupit.gif') top left no-repeat;
height:22px;
width:67px;
border:0;
}

#PrDetail .pridat-do-kosiku {
  background:url(submit_button_kosik.jpg) top left no-repeat;
  width:50px;
  height:24px;
  border:0;
  cursor:pointer;
}

#ajaxNahled {
 visibility: hidden;
 border: 3px solid #ccc;
 position:absolute;
 background-color:#fff;
 z-index:999;
 margin:0;
 padding:0;
}

#produkty-2 th {
  background:#dddbdb;
  color:#000;
}

#produkty-2 .tlacitka th {
  background:#dddbdb;
  color:#000;
  /*border-bottom:10px solid #fff;*/
}
#produkty-2 {
  border:0px solid black;
  margin:0;
  padding:0;
  width:100%;
  _width:99%;
  float:left;
  _float:none;
  position:relative;
    
  border-collapse:collapse;
  /* v IE jinak vznika mezera kvuli 99% */
/*  _width:99%; 
  _position:relative;
  _left:-4px;
  */
 }
  #produkty-2:a {text-decoration:none;}
    #produkty:a {text-decoration:none;}
 
 
 #produkty-2 th, #produkty-2 th.model {
  text-align:left;
 }
 
 #produkty-2 .kusu {
  width:30px;
  text-align:center;
  vertical-align:center;
 }

 #produkty-2 th.kusy {
  text-align:center;
  vertical-align: middle;
  /*border-bottom:10px solid #fff;*/
 }

  #produkty-2 .kusu-koupit {
    width:80px;
    _width:85px;
    text-align:right;
  }

 #produkty-2 .kusu-koupit * {
    float:left;
 }

 #produkty-2 .kusu-koupit .kosik {
    float: none;
 }
 
 #produkty-2 img {
  border:0px;
 }
 #produkty-2 td {
  border-bottom:2px solid #dedcdd;
  _position:relative;
 }
 
 #produkty-2 td.cena {
  text-align:right;
  padding-right:5px;
  /*border-left:3px solid #fff;*/
  color:#fff;
  background:#cbdcee;
 }
 #produkty-2 .skladem {
  text-align:left;
 }
 
 #produkty-2  td.cena {
  font-weight:bold;
 }
 
 #produkty-2 .model { 
  text-align:left;
  /*padding-left:15px;*/
 }
 
 
 #produkty-2 td.model {
 }
 
 #produkty-2 td.koupit {
  text-align: right;
 }
 
 #produkty-2 .model a {
  color: #333;
  text-decoration:none;
 }
 
 #produkty-2 input.kosik {
   background: white url('submit_button_kosik.jpg') top left no-repeat;
   border:0;
   width:50px;
   height:24px;   
   cursor:pointer;
 }
 
 #produkty-2 .class0, #produkty-2 .class1 {
  /*ackground-color: #eee;*/
  background:#fff;

 }
 
 #produkty-2 input {
   border: 1px solid #ddd;
   text-align:center;
   font-weight:bold;
   font-size:10px;
   height:19px;
   line-height:19px;
   width: 25px;
 }

  
  #pomoztemi, #PoslatStranku, #VytisknoutStranku{
    float: left;    
    text-align: center;
    margin-left:5px;    
  }
  
  #pomoztemi a, #PoslatStranku a, #VytisknoutStranku a{
    text-decoration:none;
    cursor:pointer;
  }
  
  #pomoztemi img, #PoslatStranku img, #VytisknoutStranku img{
    border:0;
  }
/* ---------- vlastnosti produktu ----------- */
#varianty_produktu{
  text-align: center;
  width: 99%; 
  border-collapse: collapse;
  border: 2px solid #F5F5F5;  
}

#varianty_produktu .nazev_produktu{
  background: #9dcdf1;
  font-weight: bold;  
}

#varianty_produktu .nadpis{
  text-align:center; 
  padding: 4px 5px; 
  border-bottom: 2px solid #F5F5F5;
  background: #d0ecff
}

#varianty_produktu .obsah-polozky{
  border-bottom: 2px solid #F5F5F5;
  background: white;
}

/* ---------- porvonavani produkjtu --------- */

#porovnani {
 border-collapse: collapse;
}

#porovnani td { 
padding: 3px;
}

#porovnani th, .polozka {
 color: rgb(128,150,15);
  font-weight: bold;
  
}
#porovnani .class1 {
   background-color: #eee;
}

/* ------------------------- kosik --------------- */

#div-formular-kosik {
 /*border: 1px solid  #FE8A01;*/
 width:98%;
 float:left;
 position:relative;
}

#div-formular-kosik table {
 border-collapse:left; 
}

#div-formular-kosik td {
 
 padding-left:4px;
}

#div-formular-kosik .kosik_top {
  /*background-color:rgb(187,213,51);*/
  background-color:#FE8A01;
  color:#fff;
  background-color:#DDDBDB;
  color:#000;
  height: 20px;
}

.kosik-cena {
  width:140px;
}

/*
#tlacitko-submit-kosik {
  cursor:pointer;
  text-align:center;
  background:url('tlacit-200px-modre.jpg') top left repeat-x;
  margin:0;
  padding:0;
  border:0;
  cursor: pointer;
  font-weight:bold;
  color:#fff;
  font-family:arial,sans-serif;
  margin-right:5px;
}*/

#tlacitko-submit-kosik {
  cursor:pointer;
  text-align:center;
  background:#fff;
  margin:0;
  padding:0;
  border:0;
  cursor: pointer;
  font-weight:bold;
  color:rgb(23, 131, 183);;
  font-family:arial,sans-serif;
  margin-right:5px;
}



.odkaz-objednat {
  display:block;  
  height:30px;
  line-height:30px;
  width:140px;
  cursor:pointer;
  text-align:center;
  
  margin:5px;
  margin-right:10px;
  
  border:0;
  float:right;
  /*_float:none;*/
  cursor: pointer;
  font-weight:bold;
  color:#fff;
  background:#FF4000 /*url(submit_button_velky.jpg) left top no-repeat*/;
  text-decoration: none;
  z-index:100;
  _position:relative;
  _display:inline;
}

a#odkaz-objednat:hover {
  
}

.submit_button_stredni{
  display:block;  
  height:30px;
  line-height:30px;
  width:140px;
  cursor:pointer;
  text-align:center;
  
  margin:5px;
  margin-right:10px;
  padding:0 5px 5px 5px;
  border:0;
  cursor: pointer;
  font-weight:bold;
  color:#fff;
  background:#FF4000 /*url(submit_button_stredni.jpg) left top no-repeat*/;
  text-decoration: none;
}

.submit_button_velky{
  display:block;  
  height:30px;
  line-height:30px;
  width:300px;
  cursor:pointer;
  text-align:center;
  font-size:18px;
  margin: 5px auto;
  padding:0 5px 5px 5px;
  border:0;
  cursor: pointer;
  font-weight:bold;
  color:#fff;
  background:#FF4000 /*url(submit_button_velky.jpg) left top no-repeat*/;
  text-decoration: none;
}

.radek-zpet {
text-align:center;
}

.radek-zpet a {
  color:#20A3DB;
}

#formular-vypis-kosiku{
  margin:0;
  padding:0;
}

#formular-vypis-kosiku table td {
  border-bottom: 2px solid rgb(222, 220, 221);
}

#formular-vypis-ceny-kosiku-div table td {
  border:0;
}

#formular-vypis-ceny-kosiku-div {
  text-align:right;
  width:100%;
  float:right;
  /*border-top:px solid #FE8A01;
  border-bottom:1px solid #FE8A01;*/
  margin:10px 0;  
  background:#DDDBDB;
  color:#000;
  font-weight:bold;
}

#formular-vypis-ceny-kosiku .objednavka-celkem-td {
  /*border-top:1px solid #FE8A01;*/
}

#formular-vypis-ceny-kosiku  {
  text-align:right;
  width:100%;
}

#formular-vypis-ceny-kosiku  p{
  margin:0;
}

#formular-vypis-ceny-kosiku {
  border-collapse: collapse;
}

.objednavka-celkem-sdph {
  font-size:130%;
  font-size:100%;
  
}
/*  ---- formulare ---------------------*/

h3.modry-nadpis {
  color:#21A6DE;
  border:0;
  margin:5px 0;
  font-size:120%;
  padding:0;
}

#formular-registrace td, #formular-objednavka td {
  padding:3px;
  padding-left:10px;
}

#formular-registrace .povinne, #formular-objednavka .povinne {
  background:#DDDBDB;
}

#formular-objednavka-tabulka td {
  vertical-align:top;
}

#formular-objednavka-tabulka input {
  width:170px;
}

#formular-objednavka-tabulka .prvni-sloupec {
  width:235px;
}

#produkty-znacky {
  _margin: 0;
  _padding:0;
  /*_border:1px solid black;*/
  _width:99%;
}

#produkty-znacky form {
  _margin: 0;
  _padding:0;
  /*_border:1px solid black;*/
}

#produkty-znacky fieldset {
  border:1px solid #555;
  padding: 0 0 10px 5px;
  margin-bottom: 10px;
  /*_width:600px;*/
  /*_padding:0;*/
  /*_margin:0;*/
  /*_overflow:hidden;*/
  /*_width:auto;*/
}

#produkty-znacky legend {
 margin-left:5px;
 padding:5px;
 background:#cbdcee;
 font-weight: bold;
}

#produkty-znacky .obal{
  float:left;
  width: 150px;
  min-height:20px;
  _height:20px;
  /*border:1px solid black;*/
  /*_border: 1px solid black;*/
  /*_margin:0;*/
  
}

#produkty-znacky fieldset input {
 margin:3px;
}

#produkty-znacky a {
 padding:3px;
}

#produkty-znacky fieldset input.submit {
 width: 65px;
  height: 20px;
  padding: 2px 7px;
  border: 0;
  color: white;  
  background: #ca4713 url(submit_button_maly.jpg) left top no-repeat;  
  float:left;
  /*_border: 1px solid black;
  _margin:0;*/
}

#poradna_produkt{
  margin-top: 20px;
  text-align: center;
}

#poradna_produkt .vrchni-radek{
  height: 25px;
}

#poradna_produkt table{
  border-collapse: collapse;
  border: 2px solid #F5F5F5;
  width: 100%;
  _width:99%;
  margin: 1px 0 10px 0;
}

#poradna_produkt table th{
  padding: 3px 6px;
  border-bottom: 2px solid #F5F5F5;
  background: #9dcdf1;
}
#poradna_produkt table td{
  padding: 3px 6px;
  border-bottom: 2px solid #F5F5F5;
}

#poradna_produkt table .licha td{
  background:#DDE7EC;
}

#poradna_produkt table .suda td{
  background:#EFF4F5;
}

#poradna_produkt form{
  margin-top: 10px;
  width:99%;
}
#poradna_produkt form fieldset{
  border: 1px solid #3e97d0;
  &overflow:auto;
}

#poradna_produkt form fieldset legend{
  background:#9dcdf1;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

#poradna_produkt form fieldset table{
  border-collapse: collapse;
  border: 0;
  width: 450px;
  margin: 0 auto;  
}
#poradna_produkt form fieldset table th{
  min-height: 20px;
  _height: 20px;
  text-align: left;
  padding: 0 10px 5px 0px;
  font-weight: bold;
  background: #FFF;
  border: 0;
  width: 200px;
}
#poradna_produkt form fieldset table td{
  min-height: 20px;
  _height: 20px;
  text-align: right;
  padding: 0 0 5px 0px;
  font-weight: bold;
  border: 0;
}

#poradna_produkt form fieldset table td.td_textarea{
  text-align: center;
}

#poradna_produkt form fieldset input{
  border:1px solid black;
  width: 250px;
  height: 18px; 
}

#poradna_produkt form fieldset #form_captcha_label{
  
}

#poradna_produkt form fieldset #form_captcha{
  border: 1px solid black;
  width: 249px;
  height: 98px;
  text-align: left;
  
}

#poradna_produkt form fieldset textarea{
  border:1px solid black;  
  width: 100%;
  height: 80px;
  text-align: left;
  margin: 0 auto;
  display: block;
}

#poradna_produkt form fieldset #form_puvodni_text{
  background: #EBEBE4;
}

#poradna_produkt form fieldset input.submit_button{
  float:left;
  margin-left: 200px;
  text-align: center;
}

#poradna_produkt #detail{
  text-align: left;
  margin-top: 20px;
}

#poradna_produkt #detail .tema{
  padding: 1px 10px 10px;
  _position: relative;  
}

#poradna_produkt #detail .licha{
  background: none;
}

#poradna_produkt #detail .suda{
  background: none;
}

#poradna_produkt #detail .hloubka1{
  margin-left: 30px;
}
#poradna_produkt #detail .hloubka2{
  margin-left: 60px;
}
#poradna_produkt #detail .hloubka3{
  margin-left: 90px;
}
#poradna_produkt #detail .hloubka4{
  margin-left: 120px;
}
#poradna_produkt #detail .hloubka5{
  margin-left: 150px;
}

#poradna_produkt #detail .otazka{
  /*margin-top: 10px;
  border-top: 2px dotted #3e97d0;
  padding-top: 5px;  */
}

#poradna_produkt #detail .otazka .jmeno, #poradna_produkt #detail .otazka .nazev{
  font-weight: bold;
}

#poradna_produkt #detail .otazka p{
  margin:0;
}

#poradna_produkt #detail .odpoved{
  border-top: 2px dotted #3e97d0;
  margin-top: 10px;
  padding: 5px;
}

#poradna_produkt #detail .odpoved hr{
  display: none;
}

#poradna_produkt #detail .odpoved p{
  margin:0;
}

#poradna_produkt #detail .odpoved .jmeno, #poradna_produkt #detail .odpoved .nazev{
  font-weight: bold;
}