body, h1, h2, h3, h4, p, img, form, input, textarea, ul, li, fieldset { margin:0; padding:0; border:0; }
a { outline:none; }

body { background: url('images/background-novinky.gif'); font-family: Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center;}

#header { margin: 0px auto; width: 932px; height: 83px; text-align: left; }
  #header h1 { width: 372px; height: 83px; float: left; background: url('images/h1-novinky.png') no-repeat 2px 18px; text-indent: -9000px; }
  #header h1 a { display: block; width: 372px; height: 83px; }
  #header p { text-align: right; color: #000; font-size: 1.1em; text-transform: uppercase;}
  #header p.first { padding-top: 39px; padding-bottom: 5px; }
  #header p a { color: #fff; text-decoration: none; }
  #header p a:hover { color: #fff; text-decoration: underline; }

#menu { height: 47px; background: url('images/menu-novinky.gif') repeat-x left bottom; }
  #menu ul { list-style: none; width: 932px; height: 47px; margin: 0px auto; }
  #menu ul li { float: left; }
  #menu ul li a { display: block; height: 47px; background-position: 0px 0px; text-indent: -9000px; }
  #menu ul li a.novinky { width: 120px; background: url('images/a-novinky-novinky.gif'); }
  #menu ul li a.novinky:hover { background-position: -120px 0px; }  
  #menu ul li a.miminka { width: 130px; background: url('images/a-miminka-novinky.gif'); }
  #menu ul li a.miminka:hover { background-position: -130px 0px; }  
  #menu ul li a.holcicky { width: 122px; background: url('images/a-holcicky-novinky.gif'); }
  #menu ul li a.holcicky:hover { background-position: -122px 0px; }  
  #menu ul li a.chlapecci { width: 134px; background: url('images/a-chlapecci-novinky.gif'); }
  #menu ul li a.chlapecci:hover { background-position: -134px 0px; }  
  #menu ul li a.holky { width: 98px; background: url('images/a-holky-novinky.gif'); }
  #menu ul li a.holky:hover { background-position: -98px 0px; }  
  #menu ul li a.kluci { width: 99px; background: url('images/a-kluci-novinky.gif'); }
  #menu ul li a.kluci:hover { background-position: -99px 0px; }
  #menu ul li a.damy { width: 102px; background: url('images/a-damy-novinky.gif'); }
  #menu ul li a.damy:hover { background-position: -102px 0px; }  
  #menu ul li a.pani { width: 97px; background: url('images/a-pani-novinky.gif'); }
  #menu ul li a.pani:hover { background-position: -97px 0px; }  
  #menu ul li.active a { background-position: -120px 0px; }  

#container { background: #fff url('images/background-container.gif') repeat-x left top; }
  .wrapper { width: 932px; margin: 0px auto; text-align: left; overflow: auto; }
  .background { background: url('images/novinky.jpg') no-repeat left bottom; min-height: 450px; }  
  #container p { font-size: 1.2em; padding-bottom: 0.4em; text-align: justify; }  
  #container ul.kategorie { margin: 15px 20px 15px 0px; font-size: 1.1em; list-style: none; width: auto; float: left; }
  #container ul.kategorie li { padding: 2px 20px; }
  #container ul.kategorie li.licha { background: #f4f4f4; }
  #container ul.kategorie li a { font-weight: bold; text-decoration: none; color: #b42310; }
  #container ul.kategorie li a:hover { text-decoration: underline; color: #fea145; }

  #container #eshop { padding-left: 250px; }
  #container #eshop-detail { padding-left: 250px; }
  #container #eshop-detail h3 { background: none; color: #fa7c07; margin: 10px 0px; font-size: 1.6em; border-bottom: 1px dotted #b42310; }

  #container #kluk { width: 604px; height: 430px; background: url('images/intro.jpg') no-repeat left bottom; float: left; }
  #container #kluk h2 { text-indent:-9000px; width: 604px; height: 374px; background: url('images/h2-vecicky-novinky.gif') no-repeat 250px 10px; }
  
  #container .zbozi { width: 220px; margin: 2px; float: left; height: 108px; text-align: center; border-right: 1px solid #f9c595; border-bottom: 1px solid #f9c595; }
  #container .zbozi a { color: #b42310; font-size: 1.1em; text-decoration: none; }
  #container .zbozi a:hover { color: #fa7c07; text-decoration: underline; }
  #container .zbozi span { font-size: 1.1em; font-weight: bold; }
  #container .sleva { float: right; margin-bottom: 10px; width: 255px; border: 0px; background: url(images/sleva-novinky.gif) no-repeat right top; }
  #container .novinka { float: right; margin-bottom: 10px; width: 255px; border: 0px; background: url(images/nove-novinky.gif) no-repeat right top; }

  #container a { color: #b42310; }
  #container a:hover { color: #64140a; }

  #container table.kosik th { background: #fa7c07; color: #fff; }
  #container table.kosik td { border-bottom: 1px solid #f69339; }
  #container table.kosik td.nazev { color: #b42310; font-weight: bold; }

h2 { color: #b42310; font-size: 1.8em; padding: 15px 0px 10px 0px; }
h2.uvod { text-align:right; }
h3 { background: #fa7c07; color: #fff; padding: 2px 10px; font-size: 1.3em; margin-bottom: 8px; }

#footer { min-height: 110px; background: url('images/menu-novinky.gif') repeat-x left top; font-size: 1.1em; }
  #footer p.copy { color: #fff; text-align: center; padding-bottom: 10px; }
  #footer p.dopo { color: #f69339; font-weight: bold; height: 28px; line-height: 28px; float: left; padding-left: 10px; }
  #footer p.dopo span { color: #fff; text-decoration: underline; }
  #footer p.dopo a { color: #f69339; text-decoration: none; }
  #footer p.dopo a:hover { color: #fff; text-decoration: underline; }
  #footer p.novinky { text-align: right; color: #f69339; height: 28px; line-height: 28px; float: right; padding-left: 10px; }  
  #footer p.novinky a { text-align: left; float: right; display: block; width: 88px; height: 22px; background: url('images/zaregistrovat-novinky.gif') no-repeat;
                        text-indent: -9000px; margin: 3px 0px 0px 5px; }
  #footer ul { list-style: none; display: block; margin: 20px auto; border: 2px solid #b42310; background: #fa7c07; overflow: auto; }
  #footer ul li { float: left; padding: 9px; background: url('images/footer-li-novinky.gif') no-repeat left 9px;}
  #footer ul li.first { background: none;}
  #footer ul li.last { background: none; float: right; color: #fff; }
  #footer ul li a { color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase;}
  #footer ul li a:hover { color: #fff; text-decoration: underline; }

.break { clear: both;}