body {
   background-color: #ffffff;
   margin: 20px auto 0 auto;
   text-align: center;
   font: 13px Arial, Verdana, Helvetica, sans-serif;
}

table {
   font: 13px Arial, Verdana, Helvetica, sans-serif;
}

img, div, h1, span {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   border: none;
}

#content a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}
#content a:hover {
   font-weight: bold;
   text-decoration: underline;
}

#header {
   background: #ffffff url(../images/logo.jpg) no-repeat top left;
   text-align: left;
   height: 90px;
   width: 822px;
   display: block;
   margin: 0 auto 3px auto;
}
#header .banner {
   float: right;
}

#aktuality {
   margin: 0 0 0 0;
   float: left;
}
#aktuality p {
   width: 195px;
   height: 78px;
   background-color: #CCFFFF;
   margin: 0 0 1px 0;
   padding: 0 5px 0 5px;
   text-align: center;
   font-weight: normal;
}
#aktuality p a {
   width: 100%;
   height: 100%;
   padding: 7px 0 0 0;
   color: #000000;
   display: block;
   text-decoration: none;
   font-weight: normal;
   font-size: 12px;
}
#aktuality p a strong {
   color: #339A65;
   font-size: 12px;
   text-decoration: none;
}
#aktuality p a:hover {
   text-decoration: none;
   font-weight: normal;
}
#aktuality p a:hover strong {
   text-decoration: underline;
}

#content {
   width: 822px;
   margin: 0 auto 0 auto;
   text-align: justify;
}

#novinky {
   float: left;
   width: 136px;
}
#novinky p{
   height: 223px; /*235*/
   overflow: auto;
   padding: 0 3px 0 3px;
   margin: 0 0 0 0;
   background-color: #9ACCFF;
   text-align: left;
   color: #000080;
   font-size: 12px;
}
div.banner {
   margin: 10px auto 0 auto;
   padding: 0 0 0 0;
   width: 822px;
   height: 32px;
   text-align: right;
}
ul.menu {
   clear:both;
   list-style-type: none;
   margin: 0 auto 0 auto;
   padding: 0 0 0 0;
   width: 822px;
   height: 32px;
}
ul.menu li{
   float: left;
   margin: 0 1px 0 0;
   padding: 0 0 0 0;
   width: 136px;
   height: 28px;
   line-height: 28px;
}
ul.menu li a{
   display: block;
   width: 100%;
   height: 100%;
   background-color: #339A65;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}
ul.menu li a:hover, ul.menu li a.selected{
   background-color: #00FF00;
}

#footer {
   width: 822px;
   margin: 0 auto 0 auto;
}

#footer img {
   float: left;
   margin-right: 1px;
}

hr.cleaner {
   clear:both;
   height:1px;
   margin: -1px 0 0 0; 
   padding: 0 0 0 0;
   border:none;
   visibility: hidden;
}
hr.cleaner2 {
   clear:both;
   height:1px;
   margin: -1px 0 0 0; 
   padding: 0 0 0 0;
   border:none;
   visibility: hidden;
}

.left {
   float: left;
}
.right {
   float: right;
}
.center {
   text-align: center;
   margin: 0 auto 0 auto;
}

.green {
   color: #50B336;
}

.blue {
   color: #002ba8;
}
.logolink {
   width: 200px;
   height: 90px;
   display: block;
   position: absolute;
}

div.clenove0 a {
   color: #000000;
   text-decoration: none;
}
div.clenove0 a:hover {
   text-decoration: underline;
}
.mapa {
   width: 12px;
   height: 12px;
   display: block;
   position: absolute;
}
div.clenove0 img {
   margin: 10px 0 10px 50px;
}
div.clenove0 strong {
   line-height: 30px;
}
p.clenove1 {
   float: left;
   padding: 10px 0 0 50px;
}
p.clenove2 {
   float: left;
   padding: 10px 0 0 120px;
}


ul.clenove {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   list-style-type: none;
   text-align: center;
   float: left;

}
ul.clenove li{
   margin-bottom: 2px;
   width: 210px;

}
ul.clenove li a{
   display: block;
   width: 100%;   
   padding: 5px 0 5px 0;
   background-color: #CCFFFF;
   color: #339a65;
   font-weight: bold;
   text-decoration: none;
}

ul.clenove li a:hover, ul.clenove li a.selected {
   background-color: #00FF00;
}

#content_clenove {
   text-align: left;
   float: left;
   padding: 25px 5px 0 5px;
   width: 600px;
}
#content_clenove .info {
   width: 180px;
   float: left;
}
#content_clenove .hlavni {
   float: left;
   margin: 0 10px 10px 0;
}

#content_clenove .mapa {
   width: 100px;
   height: 90px;
}
#content_clenove .logo {
   width: 100px;
}

#content_clenove h1 {
   font-size: 13px;
   padding: 0 0 10px 0;
}

#content_clenove p {
   clear: both;
   text-align: justify;
}

#content_clenove .galerie a {
   text-decoration: none;
}

#content_clenove .galerie img {
   margin: 5px 2px 5px 2px;
   height: 83px;
   width: 110px;
}

#content .novinky p {
   padding: 2px 3px 15px 3px;
   margin: 2px 0 5px 0;
}

#content .novinky p strong {
   padding: 0 2px 2px 2px;
}

#content .rady {   
   background: #ffffff url(../images/rady_bg.jpg) repeat-y top left;
   margin: 0 0 4px 0;
   text-align: justify;
}

ul.clanky {
   margin: 0 0 0 0;
   padding: 5px 0 0 0;
   list-style-type: none;
   text-align: center;
   float: left;
   width: 222px;

}
ul.clanky li {
   margin-bottom: 2px;
   width: 222px;
}

ul.clanky li a {
   text-decoration: none;
   font-size: 13px;
   display: block;
   font-weight: bold;
   color: #339a65;
   width: 100%;
   height: 100%;
}
ul.clanky li a:hover, ul.clanky li a.selected {
   background-color: #00ff00;
}

#content .clanek {
   padding: 5px 10px 5px 230px;   
}

#content .clanek h1 {
   font-size: 22px;
}

img.casopis_tip {
   float: left;
   margin: 0 20px 10px 0;
}

ul.casopis {
   list-style-position: inside;
}

.form {
   margin: 20px 0 0 0;
}

.form input {
   width: 200px;
   border: 1px solid #000000;
   margin-left: 5px;
}

.form input.button {
   width: 100px;
   border: 1px solid #000000;
   margin-left: 215px;
}
.form textarea {
   width: 330px;
   height: 70px;
   border: 1px solid #000000;
   margin-left: 5px;
}