html {height: 100%; font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; background: #A8A9AD url('../images/bg.gif') repeat-x top;}
body {width: 787px; min-height: 100%; padding: 0 31px; margin: 0 auto; font-size: small; color: #231F20; background: url('../images/content_bg.png') repeat-y;}
* html body {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content_bg.png', sizingMethod='scale'); background-image: none;}

.clear {clear: both;}
.hidden {display: none;}
.right {float: right;}

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

h1 {margin: 0; height: 136px; position: relative;}
h1 span {width: 787px; height: 136px; position: absolute; top: 0; left: 0; background: url('../images/head.gif') no-repeat top center;}

ul#top-menu {margin: 0; height: 162px; padding: 0; list-style: none;}
ul#top-menu li {float: left; height: 162px; position: relative;}
ul#top-menu li span {position: absolute; top: 0; left: 0; height: 162px;}
ul#top-menu #top-menu1 {width: 200px;}
ul#top-menu #top-menu1 span {width: 200px; background: url('../images/obchody.jpg') no-repeat top;}
ul#top-menu #top-menu2 {width: 190px;}
ul#top-menu #top-menu2 span {width: 190px; background: url('../images/o_spol.jpg') no-repeat top;}
ul#top-menu #top-menu3 {width: 187px;}
ul#top-menu #top-menu3 span {width: 187px; background: url('../images/spolupracujeme.jpg') no-repeat top;}
ul#top-menu #top-menu4 {width: 207px;}
ul#top-menu #top-menu4 span {width: 207px; background: url('../images/kontakt.jpg') no-repeat top;}
ul#top-menu li a:hover span {background-position: bottom !important;}

#left {float: left;}

.box {position: relative; width: 183px; margin: 5px 0; background: url('../images/submenu_bg.gif') repeat-y;}
.box h3 {margin: 0; height: 25px; padding: 15px 20px 0 20px; color: white; font-weight: normal; background: url('../images/submenu_head.gif') no-repeat;}
.box-bottom {height: 10px; width: 183px; background: url('../images/submenu_bottom.gif') no-repeat;}
* html .box-bottom {position: absolute; bottom: -10px; height: 10px; width: 183px; background: url('../images/submenu_bottom.gif') no-repeat;}
.box ul {margin: 5px 0; padding: 0; list-style: none;}
.box ul li {display: block;}
.box ul li a {display: block; height: 21px; padding: 0 5px 0 15px; text-decoration: none; color: #231F20;}
.box ul ul li a {padding: 0 5px 0 25px;}
.box ul ul ul li a {padding: 0 5px 0 35px;}
.box ul ul ul ul li a {padding: 0 5px 0 45px;}
.box ul li a:hover {color: white; padding: 0 5px 0 25px; background: url('../images/submenu_bg_hover.gif') repeat-y;}
.box ul ul li a:hover {padding: 0 5px 0 35px;}
.box ul ul ul li a:hover {padding: 0 5px 0 45px;}
.box ul ul ul ul li a:hover {padding: 0 5px 0 55px;}
.box p {margin: 10px 15px;}

#left-copy {margin: 5px 15px; color: #838383;}

#content {float: right; width: 580px; padding: 0;}
#content h2 {margin: 15px 0; font-size: x-large;}
#content h2:first-letter {color: #EF3331;}

a.shop {float: left; width: 260px; height: 440px; padding: 10px; margin: 0 10px 10px 0; background: #E6E7E9; text-decoration: none; color: black;}
a.shop strong {text-decoration: underline; font-size: medium; font-weight: normal;}
a.shop:hover {color: white; background: #ED3431;}