body {font-size: 12px; font-family: Arial, helvetica; text-align: center;   padding:0px; margin: 0 auto; background-image: url('Grafika/bg.jpg');}
#main {border: 1px solid #EECA9A; margin: 0 auto;  width: 1024px; text-align: center; margin-top: 15px; margin-bottom: 15px;}
#top { border: 0px solid red; background: #fff; background-image: url('Grafika/bgtop.jpg'); position: relative;  width: 100%; height: 180px;}
#menu {border-bottom: 2px solid #fff; width: 1000; height: 50px;background: #EECA9A; color: #fff; font-size: 160%; text-align: left; padding-left: 15px; }
#menu a {font-weight: bold; font-size: 100%; margin: 0px; margin-right: 10px; display: block; float: left;  color: #fff; border: 0px solid black; vertical-align: middle; text-decoration: none;}
#menu a:hover {color: #DBDBDB !important;}
#menu img {border: 0px solid black; vertical-align: middle; padding-left: 10px;}
#menu .akt {color: #D53628 !important;padding-right:0px; padding-left: 5px; display: none;}
#menu .neakt {padding-right: 0px; padding-left: 5px;  display: none;}


#telo {border: 0px solid red; min-height: 505px;}

.titulek {display: block; background-image: url('Grafika/nadpis.gif'); width: 864px; height: 147px; position: absolute; top: 20px; left: 50px; font-family: Arial Black, arial; font-size: 180%; color: #000; text-decoration: none;letter-spacing: 1px; }
#right h2 {margin-top: 0px; font-size: 130%; margin-bottom: 12px;}
.hidden {display: none;}


#left { color: #4C2201; width: 170px; margin-top: 8px; margin-bottom: 15px; padding-right: 15px; float: left; text-align: right; border-right: 1px solid #D5D5D5;}
#left a {font-family: Arial Black, arial; font-size: 160%; line-height: 1.8;  color: #000; text-decoration: none;  color: #4C2201;}

#right {width: 600px; margin-top: 18px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; float: right; text-align: left; border: 0px solid red;}
#right p {margin-top: 0px; line-height: 1.5; border: 0px solid red; margin-bottom: 12px;}

#telo {background: #fff; color: #4C2201; padding: 20px 25px 20px 25px; font-size: 120%; text-align: left;}
#telo h1 {text-align: left; font-size: 140%;}
#telo h2 {text-align: left; font-size: 120%;}
#telo h3 {text-align: left; font-size: 110%;}
#telo p {text-align: justify;  line-height: 1.5;}
#telo a {color: #000;}
#telo a:hover {color: red;}

label {display: block; margin-top: 15px; margin-bottom: 3px;}

#telo table {border-left: 1px solid gray; border-top: 1px solid gray; border-collapse: collapse; text-align: left;}
#telo td {border-right: 1px solid  gray; border-bottom: 1px solid gray; padding: 2px 8px 2px 8px;}
#telo th {border-right: 1px solid  gray; border-bottom: 1px solid  gray; padding: 2px 8px 2px 8px; background-color: #CDCDCD;}
.clear {clear: both;}

.ok {background: #B7E0AE; border: 1px solid green; padding: 5px;}
.chyba {background: #FFCEB0; border: 1px solid red; padding: 5px;}

#bottom {width: 100%; height: 20px; background: #EECA9A; color: #4C2201; font-size: 100%; padding-top: 5px; padding-bottom: 5px; bottom: 0px;}
#bottom a {color: #4C2201; font-weight: bold;}
#bottom a:hover {color: red;}


#leftmenu {width: 180px; float: left;  margin-right: 20px; margin-top: 20px; margin-left: 5px; font-size: 120%; line-height: 1.8; color: #4C2201;}
#leftmenu a { color: #4C2201 !important; font-size: 110%;}
#leftmenu a:hover { color: red !important;}
#leftmenu strong {font-weight: bold; color: #4C2201;}
#leftmenu h2 {margin-bottom: 0px; margin-top: -5px;}


#mainframe {width: 700px;float: left; border: 0px solid green;  margin-top: 10px;}

.podsekceakt {font-weight: bold !important; text-decoration: none;}
.aktsubmenu {color: red !important; font-size: 110%;}

.aktaktualita {font-size: 80% !important; }
.neaktaktualita {font-size: 80% !important; font-weight: normal !important;}

.aktuality {border: 1px solid black; padding: 10px; background-color: #EECA9A;  width: 150px;}