body {background-color:#3C3C3C; font-family: Arial, Helvetica, sans-serif;}
form {margin: 0px; padding: 0px;}
p {margin: 0px;}
img {border: 0px solid #ffffff; vertical-align: middle;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle;}
strong {font-weight: bold;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
.cistic {clear:both; border:none; visibility:hidden; line-height:0px;}

/* CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS CMS */
.cmsBody {font-size: 11px; margin: 0px; padding: 0px; text-align: center; border-width: 0px; color:#000000;}
.cmsBody .main {width: 770px; margin: 0px auto 0px auto; text-align: left;}
.cmsBody .main .sloupce {width:770px; background:url(marekasyn-bg-sloupce.png) repeat-y left top; margin:0px; padding:0px;}
.cmsBody .main .sloupce .left {float: left; width: 271px; overflow: hidden; background-color:#aaaaaa;}
.cmsBody .main .sloupce .left .horniObrazek {width: 271px; height:98px; overflow: hidden; background-color:#333333;}
.cmsBody .main .sloupce .left .horniObrazek .banner {width: 271px; height:61px; overflow:hidden; margin:6px 0px 0px 0px;}
.cmsBody .main .sloupce .left .horniObrazek .pozadi-0 {background:url(marekasyn-left-obrazek.jpg) no-repeat left top;}
.cmsBody .main .sloupce .left .horniObrazek .pozadi-1 {background-color:#333333;}
.cmsBody .main .sloupce .left .horniObrazek .text {width: 271px; height:31px; overflow:hidden; margin:0px; padding:0px; background-color:#222222;}
.cmsBody .main .sloupce .left .horniObrazek .text .odsazeni {margin:0px; padding:7px 10px 5px 25px; font-weight:bold; color:#FFFFFF; font-size:11px; text-transform:uppercase;}
.cmsBody .main .sloupce .left .oblastLeft {width: 271px; overflow: hidden; margin:20px 0px 0px 0px;}

.cmsBody .main .sloupce .right {float:left; width:499px; overflow:hidden;}
.cmsBody .main .sloupce .right .logoRight {width: 499px; height:98px; overflow: hidden; text-align:right; background-color:#333333;}
.cmsBody .main .sloupce .right .logoRight img {width: 271px; height:98px; margin:0px;}
.cmsBody .main .sloupce .right h1 {display: block; margin: 10px 0px 0px 0px; font-size: 22px; font-weight: normal; color: #FFFFFF;}
.cmsBody .main .sloupce .right .oblasti {width: 499px; overflow: hidden; text-align:left; background-color:#656565; color: #FFFFFF;}
.cmsBody .main .sloupce .right .oblasti .mezera {float:left; width:20px; height:20px; overflow:hidden;}
.cmsBody .main .sloupce .right .oblasti .sloupec {float:left; width:460px; overflow:hidden; padding-top:10px;}


.cmsBody .main .topbanner {width: 770px; height: 239px; overflow: hidden; margin:0px; padding:0px;}
.cmsBody .main .topbanner .jazyky {width: 770px; height: 19px; overflow: hidden; margin:0px; padding:0px; background:url(marekasyn-bg-jazyky.png) repeat-x left top;}
.cmsBody .main .topbanner .jazyky .odsazeni {text-align:right; color:#000000; padding:3px 20px 5px 20px;}
.cmsBody .main .topbanner .jazyky .odsazeni .jazyk-0 {color:#C3C3C3; font-size:10px; font-weight:normal; text-decoration:none;}
.cmsBody .main .topbanner .jazyky .odsazeni .jazyk-0:hover {text-decoration:underline;}
.cmsBody .main .topbanner .jazyky .odsazeni .jazyk-1 {color:#FFFFFF; font-size:10px; font-weight:normal; text-decoration:none;}
.cmsBody .main .topbanner .jazyky .odsazeni .jazyk-1:hover {text-decoration:underline;}
.cmsBody .main .topbanner .logoAbanner {width:770px; height:220px; overflow:hidden; background-color:#FFFFFF;}
.cmsBody .main .topbanner .logoAbanner .ram {float:left; width:271px; overflow:hidden; margin:18px 0px 0px 0px;}
.cmsBody .main .topbanner .logoAbanner .ram .logo {display: block; width: 211px; height: 184px; background:url(marekasyn-logo.png) no-repeat left top; text-decoration:none; text-indent: -5000px; margin:0px 0px 0px 8px; padding:0px; font-size: 1px;}
.cmsBody .main .topbanner .logoAbanner .ram .logo:hover {text-decoration:none;}
.cmsBody .main .topbanner .logoAbanner .banner {float:left; width:499px; height:220px; overflow:hidden; margin:0px 0px 0px 0px;/* background:url(marekasyn-bg-topbanner.jpg) no-repeat left top;*/}

.menu1 {width: 770px; height:53px; overflow:hidden; background: url(marekasyn-bg-hornimenu.png) repeat-x left top;}
.menu1 .menu1-mezera {float: left; width:1px; height:53px; overflow:hidden; background:url(marekasyn-bg-hornimenu-mezera.png) no-repeat left top; text-indent: -5000px;}
.menu1 a.menuItem-0 {display: block; float: left; padding: 19px 25px 21px 25px; white-space: nowrap; text-decoration: none; color: #FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase;}
.menu1 a.menuItem-0:hover {text-decoration: underline;}
.menu1 a.menuItem-1 {display: block; float: left; padding: 19px 25px 21px 25px; white-space: nowrap; text-decoration: none;  color: #FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase; background: url(marekasyn-bg-hornimenu-sel.png) repeat-x left top;}
.menu1 a.menuItem-1:hover {text-decoration: underline;}

.menu2 {margin: 0px; font-size:11px; color:#FFFFFF; font-weight:bold; background-color:#aaaaaa; padding:10px 10px 10px 25px;}
.menu2 a.level2-0 {display: block; padding: 3px 0px 3px 15px; color: #FFFFFF; font-weight: bold; font-size: 11px; text-transform:uppercase; text-decoration: none; background:url(marekasyn-tecka0.png) no-repeat 0px 5px;}
.menu2 a.level2-0:hover {text-decoration:underline;}
.menu2 a.level2-1 {display: block; padding: 3px 0px 3px 15px; color: #FFFFFF; font-weight: bold; font-size: 11px; text-transform:uppercase; text-decoration: underline; background:url(marekasyn-tecka1.png) no-repeat 0px 5px;}
.menu2 a.level2-1:hover {text-decoration:none;}

.menu2 .level3margin {display: block; margin: 0px 0px 0px 15px;}
.menu2 a.level3-0 {display: block; padding: 3px 0px 3px 15px; color: #FFFFFF; font-weight: bold; font-size: 11px; text-transform:uppercase; text-decoration: none; background:url(marekasyn-tecka0.png) no-repeat 0px 5px;}
.menu2 a.level3-0:hover {text-decoration:underline;}
.menu2 a.level3-1 {display: block; padding: 3px 0px 3px 15px; color: #FFFFFF; font-weight: bold; font-size: 11px; text-transform:uppercase; text-decoration: underline; background:url(marekasyn-tecka1.png) no-repeat 0px 5px;}
.menu2 a.level3-1:hover {text-decoration:none;}

.cmsBody .main .zapati {background-color:#3c3c3c; color: #a3a3a3; text-align:left; padding:20px 25px 20px 25px;}
.cmsBody .main .zapati a {text-decoration: underline; color: #ffffff;}
.cmsBody .main .zapati a:hover {text-decoration: none;}

.sitemap {padding:0px;}
.sitemap strong {font-weight: normal;}
.sitemap ul {}
.sitemap ul li {padding:0px 0px 10px 0px;}
.sitemap ul li a.mapa {color: #FFFFFF; text-decoration: none;}
.sitemap ul li a.mapa:hover {text-decoration: underline;}

.searchForm {float: right; height: 23px; overflow: hidden;}
.searchForm td {vertical-align: middle; padding: 2px 6px 2px 0px; font-size: 11px;}
.searchForm .text {height: 19px; width: 116px; border: 0px solid #ffffff; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background: #ffffff url(vala-search01.gif) repeat-x left top;}
.searchForm .submit {height: 19px; width: 25px; text-align: right; border: 0px solid #ffffff; background-color: #cdcdcd; cursor: pointer; color: #747474; font-size: 11px;}

.search {}
.search .cmsPage {color: #2f63ab; text-decoration: none;}
.search .cmsPage:hover {text-decoration: underline;}

.oblasti h1 { padding: 6px 20px; }

#slideshow
{
  position:relative;
  width:499px;
  height:220px;
}

#slideshow .item
{
  position:absolute;
  top:0;
  left:0;
  width:499px;
  height:220px;
}