body  {background: #ddd url('../design/bg.gif') 0% 0% repeat-x; color: #000; text-align: center; margin: 0px; padding: 0px; font-family: sans-serif; font-size: 12px;}
a {outline: 0px; color: #000;}
a:hover {text-decoration: none; color: #666;}
h1, h2, h3,h4  {margin: 5px 0px;}

/* layout */
#box  {width: 100%; height: 100%; background: url('../design/shadow.png') 50% 53px no-repeat; padding-top: 1px;}
#page  {margin: 13px auto 0px; background: #41627d url('../design/bg_page.gif') 0% 0% repeat-y; width: 1000px; text-align: left; border: solid 3px #fff;  position: relative;}
#pagehead  {with: 1000px; height: 96px; background: url(../design/pagehead.jpg) 0% 0% no-repeat;}
#leftpanel  {float:left; width: 200px; background: #41627d;;}
#rightpanel  {float:right; width: 230px; padding: 5px 10px; color: #fff;}
#content  {background: #fff; float:left; width: 520px; padding: 5px 15px 20px; min-height: 400px; overflow: hidden;}
#pagefoot {width: 1000px;  height: 80px; clear: both; border-top: solid 1px #fff; margin: 0px auto; background: url('../design/pagefoot.gif') 50% 0% no-repeat;}
#top_lista {margin: 0px auto 0px;  width: 1000px; text-align: left; position: relative; border: none; height: 35px;}
#rightpanel iframe {margin-left: -10px;}
/*obsahova cast*/
#content p {margin: 5px 0px; text-align: justify;}
.brno {width: 850px; margin: 10px auto; line-height: 32px; height: 32px; padding-left: 150px; text-align: left; background: url(../design/brno.png) 0% 0% no-repeat;}

/*hlavicka*/
#logo  {width: 132px; height: 128px; position: absolute; z-index: 1000; display: block; top: 15px; left: 20px; background: url('../design/logo.png') 0% 0% no-repeat; text-indent: -9999px;}
#topmenu  {width: 1000px; height: 33px; background: #373636 url('../design/bg_menu.gif') 0% 0% repeat-x; border-top: solid 1px #fff; border-bottom: solid 1px #fff; margin: 0px; padding: 0px;}
#topmenu li  {float:left; list-style: none; height: 33px; border-right: solid 1px #000; border-left: solid 1px #333333;}
#topmenu li a  {display: block; font-size: 13px; font-weight: bold; padding: 9px 15px 9px; color: #fff; text-decoration: none;}
#topmenu li a:hover {text-decoration: underline; color: #ffba00;}
#topmenu li a.first  {border-left: none; margin-left: 150px;}
#topmenu li a.last  {border-right: none;}
#topmenu li.kluby {background: url('../design/alert.png') 3px 4px no-repeat;}
#topmenu li.kluby a  {padding-left: 30px; padding-right: 8px;}
#toppanel  {background: #225076 url('../design/top.gif') 0% 100% no-repeat; width: 1000px; height: 220px; border-bottom: solid 1px #fff;}
.topaktuality  {float:right; width: 570px; margin-right: 15px; border-left: solid 1px #fff; padding: 17px 0px 0px 12px; height: 203px;}
.topaktuality .datum {color: #84b3e1; background: none; display: inline; padding: 0px;}
.topaktuality a.nobr  {display: inline; font-size: 11px;}
.topaktuality a.nobr:hover  {color: #fff;}
.aktuality_top  {margin-bottom: 4px; padding-top: 1px;}
.aktuality_top a.ndp {color: #ffba00; text-decoration: none; font-weight: bold; font-size: 18px; margin: 4px 0px 0px; }
.aktuality_top_small a {display: block; color: #ffba00; text-decoration: none; font-weight: bold; font-size: 14px; margin-bottom: 4px;}
.aktuality_top a:hover {color: #fff; text-decoration: none;}
.aktuality_top img {float: left;margin: 5px 10px 0px 0px; border: solid 1px #5b8ab9; background: #fff;}
.aktuality_top .desc  {margin: 6px 0px 0px 0px; text-align: justify; color: #fff; font-size: 14px;}
.aktuality_top .vice  {text-indent: -9999px; display: block; float: right; width: 41px; height: 16px; background: url('../design/vice.png') 0% 0% no-repeat;}
.vice  {text-indent: -9999px; display: block; float: right; width: 41px; height: 16px; background: url('../design/vice.png') 0% 0% no-repeat;}

/* levy panel */
#menu  {width: 200px; margin: 0px; padding: 0px; background: #fff;}
#menu li  {list-style: none; color: #fff; position: relative;}
#menu li.nadpis  {background: url('../design/bg_nadpis.gif') 0% 0% repeat-x; font-size: 13px; padding: 6px 13px 8px; font-weight: bold;}
#menu li a {background: url('../design/bg_soutez.gif') 0% 0% repeat-x; font-size: 13px; padding: 5px 11px 7px; font-weight: bold; color: #fff; display: block; text-decoration: none;}
#menu li a:hover {background: #272424 url('../design/bg_nadpis.gif') 0% 0% repeat-x;  color: #ffba00;}
#menu li.odkaz a {background: url('../design/bg_odkaz.gif') 0% 0% repeat-x; font-size: 13px; padding: 6px 15px 8px; font-weight: bold; color: #fff; display: block; text-decoration: none;}
#menu li.odkaz a:hover {background: url('../design/bg_nadpis.gif') 0% 0% repeat-x;  color: #ffba00;}
#menu ul {margin: 0px 0px 1px 0px; padding: 0px; background: #fff; border: solid 1px #8f9db0; z-index: 1000;}
#menu li.submenu a {background: #ccc; color: #222; border-top: solid 1px #fff; padding-left: 20px;}
#menu li.submenu a:hover {background: #999; color: #222; border-top: solid 1px #fff; padding-left: 20px;}
#menu li.submenu a.first  {border: none;}
.pocitadlo {text-align: center; padding: 20px;}

/*pravy sloupec*/
.zprava {font-size: 11px; border-bottom: dotted 1px #a6b5c2; padding-bottom: 7px; margin: 7px 0px 2px;}
.zprava strong {color: #a6b5c2;}
.all_kz {color: #fff; font-size: 10px; float:right;}
.all_kz:hover {color: #000;}

/* obsahova cast */
.datum  {font-size: 11px; color: #666; background: url('../design/datum_small.gif') 1px 2px no-repeat; padding: 0px 0px 0px 12px; display: block;}
.aktuality  {celat: both; margin: 10px 0px 10px;  background: url('../design/bg_aktualita.gif') 100% 100% no-repeat; border-bottom: solid 1px #eee;}
.aktuality_pr  {celat: both; margin: 10px 0px 10px; height: 115px; border-bottom: solid 1px #eee;  position: relative;}
.aktuality a, .aktuality_pr a { text-decoration: none; padding: 3px 0px; font-weight: bold; color: #1a486e; font-size: 13px;}
.aktuality a:hover, .aktuality_pr a:hover  {color: #000; text-decoration: underline;}
.aktuality span, .aktuality_pr span  {margin: 5px 0px 0px 0px; font-size: 12px; line-height: 16px; text-align: justify; font-weight: normal; color: #333; display: block;}
.aktuality img, .aktuality_pr img  {float:left; border: solid 1px #aaa;margin: 2px 4px 2px 0px;}
.aktuality strong, .aktuality_pr strong  {display: block; font-size: 14px; font-weight: bold; text-decoration: none; color: #0a385e; margin: 3px 0px;}
.bottom_aktuality  {clear: both; border-top: dashed 1px #a6b5c2; border-bottom: dashed 1px #a6b5c2;}
.nasazeni  {border: solid 1px #a2b5c5; background: #b3c0cb; padding: 3px; margin-top: 15px;}
.odd  {border-bottom: solid 1px #ddd; margin: 8px 2px;}
.kratka_zprava  {margin: 4px 0px 15px !important; padding-top: 5px; border-top: solid 1px #ddd;}
.pr  {font-weight: bold !important; color: #aaa !important;display: block; margin: 0px !important; font-size: 10px !important;}
.soutez  {background: #eee; font-size: 15px; padding: 5px; margin-top: 15px;}
.soutez_link  {font-size: 14px; font-weight: bold; margin-left: 10px; line-height: 30px;}

#vypis table, .tabulka  {border-collapse: collapse; width: 100%;}
#vypis table td, .tabulka td  {background: #eee; padding: 3px; border: solid 1px #ccc; font-size: 11px;}
#vypis strong  {display: block; margin: 10px 0px 5px; color: #777;}

/*tabulky*/
.tab1 td  {border: solid 1px #a2b5c5; background: #b3c0cb; padding: 3px 6px; font-size: 11px;}
.no_active td {background: #d4dbe1; color: #666;}

/*obecne styly*/
.clear  {clear: both; visibility: hidden; margin: 0px;}

/*banners*/
.promo {padding: 5px; border: dashed 1px #063b67; color: #c7e3f9; margin-bottom: 10px; font-size: 11px;}
.promo a {color: #c7e3f9;}
.promo a:hover {color: #fff;}
#banner_box  {
position: absolute;
top: 128px; 
left: 2px;
width: 400px;
height: 200px; 
border: none;
padding-top: 20px;
}

#banner_box  ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#banner_box a img {
border: none;}

#slider1, #slider2, #slider3, #slider4 {
    width: 185px; /* important to be same as image width */
    height: 85px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float: left;
	margin: 5px 5px 10px 8px;
}

#slider1Content, #slider2Content, #slider3Content, #slider4Content {
    width: 185px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image, .slider2Image, .slider3Image, .slider4Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span, .slider2Image span, .slider3Image span, .slider4Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 169px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

/* strankovani */
.strankovani {text-align: center; font-size: 13px;}
.strankovani label {padding: 2px 4px; margin: 0px 2px; background: #eee; border: solid 1px #ddd; border-radius: 2px;}

/* paticka */
#pagefoot span  {
float: right;
font-size: 10px;
color: #666;
margin: 5px;
}

#pagefoot span a {
color: #666;
text-decoration: none;
}

#pagefoot span a:hover {color: #333; text-decoration: underline;}
#pagefoot p {color: #666; text-align: left;}