/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: white url(../img/bg-body-workers.jpg) no-repeat 50% 0; }

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

.dotlink { background: url(../img/bullet-default.png) no-repeat 0 0.4em; padding-left: 13px; }

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

.col-mid { margin-left: -829px; width: 672px; }
.col-right { margin-left: -145px; width: 145px; }
.col-left { margin-left: -986px; width: 145px; }

.col-mid-right { margin-left: -331px; width: 336px; }
.col-mid-left { margin-left: -672px; width: 336px; }


#mother { width: 986px; margin: 0 auto 0; background: none; padding: 26px 5px; }
#main { margin-bottom: 20px; }

/* Header */
#header {  position: relative; zoom: 1; height: 155px; background: url(../img/bg-header.png) no-repeat 0 0; }
#logo { margin: 28px 0 0 30px; float: left; _display: inline; }
#header .slogan img { position: absolute; left: 336px; top: 45px; }

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

/* Main menu*/
#main-menu { margin: 0; position: absolute; width: 700px; top: 112px; left: 8px; }
#main-menu ul { float: left; margin: 0; padding-bottom: 0; width: 100%;}
#main-menu ul li { display: block; float: left; margin: 0; padding: 0; zoom: 1; _display: inline; background: none; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 0; color: #f7e3e5; font-size: 84.615%; line-height: 2.636; font-weight: bold; position: relative; text-decoration: none; }
#main-menu ul li a:visited { color: #f7e3e5; }
#main-menu ul li a .in { display: block; float: left; margin: 0; padding: 0px 8px; =cursor: pointer; }
.side-menu ul li.active a .in { =cursor: auto; font-weight: bold; }
#main-menu ul li a:hover { color: #ffffff; }
#main-menu ul li.active a { background: url(../img/bg-main-menu-li-left.png) no-repeat 0 100%; margin: 0 -2px; color: #ffffff; }
#main-menu ul li.active a .in { background: url(../img/bg-main-menu-li-right.png) no-repeat 100% 100%; padding: 0 10px 5px; }
#main-menu ul li.fr { float: right; }

#main-menu ul.top { position: absolute; left: 750px; top: -51px; width: 215px; float: none; }

/* Top menu */
#top-menu { position: absolute; top: -22px; left: 0; }
#top-menu ul { margin: 0 0 0 0; padding: 0; }
#top-menu ul li { margin: 0; padding: 0 17px; float: left; border-left: 1px solid #db2f36; background: none; line-height: 1.2; }
#top-menu ul li a { text-decoration: none; font-weight: bold; }
#top-menu ul li.first { border-left: 0;; }

/* Search box */
#search-box { position: absolute; top: 20px; right: 20px; }
#search-box input { vertical-align: middle; }
#search-box input#q { width: 120px; padding: 1px 2px; border: 1px solid #898989; background: white; }

/* Footer */
#footer { background: url(../img/bg-footer.png) repeat-x 0 0; padding: 14px 0 0; text-align: center; font-size: 84.615%; }
#footer p { margin: 0 0 0.5em; }

/* Page prologue */
.breadcrumb { font-size: 84.615%; padding: 0 0; margin: 0 0 15px 0; }
.breadcrumb p { margin: 0; }

.annot { /*font-size: 15px; xfont-weight: bold; */ }

/* Cart info */
#cart-info { position: absolute; top: 97px; right: 0; width: 240px; padding: 0; color: #666666; }
#cart-info p { margin: 0; }
#cart-info .ico-cart { display: block; background: url(../img/ico-cart-info.png) no-repeat 0 0; width: 170px; padding: 5px 0 15px 55px; color: #666666;  }

