body {
margin: 0 auto;
padding: 0;
font-family: Verdena, Arial, sans-serif;
font-size: 11px;
color: black;
background: white;
text-align: justify;
}

.left {float: left; width: 279px;}
.right {float: right; width: 685px;}
.clr {clear: both;}
.center {text-align: center;}

img {border: none;}
h1 {font-size: 120%; margin: -36px 0 0 56px; padding: 0; color: #7FA4E5; font-weight: normal; height: 30px;}
h1 a {color: black; font-weight: normal;}
h1 a:hover {text-decoration: none;}

h2 {font-size: 150%; font-weight: normal; }
h3 {font-size: 120%;}
h4 {font-size: 120%; margin: 10px 0 10px 0; }
h5 {font-size: 160%; font-weight: normal;}

ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0;}

thead {cursor: pointer;}
th {text-align: left;}

input {}
textarea {}
select {}
a {}
a:hover {}

hr {border: none; height: 1px; background: #ccc; margin: 10px;}

/******************************main************************************/
#page {margin: 0 auto; width: 985px;}

#header {height: 230px; background: url(img/bgheader.png) no-repeat; text-align: right;}
#header span img {padding: 3px 20px 0 0;}
#header span img.aaa {padding-right: 0px;}

#logo {padding: 0;}
#logo a {display: block; width: 300px; height: 215px;}


#middle {background: url(img/bgmiddle.png) repeat-y;}

#menu {width: 100%; margin: 0 0 0 13px; text-align: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}

#menu li {text-align: center; display: block; list-style: none; padding-top: 8px; padding-bottom: 7px; background: url(img/arrow.png) no-repeat; font-size: 10px; }
#menu li:hover {background: url(img/arrow.png) no-repeat  #FFCECE;}
#menu a {color: #505050; text-decoration: none;}

#menu ul.o {}
#menu ul.o li {background: #F4F4F4; font-weight: bold; padding-left: 0px; font-size: 11px; border-bottom: 1px solid #ccc; font-weight: bold;}
#menu ul.o li a {color: #505050;}


#menu ul.oo li {text-align: left; padding-left: 20px; background: #F4F4F4; font-weight: bold; border-bottom: 1px solid #ccc;}
#menu ul.oo li:hover {padding-left: 20px; background:  url(img/active.jpg) repeat-y;  border-bottom: 1px solid #ccc;}
#menu ul.oo li a {font-weight: normal; color: #505050; font-size: 11px;}
#menu ul.oo li:hover a { color: white;}

#menu ul.oo ul li {text-align: left; padding-left: 45px; background: #F4F4F4; border-bottom: 1px solid #ccc;}
#menu ul.oo ul li:hover {padding-left: 45px; background:  url(img/active.jpg) repeat-y;  border-bottom: 1px solid #ccc;}

#content {width: 653px;}

#clu {margin: 10px 10px 10px 30px; color: #00214d;}
#clu ul {margin-left: 40px;}

#clu img {padding: 0 3px 3px 0;}
#clu img.l {float: left; margin: 0 10px 10px 0;}
#clu img.r {float: right; margin:  0 0 10px 10px;}

#footer {height: 113px; background: url(img/bgfooter.png) no-repeat; color: #B7B7B7; font-size: 11px; text-align: center; }
#footer a {color: #00BAFF;}
#footer a:hover {color: #00ff00;}
#footer p {line-height: 46px; margin: 0; padding: 0;}

#kontakt {margin: 0 0 0 45px; text-align: left;}

#kontakt li {padding-left: 20px; background: url(img/arrow.png) no-repeat 3%  55%; list-style: none;}
#kontakt li.h {background: none; padding-left: 00px; font-weight: bold; margin: 10px 0 3px 0;}