/*  OBECNE  */
* {margin:0;
        padding:0;
        }

a {text-decoration: none;
        color: #FFF;
        }

a:visited {text-decoration: none;
        color: #FFF;
        }

a img {border:none;}

table#katalog {width:99%;
        margin-left:auto;
        margin-right:auto;
        font-size: 80%;
        color: #000;
        vertical-align: top;
        text-align: center;
border-collapse: collapse;
        }
option {padding: 0 .2em;}
div#sloupec1 ul#navMenu {padding-bottom: 10px;}

table#katalog td {
        border: solid 1px #000;
        }

.floatLeft{float:left;width: 139px;margin:0;padding:0;}
body {font-size: 110%;
        font-family: Verdana,sans-serif;
        margin: 10px 0;
        color:#FFFFFF;
        behavior: url(css/csshover.htc);
        background: url(../design/bg_main.jpg) repeat;
        }

h3 {font-size: 90%;
        background-color:#B40200;
        color: #FFF;
        line-height: 1.5em;
        padding-left: 10px;
        text-align:left;
        }

h4 {font-size: 90%;
        line-height: 1.5em;
        padding: .4em 0;
        text-align: center;
        }

h5 {text-align: left;padding: .4em 0;}
.current {font-weight:bold;}        
.preskrtnute {text-decoration: line-through;color: rgb(204,0,102);}
div#obal {position:relative;
        min-width:830px;
        max-width:900px;
        width: 830px;
        margin-left:auto;
        margin-right: auto;
        border:1px solid #000;
        background:#FFF;
          }
ul.links {
  margin: 10px;
} 
.detailInfo {
  font-size: .8em;
}
ul.links li {
  margin: 5px 0;
}
ul {list-style: none;}

ol li{list-style-position:outside;
        list-style-type:decimal;
        text-align:left;
        text-indent: 0px;
        padding: .3em 0;
         }       

/*  HLAVICKA  */
div#hlavicka {
        position:relative;
        width:100%;
        height: 134px;
        background: url(../design/hlavicka.jpg) no-repeat;
        font-size:.9em;
        overflow: hidden;
        }

div#hlavicka ul li {float:left;
        }

div#hlavicka ul li img {border:none;margin: 0 5px;}        

div#hlavicka p{position:absolute;
        bottom: 2px;
        right:2px;
        font-size: .75em;
        }

/*  MENU  */
div#menu {width:800px;
        float:left;
        background: #000;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #fff;
        font-size:.8em;
        padding: 0 0 0 30px;
        text-align:center;
        }
      
div#menu ul li {float:left;
        font-size:90%;
        padding: 5px .4em;
        margin-right: 1px;
        background: #505050;
        }
div#menu ul li:hover {background: #B40200;}

/*  TELO DOKUMENTU */

div#telo {width:830px;
        font-size: 80%;
        color: #000;
        vertical-align: top;
        background: url(../design/telobg.jpg) repeat-y;
        }
                
div#telo a {color: #000;}

div#telo div#info {width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align:justify;
        padding: 40px 0;
        text-indent: 3em;
        overflow:visible;
        font-size:.8em;
        } 
  /*  levySloupec */
div#sloupec1 {float:left;
        padding: 0 0 40px;
        width: 169px;
        _width: 168px;
        background: #E6E6E6; 
        text-align: center;
        overflow:hidden;
        }


div#sloupec1 p {font-size: .8em;
        margin-bottom: 1em;
        margin-top:0;
        padding:0;
        
        }

div#sloupec1 p a {color: #941318;}

div#sloupec1 ul li.login {
        width:98%;
        padding: 0;
        font-size:.85em;
        }        

.login {text-align:right;}

div#sloupec1 h3#cart a {color:#FFF;}
div#sloupec1 h3#cart {text-align:left;font-size:.75em;line-height:1.8em;}
div#sloupec1 h3#cart img {border:none;padding: .8em 0;}


        
div#sloupec1 ul li.login input {border: 1px solid #000;
        width: 6.5em;
        margin: .1em 0;
        color: #941318;
        margin-right: .1em;
        }        

