body { color: #3c5954; margin: 0; background: url(../img/bg-body.gif) repeat-x 0px 54px; font-family: Verdana; font-size: 12px; line-height: 19px; }
img { border: 0; margin: 0; }
a { color: #3C5954 }
a:hover { text-decoration: none }
p { text-align: justify; }
hr { border: none; background: #dce0c5; color: #dce0c5; height: 1px; width: 400px; margin: 15px auto }
ul { list-style-type: circle }
.title { font-size: 18px; margin: 0 0 25px 0; font-family: Verdana; padding: 11px 5px 12px 15px; background: url(../img/bg-title.jpg) no-repeat }
.title h1 { font-size: 18px; margin: 0px; font-weight: normal }

/********** containerHeader **********/
.containerHeader { z-index: 3; width: 823px; height: 286px; position: relative; margin: auto; background: url(../img/bg-containerHeader.gif) repeat-y; }
.containerHeaderIn { background: url(../img/bg-containerHeaderIn.jpg) top left no-repeat }
.containerHeader .logo { position: absolute; right: 24px; top: 23px; }
.containerHeader .banner { width: 823px; height: 207px; overflow: hidden; margin: 8px 0 0 0; background: url(../img/bg-containerHeader_banner.gif) repeat-y; }
.containerHeader .banner img { margin-left: 21px }
.containerHeader .categories { font-size: 11px; width: 823px; height: 71px; background: url(../img/bg-containerHeader_categories_cz.gif) no-repeat bottom left; }
.containerHeader .categories a { text-decoration: none }

.containerHeader .categories ul { position: relative; float: left; margin: 30px 0 0 26px; padding: 0; list-style-type: none }
.containerHeader .categories ul li { position: relative; float: left; width: 80px; padding: 0 30px 5px 0 } 

.containerHeader .categories ul ul { display: none; opacity: 0.9; filter: alpha(opacity=90); padding-top: 18px; position: absolute; left: -5px; top: 0px; margin: 0;  }
.containerHeader .categories ul ul li { padding: 0; width: auto; }
.containerHeader .categories ul ul li a { display: block; border-top: 1px solid #D9E0AF; width: 100px; padding: 3px 5px 2px 5px; background: #e6e8da; height: auto; text-decoration: none }
.containerHeader .categories ul ul li a:hover { background: #F2F4E3 ; }

.containerHeader .facebook { position: absolute; top: 3px; left: -85px; }
.containerHeader .flags { position: absolute; top: 3px; right: -85px; }

/********** containerHeader **********/
.containerBody { width: 779px; position: relative; margin: auto; background: url(../img/bg-containerHeader.gif) repeat-y; padding: 22px }
.containerBody .column1 { position: relative; top: 0px; left: -240px; width: 500px; float: left }
.containerBody .column1 p { margin: 15px 0 0 10px; padding: 0 25px 15px 0; /*background: url(../img/bg-p.gif) no-repeat bottom right; */}
.containerBody .column1 table { font-size: 13px; width: 100% }
.containerBody .column1 ul li { margin: 10px 0 }
.containerBody .column2 { float: left; font-size: 11px; position: relative; top: 0px; left: 539px; width: 240px; }
.containerBody .column2 p { margin-top: 0px }
.containerBody .column2 .news { width: 225px; float: right; /*margin: auto; */ }
.containerBody .column2 .news img { float: right; margin-bottom: 15px }
.containerBody .column2 .actAnch { float: right; font-style: italic }

/********** containerFooter **********/
.containerFooter { width: 823px; margin: auto; color: #A7ADAB; font-size: 12px; text-align: center; padding: 10px 0 15px 0; background: url(../img/bg-containerFooter.gif) no-repeat }
.containerFooter a { color: #A7ADAB; }


/********** REFERENCE ***************/
.reference div { float: left; width: 100%; margin-bottom: 20px }
.reference div img { float: left; border: 2px solid #fff; margin: 0 5px 5px 0; }

/************ VZNIK *****************/
.vznik p { float: left }
.vznik img { float: left; border: 2px solid #fff; margin: 0 5px 5px 0; }

/************ KYTARY *****************/
.kytary table img { border: 1px solid #000 }