/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #5b5b5b url(../img/bg-body.png) repeat 50% 0; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

.col-full { margin-left: -940px; width: 940px; }

.col-main-mid { margin-left: -741px; width: 535px; }
.col-main { margin-left: -741px; width: 741px; }
.col-side-left { margin-left: -940px; width: 199px;  }
.col-side-right { margin-left: -206px; width: 206px;  }

.col-skybnr { margin-left: 20px; width: 120px;  }

.page-home .col-main { padding-top: 20px; }

.row-main { width: 940px; margin: 0 auto; }

#mother { position: relative; background: white; }
#main {  }

.row-3col { background: url(../img/bg-main-3col.png) repeat-y 0 0; }
.row-2col { background: url(../img/bg-main-2col.png) repeat-y 0 0; }

/* Header */
#header {  padding: 0; zoom: 1; position: relative; height: 145px; }

#logo { padding: 0; float: left; width: 199px; text-align: center;}
#logo p { margin: 0; }
#logo a { text-decoration: none; }
#logo img { display: block; margin: 15px auto 10px; padding: 5px; }

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

#header .motive-box { height: 144px; width: 536px; float: left; background: url(../img/bg-motive.jpg) no-repeat 0 0; overflow: hidden; }

/* Main menu */
#main-menu { margin: 0; zoom: 1; background: url(../img/bg-main-menu.png) repeat-x 0 50%; height: 44px; }
#main-menu ul { margin: 0; padding-bottom: 0; zoom: 1; }
#main-menu ul li { display: block; float: left; margin: 0 0 0; padding: 0 0 0 2px;  zoom: 1; _display: inline; position: relative; background: url(../img/bg-main-menu-sep.png) no-repeat 0 50%; }
#main-menu ul li.first { background: none; margin-left: 4px; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 0 10px; text-decoration: none; position: relative; color: white; font-weight: bold; line-height: 42px; text-transform: lowercase;  }
#main-menu ul li a:hover { background: url(../img/bg-main-menu-active.png) repeat-x 0 0; }
#main-menu ul li.active a { background: url(../img/bg-main-menu-active.png) repeat-x 0 0; }

/* Search box */
#search-box { position: absolute; right: 0px; top: 0px; width: 205px; height: 38px; background: #a2a2a2 url(../img/bg-search-box.png) repeat-x 0 0; }
#search-box .inner { padding: 10px 10px; }
#search-box input { vertical-align: middle; }
#search-box #q { width: 138px; padding: 3px 34px 4px 10px; border: 0; color: #818181; font-size: 11px; background: url(../img/bg-search-box-input.png) no-repeat 0 0;  }
#search-box #search-submit { background: none; border: none; margin: -2px 0 0 -38px; color: white; font-weight: bold; text-transform: uppercase; font-size: 11px; cursor: pointer; =overflow: zoom: 1; =margin-left: -30px; }

#cart-info { position: absolute; right: 0px; top: 38px; width: 205px; height: 108px; background: #dfdfdf url(../img/bg-cart-info.png) repeat-x 0 0; }
#cart-info h2 { margin: 10px 0 3px 7px; font-size: 18px; color: black; font-weight: normal; padding-left: 30px; background: url(../img/ico-cart.png) no-repeat 0 50%; }
#cart-info .inner { padding: 0 30px; }
#cart-info .inner a { background: #a8030b url(../img/bg-cart-info-a.png) repeat-x 0 0; border: 1px solid #c92525; display: block; color: white !important; padding: 3px 5px; }
#cart-info .inner p { margin: 0 0 5px; line-height: 1.2; }
#cart-info .inner p .price { font-size: 18px; color: #c33d42; display: block; font-weight: bold; }

/* Footer */
#footer { background: #3f3f3f url(../img/bg-footer.png) no-repeat 0 0; color: #919191; padding: 20px; }
#footer p { margin: 0; }
#footer a, #footer a:visited { color: #929da3; }
#footer a:hover { color: #fff; }

