body {font-family: "Arial", Verdana, Helvetica, sans-serif; background: #DBDBDB url('../img/bg.jpg') no-repeat top; font-size: 12px; margin:0; padding:0;}
.clear {clear: both;}
img{border:none;}
ul {list-style: square;}

#headerBG {margin:0 auto; width: 1018px; height: 97px; background: url('../img/bg-header.png') no-repeat;}
#header {margin:0 auto; width: 1000px; height: 97px;}
#header #logoContainer{float: left; padding: 12px 0 0 0;}
#header #logoContainer #logo{position: relative; border:0; display: block; height: 44px; width: 223px; margin: 0; padding: 0;}
#header #logoContainer #logo img{margin:0; padding:0; border:0; height: 44px; width: 223px;}
#header #logoContainer #belogo{margin: 0 0 0 52px; font-size: 0.9em;}
#header #logoContainer #belogo a {color: #47433b; text-decoration: none;}
#header #searchBox {float: right; width: 217px; height: 97px; background: url('../img/bg-search.jpg') no-repeat;}
#header #searchBox p{color: #423e36; font-weight:bold; font-size: 1.2em; margin: 14px 0 0 21px;}
#header #searchBox .search{margin: 14px 0 0 21px;}
#header #searchBox .search .textB{width: 141px; height: 21px; background-image: url(../img/bg-textbox.jpg); border: 0; float: left;}
#header #searchBox .search .buttonB{float: left;}
#header #language {float: right; margin: 20px 10px 0 0; padding: 0;}
#header #language a {position: relative; display:block; margin:0 0 4px 0; border:0; padding:0; border:0;}
#header #language a img {margin:0; padding:0; border:0; width: 76px; height: 14px;}

#shadow {margin:0 auto; background: url('../img/bg-main.png') repeat-y; width: 1018px; padding:0;}

#shadow #content{margin:0 auto; width: 1000px; position: relative;}

#shadow #content #contentMainL {background: url('../img/bg-main2.jpg') repeat-y;; padding: 0 0 15px 0; width: 1000px; float: left;}

#shadow #content #contentMainL #menu{width: 1000px; height: 40px; overflow:hidden; background: url('../img/bg-menu.jpg') repeat-x;}
#shadow #content #contentMainL #menu ul {font-size:1.1em; display: inline-block; list-style: none; margin:0; padding: 0 0 0 15px; color: #000000;}
#shadow #content #contentMainL #menu ul li {float:left; display: inline-block; list-style: none; margin:5px 15px 0 0; padding: 8px 0 0 0; border:0;}
#shadow #content #contentMainL #menu ul li.active {float:left; font-weight:bold; display: inline-block; margin:0 15px 0 0; list-style: none; color:#ff3600;text-decoration:none;border-top:5px solid #ff3600;}
#shadow #content #contentMainL #menu ul li.active a {color:#ffffff;}
#shadow #content #contentMainL #menu ul li.active a:hover {background:none; display: inline-block;color:#ff3600; text-decoration:none;}
#shadow #content #contentMainL #menu ul li a {margin:0; text-decoration:none; display:inline-block; color:#FFFFFF;}
#shadow #content #contentMainL #menu ul li a:hover {display:inline-block; color: #ff3600; text-decoration:none;}
#shadow #content #contentMainL #menu ul.submenu {z-index: 99; position: absolute; background: #677080; top: 137px; margin: 0 0 0 -58px; font-size: 0.9em;}
#shadow #content #contentMainL #menu ul.submenu li {float: left; display: inline-block; list-style: none; padding: 0 0 8px 0;}

/* SUBMENU */
#shadow #content #contentMainL #sub-menu {width: 1000px; height: 40px; overflow:hidden; background: url('../img/bg-menu.jpg') repeat-x;}
#shadow #content #contentMainL #sub-menu ul {font-size:1.1em; display: inline-block; list-style: none; margin:0; padding: 0 0 0 15px; color: #000000;}
#shadow #content #contentMainL #sub-menu ul li {float:left; display: inline-block; list-style: none; margin:5px 8px 0 0; padding: 8px 6px 11px 6px; border:0;}  
#shadow #content #contentMainL #sub-menu ul li:hover {background: url('../img/bg-menu-level1.jpg') repeat-x;} 
#shadow #content #contentMainL #sub-menu ul li a {text-decoration:none; display:block; color:#FFFFFF;}
#shadow #content #contentMainL #sub-menu ul li a:hover {display:inline-block; color: #ff3600; text-decoration:none;}
#shadow #content #contentMainL #sub-menu ul li.active {background: url('../img/bg-menu-level1.jpg') repeat-x; float:left; font-weight:bold; display: inline-block; margin:0 8px 0 0; list-style: none; color:#ff3600;text-decoration:none;border-top:5px solid #ff3600;}
#shadow #content #contentMainL #sub-menu ul li.active a {color:#ffffff;}
#shadow #content #contentMainL #sub-menu ul li.active a:hover {display: inline-block; color:#ff3600; text-decoration:none;}
#shadow #content #contentMainL #sub-menu ul li.active ul.submenu {display: block !important; visibility: visible !important; z-index: 500;}

#shadow #content #contentMainL #sub-menu ul.submenu {visibility: hidden; width: 635px; background: url('../img/bg-menu-level2.jpg') repeat-x; z-index: 10000; position: absolute; font-size: 0.8em; left:0; top: 40px;}
#shadow #content #contentMainL #sub-menu ul.submenu li {float: left; display: inline-block; list-style: none; padding: 5px 0 8px 0; font-weight: normal;}
#shadow #content #contentMainL #sub-menu ul.submenu li:hover {background: none;}
#shadow #content #contentMainL #sub-menu ul.submenu li a {text-decoration:none; display:inline-block; color:#FFFFFF;}
#shadow #content #contentMainL #sub-menu ul.submenu li a:hover {background: none; display:inline-block; color: #ff3600; text-decoration:none;}
#shadow #content #contentMainL #sub-menu ul.submenu li a.active {color: #ff3600;}
#shadow #content #contentMainL #sub-menu ul.submenu li.sfHover a {color:#ff3600;}

#shadow #content #contentMainL #sub-menu ul.submenu ul.submenu2 {visibility: hidden; z-index: 10000; position: absolute; top: 32px; background: #959dab; margin-left: -8px; font-size: 1em;}
#shadow #content #contentMainL #sub-menu ul.submenu ul.submenu2 li {float: none; display: block; background: url('../img/dotted.png') bottom left repeat-x;}
#shadow #content #contentMainL #sub-menu ul.submenu ul.submenu2 li a {text-decoration:none; display:inline-block; color:#FFFFFF;}
#shadow #content #contentMainL #sub-menu ul.submenu ul.submenu2 li a:hover {display:inline-block; color: #ff3600; text-decoration:none;}
#shadow #content #contentMainL #sub-menu li.sfHover a {color:#ff3600;}

/* ---------------------- */

#shadow #content #contentMainL #main {overflow:hidden; width: 625px; margin: 13px 15px 0 10px; padding: 0 0 10px 0; float: left;}
#shadow #content #contentMainL #main #breadCrumb {margin:30px 0 15px 0; font-size:.8em; width:500px;}
#shadow #content #contentMainL #main #breadCrumb a{color:#ff3600;} 
#shadow #content #contentMainL #main .link {display:inline-block; font-size:.8em; text-decoration:none; color:#5A5654; padding:10px 10px 10px 15px; height:12px; width:114px; background:url("../img/link.png");}
#shadow #content #contentMainL #main .right-img {float: right; border: 1px solid #575958; margin: 0 220px 0 0;} 
#shadow #content #contentMainL #main a{color: #47433b;}
#shadow #content #contentMainL #main a:hover{color: #FF3600;}

#shadow #content #contentMainL #main #leftMenu {color: #FF3600;}
#shadow #content #contentMainL #main #leftMenu li {}
#shadow #content #contentMainL #main #leftMenu li .active {color: #FF3600;}

#shadow #content #contentMainL #main #productDetail {}
#shadow #content #contentMainL #main #productDetail #productImg {float:left;width: 230px;}
#shadow #content #contentMainL #main #productDetail #productImg img {max-width: 200px;}
#shadow #content #contentMainL #main #productDetail #productDesc {float:left;width: 300px;}

#shadow #content #contentMainL #main #productDetailPreview {margin:0 0 30px 0;}
#shadow #content #contentMainL #main #productDetailPreview #productImg {float:left;width: 230px;}
#shadow #content #contentMainL #main #productDetailPreview #productImg img {max-width: 200px;}
#shadow #content #contentMainL #main #productDetailPreview #productDesc {float:left;width: 300px;}

#shadow #content #contentMainL #main .downloadTable {background:transparent; margin:0;padding:0 0 0 10px;}
#shadow #content #contentMainL #main .downloadTable .text {padding-left:10px; width:500px; background:#EEEEEE;}
#shadow #content #contentMainL #main .downloadTable .linkCell {background:transparent;}
#shadow #content #contentMainL #main .download {display:inline-block; font-size:.8em; text-decoration:none; color:#5A5654; padding:10px 10px 10px 15px; height:12px; width:80px; background:url("../img/download.png") top right no-repeat;border-left:4px solid transparent;}
#shadow #content #contentMainL #main .download:hover {color:#FF3600; border-left:4px solid #FF3600;}

#shadow #content #contentMainL #main .panel {width:630px; height:112px;  overflow: hidden; padding:0; margin:0; background: url('../img/bg_panel.png') top left no-repeat;}
#shadow #content #contentMainL #main .panel a {position:relative;z-index:10;}
#shadow #content #contentMainL #main .panel img {position:relative;float:right; margin:9px 17px 9px 0; border: 1px solid #bfbfbf;}
#shadow #content #contentMainL #main .panel h2 {padding:13px 0 0 10px; margin:0 0 5px 0; color:#5A5654; font-size: 1.5em;}
#shadow #content #contentMainL #main .panel h2 a{color:#5A5654; text-decoration: none;}
#shadow #content #contentMainL #main .panel h2 a:hover{color:#ff3600;}
#shadow #content #contentMainL #main .panel p {font-size:.9em; padding:0 322px 0 10px; margin:0;}
#shadow #content #contentMainL #main .panel img.button_small{position:relative; float:right; margin:76px 0 0 0; border: 0px; width: 41px; height: 32px;} 
#shadow #content #contentMainL #main .reference {width: 100%; background-color: #FFFFFF;}
#shadow #content #contentMainL #main .reference tr td {width: 50%; height:120px; padding:20px; vertical-align: middle; text-align: center;}

#shadow #content #contentMainL #main #paging a {padding: 6px; font-size: 1.2em; background-color: #6E7786; color: white; text-decoration: none;}
#shadow #content #contentMainL #main #paging a.active {font-weight: bold; color: #FF3600;}

#shadow #content #contentMainL #mainRight {overflow:hidden; width: 326px; float: left; margin:15px 12px 0 12px;}
#shadow #content #contentMainL #mainRight #slideshow{width:326px; height: 326px; position:relative;}
#shadow #content #contentMainL #mainRight #slideshow img {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#shadow #content #contentMainL #mainRight #slideshow img.active {z-index:10; opacity:1.0;}
#shadow #content #contentMainL #mainRight #slideshow img.last-active {z-index:9;}                                        
#shadow #content #contentMainL #mainRight h2 {color: #ffffff;margin:0 0 15px 0;}
#shadow #content #contentMainL #mainRight .productItem {color: #47433b;background: #eeeeee;}
#shadow #content #contentMainL #mainRight .productItem h3 {font-size:.9em; font-weight:bold;margin:10px; padding:10px 0 0 0;}
#shadow #content #contentMainL #mainRight .productItem .productImg {float: left;width:60px; margin:0 0 10px 0;}
#shadow #content #contentMainL #mainRight .productItem .productDesc {font-size:.8em; float: left; margin:0; padding:0; width:260px;}
#shadow #content #contentMainL #mainRight .productItem .productDesc .description {height:50px; overflow:hidden; margin:0 0 10px 0;}
#shadow #content #contentMainL #mainRight .productItem .productDesc .description ul {margin:0; padding:0 0 0 15px;}
#shadow #content #contentMainL #mainRight .productItemList {color: #47433b;background: #eeeeee;}
#shadow #content #contentMainL #mainRight .productItemList h3 {font-size:.9em; font-weight:bold;margin:10px; padding:10px 0 10px 0;}
#shadow #content #contentMainL #mainRight .productItemList .listImg{float:left; width:20px; padding:5px; color: #47433b;background: #eeeeee;}

#shadow #content #contentMainL .aktualita {margin: 30px 0 0 15px;}
#shadow #content #contentMainL .aktualita .link {margin: 0 0 0 15px;}

#shadow #content #contentLeft{width: 783px; float: left;}

#shadow #content #contentLeft #menu{width: 783px; height: 40px; background: url('../img/bg-menu.jpg') repeat-x;}
#shadow #content #contentLeft #menu ul {font-size:1.1em; display: inline-block; list-style: none; margin:0; padding: 0 0 0 15px; color: #000000;}
#shadow #content #contentLeft #menu ul li {float:left; display: inline-block; list-style: none; margin:5px 15px 0 0; padding: 8px 0 0 0; border:0;}
#shadow #content #contentLeft #menu ul li.active {float:left; font-weight:bold; display: inline-block;list-style: none; margin:0 15px 0 0; color:#ff3600;text-decoration:none;border-top:5px solid #ff3600;}
#shadow #content #contentLeft #menu ul li.active a {color:#ffffff;}
#shadow #content #contentLeft #menu ul li.active a:hover {background:none; display: inline-block;color:#ff3600; text-decoration:none;}
#shadow #content #contentLeft #menu ul li a {margin:0; text-decoration:none; display:inline-block; color:#FFFFFF;}
#shadow #content #contentLeft #menu ul li a:hover {display:inline-block; color: #ff3600; text-decoration:none;}

/* SUBMENU */
#shadow #content #contentLeft #sub-menu {width: 783px; height: 40px; overflow:hidden; background: url('../img/bg-menu.jpg') repeat-x;}
#shadow #content #contentLeft #sub-menu ul {font-size:1.1em; display: inline-block; list-style: none; margin:0; padding: 0 0 0 15px; color: #000000;}
#shadow #content #contentLeft #sub-menu ul li {float:left; display: inline-block; list-style: none; margin:5px 8px 0 0; padding: 8px 6px 11px 6px; border:0;}  
#shadow #content #contentLeft #sub-menu ul li:hover {background: url('../img/bg-menu-level1.jpg') repeat-x;} 
#shadow #content #contentLeft #sub-menu ul li a {text-decoration:none; display:inline-block; color:#FFFFFF;}
#shadow #content #contentLeft #sub-menu li.sfHover a {color:#ff3600;}
#shadow #content #contentLeft #sub-menu ul li a:hover {display:inline-block; color: #ff3600; text-decoration:none;}
#shadow #content #contentLeft #sub-menu ul li.active {background: url('../img/bg-menu-level1.jpg') repeat-x; float:left; font-weight:bold; display: inline-block; margin:0 8px 0 0; list-style: none; color:#ff3600;text-decoration:none;border-top:5px solid #ff3600;}
#shadow #content #contentLeft #sub-menu ul li.active a {color:#ffffff;}
#shadow #content #contentLeft #sub-menu ul li.active a:hover {display: inline-block; color:#ff3600; text-decoration:none;}

#shadow #content #contentLeft #sub-menu ul.submenu {visibility: hidden; width: 768px; background: url('../img/bg-menu-level2.jpg') repeat-x; z-index: 10000; position: absolute; font-size: 0.8em; left:0; top: 40px;}
#shadow #content #contentLeft #sub-menu ul.submenu li {float: left; display: inline-block; list-style: none; padding: 5px 0 8px 0; font-weight: normal;}
#shadow #content #contentLeft #sub-menu ul.submenu li:hover {background: none;}
#shadow #content #contentLeft #sub-menu ul.submenu li a {text-decoration:none; display:inline-block; color:#FFFFFF;}
#shadow #content #contentLeft #sub-menu ul.submenu li a:hover {background: none; display:inline-block; color: #ff3600; text-decoration:none;}
#shadow #content #contentLeft #sub-menu ul.submenu li.sfHover a {color:#ff3600;}

#shadow #content #contentLeft #sub-menu ul.submenu ul.submenu2 {visibility: hidden; z-index: 10000; position: absolute; top: 32px; background: #959dab; margin-left: -8px; font-size: 1em;}
#shadow #content #contentLeft #sub-menu ul.submenu ul.submenu2 li {float: none; display: block; background: url('../img/dotted.png') bottom left repeat-x;}
#shadow #content #contentLeft #sub-menu ul.submenu ul.submenu2 li a {text-decoration:none; display:inline-block; color:#FFFFFF;}
#shadow #content #contentLeft #sub-menu ul.submenu ul.submenu2 li a:hover {display:inline-block; color: #ff3600; text-decoration:none;}

/* ---------------------- */


#shadow #content #contentLeft #obsah{width: 783px; height: 389px; float: left; background: url('../img/bg-contentLeft.jpg') no-repeat;}
#shadow #content #contentLeft #obsah .product-slide{margin: 70px 0 0 20px;}
#shadow #content #contentLeft #obsah ul {margin: 0; padding: 0; list-style: none; display: inline-block;}
#shadow #content #contentLeft #obsah ul li{margin: 0; padding: 0; display: inline-block; float:left;}
#shadow #content #contentLeft #obsah ul li.produkty{width: 391px; height: 58px; display: inline-block; background: url('../img/elektricke-pristroje.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.produkty a{width: 391px; height: 58px; display: inline-block;}
#shadow #content #contentLeft #obsah ul li.produkty a.selected{width: 391px; height: 58px; display: inline-block; background: url('../img/elektricke-pristroje_active.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba{width: 392px; height: 58px; display: inline-block; background: url('../img/zakazkova-vyroba.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba a{width: 392px; height: 58px; display: inline-block;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba a.selected{width: 392px; height: 58px; display: inline-block; background: url('../img/zakazkova-vyroba_active.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.produkty-de{width: 391px; height: 58px; display: inline-block; background: url('../img/elektricke-pristroje-de.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.produkty-de a{width: 391px; height: 58px; display: inline-block;}
#shadow #content #contentLeft #obsah ul li.produkty-de a.selected{width: 391px; height: 58px; display: inline-block; background: url('../img/elektricke-pristroje-de_active.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba-de{width: 392px; height: 58px; display: inline-block; background: url('../img/zakazkova-vyroba-de.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba-de a{width: 392px; height: 58px; display: inline-block;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba-de a.selected{width: 392px; height: 58px; display: inline-block; background: url('../img/zakazkova-vyroba-de_active.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.produkty-en{width: 391px; height: 58px; display: inline-block; background: url('../img/elektricke-pristroje-en.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.produkty-en a{width: 391px; height: 58px; display: inline-block;}
#shadow #content #contentLeft #obsah ul li.produkty-en a.selected{width: 391px; height: 58px; display: inline-block; background: url('../img/elektricke-pristroje-en_active.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba-en{width: 392px; height: 58px; display: inline-block; background: url('../img/zakazkova-vyroba-en.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba-en a{width: 392px; height: 58px; display: inline-block;}
#shadow #content #contentLeft #obsah ul li.zakazkova-vyroba-en a.selected{width: 392px; height: 58px; display: inline-block; background: url('../img/zakazkova-vyroba-en_active.jpg') no-repeat;}
#shadow #content #contentLeft #obsah ul li a{display: block; text-decoration: none;}
#shadow #content #contentLeft #main {width: 1000px;}

#first p {margin: 15px 0 0 16px;}
#first p a{font-size: 0.8em; color: #47433b;}

#second p {margin: 15px 0 0 16px;}
#second p a{font-size: 0.8em; color: #47433b;}

#shadow #content #contentRight{width: 217px; height: 429px; overflow: hidden; float: left; margin:0; padding:0; background: url('../img/bg-contentRight.jpg') no-repeat;}
#shadow #content #contentRight #aktuality{margin: 0 10px 0 22px; color: #413d36; height: 415px; width: 173px; overflow: hidden; text-align: justify;}
#shadow #content #contentRight #aktuality #aktualityNadpis{color: #ef001a; font-weight:bold; font-size: 1.2em; margin: 25px 0 0 0; padding:0 0 0 12px; background: url('../img/arrow.png') 0 2px no-repeat;}
#shadow #content #contentRight #aktuality #aktualityNadpis a {color: #ef001a; text-decoration: none;}
#shadow #content #contentRight #aktuality h3{font-size: 0.9em; margin: 13px 0 0 0; padding: 0;}
#shadow #content #contentRight #aktuality h3 a {text-decoration: none; color: #413D36;}
#shadow #content #contentRight #aktuality .datum {font-size: 0.8em;}
#shadow #content #contentRight #aktuality p{font-size: 0.8em; margin: 0; padding: 0 0 0 0;}
                                                            
#linkContainer {padding: 0; margin:0; height: 165px; overflow:hidden; color:#ffffff; background: #535B68 url('../img/bg-footer.jpg') no-repeat;}
#linkContainer .col {margin:0; width: 209px; float: left; padding:0 0 0 35px; }
#linkContainer .col ul {color: #FF3600; margin:0 0 0 20px; padding:0; font-size: .9em;}
#linkContainer .col a {text-decoration:none;color:#ffffff;}
#linkContainer .col a:hover {color:#ff0000;}
#linkContainer .col h2 {font-weight:normal; font-size: 1.5em; margin: 15px 0 15px 0;}
#linkContainer .col h2 a {text-decoration:none;}
#linkContainer .col h2 a:hover {color: #FF3600;}

#bgBottom {margin:0 auto; width: 1018px; height: 12px; background: url('../img/bg-main-bottom.png') no-repeat;}

#footer {margin:0 auto; width: 1000px;}
#footer p{font-size: 0.8em; color: #7f7868; padding: 0 0 0 5px;}
#footer p a{color: #7f7868;}
#footer #footerMenu {color: #47433b; margin: 0; padding: 0;}
#footer #footerMenu ul {list-style:none; display:inline-block; margin:0; padding:0; font-size: 0.9em;}
#footer #footerMenu li {display:inline; list-style:none;}
#footer #footerMenu li a {color:#47433b; padding:0 5px 0 5px;}
#footer #footerMenu li a:hover {color:#47433b; padding:0 5px 0 5px;}
                      
#contactForm {background: #FFFFFF;color:#000000; background: #DADBDD url('../img/bg_main.jpg'); padding:0 10px;}
#contactForm {font-size:.8em;}
#contactForm h1 {font-size:1.7em; font-weight:normal;}
#contactForm label {display:inline-block; width:80px;}
#contactForm .input {float:left; width:100px;height:25px; margin:0;padding:0;}
#contactForm .inputName {float:left; width:60px; height:25px;margin:0;padding:0;}
#contactForm #alert {font-weight:bold; font-size:1.2em; width:100%; text-align:center; margin:60px 0 0 0; color: #ff3600;}
#contactForm #text {padding:5px; width:200px; display:block; margin:0; font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size:1.1em;}
#contactForm #email {margin:0; padding:3px 5px 3px 5px;width:200px;font-size:1.1em;}
#contactForm #predmet {margin:0; padding:3px 5px 3px 5px;width:200px;font-size:1.1em;}
#contactForm #jmeno {margin:0; width:200px; padding:3px 5px 3px 5px;font-size:1.1em;}
#contactForm #loginBg {display:block;}    
      
#screenshot{position:absolute;border:1px solid #48505B;background:#CCCFD6;padding:5px;display:none;color:#fff;}