/* layout styles */

body { font-family: Tahoma, Arial, sans-serif; }

html { padding: 0; margin: 0; }
body { padding: 0 0 20px 0; margin: 0; background: white url(img/bg-body.png) repeat-x 0 0; }


ul li { background-position: 7px 0.54em; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 0 0; }
.date { word-spacing: -1px; }

/* Layout */
#mother { width: 928px; margin: 0 auto; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-left { margin-left: -907px; width: 168px; font-size: 12px; font-family: Tahoma; margin-top: 10px; }
.col-right { margin-left: -724px; width: 695px; }

.col-home-right { margin-left: -190px; width: 168px; font-size: 12px; font-family: Tahoma; margin-top: 10px; }
.col-home-mid { margin-left: -737px; width: 540px; font-size: 12px; font-family: Tahoma; margin-top: 10px; }

/* Header */
#header { position: relative;  width: 100%; background: url(img/bg-header-subpage.jpg) repeat-x 0 0; height: 180px; margin-bottom: 10px; }

.home #header { position: relative;  width: 100%; background: url(img/bg-header-home.jpg) repeat-x 0 0; height: 132px; margin: 0; }

.motive { background: url(img/bg-motive-home.jpg) no-repeat 0 0; height: 237px; margin-top: -4px; margin-bottom: 15px; position: relative; }

.home-intro { position: absolute; left: 460px; top: 35px; width: 296px; height: 142px; background: url(img/bg-home-intro.png) no-repeat 0 0; _overflow: hidden; }
.home-intro .inner { padding: 13px 20px; line-height: 1.4; font-size: 92%; color: black; zoom: 1; }
.home-intro .dotlink { margin-left: 10px; }

