/*==============================================*/
/*  Luděk Makovec - LUMA Computer spol. s r.o.  */
/*  www.mu-brezova.cz                           */
/*==============================================*/

html {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}
body {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; background: #ffffff}

a:link, a:visited { text-decoration: underline; color: blue; }
a:visited { color: #000080; }
a:hover{ text-decoration: none; color: red; }

#logo {background: url(../images/logo.jpg); display: block; position: relative; width: 906px; height: 150px; margin: 0px auto 0px}

#main_site {cursor: pointer; display: block; position: absolute; top: 0px; left: 80px; width: 240px; height: 38px; }

ul#subsite {position: absolute; top: 23px; left: 743px; margin: 0; padding: 0;}
ul#subsite li {margin: 0px; padding: 0px; list-style: none; line-height: 14px;}
ul#subsite a:link.selected, ul#subsite a:visited.selected {background: url(../images/subsite_menu_selecteditem_back.jpg);}
ul#subsite a:link, ul#subsite a:visited {color: #ffff80; font-weight: bold; text-decoration: none; padding: 1px 0px 0px 7px; width: 143px; height: 16px; display: block;}
ul#subsite a:hover {color: #ffff00; background: url(../images/subsite_menu_selecteditem_back.jpg)}

#top_bar {background: url(../images/topmenu.jpg); display: block; position: relative; width: 906px; height: 26px; margin: 0px auto;}
  
#top_menu {position:relative; padding: 2px 0px 0px 5px; font-size: 11px; font-weight: bold; line-height: 15px;}
#top_menu a.item {position: relative; float: left; padding: 2px 6px 2px 6px; display: block; text-decoration: none;}
#top_menu A.item:link, #top_menu A.item:visited {color: #ffffff;}
#top_menu A.item:hover {color: #000000; background-color: #ffffff;}

ul#navigate {position: absolute; left: 10px; top: 2px; margin: 0; padding: 0;}
ul#navigate li {margin: 0px; padding: 0px; list-style: none; line-height: 14px;}
ul#navigate a:link, ul#navigate a:visited {color: #606060;}
ul#navigate a:hover {color: #000000;}

#main_body {position: relative; width: 906px; margin: 0px auto 0px auto;}

#left_bar {position: relative; float: left; width: 204px; line-height: 16px;}
#left_bar .box_top {margin-top: 5px; width: 204px; height:2px; font-size: 2px; background: url(../images/box_top_back.jpg);}
#left_bar .box_bottom {width: 204px; height:2px; font-size: 2px; background: url(../images/box_bottom_back.jpg);}
#left_bar .box_title {height: 18px; padding: 2px 0px 0px 10px; text-align: left; font-size: 11px; font-weight: bold; line-height: 15px; color: #ffffff; background: url(../images/box_title_back.jpg) #000000;}
#left_bar .box_body {width: 204px; background: url(../images/box_body_back.jpg) repeat-y #40a040;}

#left_bar .box_menu ul {width: 204px; margin: 0px; padding: 0px; font-weight: bold }
#left_bar .box_menu ul li {margin: 0px; list-style: none; background: url(../images/box_menu_item_back.jpg)}
#left_bar .box_menu ul div {color: #ffffff; height: 16px; padding: 2px 0px 2px 0px; background: url(../images/box_menu_struktura_back.jpg)}
#left_bar .box_menu ul a:link, #left_bar .box_menu ul a:visited {height: 16px; padding: 2px 0px 2px 0px; color: #ffff80; display: block; text-decoration: none;}
#left_bar .box_menu ul a:link.selected, #left_bar .box_menu ul a:visited.selected {background: url(../images/box_menu_selectitem_back.jpg);}
#left_bar .box_menu ul a:hover {color: #ffff00; background: url(../images/box_menu_selectitem_back.jpg);}
#left_bar .box_menu ul.left_menu0 div {padding: 2px 0px 2px 10px; width: 194px;}
#left_bar .box_menu ul.left_menu0 a:link, #left_bar .box_menu ul.left_menu0 a:visited {padding-left: 10px; width: 194px;}
#left_bar .box_menu ul.left_menu1 div {padding-left: 15px; width: 189px;}
#left_bar .box_menu ul.left_menu1 a:link, #left_bar .box_menu ul.left_menu1 a:visited {padding-left: 15px; width: 189px;}
#left_bar .box_menu ul.left_menu2 div {padding-left: 20px; width: 184px;}
#left_bar .box_menu ul.left_menu2 a:link, #left_bar .box_menu ul.left_menu2 a:visited {padding-left: 20px; width: 184px;}
#left_bar .box_menu ul.left_menu3 div {padding-left: 25px; width: 179px;}
#left_bar .box_menu ul.left_menu3 a:link, #left_bar .box_menu ul.left_menu3 a:visited {padding-left: 25px; width: 179px;}
#left_bar .box_menu ul.left_menu4 div {padding-left: 30px; width: 174px;}
#left_bar .box_menu ul.left_menu4 a:link, #left_bar .box_menu ul.left_menu4 a:visited {padding-left: 30px; width: 174px;}


#data {float: left; width: 702px; font-size: 11px; }
#data h2 {margin: 10px 0px 0px 10px; font-size: 13px; font-weight: bold;}
#data h2 a:link {color: #000000;}
#data h2 a:visited {color: #606060}
#data h2 a:hover {text-decoration: none;}
#data h3 {margin: 3px 0px 0px 10px; font-size: 10px; font-weight: normal; color: #606060}
#data h4 {margin: 10px 0px 0px 10px; font-size: 13px; font-weight: bold;}
#data h4 a:link {color: #000000;}
#data h4 a:visited {color: #606060}
#data h4 a:hover {text-decoration: none;}
#data .anotace {text-indent :20px; margin: 7px 10px 7px 10px;}
/* data .popis {text-indent :20px; margin: 3px 0px 0px 10px;}*/

.img_preview {float: left; position: relative;}
.img_preview img {margin: 10px; border: none; text-decoration: none;}
.img_preview a {display: block;}
.img_preview .popis {margin: 0px 5px 0px 5px; text-align: center;}

.article {margin: 10px 0px 5px 10px; line-height: 18px;}
.article .img_preview img {margin: 5px;}
.article p {text-indent :20px; margin: 7px 0px 7px 0px;}
.article table {margin: 7px 0px 7px 25px;}
.article td {margin: 0px; padding: 0px 5px 0px 5px;}
.article th {margin: 0px; padding: 0px 5px 0px 5px; font-weight: bold;}
.article ul {padding: 0px 0px 0px 7px; margin: 5px 0px 0px 10px;}
.article ol {padding: 0px 0px 0px 7px; margin: 5px 0px 0px 15px;}
.article li {padding: 0px 0px 0px 0px; margin: 1px 0px 0px 0px;}

.strankovani {margin: 20px 10px 10px 10px; text-align: center;}
.oddelovac {clear:both; height:10px; font-size: 10px; display: block;}

#footer {background: url(../images/footer.jpg); display: block; position: relative; width: 906px; height: 30px; margin: 0px auto}

.counter {width: 204px; font-size: 10px; border: none;}
.counter TR {height:14px;}
.counter TH {padding: 0px; width: 119px; text-align: right; font-weight: bold; color: #ffff80; padding-right: 5px;}
.counter TD {padding: 0px; width: 80px; font-size: 11px; font-style: italic; font-weight: bold; color: #ffffff;}