body, h1, h2, h3, h4, h5, h6, ul, li, ol, form, input, fieldset, legend, textarea, p, dl, dd { margin: 0; padding: 0; }
body { background-color: #faebcf; background-image: url(bg_tile.gif); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	line-height: 18px; }
p { line-height: 20px; margin-bottom: 10px; color: #494265; }
.cistic { clear: both; }
h1 { color: #494265;	line-height: 26px; font-size: 24px;	margin-bottom: 16px; }
h2 { color: #d63834; font-size: 14px; line-height: 16px;}
h3 {color: #d63834; font-size: 12px; line-height: 14px; text-align: center; margin: 10px 0 5px 0;}
table {width: 100%; color: #494265; }
table td.prvy {width: 60%;}
a { color: #000; font-weight: bold; }
a:hover { text-decoration: none; }
li { list-style: none; }

#container { width: 975px; margin: 0px auto; background-image: url(top_bg.jpg); background-repeat: no-repeat; }
#hlavicka { position: relative; height: 445px; }
#logo { width: 357px; height: 64px; position: absolute; left: 3px; top: 18px; overflow: hidden; }
#logo h1 { font-size: 17px; width: 357px; height: 64px; }
#logo h1 a { width: 357px; height: 64px; position: relative; }
#logo h1 a span { cursor: pointer; width: 357px; height: 64px; background-image: url(logo.jpg); position: absolute; left: 0; top: 0; }
#menu { width: 531px; height: 94px; position: absolute; left: 8px; top: 270px; background-image: url(menu_bg.jpg); }
#nav { position: absolute; left: 26px; top: 23px; width: 476px; height: 40px; overflow: hidden; }
#nav li { float: left; }
#nav li a { font-size: 16px; }
#onas { width: 90px; }
#cena { width: 245px; }
#onas a { width: 90px; height: 47px; position: relative; }
#onas a span { cursor: pointer; width: 90px; height: 47px; position: absolute; left: 0; top: 0; background-image: url(onas.gif); }
#cena a { width: 245px; height: 47px; position: relative; }
#cena a:hover span, #onas a:hover span, #fotog a:hover span, .hover span { background-position: 0 47px; }
#cena a span { cursor: pointer; width: 245px; height: 47px; position: absolute; left: 0; top: 0; background-image: url(cena.gif); }
#fotog a { width: 141px; height: 47px; position: relative; }
#fotog a span { cursor: pointer; width: 141px; height: 47px; position: absolute; left: 0; top: 0; background-image: url(fotog.gif); }
#content { padding-left: 25px; }
#lavy { width: 455px; margin-right: 20px; float: left; }
#lavy ul {margin-left: 15px; padding-left: 15px;}
#lavy li {color: #494265; list-style-type: disc; margin-bottom: 10px;}
#lavy h2 {margin: 10px 0 5px 0;}
#lavy p.foto a {margin: 10px;}
#lavy p.foto a img {border: 3px double #E7C775;}
#pravy { width: 475px; float: left; }
#brands { margin-top: 270px; }
#brands li { width: 118px; height: 50px; float: left; position: relative; margin-bottom: 20px; }
#brands li span { position: absolute; left: 0; top: 0; width: 118px; height: 50px; }
#br_pep span { background-image: url(br_pep.gif); }
#br_qui span { background-image: url(br_qui.gif); }
#br_hil span { background-image: url(br_hil.gif); }
#br_rep span { background-image: url(br_rep.gif); }
#br_lac span { background-image: url(br_lac.gif); }
#br_adi span { background-image: url(br_adi.gif); }
#br_lau span { background-image: url(br_lau.gif); }
#br_nex span { background-image: url(br_nex.gif); }
#paticka { width: 975px; height: 150px; margin-top: 30px; background-image: url(paticka.gif); background-repeat: no-repeat; }
#paticka ul { padding-left: 25px; padding-top: 30px; }
#paticka ul li { width: 225px; padding-right: 16px; height: 150px; float: left; }
ul li.last { padding-right: 0 !important; }
#paticka h2 { margin-bottom: 10px; }
#paticka p { color: #d63834; }
#paticka a { color: #d63834; }
#paticka p#copyright {text-align: right; margin-right: 22px;}
