html {font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; background: #FFC116 url('images/bg.png') repeat-x top;}
body {width: 985px; height: 500px; padding: 0 61py; margin: 0 auto; font-size: small; background: url('images/bg-body.png') repeat-y center;}

.clear {clear: both;}
.hidden {display: none;}
.center {text-align: center;}

a img {border: none;}
a {text-decoration: underline; color: white;}
a:hover {text-decoration: none;}


h1 {position: relative; height: 50px; margin: 0; padding: 25px; font-size: medium; background: white;}
h1 span {position: absolute; top: 15px; left: 24px; width: 333px; height: 66px; background: url('images/logo.jpg') no-repeat;}

#content {background: url('images/bg-content.gif') repeat-y left; font-size: 95%;}
#content2 {padding: 93px 0 0 0; background: url('images/bg-top.jpg') no-repeat top;}
*+html #content2 {min-height: 93px;}
* html #content2 {height: 93px;}
.odrazka {margin: 0 0 5px 0; padding: 0 0 0 20px; background: url('images/novinka.gif') no-repeat 0 5px;}
.odrazka strong {color: #FF9844; font-weight: normal;}
.odrazky {margin: 5px 0; padding: 0; list-style: none;}
.odrazky li {margin: 0 0 5px 0; padding: 0 0 0 20px; background: url('images/novinka.gif') no-repeat 0 5px;}
.odrazky li strong {color: #FF9844; font-weight: normal;}

#left {float: left; width: 268px; margin: 135px 0 0 0; min-height: 155px; padding: 5px 10px; color: white; background: #3C3C58 url('images/bg-blue.gif') repeat-x top;}
* html #left {height: 155px;}
#left h2 {margin: 0 0 10px 0; padding: 0 0 0 20px; font-size: medium; background: url('images/h-arrow.gif') no-repeat 0 5px;}

#center {float: left; width: 148px; min-height: 516px; color: white; background: #FFC116 url('images/bg-yellow.gif') repeat-x 0 162px;}
* html #center {height: 516px;}
#menu {margin: 0; padding: 0; list-style: none;}
#menu li {position: relative; height: 27px;}
#menu a {display: block; height: 27px; padding: 0 30px; line-height: 27px; color: white; text-align: right; font-weight: bold;}
#menu a span {position: absolute; top: 0; left: 0; width: 148px; height: 27px; cursor: pointer; background-image: url('images/menu.gif');}
#menu1 span {background-position: 0 0;}
#menu1 a:hover span {background-position: 148px 0;}
#menu2 span {background-position: 0 -27px;}
#menu2 a:hover span {background-position: 148px -27px;}
#menu3 span {background-position: 0 -54px;}
#menu3 a:hover span {background-position: 148px -54px;}
#menu4 span {background-position: 0 -81px;}
#menu4 a:hover span {background-position: 148px -81px;}
#menu5 span {background-position: 0 -108px;}
#menu5 a:hover span {background-position: 148px -108px;}
#menu6 span {background-position: 0 -135px;}
#menu6 a:hover span {background-position: 148px -135px;}
#center p {padding: 0 10px;}

#right {float: right; width: 529px; margin: 135px 0 0 0; padding: 5px 10px; min-height: 155px; color: white; background: #3C3C58 url('images/bg-blue.gif') repeat-x top;}
* html #right {height: 155px;}
#right h2 {margin: 0 0 10px 0; padding: 0 0 0 20px; font-size: medium; background: url('images/h-arrow.gif') no-repeat 0 5px;}

#bottom {clear: both; height: 86px; background: #D9CBC2;}
#bottom p {height: 43px; line-height: 43px; padding: 0; margin: 0; text-align: center; font-size: 95%;}
#bottom a {color: black; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}