

html { padding: 0; margin: 0; }
body { background-color: #F6F6F6; padding: 0; margin: 0; text-align: center;}
form { margin: 0; }


ul li { background-position: 0.1em 0.5em; }

blockquote { background-position: 10px 18px; }

.btn-submit { background-color: #D51832; font-size: 95%; font-weight: bold; color: #FFF; text-transform: uppercase; vertical-align: bottom; padding: 1px 5px; border: 1px outset #AF1429; cursor: pointer; }
.inp-text { vertical-align: bottom; border: 1px inset #ACA899; }
.dotlink, .arrlink { background: url(../images/bullet-arrow1.png) no-repeat 0 0.5em; padding-left: 10px; }
.dotlink { font-weight: bold; color: #8D8D91; }
a.dotlink:hover, a.arrlink:hover { color: #666; }

.date { word-spacing: -1px; }

.searched-term { font-weight: bold; background: #FFF9C7; }

#mother { background: #FFF url(../images/bg-body.png) repeat-x; }

#container { background: url(../images/bg-container.png) no-repeat; width: 1018px; margin: 0 auto; position: relative; width: 996px; text-align: left; }
.pg-home #container { xwidth: 1018px; } 

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

#logobox { background: url(../images/bg-logobox1.png) repeat-x; margin-left: 11px; }
#logobox .bg { background: url(../images/bg-logobox2.png) no-repeat; height: 92px; padding: 1px 0 0 15px; }
#logobox img { display: inline; float: left; color: #999B9E; font-weight: bold; font-size: 280%; letter-spacing: 3px;}

#topshadebox {width: 331px; height: 71px; background: url("../images/bg-topshadebox.png") no-repeat 0 0; position: absolute; top: 22px; right: 5px; }
#topshadebox {_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/bg-topshadebox.png'); }

/* 
#absolutebox { background: url(../images/bg-absolutebox.png) no-repeat; width: 329px; height: 330px; padding: 16px 0 0 35px; position: absolute; top: 20px; left: 683px; }
.pg-home #absolutebox { background-image: none; width: 398px; height: auto; padding: 0; top: 38px; left: 658px; z-index: 1; }
 */

#searchbox, #lang-menu { padding: 6px 0;  position: absolute; top: 41px; z-index: 1;}
/*#searchbox { padding-right: 25px; right: 70px;  border-right: 1px solid #CECED0;}*/
#searchbox p { margin: 0; }
#searchbox .inp-text { width: 11em; } 

/* Search */
#search-enh { margin: 15px 0 0 0; padding-bottom: 1px; }
#search-enh #q { width: 40%; }
#search-enh q { quotes: none; font-style: italic; }

/* Search results */
#content .search-results ul { margin: 25px 0 15px 0; padding: 0; }
#content .search-results ul li h3 { margin: 0 0 0.5em 0; display: inline; }

#content .search-results ul li .desc { margin: 0.7em 0 1.5em 0; }
#content .search-results ul li .item-section { font-size: 92%; text-align: right; display: inline;  padding-left: 12px; margin-left: 12px; border-left: 1px solid #ADADAD; color: #666666;}


#lang-menu { right: 30px; padding: 10px 0 4px 17px;  top: 25px; }
#lang-menu img { display: block; margin-bottom: 1px; }
#lang-menu ul { display: inline; }
#lang-menu ul li { display: inline; background: transparent none; margin: 0; padding: 0 0 0 0; }

.pg-home #searchbox { margin: 0;  right:22px; }
.pg-home #lang-menu { width: auto;  top: 41px;}
.pg-home #lang-menu img { margin-right: 1px; display: inline;}

#main-menu { background: url(../images/bg-main-menu1.png) no-repeat; }
#main-menu .bg { margin-left: 6px; }
#main-menu ul { background: url(../images/bg-main-menu2.png) repeat-x; font-size: 90%; font-weight: bold; text-transform: uppercase; min-height: 64px; _height: 64px; padding: 0 0 0 5px; margin: 0; list-style-type: none; }
#main-menu ul li { background: #8D8D91 url(../images/bg-main-menu2.png) repeat-x; padding: 6px 0 6px; float: left; }
#main-menu ul li a { background: url(../images/splitter1.png) no-repeat 0 50%; color: #FFF; text-decoration: none; padding: 18px 16px 0 17px; display: block; float: left; height: 29px; xxoverflow: hidden;}
#main-menu ul li a.first { background: none; }
#main-menu ul li a.active,
#main-menu ul li a:hover { background-image: none; background-color: #D51832; padding-right: 18px; margin-right: -2px; position: relative; }

#splash-menu { background: url() no-repeat; }
#splash-menu .bg { margin-left: -50px; }
#splash-menu ul { background: url() repeat-x; font-size: 90%; font-weight: bold; text-transform: uppercase; min-height: 64px; _height: 64px; padding: 80px 0 0 0px; margin: 0; list-style-type: none; }
#splash-menu ul li { background: url() repeat-x; padding: 0px 10px 0px; float: left; }



/* Side menu */
#side-menu { margin-bottom: 20px;}
#side-menu ul { margin: 0; padding: 0; list-style: none; _position: relative; }
#side-menu ul li { margin: 0; padding: 0; list-style: none; background: 0; }
#side-menu ul li a { display: block; background: #E7E7E7; margin: 0; padding: 5px 30px; color: black; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 92%;  _height: 1px; border-bottom: 1px solid white;}
#side-menu ul li ul li a  { background: #E7E7E7 url("../images/bullet-arrow4.png") no-repeat 31px 50%; padding-left: 43px; color: #666666; border-bottom: 0; }
#side-menu ul li ul li ul li a  { background: #E7E7E7 url("../images/bullet-arrow4.png") no-repeat 41px 50%; padding-left: 53px; color: #666666; border-bottom: 0; }
#side-menu ul li ul { border-bottom: 1px solid white; }

#side-menu ul li.active a, #side-menu ul li ul li a { background-color: #D9D9D9; }
#side-menu ul li ul li ul li.active a { background-color: #F9F9F9; }

#side-menu ul li a:hover  { background-color: #F9F9F9; }

/* col-first */

#col-left { xwidth: 666px; margin: 0; float: left;  }
.pg-home #col-left { width: 620px; margin: 0; } 
.pg-home #col-right {  width: 376px;  float: right; }
.pg-home #col-right .spc { padding: 65px 10px 0; _height: 1px; position: relative; top: -72px; left: -6px; background: url(../images/bg-shadebox.png) no-repeat; margin-bottom: -72px; =margin-bottom: -36px;}

.pg-home #col-right .spc {_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/bg-shadebox.png'); _position: relative; padding: 7px 5px 7px 7px;}

.pg-home #col-right .bgspc { background: white; margin: 0; padding: 58px 5px 0 3px;  _height: 1px;}


.col-left-left { float: left; width: 660px; /* overflow: hidden; */}
.col-left-right { float: right; width: 308px; vertical-align: bottom; /* overflow: hidden; */ }

#content { background: url("../images/bg-content.png") no-repeat 0 0; width: 968px; padding: 5px 12px 25px; margin: -1px 0 0 -1px; }
.pg-home #content { width: auto; padding-right: 0;}

/* Prologue */
#prologue { height:200px; background-color: #E7E7E7; color: #000; padding: 1px 250px 5px 5px; border-bottom: 7px solid #D51832; margin-bottom: 20px; background-repeat: no-repeat; background-position: 100% 0; min-height: 160px; }
#prologue2 { height:200px; background-color: #ffffff; color: #000; padding: 1px 250px 5px 25px; border-bottom: 7px solid #D51832; margin-bottom: 20px; background-repeat: no-repeat; background-position: 100% 0; min-height: 160px; }
#prologue h1 { font-size: 200%; font-weight: normal; padding: 0; border: none; margin-top: 10px; margin-bottom: 10px;}
#prologue p { line-height: 1.4em; margin-top: 10px;}

#prologue #annot { font-weight: bold; }

#prologue #annot em { display: block; margin-top: 1em; }

.pg-home #prologue { /* background: #E7E7E7 url(../images/prologue-person1.jpg) no-repeat 100% 0; */ padding-right: 250px; }
.pg-home #prologue h1 { margin-top: 23px; }
.pg-home #prologue p { font-weight: bold; }

#breadcrumb { background-color: #E7E7E7; font-size: 92%; padding-top: 8px; margin-bottom: 13px; }
#breadcrumb p { margin: 0; }
#breadcrumb a { margin-right: 3px; } 

.main-spc { padding: 0 75px 0 0; }
.col-left-left .main-spc, .pg-home .main-spc { padding-right: 25px; }

/* News */
.news { margin: 1px 0 20px 0; }
.news h2 { margin-bottom: 15px; }
.news ul { padding: 0; margin: 0; list-style-type: none; }
.news ul li { margin-bottom: 18px; padding: 0; background: none; zoom: 1; overflow: hidden;}
.news img { margin: 0; float: left; }
.news .head { margin: 0 20px 5px 160px; zoom: 1;  }
.news .head p.date { color: #666; margin: 0 10px 0 0 ; display: inline; /* float: left; width: 6em; */ line-height: 1.4; margin-bottom: -1px;}
.news .head h3 { font-size: 100%; font-weight: normal; display: inline; line-height: 1.4;}
.news .head h2 { font-size: 116%; font-weight: normal; display: inline; line-height: 1.4; border-bottom: 0;}
.news .desc { line-height: 1.4em; margin: 6px 0 0 0; margin: 0 20px 0 160px;  }

.news-bottom { text-align: right; margin-right: 10px; }


.news ul li.no-img .head, .news ul li.no-img .desc { margin-left: 0;}






/* col-second */

.content { margin-bottom: 20px; }
.content p, .content li { line-height: 1.5em; }

#signpost { border-top: 7px solid #D51832; background: url("../images/bg-signpost.png") repeat-y 100% 0; }
#signpost ul { padding-left: 0px; margin-left: 0px; list-style-type: none; }
#signpost ul li { padding: 10px; margin-bottom: 4px; border-top: 4px solid white; background-image: none; min-height: 92px; }
#signpost img { float: right; }
#signpost h3 { font-size: 120%; line-height: 1.2; padding-top: 5px; margin-right: 203px; _width: 133px; _margin-right: 0; }
#signpost h3 a { background: url(../images/bullet-arrow2.png) no-repeat 0 50%; padding-left: 17px; display: block; }
#signpost p { font-size: 0.9em; margin: 3px 203px 0 17px; _width: 133px; _margin-right: 0;}
#signpost ul li { background-position: 96% 8px; background-repeat: no-repeat; }

.obrazek1{padding-left: 10px;}
.obrazek img{}
#signpost ul li.spm-prumysl { background-image: url("../images/side_img_1.jpg"); }
#signpost ul li.spm-budovy { background-image: url("../images/side_img_2.jpg"); }
#signpost ul li.spm-software { background-image: url("../images/side_img_3.jpg"); }


#newsletter, .graybox { background-color: #8D8D91; color: #FFF; padding: 10px 0 7px 30px; border-top: 7px solid #D51832; _height: 1px; margin-bottom: 20px;}
#newsletter h2, .graybox h2 { font-size: 120%; padding: 6px 20px 6px 0 !important; border: none; margin: 0 !important;}
#newsletter h2.splitter, .graybox h2.splitter { background: url(../images/splitter2.png) no-repeat 100% 70%; width: 65px; padding: 6px 20px 13px 0 !important; border: none; float: left; margin: 0;}
#newsletter div.ldiv { margin-left: 105px; }
/* #newsletter input.inp-text { width: 126px; } */

.graybox a { color: white; }

#send-cv h2 { width: auto; }
#send-cv p.r { margin-right: 8px; margin-top: 4px; }
#send-cv p.r a { color: white !important; font-size: 109%;  }
 

#jobs { /* margin-top: 20px; */ } 
#jobs-bottom { text-align: right; margin: 0 7px 0 0; }

#jobs tr.active td a { color: #333333; }

.red-line { border-bottom: 7px solid #D51832; margin-top: 0px;}

.red-line table.nice { margin-bottom: 0; margin-top: 0; }

#press-releases .nice td .date { /* border-right: 1px solid #333333; padding-right: 0.7em; */ display: block; text-align: left;}

#jobs .nice td a.arrlink { display: block;}

.att-images, .att-files, .att-links { line-height: 1em; margin-top: 15px; margin-bottom: 1.5em;}
.att-images h2, .att-files h2, .att-links h2, .col-left-right h2 { padding-left: 13px; margin-bottom: 8px; }

.att-images ul { margin: 0; padding: 0; clear: both; }
.att-images ul li { margin: 6px 0 0 6px; padding: 0; background: none; float: left; }

a:hover img { border-color: #DBDBDC; }

.att-files, .att-links { margin-bottom: 2em; }
.att-files ul.list-files, .att-links ul { margin-left: 13px; }

/* Paging */
.paging { float: right; }
.paging p { margin-bottom: 0; }
.paging strong { font-size: 116%; }
.paging .prev { margin-right: 10px; }
.paging .next { margin-left: 10px; }

/* File icons */
ul.list-files li { background-repeat: no-repeat; background-position: 0 0; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.list-files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.dm {background-image: url("../images/fileico/fico-sm-3dm.gif");}
.ai {background-image: url("../images/fileico/fico-sm-ai.gif");}
.avi {background-image: url("../images/fileico/fico-sm-avi.gif");}
.bmp {background-image: url("../images/fileico/fico-sm-bmp.gif");}
.cdr {background-image: url("../images/fileico/fico-sm-cdr.gif");}
.doc {background-image: url("../images/fileico/fico-sm-doc.gif");}
.dxf {background-image: url("../images/fileico/fico-sm-dxf.gif");}
.exe {background-image: url("../images/fileico/fico-sm-exe.gif");}
.gif {background-image: url("../images/fileico/fico-sm-gif.gif");}
.html {background-image: url("../images/fileico/fico-sm-html.gif");}
.jpg {background-image: url("../images/fileico/fico-sm-jpg.gif");}
.mp3 {background-image: url("../images/fileico/fico-sm-mp3.gif");}
.pdf {background-image: url("../images/fileico/fico-sm-pdf.gif");}
.png {background-image: url("../images/fileico/fico-sm-png.gif");}
.ppt {background-image: url("../images/fileico/fico-sm-ppt.gif");}
.psd {background-image: url("../images/fileico/fico-sm-psd.gif");}
.rtf {background-image: url("../images/fileico/fico-sm-rtf.gif");}
.qt {background-image: url("../images/fileico/fico-sm-qt.gif");}
.ra {background-image: url("../images/fileico/fico-sm-ra.gif");}
.swf {background-image: url("../images/fileico/fico-sm-swf.gif");}
.tif {background-image: url("../images/fileico/fico-sm-tif.gif");}
.txt {background-image: url("../images/fileico/fico-sm-txt.gif");}
.xls {background-image: url("../images/fileico/fico-sm-xls.gif");}
.zip {background-image: url("../images/fileico/fico-sm-zip.gif");}
.unknown {background-image: url("../images/fileico/fico-sm-unknown.gif");}


/* no-cols */
.no-cols { margin-left: 25px; }
.no-cols h2 { margin-bottom: 15px; }
.no-cols .spc { margin-right: 60px; } 

/* footer */
#footer { background-color: #F6F6F6; padding: 1.2em 0 4em; border-top: 7px solid #7C7D80; margin-top: 10px; }
.pg-home #footer { margin-top: -20px; }
#footer-content { width: 990px; margin: 0 auto; }
#footer-content .rss { background: url(../images/ico-rss.png) no-repeat 0 0.2em; padding-left: 17px; }
#footer-content .r { background: url(../images/bullet-arrow3.png) no-repeat 0 0.2em; padding-left: 18px; }

/* Contact form */
input, select { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }

.wf1 { width: 40%; }
.wf2 { width: 55%; }
.wf3 { width: 30%; }

.superclear { overflow: hidden; }

.formbox {  xpadding: 15px 5px 0; }
.formbox form { padding: 13px; font-size: 92%; background: #F1F1F1;_height: 1px;}
.formbox form label { font-weight: bold; }
.formbox form p { margin-bottom: 0.4em; zoom: 1; }
.formbox form .note { float: left; width: 60%; }

.formbox .wfull { width: 98%; }

#contact-form { /* margin-top: -20px;  _position: relative; */ }

.col-h-l { width: 48%; float: left; display: inline; }
.col-h-r { width: 48%; float: right; display: inline; }



/* Crossroad */
.crossroad { padding: 0 15px 5px 0px; _height: 1px; zoom: 1;}
.crossroad ul {margin: 0;  padding: 0;  list-style: none; }
.crossroad ul li {margin: 0 13px 5px 0;  padding: 0 0 0 17px;  float: left;  font-weight: bold;  background: url("../images/bullet-arrow3.png") no-repeat 0 50%; white-space: nowrap; }

/* Product Filter */
#product-filter { padding-bottom: 12px;}
#product-filter fieldset { margin: 0; padding: 0; border: 0; }
#product-filter .spc {background: #f2f2f2; padding: 10px 15px 5px; _height: 1px; zoom: 1; }
#product-filter #filter-top p, #product-filter #filter-bottom p {margin: 0 0 0.3em 0; }
#product-filter h2 {font-size: 133%; font-weight: bold; margin: 5px 0; }
#product-filter h3 {float: left; font-size: 100%; width: 12em; margin: 3px 0 8px 0; }
#filter-more { clear: both; }

.brand-list { width: 80%; float: left; }
.brand-list .brand-item { white-space: nowrap; margin-right: 5px; }
.brand-list input { vertical-align: middle; }

#filter-submit { margin-top: -30px; }


/* Product list */
.product-list { background: white; padding-bottom: 10px; margin-bottom: 6px; border-top: 0px solid #B7B7B8; border-bottom: 0px solid #B7B7B8;}
.product-list ul {margin: 0 0 0 0;  padding: 13px 0 0 0;  list-style: none; clear: both; }
.product-list ul li {margin: 0;  padding: 13px 0 0 0; float: left; width: 32%; margin-left: 2%; border-top: 1px solid #CECED0; background: none; outline: 0px solid #efefef;}
.product-list ul li:first-child {margin-left: 0; }
.product-list ul li { _margin-left: expression(this.parentNode.firstChild == this ? "0" : "1.8%"); }
.product-list ul:first-child li { border-top: 0; }
.product-list ul li { line-height: 1.3;}
.product-list ul li h3 {font-size: 100%; line-height: 1.3; font-weight: bold; text-align: center; margin-top: 5px; }
.product-list ul li .imgbox {text-align: center; }
.product-list ul li p {font-size: 92%; margin-bottom: 0.25em; }
.product-list ul li .desc {margin-bottom: 0; margin-left: 15px; }
.available {color: #9EC308; font-weight: bold; }
a.help {font-size: 8px; font-weight: bold; text-decoration: none; background: #9EC308;  color: white !important; border: 1px solid #E6E7E7; padding: 0 2px; vertical-align: super; margin-left: 2px; }
.product-list ul li .price-info {font-size: 109%; }
.product-list ul li .price {color: #5276A8; }
.product-list ul li .price-value {font-size: 140%; }

.product-list ul li .order-button { text-align: center; }
.product-list ul li .order-button input { vertical-align: middle; }
.product-list ul li .order-button .addks { width: 2em; }

.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; }
.ok-message { color: #007a00; }
.error { color: red; }

/* Param search*/

#param-search table th { background: none; border: 0;}
#param-search table td { background: #F5F5F5; border-width: 0 0 1px 0; padding: 6px 10px; }

#param-search table select { width: 30%; margin-left: 10px; }
#param-search table .sel-value-short { width: 30%; margin-left: 10px; }

#eu { margin: 20px 0; border: 1px solid #CECED0; border-width: 1px 0; padding: 7px 0; }
#eu img { border: 0; padding: 0; margin: 0; float: left; }
#eu p { margin: 0 0 0 5px; font-size: 92%; }
