body {width:100%; position:relative;  text-align:center;margin:0px; padding:0px;font-family:  Verdana, sans-serif;font-size:11px;color:#000000;background:#F2B746;}

a{ text-decoration:underline; color:#000000;}
a:hover{ text-decoration:underline; color:#197719;}
a img{ border:0px;}

img{vertical-align:middle;}

form,p, table{ margin:0px; padding:0px;}
table tr td{vertical-align:top; border-spacing:0px;}
input,select,textarea {vertical-align:middle; font-size:11px; font-family:verdana;}

.f-left{float:left;}
.f-right{float:right;}
.full-width{width:100%;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-middle{vertical-align:middle}
.italic {font-style: italic;}
.top_odsazeni {margin-top:10px;}
.half_width {width:50%;}
.full_width {width:100%;}


#center{ width:952px; margin:0px auto;}
#layout{ position:relative; z-index:100; float:left; width:930px; text-align:left; border:1px solid #E0E0E0; padding:10px; background:#ffffff; margin-top:100px; }

#layout #header {float:left; width:100%; position:relative; height:221px; background:#044E04; margin-bottom:10px; }
#layout #header #logo{position:absolute; left:2px; top:-100px; color:#014900; font-size:35px; font-weight:bold;}
#layout #header #header_image{position:absolute; right:0px; top:0px; }
#layout #header #poznamky{width:345px; height:207px; background: url("img/poznamky-trans.png") no-repeat; position:absolute; right:8px; top:70px; z-index:10000; }
#layout #header #poznamky a{cursor:pointer; float:left; color:#ffffff;}
#layout #header #poznamky a img{ float:left; }
#layout #header #poznamky .prvni{position:absolute; left:8px; top:39px; }
#layout #header #poznamky .druha{position:absolute; right:16px; top:13px; }

#layout #header #menu{position:absolute; left:0px; top:0px; width:234px; height:221px; background:#035B03; margin:0px; padding: 0px; font-family:arial;}
#layout #header #menu li{margin:0px; padding:0px; list-style-type:none;float:left; width:100%; position:relative; height:37px;}
#layout #header #menu li a{cursor:pointer;height:38px; display:block; position:absolute; left:0px; top:-1px; background: url("img/label.gif") no-repeat 20px center; font-size:14px; color:#FFFFFF; text-decoration:none;}
#layout #header #menu li.top a{height:37px; top:0px; }
#layout #header #menu li.bottom a{height:37px; top:-1px; }
#layout #header #menu li a:hover{background: #158416 url("img/label_h.gif") no-repeat 20px center; z-index:100000;}
#layout #header #menu li a span{display:block; margin-left:54px; padding-left:7px; border-bottom:1px solid #2C6E2C; border-top:1px solid #2C6E2C; height:36px; line-height:36px; width:173px;}
#layout #header #menu li a:hover span{ border-bottom:1px solid #3B983B; border-top:1px solid #3B983B;}
#layout #header #menu li.top a span{ height:35px; line-height:35px; }
#layout #header #menu li.bottom a span{ height:35px; line-height:35px; }

#layout #obsah{ width:100%;float:left; background: url("img/aside.gif") repeat-y right top;}

#layout #aside{ width:188px; padding:56px 23px 23px 23px; float:right; background:#EFF8F9; font-size:13px; color:#0B5D0B;}
#layout #aside p{ padding-bottom:1em;}
#layout #aside a { color:#0B5D0B;}

#layout #content{ float:left; width:688px; padding-top:18px; font-size:14px;}
#layout #content h1{ margin:0px 0px 1em 0px; padding:0px 0px 2px 0px; font-size:16px; border-bottom:1px solid #C1C1BF; }
#layout #content h2{ margin:0px; padding:0px 0px 2px 0px; font-size:15px;  }
#layout #content p{ padding-bottom:1em; line-height:18px;}
#layout #content p a{ font-weight:bold;}
#layout #content .obraktivity {float: left; padding: 2px; margin: 0; border: 1px solid #D7D6D6 }

#layout #footer{height:74px; background:#ECF5EC; float:left; width:100%; font-weight:bold; margin-top:10px;}
#layout #footer .logo{float:left;}
#layout #footer p{line-height:18px;padding-top:15px;}

#mutace{ text-align:right;}