div#sloupec1 ul li input.button {color: #941318;
        font-weight:bold;
        border: none;
        background:none;
        cursor: hand;
        cursor:pointer;
        width:auto;
        }
        
/*div#sloupec1 h3 {width:100%;
        }*/        
div#sloupec1 ul {padding-left: .8em;
        text-align:left;
        margin: 5px 0;
        }

div#sloupec1.prouzek {margin-bottom: 20px;}
div#sloupec1 div#dolu {position: relative; width:100px;margin:0;padding:0;margin-left: auto; margin-right:auto;
}


  /*  pravySloupec  */  
div#sloupec3 {margin-left: 170px;width: 660px;}
div#sloupec3 h3 a {color:#FFF;
        text-align:left;}

div#sloupec3 div#info {width: 580px;margin-left: auto;margin-right: auto;text-align:justify;padding: 40px 0;text-indent: 3em;}         
div#sloupec3 div#info p {font-size: 1em;text-align:left;text-indent:2em;margin:0;padding:0;}

        
div#sloupec2 {margin-left: 1px;float:left;width: 660px;background: url(../design/bg.jpg) no-repeat;overflow: hidden;}
div#sloupec2 h3 a {color:#FFF;
        text-align:left;}

div#sloupec2 div#radek1 {text-align: center;font-weight:bold;width: 650px;overflow: hidden;}
div#sloupec2 div#radek1 form {margin-top: 10px;height: 100px;}
div#sloupec2 div#radek1 form select {color: #941318;
        border: 1px solid #000;}
div#sloupec2 div#radek1 form input.button {color: #941318;
        font-weight:bold;
        border: none;
        background:none;
        cursor: hand;
        cursor:pointer;
        float: right;
        position: relative;
        bottom: -10px;
        right: 50px;
        }
                
div#sloupec2 div#radek2 {
        float:left;
        width:100%;
        text-align: center;
        background: #FFF;
        padding:0;
        }        
        

div#sloupec2 div#radek2 h3 {
        border-top: 1px solid #000;
        text-indent: 10px;
        font-size: .85em;
        line-height: 1.5em;
        text-align:left;
                }
                
div#sloupec2 div#radek2 h3 a {color:#FFF;line-height: 1.5em;
        text-align:left;
        }        

div#sloupec2 div#radek2 div.jednotka {width: 215px;
        height:250px;
        float:left;
        overflow: hidden;
        margin-left: 1px;
        text-align: center;
        padding :0;
        font-family: Arial;
        }
        
div#sloupec2 div#radek2 h4 a{
        color: #941318;
        }
div#sloupec2 div#radek2 h4 {font-size: 100%;
        text-align: left;
        text-indent: 1px;
        padding-bottom: 5px;
        background: url(../design/pruh2.gif) no-repeat bottom left;
        }

div#sloupec2 div#radek2 div.jednotka img {border: none;
        margin-top: 5px;
        }
        
div#sloupec2 div#radek2 div.jednotka ul li{font-size: .8em;
        clear:both;
        text-align: left;
        margin-left:auto;
        margin-right: auto;
        }

div#sloupec2 div#radek2 div.jednotka ul li a{color:#000;
        }

div#sloupec2 div#radek2 ul li#predchozi {float:left;
        }

div#sloupec2 div#radek2 ul li#dalsi {float:right;
        }
div#sloupec2 div#radek2 ul.konecFloat {width: 100%;
        margin-bottom: 20px;
        }
div#sloupec2 div#radek2 a#selStr {
  font-weight: bold; 
  text-decoration:underline;
        }        
div#sloupec2 div#radek2 a {
  text-decoration:none; 
  color: #941318;
        }
.stred {text-align: center;
        }
        
div.stred {margin-top: .5em;}

/*  PATICKA */
div#paticka {width:100%;
        background-color: #000;
        line-height: 1em;
        text-align:right;
        }

