body {width:100%; position:relative;  text-align:center;margin:0px; padding:0px;font-family:  Arial, sans-serif;font-size:12px;color:#404042;background:#FFFFFF url("img/bg.jpg") repeat-x;}
 table{font-size:12px;}
a{ text-decoration:underline; color:#404042;}
a:hover{ text-decoration:none;}
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:ARIAL;}

.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%;}
.underline {text-decoration:underline;}
.alone {clear:both;}
.strong {font-weight:bold;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5;} 


.back{ line-height:26px; float:left; color:#3c78b1; text-decoration:none; background: url("../images/button_back.gif") no-repeat 3px 0px; padding-left:38px; margin:15px 0px}
.forward{ line-height:26px; float:right; color:#3c78b1; text-decoration:none; background: url("../images/button_forward.gif") no-repeat right 0px; padding-right:35px; margin:15px 3px 15px 0px;}
.forward:hover,.back:hover{text-decoration:underline; font-weight:bold;}

#bg_top{position:absolute;left:0px; top:0px; background:#4A8BC9 ; height:2px; width:100%; z-index:-1; font-size:1px}

#center{ width:995px; margin:0px auto;}
#layout{ position:relative; z-index:100; float:left; width:995px; text-align:left;  }

#layout #header {float:left; width:100%; position:relative; height:280px; margin-top:0px; margin-bottom:30px; }
#layout #header #logo{position:absolute; left:18px; top:28px; font-size:35px; font-weight:bold; color:#0B3E90;}

#layout #header #mutace{position:absolute; right:0px; top:0px; margin:0px; padding:0px; float:left;}
#layout #header #mutace li{ margin:0px; padding:0px; list-style-type:none;float:left; }
#layout #header #mutace li a{ margin:0px; padding:0px; list-style-type:none; width:34px; height:21px; line-height:21px; text-align:center; float:left; }
#layout #header #mutace li a:hover,#layout #header #mutace li a.aktiv{ background: #4A8BC9 url("../images/mutace.gif") no-repeat; color:#ffffff;}

#layout #header #top_menu{position:absolute; right:0px; top:47px; margin:0px; padding:0px; line-height:22px;}
#layout #header #top_menu li{float:left; margin:0px; padding:0px; list-style-type:none; background: url("../images/oddelovac.gif") no-repeat left center;}
#layout #header #top_menu li.first{background: none;}
#layout #header #top_menu li a{float:left;font-size:13px;  margin:0px 12px; position:relative; text-decoration:none; }
#layout #header #top_menu li a:hover{text-decoration:underline;}
#layout #header #top_menu li a.aktiv{background:#4A8BC9 url("../images/top_menu_left.gif") no-repeat; font-weight:bold;color:#FFFFFF; }
#layout #header #top_menu li a.aktiv span{float:left;line-height:22px; text-decoration:none; padding:0px 10px 0px 10px; background: url("../images/top_menu_right.gif") no-repeat top right;}

#layout #header #header_image{position:absolute; left:0px; bottom:0px; width:100%; height:190px; background: #DEE8F2;}
#layout #header #kontakt{position:absolute; right:18px; bottom:0px; height:165px; line-height:17px;}
#layout #header #kontakt table{margin-top:45px;}
#layout #header #slogan{font-size:14px;position:absolute; left:10px; font-weight:bold;color:#OOOOOO; bottom:0px; top:275px;}

#layout #right_aside{float:right; width:257px; padding-top:5px; line-height:17px;}
#layout #right_aside .box{background: #F6F9FC url("../images/box_bg.gif") repeat-y;}
#layout #right_aside .box .bottom{float:left;}
#layout #right_aside .box .inside{background: url("../images/box_top.gif") no-repeat; padding:9px 9px 0px 9px;}
#layout #right_aside .box .inside p {border-bottom:1px solid #7FA8CF; padding-bottom:5px; margin-bottom:7px;}
#layout #right_aside .box .inside p.noline {border-bottom:0px solid; padding-bottom:2px; margin-bottom:0px;}
#layout #right_aside .box .inside p a {text-decoration:none; color:#404042;}
#layout #right_aside .box .inside p a:hover {text-decoration:underline;}

#layout #right_aside h3{font-size:13px; color:#3c78b1; font-weight:bold; margin:0px; padding:0px 0px 5px 0px; }



#layout #left_aside{float:left; width:212px;padding-top:5px; }
#layout #left_aside h3{font-size:14px; color:#3c78b1; margin:0px; padding:0px 0px 7px 4px; }
#layout #left_aside p{ padding:0px 0px 1em 4px; text-align:justify;}

#layout #left_aside ul{margin:0px; padding:0px 0px 25px 0px; font-size:12px;}
#layout #left_aside ul li{margin:0px; padding:0px; list-style-type:none; display:block; background: #B9D2E9 url("../images/main_menu_top.gif") no-repeat;border-bottom:2px solid #ffffff;}
#layout #left_aside ul li a{ display:block; background:  url("../images/main_menu_bottom.gif") no-repeat left bottom; color:#3c78b1; text-decoration:none;}
#layout #left_aside ul li a:hover,#layout #left_aside ul li a.aktiv{font-weight:bold;}
#layout #left_aside ul li a span{ display:block; background:  url("../images/main_menu_sipka.gif") no-repeat 198px center; padding:3px 25px 3px 14px}
#layout #left_aside ul ul{ margin:3px 0px; padding:0px;}
#layout #left_aside ul ul li{ background:#ffffff;}
#layout #left_aside ul ul li a{ background:#ffffff; padding:0px 14px;}

#layout #content{ width:480px; float:left; padding-left:24px;}
#layout #content h1{ color:#3c78b1; font-size:19px; margin:0px; padding:0px 0px 12px 0px;}
#layout #content h2{ color:#000000; font-size:12px; margin:0px; padding:10px 0px 7px 0px; font-weight:bold;}

#layout #content h2 a{ color:#3c78b1; font-size:14px; margin:0px; padding:10px 0px 7px 0px; font-weight:bold;text-decoration:none;}
#layout #content h2 a:hover{ color:#3c78b1; font-size:14px; margin:0px; padding:10px 0px 7px 0px; font-weight:bold;text-decoration:underline;}

#layout #content p{ line-height:17px; padding-bottom:1em;}
#layout #content .image {padding-bottom:12px;}
#layout #content .image p{padding:0px 5px; font-style:italic; font-size:11px; line-height:15px;}
#layout #content .moznosti a{text-decoration:none;}
#layout #content .moznosti a:hover{text-decoration:underline;}
#layout #content .prava {width: 747px;}

#citace_bg{ width:100%; float:left; background: #DEE8F2 url("../images/citace.gif") center top no-repeat; min-height:125px; margin-top:40px;}
#citace_bg .inside{ width:995px; margin:0px auto;}
#citace_bg .inside #citace{ width:749px;float:left; padding:22px 10px 5px 236px ; text-align:left; position:relative;}
#citace_bg .inside #citace p{line-height:15px; padding-bottom:1em;}
#citace_bg .inside #citace p.italic{font-style:italic; color:#6f6f6f;}
#citace_bg .inside #citace .f-left{width:318px;}
#citace_bg .inside #citace .f-right{width:300px;}
#citace_bg .inside #citace #bublina{position:absolute; left:30px; top:-39px;}
#citace_bg .inside #citace h3{margin:0px; padding:0px; font-size:12px; position:absolute; left:236px; top:-25px; }

#footer{ width:100%; float:left;}
#footer .center{ width:995px; margin:0px auto;}
#footer .center .inside{ width:995px; float:left; text-align:left; padding:10px 0px;}
#footer .center .inside a{ font-weight:bold; text-decoration:none;}
#footer .center .inside a:hover{  text-decoration:underline;}
#footer .center .inside p.f-right{ text-align:right;}
#footer .center .inside p{ line-height:20px;}