/* konstrukce */
html {margin: 0; padding: 0; height: 100%;}
body {height: 100%; background: #fff; margin: 0; padding: 0; font-family: arial; font-size: 13px; color: #000;}
form {margin: 0; padding: 0;}
input {font-family: arial;}
div {height: 0px;}

html>body div {height: auto;}

.cleaner {height: 1px; overflow: hidden; clear: both; display: block;}

#container {position: relative; width: 960px; margin: 0px auto 0px auto; xbackground: url(/img/bg-left.jpg) repeat-y left top;}
#c-header {position: relative; height: 316px; xbackground: orange;}
#header-top {position: relative; height: 95px; background: #E9E9DC;}
#logo {position: absolute; width: 200px; left: 45px; top: 16px; xbackground: yellow; font-weight: bold;}
#logo strong {font-size: 30px; color: #C40000;}
#header-text {position: absolute; top: 95px; left: 565px; height: 180px; width: 395px; background: #AEA069;}
#header-text-top {position: absolute; top: 95px; left: 565px; height: 180px; width: 395px; color: #FFFFFF;}
#header-text-top ul {margin: 0px; padding: 15px 0px 10px 35px; list-style-type: none;}
#header-text-top li {font-size: 13px; color: #FFFFFF; font-style: italic; letter-spacing: 1px; padding: 3px 0px 2px 0px;}
#header-text-top li img {vertical-align: middle;}
#header-bg {position: absolute; top: 0px; left: 0px; width: 960px; height: 316px; background: url(/img/header-bg.jpg) no-repeat left top;}

#c-body {position: relative; background: url(/img/c1-bg.gif) repeat-y left top; width: 100%;}
#column-1 {position: relative; background: #F4F4F0; float: left; width: 218px; margin-top: -29px;}
#column-2 {position: relative; xbackground: green; float: right; width: 715px; overflow: hidden; _height: auto;}

#column-1 ul {position: relative; padding: 0px; margin: 0px; list-style-type: none; }
#column-1 ul li {position: relative; padding: 0px 0px 0px 0px; margin: 0px; border-bottom: solid 1px #D8D9D4; background: url(/img/m.gif) no-repeat 20px 8px;}
#column-1 ul li a {position: relative; display: block; padding: 6px 0px 3px 40px; margin: 0px; font-size: 16px; color: #000; text-decoration: none; _height: 0px;}
#column-1 ul li a:hover {text-decoration: underline;}
#b-order {position: relative; height: 194px; margin-top: 17px;}

.shop-line {position: relative; margin: 0px -50px 0px 0px; background: url(/img/shop-line.gif) repeat-y 0px 0px; width: 755px;}
.shop-box {position: relative; float:left; width: 225px; background: #EAEADE; margin-right: 20px;}
.shop-box h2 {position: relative; height: 40px; padding: 0px; margin: 0px; font-size: 16px; overflow: hidden; _height: auto; background: url(/img/label-bg.gif) no-repeat 0px 0px #CE0000; color: #000;}
.shop-box h2 a {position: relative; left: 13px; top: 12px; color: #fff; text-decoration: none;}
.shop-box h2 a:hover {text-decoration: underline;}
#em {position: relative; height: 96px; background: url(/img/em.jpg) no-repeat 0px 0px;}
#hm {position: relative; height: 96px; background: url(/img/hm.jpg) no-repeat 0px 0px;}
#nm {position: relative; height: 96px; background: url(/img/nm.jpg) no-repeat 0px 0px;}
.shop-box ul {position: relative; padding: 10px 0px 14px 0px; margin: 0px; list-style-type: none; border-top: solid 1px #fff;}
.shop-box li {position: relative; padding: 0px; margin: 0px; list-style-type: none; background: url(/img/odd.gif) no-repeat 20px 8px;}
.shop-box li a  {position: relative; padding: 3px 0px 3px 30px; display: block; margin: 0px; text-decoration: underline; color: #000; _height: 0px;}

#footer {margin-top: 10px; padding: 8px; position: relative; background: url(/img/footer-bg.gif) repeat-x 0px 0px; border-top: solid 5px #B80000; color: #686868; font-size: 11px; text-align: center;}
#footer a {color: #B80000;}