div#paticka p {font-size: 50%;padding: 0 20px;}

/*  REGISTRACE  */

div#sloupec3 form {width:300px;
        margin-left: auto;
        margin-right: auto;
        }

div#sloupec3 p {padding-left: 2em;
        text-align: justify;
        padding-right: 2em;
        text-indent: 1em;
        margin-bottom: 1.5em;
        font-size: .85em;
        }
div#sloupec3 form p {
  text-align: center;
  
}
        
div#sloupec3 .cp {
position: relative; left: 45%;
  }
  
div#sloupec3 form input.button {color: #941318;
        margin-top: 1em;
        font-weight:bold;
        border: none;
        background:none;
        cursor: hand;
        cursor:pointer;
        }


div#sloupec3 table#regForm {width:400px;
        margin-left: auto;
        margin-right: auto;
        }

/*  HOME STRANKA  */


div#sloupec2 div#novinky {    
      margin-left:auto;
      margin-right:auto;
      margin-top: 10px;
      margin-bottom: 10px;
      width: 620px;
      height:340px;
      border:1px solid;
      background: #FFF;
      overflow:hidden;
      }

div#sloupec2 div#novinky div {float:left;
      overflow:hidden;
      width:400px;
      } 

div#sloupec2 div#novinky div#pravy {float:right;
      width: 215px;
      text-align:left;
      padding-top: 1em;
      text-indent:1em;
      font-size:.8em;
      font-weight: normal;
      }     

div#sloupec2 div#novinky div#pravy p {text-indent: 0px;}      

div#novinky div.jednotka h4 {
        font-size: 100%;
        text-align: right;
        text-indent: 1px;
        padding-bottom: 5px;
        margin-right: 10px;
        background: url(../design/pruh2.gif) no-repeat bottom right;
        }

div#novinky div.jednotka img {border: none;
        margin-top: 5px;
        width: 300px;
        height: 200px;
        }
        
/*  DETAIL ZBOZI  */
div#detail {margin: .5em 0;padding: .5em .8em; text-align:left; }        
div#detail img {cursor: hand;cursor:pointer;border: none;}



div#detail div#vlastnosti {width:105px;float:left;margin-top: 1em; text-align:center;overflow:hidden;}
div#detail div#vlastnost {width:200px;float:left;margin-top: 1em; text-align:center;}
div#detail div#vlastnosti div#detaily {width:100px;float:left;margin-top: 1em;text-align:center;}
div#detail div#obleceni {width:200px;float:left;margin-top: 1em;text-align:left;}
div#detail div#vlastnosti div#detaily img {width:90px;padding-left:2px; padding-right: auto; margin: 0;}
div#detail div#obleceni img {width:190px;}
 /*
div#detail div#obalKola {float:left;width:525px;padding-bottom: 2em;margin-top:1.5em;padding-right:0;margin-right:0;}
div#detail div#obalKola div#obrZbozi {float:left;}        
div#detail div#obalKola div#obrKola {float:left;}
div#detail div#obalKola div#obrKola img {width: 250px;}
div#detail div#obalKola div#parametryNakup { float:right;font-size: .8em;width: 190px;text-align:justify;}          
div#detail div#obalKola div#obrKola img#sedlovka {height: 300px;width:150px;}
*/
div#detail div#obalObuv {float:left;width:525px;padding-bottom: 1em;margin-top:1.5em;}
div#detail div#obalObuv div#obrZbozi {float:left;width: 320px;overflow: hidden;}        
div#detail div#obalObuv div#obrZbozi img {width:auto;max-height:400px;}
div#detail div#obalObuv div#obrObleceni {float:left;}        
div#detail div#obalObuv div#obrObleceni img {width: 200px;}                
div#detail div#parametryNakup { float:right;font-size: .8em;width: 190px;text-align:justify;margin:0;padding:0}
/*
div#detail div#parametryNakup input.button { font-size: .95em;color: #941318;text-align:right;border: 1px solid #000;position:absolute;right: 10px;}        
div#detail div#parametryNakup input.text { font-size: .95em;color: #941318;text-align:left;border: 1px solid #000;position:absolute;left: 0px;}
*/
div#detail div#parametryNakup input.doKosiku {margin-top: .1em;width:45px;height:36px;border: none;background: url(../design/basket.gif);cursor: hand;cursor:pointer;}        
div#detail div#parametryNakup form select { font-size: .95em;color: #941318;border: 1px solid #000;width:95%;}        
div#detail div#parametryNakup form select option {margin-right: .5em;}
div#detail div#parametryNakup p{margin-top:.5em;position:relative;line-height: 1.5em;}
div#detail div#parametryNakup p.pravy input {position:absolute; right: 10px;}
div#detail div#parametryNakup em{font-style:normal;color: #941318;position:absolute;right:10px;}

