* {
  margin: 0;
  padding: 0; 
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #343434;
}

a {
  color: #f30;
  text-decoration: underline;
}

a:hover {
  color: #951E00;
  text-decoration: none;
}

img {border: none}

h1 {
  color: #f30;
  font-size: 17px;
}

h2 {
  color: #f30;
  font-size: 15px;
  margin: 0 0 5px 0px;
}

h3 {
  color: #f30;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 3px 0px;
}

hr {
  height: 1px;
  border: none;
  background: #aaa;
  color: #aaa;
  margin: 10px 30px 5px 30px;
}

hr.non {
  display: none;
}

.al_l {text-align: left}
.al_r {text-align: right}
.al_c {text-align: center}

/* layout parts */

body {margin: 0; padding: 0; background: #666666 url(../images/back.jpg) repeat-x top;}
#container {width: 900px; margin: auto;}
#header {width: 900px; height: 200px; background: transparent url(../images/header.jpg) no-repeat;}
#main {width: 900px; background: transparent url(../images/mainback.gif) repeat-y;}
#footer {width: 900px; height: 275px; background: transparent url(../images/footer.jpg) no-repeat;}

/* header parts */

#logo {float: left; margin: 130px 0px 0px 33px}
#logo a {display: block; width: 230px; height: 70px; background: url(../images/coelho.gif) no-repeat}
#logo a:hover {background: url(../images/coelho_hover.gif) no-repeat}
#logo a span {display: none}

#image {float: left; margin: 0px 0px 0px 82px}

#title {clear: both}
#title h1 {position: relative; width: 460px; top: -10px; text-align: left}

/* main parts */

#leftBox {float: left; width: 270px; height: auto}
#rightBox {float: left; width: 475px; height: auto; margin: 15px 1px 1px 41px}

/* leftBox parts */
#leftBox ul {list-style: none}
#leftBox a {width: 250px; display: block; text-decoration: none; position: relative; z-index: 50}
#leftBox a span {margin: 0 0 0 141px; text-decoration: none; font-size: 13px; z-index: 51}
#leftBox a span.symbol {display: block; margin: 0; position: absolute; z-index: 52}
#leftBox a#actual span {color: #888}
#leftBox a:hover span, #leftBox a#actual:hover span {color: #f30}
#leftBox img {display: none}

#leftBox #menu {margin: 13px 0 0 0}
#leftBox #menu a.menu_1 {background: url(../images/menu_1.gif) no-repeat left top}
#leftBox #menu a.menu_1:hover {background: url(../images/menu_1.gif) no-repeat left bottom}
#leftBox #menu a.menu_2 {background: url(../images/menu_2.gif) no-repeat left top}
#leftBox #menu a.menu_2:hover {background: url(../images/menu_2.gif) no-repeat left bottom}
#leftBox #menu a.menu_3 {background: url(../images/menu_3.gif) no-repeat left top}
#leftBox #menu a.menu_3:hover {background: url(../images/menu_3.gif) no-repeat left bottom}
#leftBox #menu a.menu_4 {background: url(../images/menu_4.gif) no-repeat left top}
#leftBox #menu a.menu_4:hover {background: url(../images/menu_4.gif) no-repeat left bottom}
#leftBox #menu a.menu_5 {background: url(../images/menu_5.gif) no-repeat left top}
#leftBox #menu a.menu_5:hover {background: url(../images/menu_5.gif) no-repeat left bottom}
#leftBox #menu a.menu_6 {background: url(../images/menu_6.gif) no-repeat left top}
#leftBox #menu a.menu_6:hover {background: url(../images/menu_6.gif) no-repeat left bottom}
#leftBox #menu a.menu_7 {background: url(../images/menu_7.gif) no-repeat left top}
#leftBox #menu a.menu_7:hover {background: url(../images/menu_7.gif) no-repeat left bottom}
#leftBox #menu a.menu_8 {background: url(../images/menu_8.gif) no-repeat left top}
#leftBox #menu a.menu_8:hover {background: url(../images/menu_8.gif) no-repeat left bottom}
#leftBox #menu a.menu_9 {background: url(../images/menu_9.gif) no-repeat left top}
#leftBox #menu a.menu_9:hover {background: url(../images/menu_9.gif) no-repeat left bottom}
#leftBox #menu a.menu_10 {background: url(../images/menu_10.gif) no-repeat left top}
#leftBox #menu a.menu_10:hover {background: url(../images/menu_10.gif) no-repeat left bottom}

#leftBox #sponzor {margin: 26px 0 0 0; padding: 15px 0 0 0; background: url(../images/sponzor_header.gif) no-repeat top right}
#leftBox #sponzor:hover {background: url(../images/sponzor_header.gif) no-repeat top left}
#leftBox #sponzor a {height: 50px; background: url(../images/argo.gif) no-repeat top left}
#leftBox #sponzor a:hover {background: url(../images/argo.gif) no-repeat bottom left}

#leftBox #links {margin: 26px 0 0 0; padding: 15px 0 0 0; background: url(../images/links_header.gif) no-repeat top right}
#leftBox #links:hover {background: url(../images/links_header.gif) no-repeat top left}
#leftBox #links a {margin: 0 0 0 141px; width: 100px}
#leftBox #links a span {margin: 0}
#leftBox #links a#link_knihovnice {margin: 0; width: 250px}
#leftBox #links a#link_knihovnice span {margin: 0 0 0 141px}
#leftBox #links a#link_knihovnice span.symbol {margin: 0;top: -1px; width: 133px; height: 30px; background: url(../images/knihovnice.png) no-repeat top left}
#leftBox #links a#link_knihovnice:hover span.symbol {background: url(../images/knihovnice.png) no-repeat bottom left}

#leftBox #hints {margin: 26px 0 0 0; padding: 15px 0 0 0; background: url(../images/hints_header.gif) no-repeat top right}
#leftBox #hints:hover {background: url(../images/hints_header.gif) no-repeat top left}
#leftBox #hints a {margin: 0 0 0 141px; width: 100px}
#leftBox #hints a span {margin: 0}
#leftBox #hints a#link_rss {margin: 0; width: 250px}
#leftBox #hints a#link_rss span {margin: 0 0 0 141px}
#leftBox #hints a#link_rss span.symbol {margin: 0; top: 8px; width: 133px; height: 27px; background: url(../images/rss.png) no-repeat bottom left}
#leftBox #hints a#link_rss:hover span.symbol {background: url(../images/rss.png) no-repeat top left}

#leftBox #files {margin: 26px 0 0 0; padding: 15px 0 0 0}
#leftBox #files a {margin: 0 0 0 141px; width: 100px; text-align: center}
#leftBox #files img {width: 100px; height: 100px; display: block; margin: 0 0 5px 0}
#leftBox #files span {margin: 0; color: #343434}

/* rightBox parts */

#rightBox p img {float: left; margin: 15px 15px 15px 0}
#rightBox .list_more {float: right; margin: 10px 30px}
#rightBox .list_more a {font-size: 10px}
#rightBox .question {font-size: 10px}

/* content parts */

#rightBox #content {position: relative; height: 100%; min-height: 400px}
#rightBox #content .floated {float: right; margin: 5px 0 10px 23px; text-align: center; font-size: 10px; color: #888}
#rightBox #content .floated img {display: block}
#rightBox #content p {margin: 0px 15px 10px 0}
#rightBox #content .news_main {padding: 20px 0 0 0; background: url(../images/news.gif) no-repeat right top}
#rightBox #content table td {vertical-align: top}
#rightBox #content table.list_item {margin: 0 15px 0 0}
#rightBox #content table.list_item span {font-size: 10px; font-weight: bold} 
#rightBox #content table.list_item a.list_image {margin: 27px 10px 0 0; text-align: center; padding: 0 4px 15px 4px; height: 100%; display: block;background: url(../images/galerie_show.gif) no-repeat left bottom}
#rightBox #content table.list_item a.list_image:hover {background: url(../images/galerie_shower.gif) no-repeat left bottom} 
#rightBox #content div.detail_image {float: right; width: 100px; text-align: center}
#rightBox #content div.detail_image a {padding: 0 4px 15px 4px; height: 100%; display: block;background: url(../images/galerie_show.gif) no-repeat left bottom}
#rightBox #content div.detail_image a:hover {background: url(../images/galerie_shower.gif) no-repeat left bottom}
#rightBox #content div.detail_about table td {vertical-align: top}
#rightBox #content div.detail_about table td.al_r {font-size: 10px; font-weight: bold; line-height: 14px; padding: 0 5px 0 0; position: relative}
#rightBox #content div.detail_about table td.al_r a {float: right; position: absolute; right: 0; margin: -15px 10px 0 0}
#rightBox #content ul {list-style: none}
#rightBox #content ul ul {margin: 0 0 10px 10px}
#rightBox #content ul li {margin: 0 0 2px 0}
#rightBox #content h2 a {font-size: 14px}


/* navigation parts */

#navig {position: absolute; top: 100%; width: 100%}
#navig hr {margin: 10px 75px}
#navig table {width: 100%}
#navig ul {list-style: none}
#navig .navig_1 {padding: 0 10px 0 40px} 
#navig .navig_4 {padding: 0 40px 0 10px}
#navig .navig_2 {padding: 0 10px 0 30px} 
#navig .navig_3 {padding: 0 30px 0 10px}
#navig a {text-decoration: none; display: block; height: 19px; line-height: 19px}
#navig ul a {text-decoration: underline; display: inline; line-height: 15px}
#navig a.navig_1 {background: url(../images/navig_yes.gif) no-repeat left top}
#navig a.navig_2 {background: url(../images/navig_yes.gif) no-repeat left bottom}
#navig a.navig_3 {background: url(../images/navig_yes.gif) no-repeat right bottom}
#navig a.navig_4 {background: url(../images/navig_yes.gif) no-repeat right top}
#navig a.navig_1:hover {background: url(../images/navig_hover.gif) no-repeat left top}
#navig a.navig_2:hover {background: url(../images/navig_hover.gif) no-repeat left bottom}
#navig a.navig_3:hover {background: url(../images/navig_hover.gif) no-repeat right bottom}
#navig a.navig_4:hover {background: url(../images/navig_hover.gif) no-repeat right top}
#navig span.navig_1 {display: block; height: 19px; line-height: 19px; background: url(../images/navig_no.gif) no-repeat left top; color: #ccc}
#navig span.navig_2 {display: block; height: 19px; line-height: 19px; background: url(../images/navig_no.gif) no-repeat left bottom; color: #ccc}
#navig span.navig_3 {display: block; height: 19px; line-height: 19px; background: url(../images/navig_no.gif) no-repeat right bottom; color: #ccc}
#navig span.navig_4 {display: block; height: 19px; line-height: 19px; background: url(../images/navig_no.gif) no-repeat right top; color: #ccc}
#navig span {color: #f30}

/* footer parts */

#footer #design {float: left}
#footer #design a {display: block; width: 190px; height: 59px; margin: 148px 0 0 172px; background: url(../images/omicrone.gif) no-repeat}
#footer #design a span {display: none}
#footer #design a:hover {background: url(../images/omicrone_hover.gif) no-repeat}

#footer #copyright {text-align: right; padding: 150px 120px 0 0}
#footer #copyright span {font-size: 11px; color: #ccc}
#footer #copyright a {text-decoration: none; color: #fff; font-size: 11px}
#footer #copyright a:hover {text-decoration: underline}

/* special characters */

.jumper {position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden}
.jumper2 {display: none !important}
dt {color: #f30; margin-right: 10px; float: left}
dl {margin-bottom: 5px}