/* Side menu */
.side-menu { margin: 0 0 15px; }
.side-menu h2 { margin: 0 0 0 13px; }
.side-menu ul { margin: 2px 0; }
.side-menu li { margin: 2px 0; padding: 0; background: none; zoom: 1; }
.side-menu li a { display: block; background: url(../img/bg-side-menu-li-top.png) no-repeat 0 0; font-size: 84.615%; font-weight: bold; text-decoration: none; color: #807a7a; zoom: 1; }
.side-menu li a:visited { color: #807a7a; }
.side-menu li a:hover { color: #8f0000; }
.side-menu li a .in { display: block; background: url(../img/bg-side-menu-li-bot.png) no-repeat 0 100%; padding: 2px 13px; zoom: 1; =cursor: pointer;}
.side-menu li.active a .in { =cursor: auto; }
.side-menu li.expanded  a { color: #d70405; }
.side-menu li li a { background-image: url(../img/bg-side-menu-sub-li-top.png); font-weight: normal; color: #d70405; }
.side-menu li li a .in { background-image: url(../img/bg-side-menu-sub-li-bot.png); padding-left: 25px; }


/* Side boxes */
.side-box { margin: 0 0 10px 0; color: #7a7a7a; zoom: 1; }
.side-box .inner { padding: 10px 15px 1px; margin: 0 -2px; background: url(../img/bg-side-box-inner.png) repeat-y 50% 0; zoom: 1; overflow: hidden; position: relative; }
.side-box .inner h3 { margin-top: 0; }
.side-box .bot { height: 14px; margin: 0 -2px; background: url(../img/bg-side-box-bot.png) no-repeat 0 0; }
.side-box h2 { font-size: 92.308%; background: url(../img/bg-side-box-h2.png) no-repeat 50% 0; color: white; text-transform: uppercase; text-align: center; padding: 3px 1px; zoom: 1; }
.side-box h2 img { display: block; }
.side-box p { margin: 0 0 1em;}

.side-box-gray .inner { background-image: url(../img/bg-side-box-gray-inner.png); }
.side-box-gray .bot { background-image: url(../img/bg-side-box-gray-bot.png); }

.login-box p { margin: 0 0 5px; }
.login-box label { float: left; width: 43px; }
.login-box .inp-text { width: 68px; }
.login-box-foot { background: url(../img/bg-footer.png) repeat-x 0 0; margin: 6px 0 0; padding: 6px 0 0; font-size: 84.615%; font-weight: bold; }

.top-ten .inner { padding: 0 3px; }
.top-ten ul { margin: 0; padding: 0; }
.top-ten ul li { margin: -1px 0 0; padding: 2px 13px; background: none; border: 1px solid #D2D2D2; border-width: 1px 0; }
.top-ten li a { font-size: 84.615%; font-weight: bold; text-decoration: none; color: #807a7a; display: block; }
.top-ten li a:visited { color: #807a7a; }
.top-ten li a:hover { color: #8f0000; }

.newsletter form p { margin: 0 0 3px; }
.newsletter form p.right { margin: 0 0 10px; }
#newsletter-email { width: 97%; }
.side-box .newsletter .contact { color: #fff; text-decoration: none; padding: 2px 10px }

/* Poll */
.poll h3 { margin: 0 0 10px 0; }
.poll ul { margin: 0; padding: 0; }
.poll ul li { margin: 0 0 5px 0; padding: 0; background: none; font-size: 92.308%; zoom: 1; =margin-bottom: 0; }
.poll ul li a { display: block; text-decoration: none; zoom: 1; }
.poll ul li .question { display: block; text-decoration: underline; margin: 2px 0; }
.poll ul li .poll-bar { width: 98%; display: block; }
.poll ul li .poll-bar-in { width: 0%; background: url(../img/poll-bar-1.png) repeat-x 0 100%; height: 4px; display: block; border: 1px solid #B30007; }

/* News */
.col-left .news {  }
.col-left .news ul { margin: 0; padding: 0; }
.col-left .news ul li { margin: 0 0 15px; padding: 0; list-style: none; background: none; zoom: 1; }
.col-left .news ul li .img-box { float: left; width: 200px; }
.col-left .news ul li .img-box img { display: block; border: 1px solid #0b3d87; }
.col-left .news ul li .text-box { margin: 0 0 0 214px; }
.col-left .news ul li .text-box h3 { font-size: 108%; margin-top: 0; }
.col-left .news ul li .text-box .desc p { margin: 0; }
.col-left .news ul li .text-box .date { color: #5e5e5e; }
.col-left .news ul li.no-img .text-box { width: auto; float: none;}

/* Product list */
.product-list h2 { margin-bottom: 1px; }
.product-list ul { margin: 0 0 8px; padding: 0; }
.product-list ul li { margin: 0 0 0 8px; padding: 0; background: none; width: 162px; float: left; }
.product-list ul li.first { margin-left: 0; }
.product-list ul li .inner { margin: 0 -2px; background: url(../img/bg-product-box-top.png) no-repeat 0 0; _position: relative; }
.product-list ul li .inner2 { background: url(../img/bg-product-box-bot.png) no-repeat 0 100%; padding: 5px 20px 10px; zoom: 1; }

.product-list ul li { text-align: center; }
.product-list ul li h3 { margin: 5px 0 10px; line-height: 1.2;}
.product-list ul li h3 a { color: #6c6b6b; text-decoration: none;}

.product-list ul li .desc { color: #7f7f7f; font-size: 84.615%; background: url(../img/bg-footer.png) repeat-x 0 0; padding-top: 8px; margin-top: 8px; text-align: left; }
.product-list ul li .desc p { margin: 0 0 5px; }
.product-list ul li .desc-empty { color: #7f7f7f; font-size: 84.615%; background: none; padding: 0; margin: 0; text-align: left; }
.product-list ul li .desc-empty p { margin: 0; }

.product-list ul li .price { font-size: 84.615%; color: #605f5f; }
.product-list ul li .price-value { color: #db2f36; font-weight: bold; }

.product-list ul li .foot { background: url(../img/bg-footer.png) repeat-x 0 0; padding-top: 8px; margin-top: 8px; }
.product-list ul li .foot p { margin: 0 0 5px; }


.product-list-big ul li { margin-left: 9px; width: 218px; }
.product-list-big ul li .inner { background-image: url(../img/bg-product-box-big-top.png); }
.product-list-big ul li .inner2 { background-image: url(../img/bg-product-box-big-bot.png); }
.product-list-big ul li .price-value { font-size: 145.455%; }

/* Product list - table view */
.no-wrap { white-space: nowrap; }
.product-list table tr.even td { background: #fafafa; }


/* Brand filter */
#brand-filter{ padding: 10px 0 5px; margin:-5px 0 1px; }
#brand-filter table { width: auto; margin: 0 0 10px 0; }
#brand-filter table h3 { margin: 0 0; }
#brand-filter p.brand-list { }
#brand-filter input { margin-bottom: -1px; }
#brand-filter label { margin-right: 7px; margin-left:-2px; }
#brand-filter .btn-submit { margin: -17px -10px 0 0; position: relative; }
#brand-filter .brand-item { white-space: nowrap; float:left; }

#sorting { float: right; position: relative; top: 7px; =top: 0; }
#sorting select { margin-right: 5px; }
.ico-tabular-view { background: url(../img/ico-tabular-view.png) no-repeat 100% 50%; padding: 1px 22px 1px 0; }
.ico-image-view { background: url(../img/ico-image-view.png) no-repeat 100% 50%; padding: 1px 24px 1px 0; }

.ico-thumb-up { background: url(../img/ico-thumb-up.png) no-repeat 0 50%; padding-left: 25px; }
.ico-exclamation { background: url(../img/ico-exclamation.png) no-repeat 0 50%; padding-left: 25px; zoom: 1; }

.ico-star { background: url(../img/ico-star.png) no-repeat 0 50%; padding-left: 18px; }
.ico-question-mark { background: url(../img/ico-question-mark.png) no-repeat 0 50%; padding-left: 17px; }

/* Paging */
.paging { overflow: hidden; margin: 4px 0; clear: both; text-align: right; padding: 3px 0; font-size: 92%; }
.paging a { margin-left: 2px; padding: 3px 3px; }
.paging a.active { font-weight: bold; }

/* Product detail */
h2.variant { color: #7e7e7e; margin: 0 0 8px; } 
.col-product-desc { margin-left: -100%; width: 470px; }
.col-product-image { margin-left: -192px; width: 192px; text-align: center; font-size: 84.615%; }

.col-product-desc .col-h-l, .col-product-desc .col-h-r { width: 233px; }
.col-product-desc table.plain td { padding: 1px 3px 1px 0; line-height: 1.5; }
.property-name { color: #515151; }
.property-value { color: #7e7e7e; font-weight: bold; }
.property-name .small { font-weight: normal; font-size: 10px; }
.our-price { color: #860005; font-size: 107.692% }
.col-product-desc table .price { color: #515151; font-weight: bold;  }
.col-product-desc table .discount { color: #f01a22; font-weight: bold;  }

.col-product-image .img-box { margin: 0 -2px; background: url(../img/bg-product-image-top.png) no-repeat 0 0; _position: relative; }
.col-product-image .img-box .inner { background: url(../img/bg-product-image-bot.png) no-repeat 0 100%; padding: 10px 2px 15px; }

.product-complements { background: url(../img/bg-footer.png) repeat-x 0 0; padding-top: 10px; }
.product-complements h2 { font-size: 100%; margin: 5px 0; }
.product-complements .col-mid-right { width: 320px; margin-left: -320px; }

/* Tabs */
.tabs { margin: 15px 0 0; }

ul.tab-list { margin: 0; padding: 0 0 0px; width: 100%; float: left;  }
ul.tab-list li { margin: 0 2px 0 0; padding: 0; background: none; float: left; border-bottom: 1px solid #cecece; }
ul.tab-list li a { float: left; background: url(../img/bg-tab-inactive.png) no-repeat 0 0; text-decoration: none; color: #7e7e7e; font-weight: bold; }
ul.tab-list li a .in { float: left; padding: 5px 15px 5px 10px; margin: 0 0 0 5px; background: url(../img/bg-tab-inactive.png) no-repeat 100% 0; zoom: 1; cursor: pointer; }

ul.tab-list li.active { margin-bottom: -1px; border-bottom: 0; position: relative; z-index: 2;}
ul.tab-list li.active a, ul.tab-list li.active a .in { background-image: url(../img/bg-tab-active.png); color: #515151; outline: none; }
ul.tab-list li.active a .in { padding-bottom: 9px; }

.tab-pane { background: #f1f1f1; border: 1px solid #cecece; border-width: 0 1px; padding: 0 15px; clear: both; margin: 0 0 15px; zoom: 1; } 
.tab-pane-top { background: url(../img/tab-pane-top.png) no-repeat 0 0; margin: 0 -16px; position: relative; height: 5px; }
.tab-pane-bot { background: url(../img/tab-pane-bot.png) no-repeat 0 100%; margin: 0 -16px; position: relative; height: 5px; }


/* Round-box */
.round-box { zoom: 1; _position: relative; margin: 0 0 5px;}
.round-box .inner { margin: 0; padding: 10px 20px 1px; background: url(../img/bg-news.png) repeat-y 0 0; margin: 0 -3px; zoom: 1; _position: relative;}
.round-box .round-box-top { margin: 0; padding: 0; height: 4px; background: url(../img/bg-news-top.png) no-repeat 0 0; margin: 0 0px; _position: relative; font-size: 0; }
.round-box .round-box-bot { margin: 0; padding: 0; height: 12px; background: url(../img/bg-news-bot.png) no-repeat 0 0; margin: 0 -3px; _position: relative; font-size: 0; }
.round-box .inner h3 { margin-top: 0; }

/* News */
.news { zoom: 1; _position: relative;}
.news ul { margin: 0; padding: 1px 23px; background: url(../img/bg-news.png) repeat-y 0 0; margin: 0 -3px; zoom: 1; _position: relative;}
.news .news-top { margin: 0; padding: 0; height: 4px; background: url(../img/bg-news-top.png) no-repeat 0 0; margin: 0 0px; _position: relative; font-size: 0; }
.news .news-bot { margin: 0; padding: 0; height: 12px; background: url(../img/bg-news-bot.png) no-repeat 0 0; margin: 0 -3px; _position: relative; font-size: 0; }

.news ul li { margin: 0; padding: 15px 0; background: url(../img/bg-footer.png) repeat-x 0 0; zoom: 1; }
.news ul li.first { background: none; }
.news ul li .img-box { float: left; width: 72px; }
.news ul li .img-wide { width: 94px; }
.news ul li .img-box img { display: block; border: 1px solid #a1a1a1; }
.news ul li .text-box h3 { margin: 0 0 5px 0; }
.news ul li .text-box p { margin: 0 0 0 0; }

/* News */
.news-horizontal ul { margin: 0 0 15px; padding: 1px 0; width: 100%; float: left; }
.news-horizontal ul li { margin: 0; padding: 0; background: none; float: right; width: 331px; }
.news-horizontal ul li.first { float: left; }
.news-horizontal ul li .img-box { float: left; width: 72px; }
.news-horizontal ul li .img-box img { display: block; border: 1px solid #a1a1a1; }
.news-horizontal ul li .text-box h3 { margin: 0 0 5px 0; }
.news-horizontal ul li .text-box p { margin: 0 0 0 0; }

/* Stavebni radce */
.wizard ul { margin: 0 0 20px; padding: 1px 0; width: 100%; float: left; }
.wizard ul li { margin: 0 0 0 34px; padding: 0; background: none; float: left; width: 200px; }
.wizard ul li.first { margin-left: 0; }
.wizard ul li a { display: block; text-decoration: none; }
.wizard ul li a img { display: block; margin-bottom: 1px; }
.wizard ul li .name { display: block; background: #D1050D; color: white; text-align: center; padding: 2px 5px; }


/* Shopping cart */
.steps { margin: 0 0 20px; }
.steps ul { margin: 0; padding: 0; }
.steps ul li { margin: 0; padding: 0; background: url(../img/bg-step-arrow.png) no-repeat 6px 50%; padding-left: 36px; float: left;  }
.steps ul li.first { background: none; padding-left: 0; }
.steps ul li a { margin: 0; padding: 0; background: url(../img/bg-step.png) no-repeat 0 0; width: 141px; height: 58px; display: block; color: white; text-decoration: none; position: relative; }
.steps ul li a:hover, .steps ul li.active a { background-position: 0 -100px; }
.steps ul li a:visited { color: white; }
.steps ul li a.disabled { background-position: 0 0; }
.steps ul li a  { background-position: 0 0; }
.steps ul li a .number { font-size: 36px; font-weight: bold; position: absolute; left: 6px; bottom: 13px; line-height: 1.0; }
.steps ul li a .desc { width: 100px; position: absolute; left: 44px; bottom: 14px; line-height: 1.15; }

table.cart th { background: none; }
table.cart td { background: url(../img/bg-footer.png) repeat-x 0 0; vertical-align: middle; }
table.cart tr.total td strong { font-size: 133%; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Tahoma, Arial, sans-sserif; }
.inp-text, select { border: 1px solid #9a9a9a; vertical-align: baseline; =vertical-align: middle; }
.btn-submit { background: #b30007 url(../img/bg-bnt-submit.png) repeat-x 0 0; color: white; font-weight: bold; border: 1px solid #b2b2b2; font-size: 84.615%; padding: 1px 5px; cursor: pointer; } 
.btn-submit-big { background: #b30007 url(../img/bg-bnt-submit.png) repeat-x 0 0; color: white; font-weight: bold; border: 1px solid #b2b2b2; padding: 4px 5px; cursor: pointer; overflow: visible; } 

.form-box { padding: 20px 20px 17px 20px; background: #efefef; zoom: 1; margin-bottom: 15px; }
.form-box p { margin: 0 0 3px 0; }

.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;}
.error-message { background: #FDF5F1 url(../img/ico-error.png) no-repeat 10px 50%; padding: 15px 10px 15px 60px;  }

.w-full { width: 98%; }
.w-half { width: 49%; }
.w-third { width: 32%; }

/* Stavospol motive */
.motive-stavospol #logo { margin-top: 22px; margin-left: 15px; }

.side-news { margin: 0 0 25px; }
.side-news ul li { margin: 0 0 10px; padding: 0; background: none; }
.side-news ul li h3 { font-size: 92.308%; margin-top: 0; }
.side-news ul li h3 a { background: url(../img/bullet-default.png) no-repeat 100% 50%; padding-right: 15px; }
.side-news ul li .desc { font-size: 84.615%; color: #807a7a; margin: 0; }
.side-news ul li .date { color: #515151; font-weight: bold; }

.side-box-contact .inner { font-size: 84.615%; color: #403f3f; }

img.frame { border: 1px solid #a1a1a1; display: block;}

.separator-dashed { background: url(../img/bg-footer.png) repeat-x 0 50%; clear: both; height: 1px; margin: 10px 0; _margin: 1px 0;} 

.col, .row { zoom: 1; }

.js-show { display: none; }

#register-form .inner { padding: 15px; background: #f2f2f2; zoom: 1; }
#register-form table td, .form-box table td { padding: 3px; }
#register-form .inp-text { border: 1px solid #9D9D9A; }
#register-form .w-full { width: 250px; }
#register-form .w-half { width: 125px; }
#register-form h2 { margin-top: 5px; }
#register-form .btn-submit { margin-top: 5px; }


.form-box table td { padding: 3px !important; }
.form-box .inp-text { border: 1px solid #9D9D9A; }
.form-box table .w-doublefull { width: 425px; }
.form-box table .w-full { width: 250px; }
.form-box table .w-half { width: 125px; }

table.orders { margin: 5px 0 20px; border: 1px solid #cecece; border-width: 0 1px; }
table.orders tr th,
table.orders tr td { background: white; border: 1px solid #cecece; border-width: 1px 0; padding: 5px 8px; }

.related-images ul { margin: 0 -30px 15px 0; padding: 0; float: left; }
.related-images ul li { margin: 0 15px 0 0; padding: 8px; width: 182px; height: 182px; float: left; border: 1px solid #cecece; background: white; display: table; display: table-cell; vertical-align: middle; }
.related-images ul li a { width: 182px; height: 182px; display: table-cell; vertical-align: middle; =line-height: 182px; =font-size: 162px; =text-align: center; =display: block;}
.related-images ul li img { margin: auto; padding: 0; border: 0; display: block; =display: inline; =vertical-align: middle; =line-height: 0; =font-size: 0; =margin: 0; }

table.companies tr td { padding-right: 3em; }
#company_area, #company_activity { width: 180px; }
 
#company-filter { margin-bottom: 15px; }
#company-filter table { width: auto; margin: 0 0 10px 0; }