input#Zrusit {text-align: center;font-weight: bold;float:right;
font-size: .95em;color: #941318;border: 1px solid #000;cursor: hand;
        cursor:pointer;
}
input#show {text-align: center;font-weight: bold;float:left;
 font-size: .95em;color: #941318;border: 1px solid #000;cursor: hand;
        cursor:pointer;}
div#detail div#popisZbozi {text-align:justify;font-size: .9em;padding: 0 0 2em 2em;}
div#detail div#popisZbozi ul {clear:both;}

div#detail div#popisZbozi table {float:left;width: 100%;}
div#detail div#popisZbozi table td {padding-bottom: 5px;padding-right: 10px;}
div#detail div#popisZbozi table tr {vertical-align: top;}
div#detail div#popisZbozi h2 {font-size: 1.2em;}
div#detail div#popisZbozi h4 {background: none; margin:0;padding:0;}
div#detail div#popisZbozi p h2 {background: none; margin:0;padding:0;}

div#obalKola div#popisZbozi {float:right;position:relative;top:45px;width:300px;margin:0;padding:0;}

div#popisZbozi div#ITMset {text-align: center; width:100%;}

div#detail div#vyberZbozi {clear:both;}

div#detail div#Nakup {float:left;width:425px; text-align:center;}
div#Nakup table {border-collapse:collapse;
        margin: 2em 0 .5em 0;
        color: #941318;
        font-size:.85em;
        width:100%;
        
        }
div#Nakup table td {border:solid 1px #000;
        background: #ebebeb;
        padding: .5em .5em;
        }

td.levy {text-align:left;}

div#Nakup table td input {border:solid 1px #000;color: #941318;margin:0;}

div#Nakup table th {border:solid 1px #000;background:#000;color:#FFF;font-size:.95em;vertical-align: middle;padding: 0 5px;}    

div#Nakup table th.invisible {background:none;border:none;}

div#Nakup table td img {border:none;margin: 2px 0;}

div#Nakup input.doKosiku {margin-top: .1em;width:45px;height:36px;border: none;background: url(../design/basket.gif);cursor: hand;cursor:pointer;}

div#Nakup table td a h6 {margin: 2px 0; font-size:.9em;}
div#Nakup table td a {color: #941318;}


        }        
/* DETAIL POPIS TABULKA VELIKOSTI */
/*
div#tabulkaVelikosti {display:block;}
div#tabulkaVelikosti table {width: 98%;margin:0;padding:0;border-collapse:collapse;float:left;}
div#tabulkaVelikosti table td { border: 1px solid #000;margin:0;padding: 1px 3px;font-size: 90%;}
div#tabulkaVelikosti table tr { vertical-align:middle;}
div#tabulkaVelikosti table td.tabVelpopis{ font-weight:bold;text-align: left;}
div#tabulkaVelikosti table th.tabVelpopis{ font-weight:bold;text-align: center;}
div#tabulkaVelikosti table tr.stredni { background: #F4F4F4;text-align: center;vertical-align:middle;font-size: .8em; }
div#tabulkaVelikosti table tr.zmena { background: #FCFCFC;text-align: center;vertical-align:middle;font-size: .8em; }
*/
div#detail div#velikosti {width: 610px;}
div#detail div#velikosti table {height:200px;font-family: arial;font-size: .8em;display:inline;}
div#detail div#velikosti table td {text-align: center;padding: 1px 2px;margin:0;border-left: 1px dotted #000;}
div#detail div#velikosti table th {text-align: left;padding-top: 10px;font-weight:bold;}
div#detail tr.podtrhni td{border-bottom: 1px dotted #000;}
div#detail div#velikosti img {float:left;margin-top: 10px;}
div#detail div#velikosti .levy {text-align: left;border-left: none;}

