body { background-color: #ccc; }
a { color: #4c7ca2; }

#topBanner { background-image: url('../images/top.jpg'); height: 140px; }
#topBanner h1 { margin: 5px 0px 5px 48px; }
#topBanner h1 a { width: 103px; height: 100px; }
#topBanner h1 .topMenu { width: 897px; height: 130px; }
#topBanner .topMenu .boxbasket { background-color: #e4edf4; border: 1px solid #e4edf4; float: left; }
#topBanner .topMenu .boxbasket h4 { background-color: #4c7ca2; color: #fff; }

#menuBanner { background: none; font-size: 0.7em; }
#menuBanner ul li a { padding: 6px 6px 6px 6px; }
#menuBanner ul li a:hover, #menuBanner ul li a.selected { background-color: #4c7ca2; }

#content { }
#content h1 { color: #000; }
#content h2 { color: #4c7ca2; }

#katalog a { color: #fff; background-color: #5791be; }
#katalog ul li a { padding-left: 10px; background: none; background-color: #5791be; }
#katalog ul li a:hover, #katalog ul li a.selected, #katalog ul li a.routed { background-color: #4c7ca2; color: #fff; }
#katalog ul li a.routed { background-color: #4c7ca2; color: #fff; }
#katalog ul ul li a { padding-left: 25px; background: none; background-color: #64a5d8; }
#katalog ul ul ul li a { padding-left: 45px; background: none; background-color: #9cc5e6; }

table.kosik th { background-color: #4c7ca2; }

form input.tlacitko { background-color: #4c7ca2; }

.web_info { background-color: #e4edf4; border: 1px dotted #4c7ca2; }
.web_warning { background-color: #e4edf4; border: 1px dotted #4c7ca2; }

#basket .cena span { color: #4c7ca2; }

.poleset legend { background-color: #4c7ca2; color: #fff; }

#news_index { clear: both; }
#news_index .news_index1 { clear: both; margin-top: 10px; background-color: #727272; color: #fff; }
#news_index .news_index1 h1 { clear: both; background-color: #5791be; color: #fff; font-size: 1.1em; padding: 5px 10px 5px 10px; }
#news_index .news_index1 img { float: left; margin: 0 15px 15px 0; }
#news_index .news_index1 a { color: #fff; text-decoration: underline; }




#content .products ul li {
  clear: both;
  width: 560px;
  height: 170px;  
  border: 0px;
  margin-bottom: 5px;
  background: url('../images/product-list.jpg') 0px 0px no-repeat;
  font-size: 0.9em;
}

#content .products ul li .ram {
  padding: 0px;
}

#content .products ul li .ram h1 {
  color: #6c6e70;
  height: 20px;
  padding: 5px 10px 5px 10px;
}

#content .products ul li .okolo {
  padding: 5px 5px 0px 5px;
  height: 135px;
  width: 95px;
  margin: 0;
  float: left;
}

#content .products ul li .okolo2 {
  padding: 5px 5px 0px 5px;
  height: 110px;
  width: 440px;
  margin: 0;
  float: right;
}

#content .products ul li .okolo2 .cena {
  clear: both;
  height: 45px;
  font-size: 1.5em;
  margin-top: 10px;
}

#content .products ul li .okolo2 .cena .leve {
  float: left;
  width: 320px;
}

#content .products ul li .okolo2 .cena .leve span {
  font-size: 0.8em;
}

#content .products ul li .okolo2 .cena .prave {
  float: right;
  width: 120px;
}

#content .products ul li .okolo2 form {
  margin: 0;
}

#content .products ul li .okolo3 {
  margin: 0;
  height: 20px;
  width: 430px;
  padding: 0 10px 0 0;
  float: right;
  text-align: right;
  font-weight: bold;
}

#content .products ul li p {
  text-align: right;
  margin: 0;
  padding: 0 0 0 0;
}

#content .products ul li .okolo2 .priznaky {
  text-align: left;
  clear: both;
  margin-top: 0px;
}


table.cenik { width: 560px; }
table.parametry { width: 560px; }

#product .priznaky {
  float: left;
  clear: none;
}

#product .cenik {
  font-size: 0.9em;
}

#product table.cenik th { background-color: #4c7ca2; }


#product .fotogalerie img {
  border: 1px solid #ccc;
}




.tlacitka a { height: 19px; float: left; margin: 2px 2px 0px 0; padding: 0 0 0 9px; text-decoration: none; background-repeat: no-repeat; background-position: left top; }
.tlacitka a span { float: left; padding: 1px 14px 3px 5px; font-size: 11px; font-weight: bold; color: #fff; display: block;  background-repeat: no-repeat; background-position: right top; }

.tlacitka a.modry { background-image: url('../images/button-modry-left.png'); }
.tlacitka a.modry span { background-image: url('../images/button-modry-right.png'); }
.tlacitka a.cerveny { background-image: url('../images/button-cerveny-left.png'); }
.tlacitka a.cerveny span { background-image: url('../images/button-cerveny-right.png'); }
.tlacitka a.zluty { background-image: url('../images/button-zluty-left.png'); }
.tlacitka a.zluty span { background-image: url('../images/button-zluty-right.png'); }
.tlacitka a.zeleny { background-image: url('../images/button-zeleny-left.png'); }
.tlacitka a.zeleny span { background-image: url('../images/button-zeleny-right.png'); }

.tlacitka a.vyhledavani { background-image: url('../images/button-cerny-left.png'); }
.tlacitka a.vyhledavani span { background-image: url('../images/button-cerny-right.png'); }

.tlacitka a span { float: none; } /* End IE5-Mac hack */
.tlacitka a:hover span {  }
.tlacitka #current a { background-position:0 -125px; }
.tlacitka #current a span { background-position:100% -125px; color: black; }


.fontmaly { font-size: 0.9em; color: #999; }