/******************************************/
/*          novej styl                    */

body{
  padding: 0;
  margin: 0;
  text-align: center;
  background: #333333;
  
  font-size: 12px;
  font-family: Verdana, Tahoma;
  color: #000;  
}

.horni{
  margin: 0 auto;
  width: 1060px;
  text-align: left;
}

.horni .flash{
  float: left;
  width: 100%;
  height: 270px;
  overflow:hidden;
}

.pod-horni{
  width: 100%;
  float: left;
  height: 42px;
  background: black;
  padding: 0;
  margin: 0;
  color: #ffffff;
}

.kosik-horni{
  float: right;
  width: 170px;
  padding-top: 13px;
}

.kosik-horni a{
  color: white;
  text-decoration: none;
}

.kosik-horni a:hover{
  color: red;
}

.horni h2{
  float: left;
  width: 500px;
  padding-top: 11px;
  padding-left: 20px;
  letter-spacing: -1px;
  font-family: arial;
}

.horni h1{
  float: left;
  width: 500px;
  padding-left: 20px;
  letter-spacing: -1px;
  font-family: arial;
  font-size: 17px;
}

.hlavni{
  width: 1020px;
  margin: 0 auto;
  background: #ffffff;
  padding: 20px;
  padding-top: 0px;
}

.hlavni .kategorie{
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.hlavni .kategorie li{
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
}

.hlavni .kategorie a{
  font-weight: normal;
  font-size: 9px;
  color: #9a9a9a;
  font-family: Verdana;
  text-decoration: none;
}

.hlavni .kategorie .active{
  font-weight: bold;
}

.hlavni h1{
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #bababa;
  font-family: arial;
  font-size: 16px;
  letter-spacing: -1;
  text-align: left;
}

.kategorie-sortiment{
  float: left;
  width: 340px;
  padding-bottom: 20px;
}

.kategorie-sortiment img{
  border: 0;
}

.spodni{
  width: 1060px;
  margin: 0 auto;
  text-align: left;
  background: #ffffff;
  padding-top: 100px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 11px;
  background-image: url("images/angry_logo.gif");
  background-repeat: no-repeat;
  background-position: center;

}

.spodni a{
  font-size: 11px;
  color: #000000;
  font-weight: normal;
}

.spodni a:hover{
  font-size: 11px;
  color: #555555;
}

.clear{
  clear: both;
}

.sortiment{
  float: left;
  width: 100%;
  padding-top: 20px;
}

.sortiment img{
  float: left;
  padding-right: 12px;
  width: 188px;
}

.sortiment h1{
  float: left;
  width: 810px;
  padding: 0;
  margin: 0;
  padding-bottom: 8px;
}

.sortiment .cena{
  float: left;
  width: 810px;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 10px;
  border: 0;
}

.sortiment p{
  float: left;
  width: 810px;
  text-align: justify;
  color: #333333;
}

.do-kosiku-pridat{
  float: right;
  width: 138px;
  text-align: center;
}

.do-kosiku-pridat .sold{
  width: 78px;
  float: none;
  border: 1px solid black;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-lefT: 11px;
}

.do-kosiku-pridat form{
  width: 100%;
  border: 1px solid black;
  padding-top: 11px;
  padding-bottom: 11px;
}

.do-kosiku-pridat input{
  font-size: 11px;
  padding: 2px;  
}

.do-kosiku-pridat .submit{
  background-image: url("images/button_in_cart.gif");
  width: 90px;
  height: 36px;
  border: 0;
  margin-top: 10px;
}

.obsahova-cast{
  float: left;
  width: 100%;
  padding-top: 20px;
  text-align: left;
  font-family: Verdana, Tahoma;
  line-height: 17px;
  font-size: 12px;
}

.obsahova-cast h2{
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  font-size: 13px;
  padding-bottom: 8px;
  color: #9a9a9a;
}

.obsahova-cast h3{
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  font-size: 13px;
  padding-bottom: 4px;
  color: #000000;
}

.obsahova-cast p{
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
}

.obsahova-cast a{
  color: #9a9a9a;
  text-decoration: none;
}

.obsahova-cast a:hover{
  color: #000000;
  text-decoration: none;
}

.categoryImage{
  display: block;
  width: 340px;
  float: left;
  text-align: center;
  padding-bottom: 20px;
}

.categoryImage a{
  color: #9c0000;
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
  border: 0;
}

.categoryImage img{
  border: 0;
}

.categoryImage h2{
  padding: 0;
  margin: 0;
}

.addToCartError{
  width: 100%;
  background: red;
  color: #ffffff;
  float: left;
  padding-top: 8px;
  padding-bottom: 8px;
}

.tableKosik{
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 11px;
}

.tableKosik thead{
  background: #cacaca;
  color: #333333;
  font-family: Arial;
  border-bottom: 1px solid #9a9a9a;
  width: 100%;
}

.tableKosik tfoot{
  background: #e9e9e9;
  color: #5a5a5a;
  font-family: Arial;
  border-top: 1px solid #9a9a9a;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.tableKosik thead th{
  padding-top: 6px;
  padding-bottom: 6px;
}

.tableKosik tbody{
    font-size: 10px;
    color: #9c0000;
}

.tableKosik tr{
}

.tableKosik td{
  text-align: center;
}

.tableKosik .table-left{
  text-align: left;
}

.tableKosik td img{
  float: left;
  padding-right: 12px;
}

.tableKosik td input{
  float: left;
  font-size: 10px;
  padding:2px;
}

.tableKosik .row-1{
  background: #f0f0f0;
}

.objednavka_formular{
  float: left;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #cccccc;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 11px;
}

.objednavka_formular table{
  float: left;
  margin-bottom: 6px;
}

.formular{
  width: 500px;
}

.errors{
  float: left;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  background: red;
  color: #ffffff;
}

.objednavka_formular small{
  float: left;
  width: 100%;
  padding-top: 6px;
  color: red;
}

.tableKosik .row-2{
  background: #e8e8e8;
}

.v-kosiku-mate{
  font-size: 10px;
  float: left;
  width: 100%;
  padding-bottom: 8px;
  color: red;
}

.sortimentImages{
  float: left;
  width: 500px;
}

.sortimentImages img{
  float: left;
  width: 140px;
  margin-right: 6px;
}

.kontakt-form{
  float: left;
  width: 996px;
  border: 1px solid #d7d7d7;
  padding: 10px;
  margin: 0;
}

.kontakt-form label{
  width: 150px;
  float: left;
}

.kontakt-form input{
  padding: 4px;
  width: 200px;
  margin-bottom: 6px;
}

.kontakt-form textarea{
  padding: 4px;
  width: 500px;
  height: 150px;
  float: left;
}

.obsahova-cast p{
  float: left;
  width: 100%;
}

.obsahova-cast .pToLeft{
  width: 240px;
  float: left;
}

.obsahova-cast ol{
  float: left;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-bottom: 20px;
}

.obsahova-cast ol li{
  float: left;
  width: 90%;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-bottom: 4px;
}

.obsahova-cast ul{
  float: left;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-bottom: 20px;
}

.obsahova-cast ul li{
  float: left;
  width: 90%;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-bottom: 4px;
}

.obsahova-cast table{
  float: left;
  padding-bottom: 16px;
}

.obsahova-cast table thead{
  background: #EAEAEA;
}

.odeslat{
  float: left;
  width: 60px;
  margin-left: 150px;
}

.chyba{
  color: red;
  font-weight: bold;
}

.send-objednavka{
  margin-top: 20px;
  float: left;
  width: 990px;
  padding: 10px;
  border: 1px solid green;
  text-align: left;
}