/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 80%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body.body { text-align: center; color: #7d7c7c; background: #fff url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #529e21; padding: 0; line-height: normal }
h1 { font-size: 200%; font-weight: normal; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 130%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 130%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 110%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 87% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #54a128 }
a:link { color: #54a128 }
a:hover { color: #d41c0f; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 80% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cistic { clear: both }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 80% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 990px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative
}
html>body #main { min-height: 100%; height: auto }

#main-in { height: 600px; background: transparent url(img/sys/bg_main_in.gif) no-repeat 0 149px }
html>body #main-in { min-height: 600px; height: auto }

#header { position: absolute; left: 0; top: 0; width: 990px; background: transparent url(img/sys/bg_header.jpg) no-repeat 0 0 }
#header-in {
    height: 149px;
    margin: 0 19px;
    position: relative;
    background: transparent url(img/sys/bg_header_in.gif) no-repeat 222px 56px
}

#content {
    float: right;
    width: 686px;
    overflow: hidden
}
#content-in { padding: 155px 39px 170px 20px }

#panel {
    float: left;
    width: 304px
}
#panel-in { padding: 160px 10px 170px 29px }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 990px;
    background: transparent url(img/sys/bg_footer.jpg) no-repeat 0 0
}
#footer-in { height: 170px; font-size: 80%; color: #fff; position: relative }
/* /layout - zaklad */

/* layout - special */
#main.home #content { float: none; width: 990px }
#main.home #content-in { padding: 149px 19px 170px 19px }

#logo, #logo span { display: block; position: relative; left: 47px; top: 34px; width: 137px; height: 44px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#menu { position: absolute; left: 0; top: 117px; width: 100%; height: 32px }
#menu ul { margin: 0; padding: 0; list-style: none }
#menu li { float: left; width: 119px; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right bottom }
#menu .m-last { background: none }
#menu a { color: #fff; font-weight: bold; display: block; width: 100%; height: 32px; line-height: 31px; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 90% }
#menu a:hover { color: #68d528 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 53px; right: 25px; text-align: right }
#searchword { width: 155px; color: #000; margin: 0 3px 0 0; padding: 3px 2px 4px 2px; border: 1px solid #79d544; background-color: #79d544 }
.button-vyhledat { width: 44px !important; height: 22px !important }

#navbox { width: 100%; overflow: hidden }
#cesta { float: left; font-size: 80%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 80% }

#footer p { margin: 0 }
#footer table { position: absolute; left: 205px; top: 55px }
#footer td { padding: 0 45px 0 0; line-height: 1.6 }
#footer td a, #footer #copyright a, #footer #seo-links a, #footer #seo-inter a, #footer #seo-exter a { color: #78d140 }
#footer #ctai-logo { position: absolute; left: 570px; top: 44px }
#copyright { position: absolute; right: 35px; top: 55px; text-align: right }
#footer #seo-inter { position: absolute; left: 30px; top: 120px; width: 725px }
#footer #seo-exter { position: absolute; right: 30px; top: 120px; text-align: right; width: 200px }
#footer #seo-links { position: absolute; left: 30px; top: 137px; width: 925px }
/* /layout - special */

/* ostatni tridy pro web */
#welcome-blok { width: 100%; height: 262px; overflow: hidden; background: transparent url(img/sys/bg_welcome.jpg) no-repeat 0 0 }
#welcome { float: left; width: 510px; display: inline; margin: 20px 0 0 45px }
#welcome h1 { margin: 0 0 0.5em 0; font-size: 180% }
#welcome p { line-height: 2; margin: 0 0 0 0; font-size: 90% }
#welcome img { position: relative; top: -35px; float: right; margin: 0 0 0 1em }
#news { float: right; width: 290px; display: inline; margin: 20px 40px 0 0 }
#news h2 { color: #565656; margin: 0 0 1em 0 }
#news div { margin: 1em 0 0 0; font-size: 90% }
#news div strong { color: #515151 }
#news .nw_date { font-size: 80% }
#news h4 { margin: .2em 0; font-size: 100%; color: #515151 }
#news .nw_text { margin: 0; font-size: 100% }