/* Breadcrumb */
.breadcrumb { padding: 15px 15px; margin: -20px 0 10px 0; font-size: 84.615%; zoom: 1; background: url(../img/bg-breadcrumb.png) repeat-x 0 0; }
.breadcrumb p { margin: 0; }
.breadcrumb strong { font-weight: normal; }
.breadcrumb a, .breadcrumb a:visited { background: url(../img/bullet-default.png) no-repeat 100% 55%; padding-right: 13px; margin-right: 5px; }

.annot { font-size: 107.692%; }
.content {  }

.intro-box { height: 237px; background: url(../img/bg-chain.jpg) no-repeat 100% 0; padding: 25px 200px 25px 30px; }
.intro-box h1 { color: #000; font-size: 25px; line-height: 1.2; font-weight: bold; text-transform: none; margin: 0 0 25px; }
.intro-box .annot { font-weight: bold; font-size: 16px; }

.dontmiss-box { padding: 10px 30px 5px; background: url(../img/bg-dontmiss.png) repeat-x 0 100%; margin-bottom: 20px; zoom: 1; }

.product-list-home { padding: 0 30px; margin-bottom: 20px; }
.product-list-home h2 { text-transform: uppercase; color: #ae000b; font-size: 18px; font-weight: bold; }
.product-list-home ul { margin: 0 0 0 -30px; padding: 0; }
.product-list-home ul li { margin: 0 0 0 30px; padding: 0; background: none; float: left; width: 222px; _display: inline; }
.product-list-home ul li h3 { font-size: 100%; margin: 0; }
.product-list-home ul li h3 img { float: left; margin: 0 8px 5px 0; border: 1px solid #d2d2d2; }

.signpost { background: #3a3838 url(../img/bg-signpost.png) repeat-x 0 0; color: #fff; margin: 0 30px; padding: 20px 30px; }
.signpost h2 { margin: 0 0 10px; padding: 0; color: #fff; text-transform: none; }
.signpost ul { margin: 0; padding: 0; }
.signpost ul li { margin: 5px 0; padding: 0; background: none; float: left; width: 49.8%; }
.signpost ul li a, .signpost ul li a:visited { display: block; padding: 15px 0px 15px 55px; color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: 0 50%; font-size: 18px; }

.signpost ul li.sp-lesni-program a { background-image: url(../img/ico-sp-lesni-program.png); }
.signpost ul li.sp-reference a { background-image: url(../img/ico-sp-reference.png); }
.signpost ul li.sp-pro-kominiky a { background-image: url(../img/ico-sp-pro-kominiky.png); }
.signpost ul li.sp-obdelnik a { background-image: url(../img/ico-sp-obdelnik.png); }

.content-box { margin: 0 30px; }

.product-table { margin-right: -30px; }
.product-table h2 { color: #ae000b; font-size: 18px; font-weight: normal; text-transform: none; }
.product-table table { background: #f4f4f3; border: 0; border-collapse: separate; border-spacing: 2px; }
.product-table td, .product-table th { background: white; border: 0;   }
.product-table th { background: white; font-weight: bold; color: #ae000b; }
.product-table tr.even td { background: #e7e7e7; }
.add-to-cart-box { white-space: nowrap; }

.bottom-box { margin: 50px 0 20px; }

.related-links { width: 352px; float: left; background: #3a3838 url(../img/bg-signpost.png) repeat-x 0 0; color: #fff; margin-left: 17px; _display: inline; }
.related-links .inner { padding: 10px 20px; }
.related-links .inner ul li { background: url(../img/bullet-red-arrow.png) no-repeat 0 3px; margin-bottom: 5px; }
.related-links .inner h2 { color: white; text-transform: none; }
.related-links .inner a, .related-links .inner a:visited { color: white; }

.img-box-weird { float: left; margin-left: 20px; background: #eeeeee; width: 337px; _display: inline; }
.img-box-weird .inner { padding: 20px; }
.img-box-weird .inner p { margin: 0; }
.img-box-weird .inner img { display: block; margin-bottom: 5px; }


/* News */
.news ul { margin: 0 0 0 -44px; padding: 0; position: relative; zoom: 1; }
.news ul li { margin: 0 0 0 44px; padding: 15px 0 15px 0; width: 278px; float: left; background: none; _display: inline; zoom: 1; border-top: 1px dotted #bbb;  }
.news ul:first-child li, .news ul.first li { padding-top: 0; border-top: 0;  }
.news ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.news ul li h3 { text-transform: none; font-size: 123.077%; margin: 0 0 5px; line-height: 1.2; }
.news ul li .img-box { float: left; }
.news ul li .img-box img { display: block; }
.news ul li .text-box { margin-left: 105px; }
.news ul li .text-box p.decs { margin-bottom: 0px; }


/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images ul { margin: 0 0 0; padding: 0; font-size: 0; letter-spacing: -1px; }
.related-images ul li { margin: 0 9px 0 0; padding: 0 0 10px; background: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; letter-spacing: 0; overflow: hidden; font-size: 13px; letter-spacing: 0; line-height: 1.3;  }
.related-images ul li img { display: block; padding: 4px; border: 1px solid #d2d2d2; margin: 0; background: #fff; }
.related-images ul li a, .related-images ul li span { display: block; position: relative;}

/* Side boxes */
.side-box { padding: 0 10px 5px 15px; margin: 0 0 20px; }
.side-box h2 { margin: 0 0 12px; font-size: 18px; font-weight: normal; text-transform: uppercase;  }

.side-menu { padding-top: 20px; }
.side-menu h2 { color: #000; }
.side-menu ul { margin: 0; padding: 0; }
.side-menu ul li { margin: 0 0 3px; padding: 3px 0 2px 26px; background: url(../img/bullet-side-menu.png) no-repeat 0 2px; }
.side-menu ul li.expanded { background-image: url(../img/bullet-side-menu-exp.png); }
.side-menu ul li.back { background-image: url(../img/bullet-side-menu-back.png); font-weight: bold; }
.side-menu ul li a, .side-menu ul li a:visited { color: #323232; text-decoration: none; }
.side-menu ul li.active { font-weight: bold; color: #AE000B; }

.side-menu ul li.expanded li { font-weight: normal; background: none; padding-left: 0; }
.side-menu ul li.expanded li.active { font-weight: bold; }

.side-news { background: #f3f3f3; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; }
.side-news h2 { color: #746060; background: url(../img/ico-side-news.png) no-repeat 100% 50%; margin: 0 0 5px; }
.side-news ul { margin: 0; padding: 0; }
.side-news ul li { margin: 0; padding: 8px 5px; background: none; border-top: 1px dotted #a2a2a2; font-size: 11px; }
.side-news ul li p { margin: 0; }

.side-box-configurator { background: #a40009 url(../img/bg-side-configurator.png) repeat-x 0 0; color: white; padding-top: 15px; }
.side-box-configurator h2 { color: white; background: url(../img/ico-configurator.png) no-repeat 100% 50%; }
.side-box-configurator p { margin: 0; }

.side-box-catalog h2 { background: url(../img/ico-side-chain.png) no-repeat 100% 50%; margin: 0 0 5px; font-size: 16px; }
.side-box-catalog .inner { border-top: 1px dotted #a2a2a2; padding-top: 10px; }

.side-box-retezarna h2 { margin-left: -15px; margin-right: -15px; text-align: center; }


/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, sans-serif; }

input.dotlink { border: 0; text-decoration: underline; cursor: pointer; overflow: visible; }

.inp-text { border: 1px solid #c5c5c5; }
input.inp-text, textarea { padding: 1px 3px; }

.btn-submit { padding: 1px 5px; }

.form-box { padding: 20px 20px 15px 20px; background: #eee; zoom: 1; position: relative; margin-bottom: 30px; }
.form-box .inp-fix { margin-right: 8px; display: block; }
.form-box .inp-fix .w-full { margin-right: -8px; }
.form-box p { margin-bottom: 8px; }

.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.w-full { width: 100%;  }
.w-half { width: 50%;  }

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

ul.files-large li { margin-bottom: 10px; }
ul.files-large li a { text-decoration: none; }
ul.files-large li a .name { color: black; font-size: 15px; display: block; }
ul.files-large li a .download { text-decoration: underline; }

/* 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");}

a.ico-file-pdf-large { background-image: url("../img/file-icons/ico-file-pdf-large.png"); }