/* tags */
BODY {margin: 0px; padding: 0px; background: #CA252B url(grafika/background.gif) left top repeat-x; font-family: Verdana; font-size: 12px; color: #4E463F; text-align:justify; line-height: 17px}
H1 {}
H2 {margin: 0px; padding: 0px 0px 0px 31px; color: #28667A; font-size: 14px; background: url(grafika/prednadpis.gif) center left no-repeat}
STRONG {color: #C8252A; font-weight: 800}
A {color: #4E463F}
A:hover {color: #28667A}
IMG {border: 0px}

/* layout */
#Page {width: 860px; margin-left: auto; margin-right: auto}
#Body {background-color: #fff; margin-bottom: 20px}
#Header {width: 860px; height: 221px; background: url(grafika/top.jpg) top left no-repeat}
#LeftColumn {float: left; width: 205px}
#LeftColumn_Padding {padding: 0px 0px 0px 5px}
#RightColumn {float: left; width: 655px}
#RightColumn_Padding {padding: 0px 5px 0px 5px}
#Logo {}
#Logo_Padding {padding: 17px 0px 0px 5px}
#Footer {}
#Footer_Padding {}
.BannersBox {background-color: #fff}
.BannersBox_Padding{padding: 10px 0px 0px 0px}
.LeftColumnBox {margin-bottom: 5px; background-color: #F6E2E3}
.LeftColumnBox_Padding {}
.LeftColumnBoxNoUl_Padding {padding: 10px}
.LeftColumnBox H2 {margin: 0px; padding: 0px; width: 200px; height: 41px}
.LeftColumnBox H2 SPAN {display: none}
.ClearFloating {clear: both}
.MainContent {padding: 30px}
.AlignCenter {text-align: center}
.AlignRight {text-align: right}
.RightFloatImg {float: right; margin: 0px 0px 0px 10px}
.LeftFloatImg {float: right; margin: 0px 0px 0px 10px}

/* headers */
#NabidkaH2 {background: url(grafika/nabidka.gif) top left no-repeat}
#KoupelnaProH2 {background: url(grafika/koupelna_pro.gif) top left no-repeat}
#NeprehledneteH2 {background: url(grafika/neprehlednete.gif) top left no-repeat}
#KontaktujteNasH2 {background: url(grafika/kontaktujete_nas.gif) top left no-repeat}

/* link buttons */
#LogoHyperlink {display: block; width: 200px; height: 199px; background: url(grafika/logo.jpg) top left no-repeat}
#LogoHyperlink SPAN {display: none}
#DiamantHyperlink {display: block; width: 120px; height: 60px; background: url(grafika/baner1.jpg) top left no-repeat}
#DiamantHyperlink SPAN {display: none}
#StavebniPraceHyperlink {display: block; width: 120px; height: 60px; background: url(grafika/baner2.jpg) top left no-repeat}
#StavebniPraceHyperlink SPAN {display: none}
#KomodityOnLineHyperlink {display: block; width: 120px; height: 60px; background: url(grafika/baner3.jpg) top left no-repeat}
#KomodityOnLineHyperlink SPAN {display: none}
#TopListHyperLink {display: block; width: 200px; height: 199px; background: url(grafika/logo.jpg) top left no-repeat}
#TopListHyperLink SPAN {display: none}

/* lists */
.ColumnNavigationUL {width: 200px; list-style-type: none; margin: 0px; padding: 0px 0px 9px 0px; background: url(grafika/pod_posledni_tlacitko.gif) no-repeat bottom left}
.ColumnNavigationUL LI {}
.ColumnNavigationUL LI A {color: #4E463F; font-size: 13px; text-decoration: none; background: url(grafika/tlacitko.gif) no-repeat top left; display: block; width: 200px; height: 31px; background-position: 0px 0px}
.ColumnNavigationUL LI A:hover {color: #4E463F; text-decoration: underline; background-position: -200px 0px}
.ColumnNavigationUL LI A SPAN {padding: 6px 5px 0px 13px; display: block}
.BannersBox UL {list-style-type: none; margin: 0px; padding: 0px; width: 120px; margin-left: auto; margin-right: auto}
.BannersBox UL LI {margin-bottom: 10px}
.MainContent UL {list-style-type: none; margin: 0px; padding: 0px}
.MainContent LI {background: url(grafika/puntik.gif) top left no-repeat; background-position: 0px 6px; padding-left: 13px}