#rozcestnik { width: 946px; margin:30px 0 0 0;overflow: hidden }
.sekce { width: 200px; margin:5px 10px; font-size:12px; float: left; display: inline; border-bottom: 2px solid #e4e4e4;  }
#vyrobky .sekce { width: 185px; margin:5px 10px; font-size:12px; float: left; display: inline; border-bottom: 2px solid #e4e4e4 }
.sekce h2, .sekce h2 span { margin: 0; position: relative; display: block; width: 178px; height: 134px; overflow: hidden }
.sekce h2 { margin:0 auto;}
.sekce h2 span { position: absolute; left: 0; top: 0 }
.sekce h2 a { text-decoration: none; cursor: pointer }
.sekce p { font-size: 90%; margin: 1.2em 0.6em; min-height: 140px; text-align:justify; }
#rozcestnik .sekce p { min-height: 120px }
.sekce div { margin: 1.2em 0 }
#s1 h2 span { background: transparent url(img/sys/h3-s1.jpg) no-repeat 0 0 }
#s2 h2 span { background: transparent url(img/sys/h3-s2.jpg) no-repeat 0 0 }
#s3 h2 span { background: transparent url(img/sys/h3-s3.jpg) no-repeat 0 0 }
#s4 h2 span { background: transparent url(img/sys/h3-s4.jpg) no-repeat 0 0 }
#s5 h2 span { background: transparent url(img/sys/h3-s5.jpg) no-repeat 0 0 }
#s6 h2 span { background: transparent url(img/sys/h3-s6.jpg) no-repeat 0 0 }
#s7 h2 span { background: transparent url(img/sys/h3-s7.jpg) no-repeat 0 0 }

#panel h2 { margin: 0; font-size: 120% }
#panel h2 a { text-decoration: none }
.submenu { margin: 1em 0; padding: 0 0 1px 0; background: transparent url(img/sys/dashed.gif) repeat-x left bottom }

.submenu ul { margin: 0; padding: 0; list-style: none }
.submenu li { padding: 2px 0 1px 0; background: transparent url(img/sys/dashed.gif) repeat-x 0 0 }
.submenu a { color: #595959; display: block; width: 240px; padding: 3px 0 5px 25px; font-weight: bold; text-decoration: none; background: transparent url(img/sys/bullet.gif) no-repeat 6px 9px; font-size: 90% }
.submenu a:hover { color: #4a901d; background-color: #efefef }
.submenu a.active{ color: #4a901d }

.submenu ul ul { margin: 1px 0 0 25px }
.submenu li li a { width: 225px; padding: 3px 0 5px 15px; font-weight: normal; background: transparent url(img/sys/bullet2.gif) no-repeat 5px 9px }

.submenu li li li a { color: #818181; width: 200px; font-weight: normal; font-size: 85%; background: transparent url(img/sys/bullet3.gif) no-repeat 5px 9px }


.t-01 { clear: both }
#content .t-01 th { padding: 6px 15px 6px 10px; color: #fff; font-weight: bold; text-align: left; color: #fff; background-color: #54a128 }
#content .t-01 td { padding: 5px 15px 5px 10px; border: 1px solid #fff; border-width: 1px 0; background-color: #efefef }

.download { margin: 2em 0 }
.download img { margin: 0 0.5em 0 0 }

#content table { border-color: #000000 }
#content table thead td, #content table thead th, #content table th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 80% }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.news h2 { margin-top: 0.1em }
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 80%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 10px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip { margin: 0 0 3px 0; padding: 0 0 6px 20px }
.dwn_ico_doc { background: url(img/ico/ico-doc.gif) no-repeat top left !important}
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left !important}
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left !important}
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left !important}
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left !important}
.dwn_ico_pdf { background: url(img/ico/ico-pdf.gif) no-repeat top left !important}
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left !important}
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left !important}
.dwn_ico_rtf { background: url(cms/img/ico/rtf.gif) no-repeat top left !important}
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left !important}
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left !important}
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left !important}

.panel-dwn { padding: 8px 0 10px 10px; margin-bottom: 20px; background-color: #efefef; border: 1px solid #529e21 }
.panel-dwn #page-attachment { margin: 0; padding: 0 }
.panel-dwn #page-attachment div { display: inline-block; line-height: normal; /*margin-right: 20px;*/ width: 285px }
.panel-dwn h3 { margin: 0; padding: 0 }
.panel-dwn .dwn_footer { height: 0; visibility: hidden; margin: 0; padding: 0 }

#page-attachment div {background: url(img/ico/link.gif) no-repeat top left; margin: 0 0 3px 0; padding: 0 0 6px 20px } /* link */
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root br { display: none;}
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 2em 0 1.5em 0 }
#page-attachment .thumb { float: left; margin: 2px 5px 2px 2px }
#page-attachment .thumb img { border: 1px solid #cccccc }
/* /prilohy */

/* formulare */
#form-status { padding: 5px; border: 1px solid #ff3300; background: #eeeeee; }
/* /formulare */

/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */
/* kontakty */
#pnl_kontakt {
	border: 1px solid #377c39;
	background: #edf1f2;
	padding: 3px;
	margin: 0 0 0 3px;
}

.p_firma {
	margin: 0.2em 0 0.2em 0;
	border-bottom: 1px solid white;
	width: 460px;
}

.p_card {
	float: left;
	margin: 0 30px 1em 0;
}

.p_phone, .p_mobil, .p_email, .p_fax {
	padding: 0 0 0 18px;
	margin: 0 0 0.2em 0;
}

.p_phone {
	background: url(img/icon_telefon.gif) no-repeat left top;
}

.p_mobil {
	background: url(img/icon_mobil.gif) no-repeat left top;
}

.p_email {
	background: url(img/icon_email.gif) no-repeat left top;
}

.p_fax {
	background: url(img/icon_fax.gif) no-repeat left top;
}

#content table.no-border, #content table.no-border td, #content table.no-border th {
  border: none;
}
/* /kontakty */


pre { font-size: 120% }

#kontakt-main { position:relative; border:1px solid #E4E4E4; width:215px; border-bottom-width:2px; float:left; margin:5px 10px; min-height:317px;}
#kontakt-main form { padding:10px;}
#kontakt-main h2 { padding:0 10px; margin:10px 0}
#kontakt-main input, #kontakt-main textarea{ width: 180px; border: 1px solid #000}
#kontakt-main td { vertical-align:top;}
#kontakt-main input[type=submit] { position:absolute; bottom:15px; left:70px; display:block; width:60px; text-transform:lowercase; height:22px; border:none; font-weight:bold; color:#7A7A7A; background:url(img/sys/button-odeslat.gif) 0 0 no-repeat;}
#kontakt-main p{ font-size:10px; margin:3px;}
#kontakt-main label { font-size:10px;}