* { margin: 0; padding: 0; font-family: tahoma, arial, sans-serif; }
table { font-size: 1em; border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, fieldset, address { margin: 0; padding: 0; }
dd { margin-left: 30px; }


:focus { outline: 0; }

a { text-decoration: none; color:  #e68c01; }
a:hover { color: #e5d5b1; }
a.wt_csstooltip { color: #dc8807!important; }
p.bodytext { margin: 0; padding: 0; }
#container p { margin: 0; padding: 0; }

dfn { border: 0 none!important; }

#flash-wrap { position: absolute; top: 0; left: 0; background: white; width: 100%; height: 100%; opacity: 0.75; filter: alpha(opacity = 75); }
#flash { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.wrap-skip { position: relative; margin: 0 auto; width: 950px; height: 35px;  }
.skip { position: absolute; top: -590px; right: 0; cursor: pointer; width: 100px; height: 35px; background: transparent url('../img/close.png') no-repeat top left; }
.skipen { position: absolute; top: -590px; right: 0; cursor: pointer; width: 100px; height: 35px; background: transparent url('../img/close_en.png') no-repeat top left; }

/*
  Transparentne PNG
  behavior: url(typo3conf/ext/kios_layout/js/iepngfix.htc);
*/

input { border: 1px solid #0c2a5b; }
textarea { border: 1px solid #0c2a5b; font-size: 13px; }
hr { height: 1px; border: 0 none; margin: 25px 0 25px 0; padding: 0; font-size: 0; background: #878788; color: #878788; }
strong, b , dt {  color: #dbccab; /* color: #a39682; /* color: #3a3328; */ }

h1 { font-size: 100%; font-weight: bold; margin: 10px 0 40px -3px; color: #dbccab; padding: 0; }
h2 { font-size: 133%; font-weight: bold; padding: 0px 0 7px 0; color: #dbccab; }
h3 { font-size: 117%; font-weight: bold; margin: 0px 0 3x 0; color: #dbccab; }

#h1 { display: block; height: 30px; width: 650px; }


html, body { height: 100%; }
body{ text-align: center; font-size: 72%; color: #ffffff; line-height: 1.3em; background: #555556 url('../img/bg_body2.gif') repeat-x top left; }

#container { height: 100%; min-height: 100%;  margin: 0 auto; position: relative; background: transparent url('../img/bg_contentwrap.gif') repeat-y center top; }
body>#container { height: auto; }

#main { height: 100%; min-height: 100%; text-align: left;  width: 950px; margin: 0 auto; position: relative; }


#header { width: 100%;  background: transparent url('../img/bg_header2.gif') no-repeat top left; height: 180px;  }

#logo { position: absolute;  left: 120px; top: 74px; width: 136px; height: 72px; background: transparent url('../img/bg_logo.gif') no-repeat 0 0px; }

#content-wrap { position: relative;  text-align: left; margin: 180px 0 0px 0; padding: 0px 0 50px 190px; }
.uvod #content-wrap { position: relative;  text-align: left; margin: 230px 0 25px 0; padding: 0px 0 5px 0px; }

#content { line-height: 1.5em; padding: 0 60px 0 50px; position: relative; }
.uvod #content { padding: 36px 0px 0 0px; }
#content li { margin-left: 15px; }
  
#content p { padding: 0px 0 7px 0; }

#hlavne-menu { position: absolute; top: 7px; left: 40px; }
#hlavne-menu li { font-size: 11px; float: left; list-style-type: none; margin: 0 45px 0 0px; }
#hlavne-menu li a { color: #ffffff; padding: 0; }
#hlavne-menu li a:hover { text-decoration: underline; }

#sub-menu { position: absolute;  top: 180px; left: 0; width: 950px; height: 120px; }
#sub-menu li { float: left; list-style-type: none; }
#sub-menu li a { display: block; width: 190px; height: 121px; }


#menu-list1 { background: transparent url('../img/but_sof2.gif') no-repeat 0px 0px; }
#menu-list1:hover { background: transparent url('../img/but_sof2.gif') no-repeat -190px 0px; }
#menu-list1.act { background: transparent url('../img/but_sof2.gif') no-repeat -190px 0px; }
#menu-list2 { background: transparent url('../img/but_web2.gif') no-repeat 0px 0px; }
#menu-list2:hover { background: transparent url('../img/but_web2.gif') no-repeat -190px 0px; }
#menu-list2.act { background: transparent url('../img/but_web2.gif') no-repeat -190px 0px; }
#menu-list3 { background: transparent url('../img/but_int2.gif') no-repeat 0px 0px; }
#menu-list3:hover { background: transparent url('../img/but_int2.gif') no-repeat -190px 0px; }
#menu-list3.act { background: transparent url('../img/but_int2.gif') no-repeat -190px 0px; }
#menu-list4 { background: transparent url('../img/but_gra2.gif') no-repeat 0px 0px; }
#menu-list4:hover { background: transparent url('../img/but_gra2.gif') no-repeat -191px 0px; }
#menu-list4.act { background: transparent url('../img/but_gra2.gif') no-repeat -191px 0px; }
#menu-list5 {  background: transparent url('../img/but_har2.gif') no-repeat 0px 0px; }
#menu-list5:hover { background: transparent url('../img/but_har2.gif') no-repeat -190px 0px; }
#menu-list5.act { background: transparent url('../img/but_har2.gif') no-repeat -190px 0px; }
/* EN*/
.en #menu-list1 { background: transparent url('../img/but_sof2_en.gif') no-repeat 0px 0px; }
.en #menu-list1:hover { background: transparent url('../img/but_sof2_en.gif') no-repeat -190px 0px; }
.en #menu-list1.act { background: transparent url('../img/but_sof2_en.gif') no-repeat -190px 0px; }
.en #menu-list4 { background: transparent url('../img/but_gra2_en.gif') no-repeat 0px 0px; }
.en #menu-list4:hover { background: transparent url('../img/but_gra2_en.gif') no-repeat -191px 0px; }
.en #menu-list4.act { background: transparent url('../img/but_gra2_en.gif') no-repeat -191px 0px; }
.en #menu-list5 {  background: transparent url('../img/but_har2_en.gif') no-repeat 0px 0px; }
.en #menu-list5:hover { background: transparent url('../img/but_har2_en.gif') no-repeat -190px 0px; }
.en #menu-list5.act { background: transparent url('../img/but_har2_en.gif') no-repeat -190px 0px; }
/* DE*/
.de #menu-list1 { background: transparent url('../img/but_sof2_en.gif') no-repeat 0px 0px; }
.de #menu-list1:hover { background: transparent url('../img/but_sof2_en.gif') no-repeat -190px 0px; }
.de #menu-list1.act { background: transparent url('../img/but_sof2_en.gif') no-repeat -190px 0px; }
.de #menu-list4 { background: transparent url('../img/but_gra2_de.gif') no-repeat 0px 0px; }
.de #menu-list4:hover { background: transparent url('../img/but_gra2_de.gif') no-repeat -191px 0px; }
.de #menu-list4.act { background: transparent url('../img/but_gra2_de.gif') no-repeat -191px 0px; }
.de #menu-list5 {  background: transparent url('../img/but_har2_en.gif') no-repeat 0px 0px; }
.de #menu-list5:hover { background: transparent url('../img/but_har2_en.gif') no-repeat -190px 0px; }
.de #menu-list5.act { background: transparent url('../img/but_har2_en.gif') no-repeat -190px 0px; }

.csc-menu-1 .act { color: #E5D5B1; }
.csc-menu-1 a:hover { text-decoration: underline; }

#menu-v2 { position: absolute; left: 10px; top: 430px; width: 205px; }
#menu-v2 li { list-style-type: none; margin-bottom: 10px;  display: block; }
#menu-v2 li a { height: 20px; display: block; }
#menu-v2 li a:hover, #menu-v2 li.a a { display: block; background-position: 0 -20px; }

#lang-menu { position: absolute; top: 5px; right: 270px;  padding: 2px 20px 2px 22px; font-size:11px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; color: #646467; }
.uvod #lang-menu { position: absolute; top: 22px; right: 270px; padding: 2px 20px 2px 22px; }
#lang-menu a { color: #ffffff; }

#lang-menu a:hover { text-decoration:underline; }

#webmail { position: absolute; top: 156px; right: 195px; }
#webmail a { width: 89px; height: 13px; display: block; background: transparent url('../img/img_webmail.gif') no-repeat 0px 0px; }


#eshop { position: absolute; top: 150px; right: 288px; }
#eshop a { width: 89px; height: 23px; display: block; background: transparent url('../img/img_eshop.gif') no-repeat 0 0; }


.uvod div#top-menu-1 { position: absolute; top: 14px; right: 12px; background: transparent url('../img/logo_eu.gif') no-repeat 0 0; }
.uvod div#top-menu-1 .en { background: transparent url('../img/logo_eu_en.gif') no-repeat 0 0; }
.uvod div#top-menu-1 .de { background: transparent url('../img/logo_eu_de.gif') no-repeat 0 0; }
div#top-menu-1 { position: absolute; top: 0px; right: 12px; background: transparent url('../img/logo_eu2.gif') no-repeat 0 0; }
div#top-menu-1 .en { background: transparent url('../img/logo_eu2_en.gif') no-repeat 0 0; }
div#top-menu-1 .de { background: transparent url('../img/logo_eu2_de.gif') no-repeat 0 0; }
div#top-menu-1 a { display: block; width: 239px; height: 93px; }

.uvod #top-menu-2 { position: absolute; top: 195px; right: 31px; }
#top-menu-2 { padding: 3px 0 0 0; position: absolute; top: 125px; right: 13px; background: #ffffff url('../img/logo_iso2.gif') no-repeat 0 3px; }
#top-menu-2 a { display: block; width: 145px; height: 41px; }
.hiddena { display: none; }

.send { position: absolute; top: 300px; right: 20px; text-align: right; }
.send a { display: block; height: 22px; margin-top: 4px; padding-right: 20px;}
.send li { list-style-type: none; float: left; }
.send li a { font-weight: bold; font-size: 11px; }
#print-site { display: block; height: 26px; width: 50px; background: transparent url('../img/but_print.gif') no-repeat center right; }
li[id]#print-site { width: auto; }
#send-email { display: block; height: 26px; width: 150px; background: transparent url('../img/but_send.gif') no-repeat center right; margin-right:15px;}


/* ----- UVOD ---- */
body.uvod { background: #3f3f40 url('../img/bg_body.gif') repeat-x top left; }
.uvod #header {  background: transparent url('../img/bg_header.gif') no-repeat 0 63px; height: 248px; width: 951px; }
.uvod #container { background: none;}
.uvod #content-wrap { background: transparent url('../img/bg_contentwrap.gif') repeat-y center top; }
.uvod #hlavne-menu { left: 40px; top: 24px; color: #ffffff; }
.uvod #logo { left: 128px; top: 118px; }
.uvod #webmail { position: absolute; top: 227px; right: 200px; }
.uvod #eshop { padding: 9px 0 0 0; position: absolute; top: 211px; right: 301px; background: #ffffff; }
.uvod #sub-menu { top: 248px; height: 248px; background: transparent url('../img/bg_footer_top.gif') repeat-x bottom left; }
.uvod #sub-menu li a { display: block; width: 190px; height: 237px; }
.uvod #menu-list1 { background: transparent url('../img/but_sof.gif') no-repeat 0px 0px; }
.uvod #menu-list1:hover { background: transparent url('../img/but_sof.gif') no-repeat -190px 0px; }
.uvod #menu-list2 { background: transparent url('../img/but_web.gif') no-repeat 0px 0px; }
.uvod #menu-list2:hover { background: transparent url('../img/but_web.gif') no-repeat -190px 0px; }
.uvod #menu-list3 { background: transparent url('../img/but_int.gif') no-repeat 0px 0px; }
.uvod #menu-list3:hover { background: transparent url('../img/but_int.gif') no-repeat -190px 0px; }
.uvod #menu-list4 { background: transparent url('../img/but_gra.gif') no-repeat 0px 0px; }
.uvod #menu-list4:hover { background: transparent url('../img/but_gra.gif') no-repeat -191px 0px; }
.uvod #menu-list5 { background: transparent url('../img/but_har.gif') no-repeat 0px 0px; }
.uvod #menu-list5:hover { background: transparent url('../img/but_har.gif') no-repeat -190px 0px; }

/* en */
.uvod .en #menu-list1 { background: transparent url('../img/but_sof_en.gif') no-repeat 0px 0px; }
.uvod .en #menu-list1:hover { background: transparent url('../img/but_sof_en.gif') no-repeat -190px 0px; }
.uvod .en #menu-list4 { background: transparent url('../img/but_gra_en.gif') no-repeat 0px 0px; }
.uvod .en #menu-list4:hover { background: transparent url('../img/but_gra_en.gif') no-repeat -191px 0px; }
.uvod .en #menu-list5 { background: transparent url('../img/but_har_en.gif') no-repeat 0px 0px; }
.uvod .en #menu-list5:hover { background: transparent url('../img/but_har_en.gif') no-repeat -190px 0px; }

/* de */
.uvod .de #menu-list1 { background: transparent url('../img/but_sof_en.gif') no-repeat 0px 0px; }
.uvod .de #menu-list1:hover { background: transparent url('../img/but_sof_en.gif') no-repeat -190px 0px; }
.uvod .de #menu-list4 { background: transparent url('../img/but_gra_de.gif') no-repeat 0px 0px; }
.uvod .de #menu-list4:hover { background: transparent url('../img/but_gra_de.gif') no-repeat -191px 0px; }
.uvod .de #menu-list5 { background: transparent url('../img/but_har_en.gif') no-repeat 0px 0px; }
.uvod .de #menu-list5:hover { background: transparent url('../img/but_har_en.gif') no-repeat -190px 0px; }



.uvod #footer { background: #3f3f40; }


.news-latest-container { height: 145px; }
.news-latest-item { float: left; width: 470px; padding: 0 0 0 30px; }
div[class].news-latest-item { width: 440px; }
.news-latest-item h3 { padding: 4px 0 0 0; }
.news-latest-image { width: 158px; height: 90px; margin: 7px 0 0 0; float: left; background: transparent url('../img/bg_news_image.gif') no-repeat 0 0px; }
.news-latest-textwrap { padding: 0 0px 0 178px; }
.news-latest-morelink { padding: 0px 0 0 2px; }
div[class].news-latest-morelink { padding: 5px 0 0 0px; }
.news-latest-morelink a { padding: 0 10px 0 0; font-weight: bold; background: transparent url('../img/bg_news_next_row2.gif') no-repeat right 5px; }


.news-list-item { margin: 0 0 30px 0; }
.news-list-item h3 { padding: 4px 0 0 0; }
.news-list-image { width: 158px; height: 90px; margin: 7px 0 0 0; float: left; background: transparent url('../img/bg_news_image.gif') no-repeat 0 0px; }
.news-list-textwrap { padding: 0 0px 0 178px; }
.news-list-morelink { padding: 0px 0 0 2px; }
div[class].news-list-morelink { padding: 2px 0 0 0px; }
.news-list-morelink a { padding: 0 10px 0 0; font-weight: bold; background: transparent url('../img/bg_news_next_row2.gif') no-repeat right 5px; }

.news-single-img { margin: 20px 0 0 0; }
.news-single-img a { display: block; width: 158px; height: 90px; margin: 7px 0 0 0;  background: transparent url('../img/bg_news_image.gif') no-repeat 0 0px; }
.news-single-image {  float: left; margin: 0 20px 20px 0; }
.news-single-files dt { font-weight: bold; }
.news-single-files { margin: 0 0 10px 0; }

.project-list-container { width: 658px; }
.project-list-item { margin: 25px 0 0 0; }
.project-list-morelink { }
.project-list-morelink a { padding: 0 10px 0 0; font-weight: bold; background: transparent url('../img/bg_news_next_row2.gif') no-repeat right 5px; }


#footer { background: #3f3f40 url('../img/bg_footer_top.gif') repeat-x 0px 0px; position: absolute; width: 100%; bottom: 0; left: 0; height: 36px; color: #ffffff; }
#footer-text { font-size: 91%; text-align: center; padding-top: 15px; }
#footer a { color: #ffffff; }

.contenttable thead { color: #3a3328; }
table { width: 650px; text-align: left; }
table thead th { padding: 0px 0 10px 0; }
table tbody td { width: auto; }
table tbody td { padding: 3px 0 3px 0; }
td.name { width: 250px; }
td.name b a { color:#DBCCAB; }
.filelinks a { color: #DC8807; }

table.csc-frame-frame1 { margin: 15px 0 25px 0; }
table.csc-frame-frame1 th { text-align: center; background: #6A6A6A; padding: 5px 0 5px 10px; border-bottom: 1px solid #555556; }
table.csc-frame-frame1 td { text-align: center; background: #A7A7A7; padding: 5px 0 5px 10px; border-bottom: 1px solid #555556; }

table.csc-frame-frame2 { margin: 15px 0 25px 0; }
table.csc-frame-frame2 th { text-align: left; background: #6A6A6A; padding: 5px 0 5px 10px; border-bottom: 1px solid #555556; }
table.csc-frame-frame2 td { text-align: left; background: #A7A7A7; padding: 5px 0 5px 10px; border-bottom: 1px solid #555556; }


.obrazok-referencie { width: 320px; float: left; margin: 0 0 10px 0; }
.obrazok-referencie .csc-textpic-image { border: 0 none; }
.obrazok-referencie .csc-textpic-imagewrap { width: 264px; height: 181px; padding: 14px 0 0 28px; background: transparent url('../img/bg_referencie.gif') no-repeat 0px 0px; }
div[class].obrazok-referencie .csc-textpic-imagewrap { width: 236px; height: 167px; }
.obrazok-referencie h3 { font-size: 12px; color: #000000; padding: 0px 0 2px 0px; }
.obrazok-referencie .csc-textpic-text { font-size: 12px; padding: 0 50px 10px 8px; }
.obrazok-referencie a { color: #ff7e00; font-weight: bold; } 



#right-kontakt { position: absolute; top: 70px; right: 100px; }
.table-gps { width: 270px; margin: 20px 0 10px 0; }
.tx-rggooglemap-pi1 { margin: 60px 0 0 0; }

.csc-textpic-image { /*border: 4px solid #A5A5A6;*/ }

.csc-textpic-imagewrap { margin: 10px 0 0 0;  }
.csc-textpic-imagerow { /*width: 621px!important;*/ }

#loga-partneri dl { margin: 0 50px 50px 0;  }
#loga-partneri .csc-textpic-imagewrap { width: 600px!important; }

#mapa { position: absolute; top: 70px; right: 50px; border: 8px solid #A5A5A6; }
#map { border: 10px solid #A7A7A7; color: #555556; }
.markerTooltip { display: block; width: 100px; margin: 0 0 0 20px; }

.fieldset label { display: block; font-size: 11px; font-weight: bold; }
.fieldset input { height: 20px; font-size: 12px; padding: 2px 0 0 2px; margin: 0 0 5px 0; }
div[class].fieldset input { height: 18px; }
.fieldset-left { float: left; padding: 20px 0 0 0; }
.fieldset-right { float: left; padding: 20px 0 0 50px; }
.fieldset .captchainput { margin: 0 20px 0 20px; vertical-align: top; }
#captcha { padding: 10px 0 0 0; }
.form-but { padding: 10px 0 5px 0; }
.form-but input { background: #A5A5A6; border: 0 none; color: #000000; font-size: 11px; font-weight: bold;  }

.lbl { color: #DC8807; }
.err { color: red; }
.form-but input { cursor: pointer; }


/* CSS settings */
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.clear-n { clear: left; height: 1px; }
.hidden { display: none; }
.visibility { visibility: hidden; display: block; }
#accesskeys { display:none; }
.form-send, .btnNormal { cursor: pointer; }

.csc-linkToTop { padding: 0 0 0 0; }

#rootline { position: absolute; top: 305px; left: 25px; }
.uvod #rootline { display: none; }
#rootline a { font-weight: bold; } 
.act { text-decoration: underline; }
#menu_lines { position: absolute; top: 300px; left: 0; width: 950px; height: 35px; background: transparent url('../img/bg_rootline.gif') repeat-x 0px 0px; }
.uvod #menu_lines { display: none; }


.csc-menu { width: 675px; padding: 10px; }
ul[class].csc-menu { padding: 0 0 0 12px; }
.csc-menu li { list-style-type: none; float: left; }
.csc-menu li a:hover { color: #E5D5B1; }


.tx-klreference-pi1 { padding: 80px 0 0 50px; width: 570px; position: relative; clear: both; }
div[class].tx-klreference-pi1 { width: 545px; }
#reference-list-wrap { margin: 0 0 0 0px; width: 570px; }
.reference-list-item {  }
.reference-list-item hr { margin: 10px 0; }
.reference-list-item a { font-weight: bold; font-size: 11px; }
.reference-list-image { text-align: center; width: 378px; background: #7b7b7c; padding: 17px 0 30px 0; margin: 0 auto; }
.reference-list-item h2 { font-size: 12px; padding: 10px 0 5px 0; color: #e68c01; text-transform: uppercase; }
.rf-list-info { line-height: 1.5em; font-size: 10px; }
.rf-list-desc { font-size: 11px; }
.rf-pagetitle {  position: absolute; top: 10px; left: 26px; width: 630px; padding: 30px 0 0 0; display: block; border-top: 1px solid #878788; color: #000000; }
.browse-box-wrap { position: absolute; top: 10px; left: 26px; width: 630px; padding: 5px 0 0px 0; border-top: 1px solid #878788; }
#content .browse-box li { float: left; font-weight: bold; list-style-type: none; margin: 0 5px 0 0 ; }
.browse-box li a { padding: 2px 4px; }
.browse-box li.active a { color: #E5D5B1; text-decoration: underline; }
.browse-right { width: 10px; height: 18px; display: block; background: transparent url('../img/bg_next_ref_small.gif') no-repeat scroll right center; }
.browse-left { width: 10px; height: 18px; display: block; background: transparent url('../img/bg_prev_ref_small.gif') no-repeat scroll 0 center; }
.product-list-items { clear: both; }
.browse-box li a.page-right { height: 190px; width: 26px; position: absolute; right: -25px; top: 109px; background: transparent url('../img/bg_next_ref.gif') no-repeat scroll 0 center; }
.browse-box li a.page-left { height: 190px; width: 26px; position: absolute; left: -28px; top: 109px; background: transparent url('../img/bg_prev_ref.gif') no-repeat scroll 0 center; }
.browse-box li .p-disable-left {  padding: 2px 4px; height: 190px; width: 26px; position: absolute; left: -28px; top: 109px; display: block; background: transparent url('../img/bg_prev_ref_n.gif') no-repeat scroll 0 center; }
.browse-box li .p-disable-right {  padding: 2px 4px; height: 190px; width: 26px; position: absolute; right: -25px; top: 109px; display: block; background: transparent url('../img/bg_next_ref_n.gif') no-repeat scroll 0 center; }
#ajaxSpinner { display: none; height: 50px; left: 640px; position: absolute; top: -32px; width: 50px; z-index: 10; background: transparent url('../img/ajax-loader.gif') no-repeat scroll 0 0; }