/* OSOBNÍ ÚDAJE */

div#sloupec3 div#os_ud {width:100%;}

/*  KOSIK */

div#sloupec3 table#kosik {border-collapse:collapse;
        margin: 2em 1em .5em 1em;
        width: 630px;
        color: #941318;
        font-size:.85em;
        
        }
        
        
div#sloupec3 table#kosik td {border:solid 1px #000;
        text-align:center;
        background: #ebebeb;
        }

div#sloupec3 table#kosik td input {border:solid 1px #000;text-align:center;color: #941318;margin:0;}

div#sloupec3 table#kosik td input#spocti {border:none;background: url(../design/spocti.gif) no-repeat;
    width:20px;
    height:30px;
    cursor: hand;
    cursor:pointer; 
    margin:0;
    }
div#sloupec3 table#kosik td input#smaz {border:none;background: url(../design/zrus.gif) no-repeat;
    width:30px;
    height:30px;
    cursor: hand;
    cursor:pointer; 
    margin:0;
    }    

div#sloupec3 table#kosik th {border:solid 1px #000;background:#000;color:#FFF;font-size:.95em;vertical-align: middle;padding: 0 5px;}    

div#sloupec3 table#kosik th.invisible {background:none;border:none;}

div#sloupec3 table#kosik form td img {border:none;margin: 2px 0;height: 50px;}

div#sloupec3 form#odeslatKosik {text-align:right;width:90%;}

div#sloupec3 form#odeslatKosik input {margin-bottom: 2em;padding: 0 .5em;}

div#sloupec3 table#kosik td a h6 {margin: 2px 0; font-size:.9em;}
div#sloupec3 a {color: #941318;}

div#sloupec3 p#kosikFree {font-size: 1.3em;text-align:center;margin-top: 2em; }


/*  OBJEDNAVKY  */
div#sloupec3 table#kosik td {text-align:center;padding: .8em 0;}
div#sloupec3 table#kosik ul {
      color:#941318;
      list-style-position:inside;
      list-style-type: square;
      font-size:.85em;
      }
div#sloupec3 table#kosik ul li {margin: 0 5px;padding:0;color:#000;text-align:left;}

.green {color:#336600;}
.red {color: #941318;}
.modra {color: #3333FF;}

/*  GENEROVÁNÍ HESLA  */
div#radek1 form { text-align: center;}
div#radek1 form input {border: 1px solid #000;
        padding:.2em;
        color: #941318;
        clear:both;
        }
div#radek1 form input.send {color: #941318;
        font-weight:bold;
        border: none;
        background:none;
        cursor: hand;
        cursor:pointer;
        }
div#radek2 p#info { margin: 1.5em 3em;font-size:.8em;font-weight: bolder;}


/*  CHYBY */
input.err {
  background: #FF0000;
  }

ul.err {color: #FF0000;
  width:300px;
  margin-left:auto;
  margin-right:auto;
  }

div#sloupec1 ul#kontakt {text-align: center;
font-size: .75em;
padding: 1em 0;
margin:0;
}


/*  HACKY pro ruzne prohlizece  */
.konecFloat:after {
        content: ".";
        display: block;
        height: 0;
        clear:both;
        visibility:hidden;
}

.konecFloat {display: inline-table;}

/* IE Mac Hack\*/ 
* html .konecFloat {height: 1%;}
.konecFloat {display: block;}
/*end of Mac Hack*/