#content.content-main-page { padding: 0;  }
#content.content-main-page #content-box { text-align: justify; }

#content-box { width: 576px; float: left; margin-left: 10px; }
#text-box { padding: 0 30px 0 20px; }
#content-box .inner { /*padding-left: 25px; padding-right: 10px;*/ }
#content-box h1 { margin-bottom: 0.25em; }
#content-box p { margin-top: 0.25em; line-height: 1.5em; font-size: 1.1em; }

#special-offers { width: 344px; float: right; }

#special-offers .header { background: url(../images/main_page/special_offers_header.jpg) no-repeat center top; height: 104px; }
#special-offers .header h2 { color: white; margin: 0; position: relative; top: 35px; left: 30px; } 
#special-offers .header h2 a { color: white; }
#special-offers .header h2 a:hover {  }
#special-offers .body { background: url(../images/main_page/special_offers_body.gif) repeat-y left top; min-height: 280px; _height: 280px; }
#special-offers .footer { background: url(../images/main_page/special_offers_footer.jpg) no-repeat center bottom; height: 22px; }

#special-offers .item { padding: 10px 25px 10px 35px; color: #392a21; }
#special-offers .item a { color: #392a21; text-decoration: underline; }
#special-offers .item a:hover { color: #6e9d1a; border: 0; } 
#special-offers .item-header { font-weight: bold; display: block; }
#special-offers .item-body { float: left; width: 247px; }

#special-offers .item-morelink { float: right; }
#special-offers .item-morelink a { text-decoration: none; background: url(../images/main_page/special_offers_morelink.gif) no-repeat center center; height: 30px; width: 30px; display: block;  }
#special-offers .item-morelink a:hover { background-image: url(../images/main_page/special_offers_morelink_act.gif); }

#site-navigation { clear: both; margin-bottom: 20px; }

#site-navigation .navigation-panel { width: 235px; height: 377px; float: left;  background: url() no-repeat left top; }
#site-navigation .navigation-panel-o-nas { background-image: url(../images/main_page/navigation_panel_o_nas.jpg); }
#site-navigation .navigation-panel-darkove_poukazy { background-image: url(../images/main_page/navigation_panel_darkove_poukazy.jpg); }
#site-navigation .navigation-panel-lecebna_pece { background-image: url(../images/main_page/navigation_panel_lecebna_pece.jpg); }
#site-navigation .navigation-panel-wellness { background-image: url(../images/main_page/navigation_panel_wellness.jpg); }

.navigation-panel { color: white; }
.navigation-panel a { color: white; }
.navigation-panel a.active, .navigation-panel a:hover { color: white; border-color: white; }
.navigation-panel h1 a { line-height: 1.2em; /*border-bottom: 2px transparent solid;*/ font-weight: normal; display: block; padding-top: 20px; }
.navigation-panel h1 a.active, .navigation-panel h1 a:hover { vertical-align: middle; text-decoration: none; border: 0; }

.navigation-panel .header { height: 84px; }
.navigation-panel .header:hover { background: url(../images/btn_shadow.png) no-repeat 12px 14px;}
.navigation-panel-o-nas .header:hover { background-position: 16px 14px; }
.navigation-panel-darkove_poukazy .header:hover { background-position: 8px 14px; }
.navigation-panel .header h1 { margin:0; position: relative; left: 35px; width: 120px; line-height: 0.8em; }

.navigation-panel .body { height: 160px; }
.navigation-panel .footer { height: 139px; }
.navigation-panel .navigation-morelink { float: right; margin-right: 18px; }
.navigation-panel .navigation-morelink a { padding-right: 22px; background: url(../images/main_page/navigation_morelink.png) no-repeat right center; }
.navigation-panel .navigation-morelink a .label { border-bottom: 1px white solid; }
.navigation-panel .navigation-morelink a.active, .navigation-panel .navigation-morelink a:hover { border-bottom: 0;}

ul.navigation { font-size: 0.95em; font-weight: bold; padding: 12px 25px 0 38px; line-height: 1.2em; margin: 0; }
ul.navigation li { list-style: none url(); list-style-position: outside; display: block; margin-bottom: 5px; }

ul.navigation li a span.arrow { background: url() no-repeat right center; padding: 2px 7px; }
ul.navigation li a:hover span.arrow { background-image: url(../images/arrow_white.png); }
ul.navigation li a:hover { border: 0; }