* {
   margin: 0;
   padding: 0;
   border: 0;
}

body {
   font-family: verdana, arial, helvetica, sans-serif;
   color: #333333;
   font-size: 12px;
   text-align: center;
   background: #ffffff url('main.gif') repeat;
}

a, a:hover, a:visited, a:active {
   font-family: verdana, arial, helvetica, sans-serif;
   color: #333333;
   font-size: 12px;
   text-decoration: none;
   font-weight: bold;
}

img {
   border: 0;
}

#top {
   width: 100%;
   height: 7px;
   font-size: 1px;
   background: transparent url('top.jpg') repeat-x;
   text-align: center;
}

#top_main {
   width: 598px;
   _width: 600px;
   height: 7px;
   font-size: 1px;
   background: transparent url('top_main.gif') repeat-x;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid black;
   border-right: 1px solid black;
}

#header {
   width: 100%;
   height: 193px;
   background: transparent url('header.jpg') repeat-x;
   text-align: center;
}

#header_main {
   width: 598px;
   height: 193px;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid black;
   border-right: 1px solid black;
}

#header_main h1{
   position: absolute;
   z-index: -1;
   width: 600px;
}

#header_main_bg {
   width: 598px;
   height: 193px;
   background: transparent url('header_main.jpg') no-repeat;
}

#menu {
   width: 100%;
   height: 38px;
   background: transparent url('menu.gif') repeat-x;
   text-align: center;
}

#menu_main {
   width: 599px;
   _width: 600px;
   height: 37px;
   _height: 38px;
   border-left: 1px solid #5f5e5e;
   border-top: 1px solid #5f5e5e;
   margin-left: auto;
   margin-right: auto;
}

li.option {
   height: 37px;
   border-right: 1px solid #5f5e5e;
   float: left;
   display: block;
}

li.option a {
   display: block;
   height: 35px;
   _height: 37px;
   width: 146px;
   _width: 148px;
   border: 1px solid #e1e0e6;
   background: transparent url('menu_main.gif') repeat-x;
   float: left;
}

li.option a#a, li.option a#a_a {
   width: 149px;
   _width: 151px;
}

li.option a:hover, li.option a.first:hover {
   background: transparent url('menu_main_.gif') repeat-x;
}

span.odkaz {
   position: absolute;
   z-index: -1;
}

li.option a#a, li.option a#a_a {
   background: transparent url('index.jpg') 0 0 repeat-x;
}

li.option a#b, li.option a#b_a {
   background: transparent url('postup.jpg') 0 0 no-repeat;
}

li.option a#c, li.option a#c_a {
   background: transparent url('kontakt.jpg') 0 0 no-repeat;
}

li.option a#d, li.option a#d_a {
   background: transparent url('reference.jpg') 0 0 no-repeat;
}

li.option a#a:hover {
   background-position: 0 100%;
}

li.option a#b:hover {
   background-position: 0 100%;
}

li.option a#c:hover {
   background-position: 0 100%;
}

li.option a#d:hover {
   background-position: 0 100%;
}

#middle {
   width: 100%;
   height: 2px;
   font-size: 1px;
   background: transparent url('middle.gif') repeat-x;
}

#main {
   width: 100%;
   height: 300px;
}

#middle_main_1 {
   width: 598px;
   _width: 600px;
   height: 2px;
   font-size: 1px;
   background: #e1e0e6 url('main_top_1.gif') no-repeat;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#middle_main_2 {
   width: 598px;
   _width: 600px;
   height: 2px;
   font-size: 1px;
   background: #e1e0e6 url('main_top_2.gif') no-repeat;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#middle_main_3 {
   width: 598px;
   _width: 600px;
   height: 2px;
   font-size: 1px;
   background: #e1e0e6 url('main_top_3.gif') no-repeat;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#middle_main_4 {
   width: 598px;
   _width: 600px;
   height: 2px;
   font-size: 1px;
   background: #e1e0e6 url('main_top_4.gif') no-repeat;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#main_middle_4 {
   width: 598px;
   _width: 600px;
   height: 10px;
   font-size: 1px;
   background: #e1e0e6 url('main_middle_4.gif') no-repeat;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#main_middle_1 {
   width: 598px;
   _width: 600px;
   height: 10px;
   font-size: 1px;
   background: #e1e0e6 url('main_middle_1.gif') no-repeat;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#main_middle_2 {
   width: 598px;
   _width: 600px;
   height: 10px;
   font-size: 1px;
   background: #e1e0e6 url('main_middle_2.gif') no-repeat;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#main_middle_3 {
   width: 598px;
   _width: 600px;
   height: 10px;
   font-size: 1px;
   background: #e1e0e6 url('main_middle_3.gif') no-repeat;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#main_main {
   width: 598px;
   _width: 600px;
   background: #e1e0e6;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#main_main_ref {
   width: 598px;
   _width: 600px;
   background: #e1e0e6;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
}

#main_footer {
   width: 598px;
   _width: 600px;
   height: 30px;
   background: #e1e0e6 url('main_footer.gif') repeat-x;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border-left: 1px solid #5f5e5e;
   border-right: 1px solid #5f5e5e;
   border-bottom: 1px solid #5f5e5e;
}

p {
   text-align: justify;
   text-indent: 25px;
   padding: 15px 15px 0 15px;
}

div.left {
   text-align: left;
}

#main_main div.left ul {
   padding-left: 70px;
}

#postup {
   text-align: left;
   padding: 15px 15px 0 15px;
}

#postup ul {
   padding-left: 30px;
}

span.bigger {
   font-size: 14px;
   font-weight: bold;
}

td.center {
   text-align: center;
}

div.right {
   text-align: right;
}

#table {
   padding-left: 285px;
}

span.b {
   font-weight: bold;
   font-size: 10px;
}

span.red {
   color: red;
}

div.ref, div.ref2 {
   width: 450px;
   height: 150px;
   background: #cccccc url('refbg.gif') no-repeat;
   margin-left: 75px;
   margin-top: 20px;
}

div.ref3 {
   width: 450px;
   background: #cccccc url('refbg_middle.gif') repeat-y;
   margin-left: 75px;
}

div.ref3top {
   width: 450px;
   height: 21px;
   background: #cccccc url('refbg_top.gif') no-repeat;
   margin-left: 75px;
   margin-top: 20px;
}

div.ref3bottom {
   width: 450px;
   height: 21px;
   background: #cccccc url('refbg_bottom.gif') no-repeat;
   margin-left: 75px;
}

div.ref img {
   float: left;
   margin: 15px;
}

div.ref h2 {
   padding: 20px 15px 10px 0;
}

div.ref3 h2 {
   padding: 0px 15px 0px 15px;
}

div.ref a:hover, div.ref2 a:hover {
   text-decoration: underline;
}

p.ref {
   padding-left:15px;
   text-indent:0;
}

span.date {
   font-style: italic;
}

a.regular, a.regular:hover, a.regular:active, a.regular:visited {
   color: blue;
   text-decoration: underline;
}

div.ref2 {
   text-align: right;
}

div.ref2 img {
   float: right;
   margin: 15px;
}

div.ref2 h2 {
   padding: 20px 0 10px 15px;
}

div.ref h2.tworows, div.ref2 h2.tworows {
   padding-top: 10px;
}

div.a_left {
   text-align:left;
   margin-left: 20px;
}

div.a_left li{
   padding-top:5px;
}

h2, h1 {
   font-size:18px;
}