body {margin:0; padding:0; font-size:0.8em; font-family: Trebuchet MS,Ariel; text-align:center; background:#B3DAA5 url(../img/bg-body.gif) repeat-x left top; color:#383938}

a img {border:none}
.clr {clear:both; height:0px; line-height:0px; font-size:0px}
h1 {font-size:1.7em; margin:0px 0 0 0; padding:0;  color:#c4c4c4; font-weight:normal; line-height:1.0em;}
h2 {font-size:1.5em; color:#0066a7; margin:5px 0 6px 0}
h3 {font-size:1.2em; color:#1f5a0b; margin:5px 0 5px 0; font-weight:normal; text-transform: uppercase }

.ir {float:right; margin:0 0 0 10px}
.il {float:left; margin:0 10px 0 0}
.b {border:1px solid #cecccb; padding:2px}



#nad-container {width:100%;}
#nad-container-bottom {width:100%; height:24px; background:url(../img/bg-nad-container02.gif) repeat-x left top; text-align:center}
#nad-container-bottom p {margin:5px 0 20px 0; padding:3px 0 0 0; font-size:0.85em}
#nad-container-bottom a {color:#4d4d4d; text-decoration:none}
#nad-container-bottom a:hover {text-decoration: underline}

#container {margin:0 auto; width:920px; text-align:left; position:relative}
#top {width:920px; float:left; height:167px; background:url(../img/bg-top.jpg) no-repeat left bottom; position:relative}
#motive {display:inline; width:247px; height:140px; margin:24px 0 0 56px; background:url(../img/top-obr.jpg) no-repeat left top; float:left}
#logo {position:absolute; top:79px; right:147px}
#top-text {margin:0; position:absolute; top:142px; right:130px; color:#fff; font-size:1.15em}
#nad-content {width:920px; float:left; background:url(../img/bg-content01.gif) repeat-y left top}
#content {float:left; width:920px; background: url(../img/bg-nadcontent02.jpg) no-repeat left bottom; position:relative; padding-bottom:70px}
#content-left {float:left; width:213px; height:400px}
#content-text {float:left; display:inline; width:697px; background: url(../img/bg-text.gif) no-repeat left top; min-height:476px; padding-left:10px; position:relative}
.content-text {padding:20px 0 10px 10px; float:left}
.content-text-index {margin-bottom:60px; float:left}
#content-text a {color:#0066a7}
#content-text a:hover {text-decoration:none}
#content-text ul {margin:10px 0 10px 18px; list-style:none; padding:0}
#content-text ul li {padding: 1px 0 1px 14px; background: url(../img/odr01.gif) no-repeat left 6px}

#menu {width:214px;background:#fff; float:left}
#nad-menu {width:214px; position:absolute; top:167px; left:0px; z-index:5;}
#menu01 {float:left; width:213px; padding-bottom:8px}
#menu01 ul {list-style:none; margin:12px 0 10px 13px; padding:0px; }
#menu01 ul li {width:187px; padding-bottom:3px; float:left}
#menu01 ul li a {display:block; padding:6px 0 6px 30px; text-decoration:none; color:#dadbda; background:url(../img/bg-menu.gif) no-repeat left top; text-transform:uppercase; font-weight:bold}
#menu01 ul li a:hover, #menu01 ul li a.act {background:url(../img/bg-menu-a.gif) no-repeat left top; color:#fff}
#index-h1 {margin:0px 0 15px 15px}
.h1-dl {background:url(../img/h1-stin.gif) no-repeat 90px 11px;}
.h1-kr {background:url(../img/h1-stin-m.gif) no-repeat 220px 11px;}
.h1-kradsi {background:url(../img/h1-stin-mm.gif) no-repeat 290px 11px;}
.h1-nejkradsi {background:url(../img/h1-stin-mmm.gif) no-repeat 450px 11px}

#podmenu {width:213px; float:left; background: url(../img/pod-menu_01.gif) no-repeat left bottom; min-height:133px}
#podmenu02 {float:left; background: url(../img/pod-menu_02.gif) no-repeat left bottom; width:213px; height:32px}
#banner {display:inline; margin:0px 0 5px 13px; float:left}
#banner img {border:2px solid #4074aa}
#index-button {float:left; width:590px; font-size:0.85em; margin:10px 0 0 90px; background:url(../img/bg-buttom.jpg) no-repeat left top}
#index-button a {display:block; float:left; width:90px; height:20px; padding-top:90px; text-align:center; color:#424345; text-decoration:none}
#index-button a:hover {color:#000; background:transparent}

#button01 {background:url(../img/index-ik01-h.jpg) no-repeat left top; margin-right:30px}
#button02 {background:url(../img/index-ik02-h.jpg) no-repeat left top; margin-right:31px}
#button03 {background:url(../img/index-ik03-h.jpg) no-repeat left top; margin-right:31px}
#button04 {background:url(../img/index-ik04-h.jpg) no-repeat left top}

.news {padding:30px 30px 0px 40px; display:inline; float:left; width:550px; background:url(../img/otisk.gif) no-repeat left top; margin-left:10px}
.news p {width:500px; margin:0px}
#content-text .news p a {color:#2b2c2c; text-decoration:none}
#content-text .news p a:hover {text-decoration:underline}
.news p.date {font-size:0.9em; color:#9d9d9d}

#text {float:left; margin:0px 60px 0 40px; display:inline}
#text p {margin:0 0 12px 0}
#text p strong {color:#292929}
#text p a strong {color:#0066a7}

#vyhl-vlajky {width:470px; text-align:right; position:absolute; top:33px;right:31px; height:29px}
#vlajky {width:150px; height:29px; float:left; color:#fff; margin-right:10px}
#vlajky p {margin:6px 0 0 0}
#vlajky a {margin:2px 0px 0 20px; float:left; color:#fff; text-decoration:none; background:url(../img/odr-vlajky.gif) no-repeat left 5px; padding-left:7px; text-transform: uppercase; font-size:0.85em; font-weight:bold}
#vlajky a:hover {color:#646664; background:url(../img/odr-vlajky-h.gif) no-repeat left 5px}

#vyhl {width:310px; height:22px; float:left; text-align:right; color:#fff}
#vyhl p {margin:6px 0 0 4px; float:left}
#vyhl input {font-size:0.85em; border:1px solid #B0CBAD; padding:1px 5px}
#vyhl .tl_hledat01 {background:#589142; color:#fff; font-weight:bold; text-align:center; padding:0px 10px 1px 10px; float:left; cursor:pointer; font-size:0.85em; border:1px solid #ADB2AE; cursor:pointer}

#tkontakty {width:100%; border-collapse:collapse; margin:0 0 10px 0}
#tkontakty tr th {padding:5px 10px; text-align:center; background:#5F9944; border:1px solid #fff; color:#fff}
#tkontakty tr td {padding:3px 8px; border-bottom:1px solid #A4A09F}
#tkontakty img {border:1px solid #d1d1d1}
.podtrh {width:595px; height:7px; line-height:7px; margin:5px 0; float:left; background:url(../img/podtrh.gif) no-repeat left top; font-size:1px}

.produkty {width:100%; float:left; display:inline; position:relative}
#content-text .produkty ul {float:left; width:260px; margin:10px 10px 10px 30px}
.produkty ul li {padding:2px 0 2px 14px; background: url(../img/odr01.gif) no-repeat left 7px}
#content-text .produkty ul li.nenalezen {background:none; font-weight:bold; width:600px}
#podkategorie {display:none}
.productFile {float:left}
.xls {padding:2px 0 2px 28px; margin:2px 0 0 0; background:url(../img/ic-xls.gif) no-repeat left top}

#subkategorie {font-weight:bold;}
#subkategorie span {margin:5px; font-weight:normal;}

#vyhledavani {width:600px; padding:2px 10px; border:1px solid #D0CFCD; text-align:center; margin:5px 0 2px 10px; background:#e7e8e8}
#vyhledavani form {float:left; margin-left:180px; display:inline}
#vyhledavani form input {font-size:0.85em}
.formular {display:inline}
.tl_hledat {float:left; background:#538D41; border:1px solid #c2c2c2; color:#fff; padding:0px 10px 0px 10px; font-weight:bold; cursor: pointer; font-size:0.9em}
.hledat {background:#b4d09d; border:1px solid #c2c2c2; padding:2px 5px; color:#1d2d4f; float:left; margin-right:5px}

.tprodukty {width:95%; border-collapse:collapse; margin:0 0 10px 0}
.tprodukty tr th {width:110px; padding:5px 20px; background:#686968; border:1px solid #D6D6D6; color:#fff; text-transform: uppercase; vertical-align:top }
.tprodukty tr td {padding:5px 10px; border:1px solid #D6D6D6; background:#EEECED; color:#1b2437; vertical-align:top }
.tprodukty tr td img {margin-right:10px}
#content .zpet {padding-left:15px; background:url(../img/odr02.gif) no-repeat left 7px; margin-top:20px}
.podtrh {width:100%; float:left; height:1px; line-height:1px; font-size:1px; margin:5px 0 5px 0; border-bottom:1px solid #C4C4C4}
.tautam {width:200px; border-collapse:collapse; font-size:0.9em}
.tauta {width:290px; border-collapse:collapse; font-size:0.9em}
.tauta .velke {width:200px}
.tautam .velke {width:125px}
.tauta tr td, .tautam tr td {padding:2px 6px; vertical-align:top; border:1px solid #BAB6B5; background:#FAFAFA; text-align:right}

.tauta tr th, .tautam tr th {padding:2px 6px; vertical-align:top; border:1px solid #BAB6B5; background:#d2e3d0; text-transform:uppercase}
.team {border:1px solid #d4d4d5;/*border-right:1px solid #d4d4d5;border-left:1px solid #d4d4d5;*/ margin-bottom:5px; float:left; width:100%; }
.pred-nadpis {background:url(../img/odr-nadpis.gif) no-repeat left top; float:left; width:16px; height:23px; padding:0}
#team h2 {float:left;font-size:1.0em; color:#FFF; padding:3px 5px 2px 5px; text-transform: uppercase; margin:0 0 0px 0; /*border-bottom:1px solid #d4d4d5;*/ background:#e7e8e9; width:544px}
#team h3 {font-size:1.1em; color:#116499; text-transform:none; font-weight:bold; margin:0px 0 0 0px; padding:2px 0 0 20px; border-top:1px solid #d4d4d5}
#team h3 span {color:#5B5D69}
#team h4 {font-size:1.0em; margin:2px 0; padding:0 0 0 6px; color:#676360}
#team div p {float:none; padding:0 0 2px 2px; border-bottom:1px solid #d4d4d5; color:#5a5b5b; margin:0}
.tcontact { padding:0 10px 0 25px; font-size:1em}
.tcontact tr td {}
#team div div strong {color:#383838}
#team .kName {font-weight:bold}

.tkontakty {border-collapse:collapse; margin:0 0 5px 0; width:596px; font-size:0.95em}
.tkontakty tr th {padding:1px 6px; border:1px solid #A39F9E; background:#c2e5fc}
.tkontakty tr td {padding:1px 6px; border:1px solid #A39F9E; width:76px; background:#c2e5fc; text-align:center}
.tkontakty tr td.mail {width:130px}
.tkontakty tr.barevne td, .tkontakty tr.barevne th {background:#1678B6; color:#fff; border:1px solid #A39F9E}
.tkontakty tr.barevne02 td, .tkontakty tr.barevne02 th {background:#7A7675; color:#fff; border:1px solid #A39F9E}
.tkontakty tr.barevne02 th {padding:0px 6px 0px 30px}
.tkontakty tr.posunute th {padding:0px 6px 0px 30px; background:#dcdcdc; color:#505050}
.tkontakty tr.posunute td {padding:0px 6px; background:#dcdcdc; color:#505050}

#subkategorie {padding:2px 4px; margin-left:10px; border:1px solid #D0CFCD; width:612px; background:#e7e8e8;}
#subkategorie p {float:left; margin:4px 8px 0 0; text-transform:uppercase; color:#2673B2}


/*.tsubkategorie {width:500px; border-collapse:collapse; font-size:0.9em; float:left}*/
.tsubkategorie {width:612px; border-collapse:collapse; font-size:0.9em; float:left}
.tsubkategorie tr td {  text-align:center; border:2px solid #E7E8E8;background:#5E9843;}
#subkategorie .tsubkategorie tr td a {padding:2px 5px; display: block; text-decoration:none; font-weight:bold; color:#f1f0ef; text-transform:uppercase; font-size:0.9em}
#subkategorie .tsubkategorie tr td a:hover {background:#3d6530; color:#fff}

#aprodukty {width:626px; border-collapse:collapse; border-top:1px solid #C6C5C3}
#aprodukty tr td {padding:10px; border-bottom:1px solid #C6C5C3}
#aprodukty tr:hover {background:#dae8cf;}
#aprodukty tr {background-color: none; behavior: url("prebarveni.htc");}
#aprodukty h3 {margin:0px}
#aprodukty p {margin:0px}
#aprodukty p.cena {margin-top:5px; color:#bb182f; font-size:1.2em}
#aprodukty img {border:1px solid #cecccb; padding:2px; background:#fff}
#aprodukty div {width:50px; height:40px; background:url(../img/nahradni-img02.gif) no-repeat left top; padding:7px; text-align:center; border:1px solid #cecccb;color:#fff}
#text p.pdf {background:url(../img/pdf.gif) no-repeat left 6px; padding:5px 0 5px 22px; margin:0}