/* ----------------------------------------------------------------------------------------------------------    Výstupní zařízení:screen,projection    Autor:Nuvio (www.nuvio.cz)    Aktualizace:2008-09-10,13:48 GMT+1    Verze:2.2.6 (2008-07-13,14:28 GMT+1)    Struktura:display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;    Obsah:1) HTML tagy        2) HTML styly        3) Layout        4-1) Stránka:Úvod        4-2) Stránka:Podstránky - obecně        4-3) Stránka:Aktuality        4-4) Stránka:Kontakt        4-5) Stránka:Případové studie        5) Nezařaditelné        6) sIFR---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------1) HTML tagy---------------------------------------------------------------------------------------------------------- */
body{background:#cecfcc url("../design/bg.gif") 0 0 repeat-x; color:#4E5249; font:0.75em/1.5 "arial",sans-serif;}
a{color:#41453D;}
a:hover{text-decoration:underline !important;}
h1,h2,h3,h4,h5,h6,p,address,blockquote,table,dl,fieldset{margin:15px 0;}
/* ----------------------------------------------------------------------------------------------------------2) HTML styly---------------------------------------------------------------------------------------------------------- */
table.table-01{border-collapse:collapse; border-spacing:0; border:1px solid #CCC;}
table.table-01 th{background:#EEE;}
table.table-01 th,table.table-01 td{border:1px solid #DDD;}
table.table-01 tr.bg td{background:#F5F5F5;}
ul.ul-01{list-style:none;}
ul.ul-01 ul{margin:0;}
dl.dl-01 dt{font-weight:bold;}
dl.dl-01 dd{margin-left:20px;}
/* ----------------------------------------------------------------------------------------------------------3) Layout---------------------------------------------------------------------------------------------------------- */
#main{width:980px; overflow:hidden; margin:0 auto; background:#fff;}
#header{position:relative; height:94px; overflow:hidden;}
#logo{position:relative; width:195px; height:94px; overflow:hidden; margin:0; padding:0; font-size:300%;}
#logo span{display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
#logo a{color:#006330;}
#links{position:absolute; top:48px; right:0; margin:0; color:#9D9F9A; font-size:150%;}
#links a{color:#9D9F9A; text-decoration:none;}
#links span{margin:0 3px;}
#nav{position:relative; background:#006330 url("../design/nav.png") 0 100% repeat-x;}
#nav ul{margin:0; list-style:none;}
#nav li{display:inline;}
#nav li a{display:block; position:relative; float:left; overflow:hidden; height:39px; margin:0; padding:0; font-size:120%; text-align:center; color:#FFF; font-weight:bold; text-decoration:none;}
#nav li a span{display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; cursor:pointer;}
#nav li#nav-01 a{width:91px;}
#nav li#nav-01 a span{background:url("../design/nav-01.png") 0 0 no-repeat;}
#nav li#nav-02 a{width:147px;}
#nav li#nav-02 a span{background:url("../design/nav-02.png") 0 0 no-repeat;}
#nav li#nav-03 a{width:94px;}
#nav li#nav-03 a span{background:url("../design/nav-03.png") 0 0 no-repeat;}
#nav li#nav-04 a{width:73px;}
#nav li#nav-04 a span{background:url("../design/nav-04.png") 0 0 no-repeat;}
#nav li#nav-05 a{width:50px;}
#nav li#nav-05 a span{background:url("../design/nav-05.png") 0 0 no-repeat;}
#nav li#nav-06 a{width:57px;}
#nav li#nav-06 a span{background:url("../design/nav-06.png") 0 0 no-repeat;}
#nav li#nav-07 a{width:64px;}
#nav li#nav-07 a span{background:url("../design/nav-07.png") 0 0 no-repeat;}
#nav li a:hover span,#nav li a.active span{background-position:0px -39px !important;}
#nav #search{position:absolute; top:8px; left:755px;}
#nav #search div{position:relative;}
#nav #search .search-input{position:absolute; top:0; width:180px; padding:3px; border:1px solid #58ab3e; background:#005e2d; color:#58ab3e; font:90%/1 "tahoma", sans-serif;}
#nav #search .search-input:hover{border:1px solid #fff;}
#nav #search #searchsubmit{position:absolute; top:2px; left:195px;}
#nav-corner{position:absolute; top:0; right:0; width:4px; height:4px; background:url("../design/nav-corner.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.cols{background:url("../design/cols.gif") 100% 0 repeat-y;}
.content{float:left; width:756px; overflow:hidden;}
.content .content-1c{padding:15px 0; background:url("../design/content-1c.gif") 0 0 no-repeat;}
.content .content-2c{padding:15px 0; background:url("../design/content-2c.gif") 0 0 no-repeat;}
.content h2{margin:0; margin-left:20px; color:#76C544; font-size:30px; font-weight:normal;}
.aside{float:right; width:224px; overflow:hidden;}
.aside.top{min-height:93px; background:url("../design/aside-top.gif") 0 0 no-repeat;}
.aside ul.links-01{margin:0 0 10px 0; list-style:none;}
.aside ul.links-01 li{display:inline;}
.aside ul.links-01 li a{display:block; padding:5px 15px; background:url("../design/aside-dot.gif") 0 100% repeat-x; font-weight:bold; color:#808080;}
.aside ul.links-01 li.active a{color:#000;}
.aside ul.links-02{margin:0 0 10px 0; list-style:none;}
.aside ul.links-02 li{display:inline;}
.aside ul.links-02 li a{display:block; padding:5px 15px; background:url("../design/aside-dot.gif") 0 100% repeat-x; color:#808080; font-size:90%;}
#infotab {background:url("../design/tab_pozadi.gif") 0 0 no-repeat; padding: 10px 10px 10px 10px;}
#footer{width:940px; overflow:hidden; margin:0 auto; padding:20px; background:url("../design/footer.gif") 0 0 repeat-x; color:#959792; font-size:85%; text-align:center;}
#footer a{color:#959792; text-decoration:none;}
#footer span{margin:0 4px;}
#footer p{margin:0;}
/* ----------------------------------------------------------------------------------------------------------4-1) Stránka:Úvod---------------------------------------------------------------------------------------------------------- */
.cols.hp{padding:10px; background:none;}
.cols.hp a{text-decoration:none; color:#808080;}
.cols.hp .cols33{clear:both; margin:12px 0 32px 0;}
.cols.hp .col33{float:left; width:312px; margin-right:12px;}
.cols.hp .col33 img{display:block;}
.cols.hp .col33.last{margin-right:0;}
.cols.hp .col-left{float:left; width:637px;}
.cols.hp .col-right{float:right; width:311px;}
.cols.hp .col50{float:left; width:290px;}
.cols.hp .col50 h3,.list-style-h h3{margin-top:0; margin-bottom:3px; font-size:100%; font-weight:bold; color:#006631;}
.cols.hp .col50 ul{list-style:none;}
.cols.hp .col50 ul li{padding:4px 0;}
.cols.hp .col50 ul li a{font-weight:bold;}
.cols.hp dl#news{margin:0;}
.cols.hp dl#news dt{font-size:90%; font-weight:normal; color:#999;}
.cols.hp dl#news dd{margin-bottom:10px; font-weight:bold;}
.tabs-01{background:url("../design/dot.gif") 0 100% repeat-x;}
.tabs-01 ul{margin:0; list-style-type:none;}
.tabs-01 ul li{display:inline;}
.tabs-01 a{float:left; margin-right:10px; padding-left:8px; background:#D8D9D7 url("../design/tab-01-l.gif") 0 0 no-repeat; color:#888; font-weight:bold; text-decoration:none; cursor:pointer;}
.tabs-01 a span{float:left; display:block; padding:6px 25px 5px 17px; background:#D8D9D7 url("../design/tab-01-r.gif") 100% 0 no-repeat;}
.tabs-01 .tab-active a{float:left; margin-right:10px; padding-left:8px; background:url("../design/tab-01-l-active.gif") 0 0 no-repeat; color:#555; font-weight:bold; text-decoration:none;}
.tabs-01 .tab-active a span{float:left; display:block; padding:6px 25px 6px 17px; background:url("../design/tab-01-r-active.gif") 100% 0 no-repeat;}
.tabs-01-box{padding:20px; background:url("../design/tabs-01-box.gif") 0 0 no-repeat;}
/* ----------------------------------------------------------------------------------------------------------4-2) Stránka:Podstránky - obecně---------------------------------------------------------------------------------------------------------- */
#breadcrumbs{margin:15px 20px; font-size:90%; color:#a0a0a0;}
#breadcrumbs a{color:#a0a0a0;}
#breadcrumbs span{margin:0 5px;}
.aside.top p{margin:15px 20px; font-size:90%; color:#a0a0a0;}
.aside.top p a{color:#a0a0a0;}
.aside.top p span{margin:0 5px;}
#content-hx-01,#content-hx-02,#content-hx-03,#content-hx-04,#content-hx-05,#content-hx-06{position:relative; width:756px; height:40px; overflow:hidden; margin:0; padding:0; font-size:160%; color:#76C544;}
#content-hx-01 span,#content-hx-02 span,#content-hx-03 span,#content-hx-04 span,#content-hx-05 span,#content-hx-06 span{display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/content-hx-01.gif") 0 0 no-repeat;}
#content-hx-02 span{background:url("../design/content-hx-02.gif") 0 0 no-repeat;}
#content-hx-03 span{background:url("../design/content-hx-03.gif") 0 0 no-repeat;}
#content-hx-04 span{background:url("../design/content-hx-04.gif") 0 0 no-repeat;}
#content-hx-05 span{background:url("../design/content-hx-05.gif") 0 0 no-repeat;}
#content-hx-06 span{background:url("../design/content-hx-06.gif") 0 0 no-repeat;}
.aside-hx-01,.aside-hx-02,.aside-hx-03,.aside-hx-04,.aside-hx-05,.aside-hx-06,.aside-hx-07,.aside-hx-08{position:relative; width:224px; height:27px; overflow:hidden; margin:0; padding:0; font-size:100%;}
.aside-hx-01 span,.aside-hx-02 span,.aside-hx-03 span,.aside-hx-04 span,.aside-hx-05 span,.aside-hx-06 span,.aside-hx-07 span,.aside-hx-08 span{display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/aside-hx-01.gif") 0 0 no-repeat;}
.aside-hx-02 span{background:url("../design/aside-hx-02.gif") 0 0 no-repeat;}
.aside-hx-03 span{background:url("../design/aside-hx-03.gif") 0 0 no-repeat;}
.aside-hx-04 span{background:url("../design/aside-hx-04.gif") 0 0 no-repeat;}
.aside-hx-05 span{background:url("../design/aside-hx-05.gif") 0 0 no-repeat;}
.aside-hx-06 span{background:url("../design/aside-hx-06.gif") 0 0 no-repeat;}
.aside-hx-07 span{background:url("../design/aside-hx-07.gif") 0 0 no-repeat;}
.aside-hx-08 span{background:url("../design/aside-hx-08.gif") 0 0 no-repeat;}
.content .col-left{float:left; width:464px; padding:0 20px;}
.content .col-left ol, .content .col-left ul {margin-left: 20px;}
.content .col-right{float:right; width:212px; padding:0 20px;}
.content h3{margin: 15px 0px; font:bold 140%/1.5 "trebuchet ms", "trebuchet", sans-serif;}
.content h4{/*margin-bottom:-10px;*/ margin: 15px 0px; font-size:110%; color:#4e5249;}
.content #perex{margin:0; font:bold 130%/1.5 "trebuchet ms", "trebuchet", sans-serif; color:#4E5249;}
.content .col-right h3{margin:0; font:bold 130%/1.5 "trebuchet ms", "trebuchet", sans-serif; color:#006631;}
/* ----------------------------------------------------------------------------------------------------------4-3) Stránka:Aktuality---------------------------------------------------------------------------------------------------------- */
.news{clear:both; padding:0 20px 15px 20px;}
.news h3{margin:0; font:bold 140%/1.5 "trebuchet ms", "trebuchet", sans-serif;}
.news p{margin:0;}
.news img{position:relative;margin-right:10px; float:left;}
/* ----------------------------------------------------------------------------------------------------------4-4) Stránka:Kontakt---------------------------------------------------------------------------------------------------------- */
#contact-form{margin-top:10px;}
#contact-form label{clear:both; display:block; font-size:90%; font-weight:bold;}
#contact-form input{margin-bottom:5px;}
.contact-input{width:200px; padding:3px; border:0; border-top:1px solid #959793; border-left:1px solid #959793; background:#CECFCD;}
.contact-textarea{width:200px; height:100px; padding:3px; border:0; border-top:1px solid #959793; border-left:1px solid #959793; background:#CECFCD;}
/* ----------------------------------------------------------------------------------------------------------4-5) Stránka:Případové studie---------------------------------------------------------------------------------------------------------- */
.studie{float:left; width:231px; padding-bottom:15px; padding-left:15px;}
#ilu{position:relative;}
#ilu img{display:block;}
#ilu .tabs-02{position:absolute; bottom:0; left:20px;}
#ilu .tabs-02 ul{margin-left:10px; list-style-type:none;}
#ilu .tabs-02 ul li{display:inline;}
#ilu .tabs-02 a{float:left; margin-right:10px; padding-left:8px; background:url("../design/tab-02-l.gif") 0 0 no-repeat; color:#fff; font-weight:bold; text-decoration:none; cursor:pointer;}
#ilu .tabs-02 a span{float:left; display:block; padding:6px 25px 6px 17px; background:url("../design/tab-02-r.gif") 100% 0 no-repeat;}
#ilu .tabs-02 .tab-active a{float:left; margin-right:10px; padding-left:8px; background:url("../design/tab-02-l-active.gif") 0 0 no-repeat; color:#555; font-weight:bold; text-decoration:none;}
#ilu .tabs-02 .tab-active a span{float:left; display:block; padding:6px 25px 6px 17px; background:url("../design/tab-02-r-active.gif") 100% 0 no-repeat;}
#ilu .tabs-02-box{padding:20px; background:url("../design/tabs-01-box.gif") 0 0 no-repeat;}
.content .col-right ul{margin:15px 0; list-style:none; font-size:90%; font-weight:bold;}
.content .col-right ul li{padding-left:13px; background:url("../design/ul.gif") 0 6px no-repeat;}
/* ----------------------------------------------------------------------------------------------------------5) Nezařaditelné---------------------------------------------------------------------------------------------------------- */
a.link-01{color:#006631;}
.low{color:#777;}
.high{color:#6AB739;}
.bold{font-weight:bold;}
.smaller{font-size:90%;}
.p20{padding:0px;}
.list-style ul{margin:0;padding:0;}
.list-style ul li{list-style:none;}
.list-style ul li a{font-weight:bold; text-decoration:none;}
.list-style ul li a:hover{text-decoration:underline;}
img.f-left{margin-right:10px;}
img.f-right{margin-left:10px;}
.nocomments{display:none;}
.sitemap ul{margin:0; padding:0; padding:2em;}
.sitemap ul ul{margin:0; padding:0; padding-left:2em;}
/* ----------------------------------------------------------------------------------------------------------6) sIFR---------------------------------------------------------------------------------------------------------- */

.aktualita {
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}

.aktualita ul, .aktualita ol {
    padding-left: 20px;
}