.home-intro-menu { position: absolute; left: 305px; top: 0px; width: 598px; height: 43px; background: url(img/bg-home-intro-menu.png) no-repeat 0 0; _overflow: hidden; }
.home-intro-menu .inner { padding: 13px 20px; line-height: 1.4; font-size: 92%; color: black; zoom: 1; }
.home-intro-menu ul { width: 100%; margin: 0; padding: 0; }
.home-intro-menu ul li { margin: 0; padding: 0 15px; background: none; float: left; border-left: 1px solid #a2a2a2; }
.home-intro-menu ul li:first-child { border: 0; }
.home-intro-menu ul li { _border-left-width: expression(this.parentNode.firstChild == this ? "0" : "1px"); }
.home-intro-menu ul li a, .home-intro-menu ul li a:visited { color: #E25E2E; font-size: 17px; line-height: 17px; font-weight: bold; text-decoration: none; }


#header .side-box { position: absolute; right: 25px; top: 25px; font-size: 12px; } 

#logo { margin: 0; text-indent: -3000px; }
#logo a { margin: 0; position: absolute; top: 15px; left: 30px; width: 167px; height: 64px; }
#logo img { margin: 0; padding: 0; border: 0; font-size: 300%; background: none; display: none; }

/* Footer */
#footer { width: 910px; margin: 0 auto; background: #E67B19; color: black; font-size: 92%; text-align: left; }
#footer .spc { padding: 8px 20px; }
#footer p { margin: 0.2em;}
#footer a { color: black; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu */
#main-menu { border: 0px solid #CF7500; position: absolute; left: 30px; bottom: 10px; =left: -10px; }
#main-menu ul { margin: 0 auto; padding: 0; width: 850px; text-align: left; overflow: hidden; }
#main-menu ul li { margin: 0; padding: 0; float: left; font-size: 100%; background: none; border-left: 1px solid #a2a2a2; }
#main-menu ul li:first-child { margin-left: 0px; border: 0; }
#main-menu ul li { _border-left-width: expression(this.parentNode.firstChild == this ? "0" : "1px"); }
#main-menu ul li a { text-decoration: none; padding: 2px 14px; display: block; float: left; margin-right: -2px; color: #171614; }
#main-menu ul li.active a, #main-menu ul li a:hover  { position: relative; z-index: 5; color: #5368c4; }
#main-menu ul li a:hover  {  }

#lang-menu { position: absolute; top: 50px; left: 530px; }
#lang-menu ul { margin: 0; padding: 0; }
#lang-menu ul li { margin: 0 0 0 5px; padding: 0; background: none; float: left; border: 1px solid #EEEEE1; }
#lang-menu ul li.active { opacity: 0.5; _filter: alpha(opacity=50); }
#lang-menu ul li a { display: block; width: 16px; height: 11px; overflow: hidden; text-indent: -3000px;  }

#lang-menu ul li.flag-en a { background: url(img/flag-en.png) no-repeat 0 0; }
#lang-menu ul li.flag-de a { background: url(img/flag-de.png) no-repeat 0 0; }
#lang-menu ul li.flag-cs a { background: url(img/flag-cs.png) no-repeat 0 0; }
#lang-menu ul li.flag-sk a { background: url(img/flag-sk.png) no-repeat 0 0; }

/* Breadcrumb */
#breadcrumb { font-size: 92%; background: url(img/bg-breadcrumb.png) repeat-x 0 100%; padding: 8px 0; }
#breadcrumb p { margin: 0; }

.col-left h2 { font-size: 150%; }

.newscol {  }
.newscol h3 { font-weight: bold; font-size: 116%; margin-top: 0; margin-bottom: 1px; }
.newscol .desc { font-size: 92%; margin: 0; line-height: 1.364;}
.newscol li p { margin: 0;}
.newscol li p.right { line-height: 1;}
.newscol .desc .date { color: #666666; }
.newscol ul { margin: 0; padding: 0; }
.newscol li { background: url(img/bg-breadcrumb.png) repeat-x 0 0; margin: 0; padding: 8px 0 8px; }
.newscol li:first-child { background: none; padding-top: 0; }
.newscol li { _background: expression(this.parentNode.firstChild == this ? "none" : "url(/css/img/bg-breadcrumb.png) repeat-x 0 0" ); _padding-top: expression(this.parentNode.firstChild == this ? "0" : "8px" ); }

/* Old wizard: */
#wizard {  }
#wizard h3 { color: #e64521; font-weight: bold; font-size: 116%; }

#wizard ul { margin-bottom: 8px; }
#wizard ul li { background: url(img/bullet-breadcrumb.png) no-repeat 0 0.4em; padding-left: 12px; line-height: 1.25; margin-bottom: 4px; font-size: 92%; }

.side-box { background: url(img/bg-side-box-bot.png) no-repeat 0 100%; padding-bottom: 9px; margin-bottom: 15px; width: 168px;}
.side-box-top { background: url(img/bg-side-box-top.png) no-repeat 0 100%; height: 9px; }
.side-box h2 { background: url(img/bg-side-box-h2.png) no-repeat 0 0; height: 33px; line-height: 33px; margin: 0; padding: 0 10px; color: white; font-size: 14px; font-weight: bold; }
.side-box .inner { background: url(img/bg-side-box.png) repeat-y 0 0; padding: 5px 5px 5px 10px; zoom: 1; }
.home #main .side-box .inner { /* min-height: 500px; */ }

.signpost ul { margin: 0 0 10px; padding: 0; width: 100%; float: left; }
.signpost ul li { margin: 0 0 0 5px; padding: 0; width: 130px; float: left; background: none; _display: inline; }
.signpost ul li h2 { margin: 0; padding: 0 5px; font-size: 12px; height: 33px; line-height: 33px; text-align: center; background: url(img/bg-home-box-h2.png) no-repeat 0 0; }
.signpost ul li h2 a, .signpost ul li h2 a:visited { color: white; text-decoration: none; }
.signpost ul li img { display: block; margin: 0; padding: 0; border: 0; }

#call-us { padding: 12px 10px; margin-left: 10px; background: url(img/bg-wizard.png) no-repeat 0 0; }
#call-us .spc { background: url(img/bg-call-us.png) no-repeat 0 0; padding-left: 55px; line-height: 1.36;}
#call-us .spc h2 { margin: 0 0 3px 0; }

.products-menu { padding: 0 15px 15px 25px; }
.products-menu h2 { margin-top: 0; }

.annot { /* font-size: 100%; color: #484848; /* font-weight: bold; border-bottom: 3px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 20px;*/ zoom: 1;}
.annot p { /* margin: 0; */}

.hrule { border-bottom: 3px solid #e4e4e4; padding-bottom: 2px; margin-bottom: 20px; zoom: 1; }

.home-box { width: 100%; margin-top: 15px; }
.home-box img { background: white; padding: 1px; border: 5px solid #dadada; margin: 0; display: block; }
.home-box .home-box-inner { background: url(img/bg-home-box.png) no-repeat 0 0; padding: 15px 20px; zoom: 1; width: 280px; float: left;}
.home-box .home-box-inner h2 { margin: 0 0 10px 0; background: url(img/bullet-wizard-big.png) no-repeat 0 50%; padding: 3px 0 3px 35px;}

#content { overflow: hidden; padding: 10px 25px 25px; background: white; }

.product-image { float: right; padding: 0 0 20px 20px; background: white; zoom: 1; }
.product-image img { margin: 0; padding: 0; border: 0; display: block; }

.news li { background: url(img/bg-breadcrumb.png) repeat-x 0 0; padding: 15px 0 0 0; margin: 0 0 15px 0; clear: both; overflow: hidden;}
.news li:first-child { background: none; padding-top: 0;}
.news li { _background: expression(this.parentNode.firstChild == this ? "none" : "url(/css/img/bg-breadcrumb.png) repeat-x 0 0" ); _padding-top: expression(this.parentNode.firstChild == this ? "0" : "15px" ); zoom: 1;}
.news li h2 { margin-top: 0; }

.img-box { float: left; width: 145px; height: 145px; background: url(img/bg-att-image.png) no-repeat 0 0; display: table; margin-top: 10px; margin-right: 15px; _display: inline; }
.img-box .in { display: table-cell; vertical-align: middle; =display: block; =height: 100%;}
.img-box img { display: block; margin: 0 auto; padding: 0; border: 0; =margin-top: expression((this.parentNode.offsetHeight - this.offsetHeight)/2 + 'px'); cursor: pointer; }

.att-images { margin-top: 25px; clear: both; }
.att-images .img-box { margin: 0; }
.att-images h2 { margin-bottom: 10px; }
.att-images ul { margin: 0 0 0 -20px; float: left; _display: inline; }
.att-images li { margin: 0 0 20px 20px; float: left; padding: 0; background: none; _display: inline; }
.att-images .img-box img { _color: #333333; }

.products-list { overflow: hidden; background: url(img/bg-products-list.png) repeat-y 50% 0; zoom: 1; margin-bottom: 1em;}
.products-list ul { margin: 0 0 15px 0; background: url(img/bg-breadcrumb.png) repeat-x 0 0; padding: 15px 0 0 0; float: left; width: 100%; _display: inline; }

.products-list ul:first-child { background: none; padding-top: 0; }
.products-list ul { _background: expression(this.parentNode.firstChild == this ? "none" : "url(/css/img/bg-breadcrumb.png) repeat-x 0 0"); _padding-top: expression(this.parentNode.firstChild == this ? "0" : "15px"); }
.products-list ul li { margin: 0; padding: 0; background: none; float: right; width: 47%; }
.products-list ul li:first-child { float: left; }
.products-list ul li { _float: expression(this.parentNode.firstChild == this ? "left" : "right"); }
.products-list ul li h2 { margin-top: 0; }
.products-list ul li h3 { margin-top: 0; }
.products-list ul li a .img-box img { =color: expression(this.onclick = function(){ this.parentNode.click(); } ); }

ul li.active a { color: #C87002; }

.complement-products { margin-top: 25px; clear: none; zoom: 1; width: 300px; }
.complement-products h2 { margin-top: 0; }
.complement-products .products-list { background: none; margin-bottom: 0; }
.complement-products .products-list ul { float: none; display: block; }
.complement-products .products-list ul li { margin: 0; padding: 7px 0; background: url(img/bg-breadcrumb.png) repeat-x 0 100%; float: none; width: 100%; zoom: 1; }
.complement-products .products-list ul li .price-box { margin: -5px 0 0; }

/* Forms */
input { vertical-align: middle; }
form { margin: 0; padding: 0; }
form p { margin-bottom: 0.5em; }
.formbox { background: #D7D0C9; padding: 10px 20px; }

.formbox .inp-text { border: 1px solid #ACA899; border-right-color: #FDF9EA; border-bottom-color: #FDF9EA; }
.formbox .inp-text:focus { background: #F0EFE5; }

.paging { text-align: right; margin: 0 0 1em 0;  background: #f8f8f8; padding: 5px; font-size: 92%; }
.paging a { margin-left: 2px; border: 1px solid #e2e2e2; background: white; padding: 3px 6px; }
.paging a.active { font-weight: bold; }

.btn-submit { }

.fm-box { background: #FDF8F2; padding: 15px 0 15px 20px; margin: 15px 0; }
.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 12px; padding-bottom: 5px; }

.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }

.inp-text { vertical-align: bottom; font-size: 100%; font-family: "Trebuchet MS", Arial, sans-serif; padding: 2px 0; border: 1px solid #D5D1C6; }

.error-message { color: #9F3627; font-weight: bold; border: 3px solid red; padding: 10px 20px; margin-bottom: 15px; zoom: 1;}
.error-message h3 { background: red; color: white; margin: -10px -20px 15px; padding-left: 20px; zoom: 1;}
.error { background: red; color: white; font-weight: bold; }

h3 em.small { font-size: 85%; }

/* Widths */
.w-full { width: 100%; }
.w-75 { width: 75%; }
.w-half { width: 48%; }
.w-third { width: 31%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.col-h-l { width: 48%; float: left; display: inline; }
.col-h-r { width: 48%; float: right; display: inline; }

div.params { /* border-bottom: 1px solid #E4E4E4; padding-bottom: 1px; */ margin-bottom: 0.5em;}
table.params { width: auto; clear: none; font-size: 92%; }
table.params td { border: 0; padding : 1px 15px 1px 0; }
table.params td strong { background: url(img/bullet-breadcrumb.png) no-repeat 0 0.3em; padding-left: 12px;}

/* E-shop */
label.disabled { color: #666; }

.product-detail .price-box { background: url(img/bg-price-box.png) no-repeat 0 0; width: 286px; height: 31px; padding: 12px; margin-bottom: 10px; }
.product-detail .price-box #amount { width: 2em; padding: 0 1px; vertical-align: middle; margin-right: 2px;}
.product-detail .price-box #add { margin-left: 4px; }
.product-detail .price-box .pcs { line-height: 2.3; }
.product-detail .price-box .price-value { font-size: 140%; font-weight: bold; color: #ef8400; }

.products-list .price-box { margin: 5px 0 0 0; }
.products-list p { margin: 3px 0; }
.products-list .price-box #amount { width: 2em; padding: 0 1px; vertical-align: middle; margin-right: 2px;}
.products-list .price-box #add { margin-left: 4px; }
.products-list .price-box .pcs { line-height: 2.3; }
.products-list .price-box .price-value { font-size: 140%; font-weight: bold; color: #ef8400; }

#cart-info { margin: -7px 0; }
#cart-info a { background: url(img/btn-cart.png) no-repeat 0 50%; padding: 0px 0px 0px 55px; display: block; font-size: 92%;}

table.cart { margin-top: 20px; }

a.dotlink { background: url(img/bullet-breadcrumb.png) no-repeat 0 0.35em; padding-left: 10px; }

/* File icons */
ul.files li { background: none; padding: 0; margin-bottom: 0.3em;}
ul.files li a { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding: 2px 0 2px 22px !important; }
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("img/file-icons/ico-file-zip.png");}
.ico-file-unknown {background-image: url("img/file-icons/ico-file-unknown.png");}