﻿
/* ------------ Globalni definice objektu  -----------------------------------------------------------------------------------------------*/
body {position: relative; margin: 0; padding: 0;  font-family: Arial; font-size: 11px; color: #646464; background: url(/img/BGmain.gif) }
div {height: auto; _height: 0; margin: 0; padding: 0}
p {margin: 0; padding: 0}
a {_height: 0; text-decoration: none; color: #000}
a:hover {text-decoration: underline}
img {margin: 0; padding: 0; vertical-align: middle; border: 0}
form {margin: 0; padding: 0}
table {border-collapse: collapse}

h1 { clear:both; margin: 0; padding: 0; padding-left:15px; height:25px; font-size: 15px; color: #003451; font-family:arial; font-size:16px; font-weight:bold; text-transform:uppercase; background:url(/img/h3_bck.gif) no-repeat 0 3px; }/*'Trebuchet MS',Tahoma*/
h2 {margin: 0; padding: 0; font-size: 11px; color: #000}
h3 {margin: 0; padding: 0; font-size: 11px; color: #000}
h4 {margin: 0; padding: 0; font-size: 11px; color: #000}
h5 {margin: 0; padding: 0; font-size: 11px; color: #000}

textarea,
.input_text {margin: 0; padding: 2px; color: #5E6263; font-size: 10px; border: 0; border-left:1px solid #9C9C9C; border-top:1px solid #9C9C9C; border-bottom:1px solid #D0D0D0; border-right:1px solid #D0D0D0; }
.input_button {margin: 0; padding: 0; vertical-align: middle; border: 0}
.input_radio {hight: 12px; width: 12px; margin: 0 3px 0 0; padding: 0; border: 0}
.input_check {hight: 12px; width: 12px; margin: 0; padding: 0; border: 0}

h1 span {position: relative; top: -20px; left: -15px; height:25px; margin-bottom: -25px; display: block}
.Box {width: 100%; margin: 15px 0 15px 0; float: left}

Textarea {margin: 0px; padding: 0px; overflow: auto; color: #5E6263; font-family: Arial; }
Label {margin: 0px; padding: 0px; vertical-align: middle; color: #646464; font-size: 11px; cursor:pointer; }
Select {height: 16px; ?height: 18px/*ie7*/; _height: 16px/*ie6*/; margin: 0; padding: 0; vertical-align: middle; color: #435174; font-size: 10px; border-left:1px solid #9C9C9C; border-top:1px solid #9C9C9C; border-bottom:1px solid #D0D0D0; border-right:1px solid #D0D0D0; }
Input {vertical-align: middle}

.clear { clear:both; }
.clear1 {clear: both; _clear: none}
.clear2 {position: relative; clear: both; *height: 0px; font-size: 1px}
.right {text-align: right;}
.required, .error { color:#ff3333; }

/* ------------- info boxiky ----------- */
.information { clear:both;background:#EDF9FF;border:1px solid #D1E5F0;width:430px;padding:10px;margin:10px auto 0px auto;text-align:center}
.buttons { clear:both; background:#fdfdfd; width:530px;padding:10px;margin:10px auto 0 auto;text-align:center}
.information p {margin:5px}
.information a {font-weight:bold;color: #646464}
.information.alert { clear:both;background:#fff5f5;border:1px solid #fae6e6;width:430px;padding:10px;margin:20px auto 10px auto;text-align:center}
.information.result { clear:both;background:#f5fff5;border:1px solid #D1E5F0;width:430px;padding:10px;margin:20px auto 10px auto;text-align:center}
.information.result p {width:auto; background:none}
table { margin:auto; width:100%; }
table th { text-align:right; width:30%; }
table caption { padding-bottom: 3px; font-weight: bold}
p a {text-decoration: underline}

.arrowed { position: relative; left: 207px; top: 50px; _top: -62px; margin-top: 10px; width: 137px; height: 22px; padding-top: 5px; text-align: center; background:url(/img/BTempty.gif) no-repeat }
/* vsechny texty z FCK editoru */
.page_myaccount .arrowed {position:relative; left:43px; top:0px /*97*/; margin-top:-10px; padding-top: 8px; padding-left: 6px; font-weight: bold; text-align: left; background: url(/img/arrowRight.gif) no-repeat left}
.page_myaccount .arrowed a {color: #646464;border-bottom:1px solid #D1E5F0}
.page_userdata .arrowed {position:relative; left:43px; top:0px /*97*/; margin-top:-10px; padding-top: 8px; padding-left: 6px; font-weight: bold; text-align: left; background: url(/img/arrowRight.gif) no-repeat left}
.page_userdata .arrowed a {color: #646464;border-bottom:1px solid #D1E5F0}

.freetext { margin-top:10px; margin-bottom: 10px}
.freetext p { margin:5px 0; }
.information.freetext {text-align:left}
.page_search .information {margin-bottom:15px;}

/* ------------ Definice kostry  ----------------------------------------------------------------------------------------------------------*/
#containerHeader {position: relative; z-index: 1; margin: auto; width: 980px; height: 201px; background: url(/img/BGcontainerHeader.jpg) no-repeat; border-left: 2px solid #D1E5F0; border-right: 2px solid #D1E5F0; }
#containerBody {position: relative;  margin: auto; padding: 0 2px 0 2px; width: 980px; background: url(/img/BGcontainerBody.gif) repeat-y;}
#column1 {position: relative; top: 20px; left: 0; width: 213px; float: left }
#column2 {position: relative;  width: 551px; float: left; top: 8px; left:14px; height: auto; overflow: hidden }
#column3 {position: relative; top: 0; left:25px; width: 189px; padding-top: 1px; float: left; height: auto; owerflow: hidden; border-left: 2px solid #fff}
#containerFooter {clear:both; position: relative; height: 37px; _height: 37px; width: 980px; margin: auto; font-family: verdana; font-size: 10px; color: #000; background: url(/img/DECmainbottom.gif) repeat-x; border-left: 2px solid #D1E5F0; border-right: 2px solid #D1E5F0} 

/* ------------ containerHeader ----------------------------------------------------------------------------------------------------------*/
.Logo {position: absolute; top: 33px; left: 0}
.Logo a {height: 137px; width: 339px; display: block}

.setUp {position: absolute; top: 9px; left: 106px; white-space: nowrap}
.setUp a {margin-right: 5px; padding-left: 8px; text-decoration: underline;  background: url(/img/arrowRight.gif) no-repeat left}
.setUp a:hover {text-decoration: none}

.Login {position: absolute; top: 9px; right: 204px; margin: 0; padding: 0; color: #000000}
.Login li {margin-left: 12px; float: left; _height: 0px; display: block}
.Login li a {position: relative; top: -1px; padding: 2px 0 2px 13px; float: left; _height: 0px; display: block; font-weight: bold; background: url(/img/SEPlogin_a.gif) no-repeat left}

.Banner {position: absolute; top: 33px; left: 359px; height: 137px; width: 446px; overflow: hidden;}

.basket {position: absolute; top: 8px; right: 8px; width: 173px; text-align: center; color: #000}
.basket p {margin-bottom: 6px}
.basket b {margin-bottom: 10px; _height: 0px; display: block; font-size: 12px}
.basket strong {margin-bottom: 11px; _height: 0px; display: block; font-size: 18px; color: #C3000D}
.basket strong small {font-size: 12px}
.basket a {height: 27px; margin: 0 0 3px 20px; display: block; text-align: left; text-decoration: underline; color: #3B3B3B}
.basket a:hover {text-decoration: none}
.EditB {background: url(/img/DECeditB.gif) no-repeat}
.ClearB {background: url(/img/DECclearB.gif) no-repeat}


.Search {position: absolute; top: 169px; height: 35px; width: 213px; padding: 7px 0 7px 11px; background: url(/img/BGextendedsearch.gif) repeat-y;}
.Search label { _height: 0px; display:block}
.Search .input_text {width: 145px; height:13px; margin-right: 5px; magrin-bottom: 5px; padding: 3px 2px 3px 6px; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4}
.Search .moreinfo { padding-left: 7px; font-weight: bold; color: #5A5A5A; font-size: 11px; background: url(/img/arrowRight.gif) no-repeat left }
.Search .advsearch { position:absolute; top:29px; left:11px; width:180px; padding:5px; z-index: 100; background: url(/img/BGextendedsearch.gif) repeat-y; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4 }
.Search .advsearch a {font-weight: normal; color: #5A5A5A; text-decoration: underline; background: none !important}
.Search .advsearch .close { float:right; margin-right:-5px; margin-top:-5px}


.menu {position: absolute; top: 177px; right: 19px; margin: 0; padding: 0}
.menu li {position: relative; _height: 0px; display: block; float: left}
.menu li a {padding: 2px 17px 2px 17px; float: left; font-weight: bold; color: #FFF; background: url(/img/SEPmenu_a.gif) no-repeat right}
x.SEPOff {position: absolute; top: 177px; right: 18px; height: 18px; width: 5px; background: #A4A4A4}
.menu li ul {position: absolute; top: 28px; left: 0px; width: 167px; margin: 0px; padding: 5px 0px 2px 0px; font-size: 10px; z-index: 9; background: #F5F5F5; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; visibility:hidden;} 
.menu li ul li {_height: 0px; display: block; float: none; *width: 167px; margin: 0px; padding: 0px}
.menu li ul li a {_height: 0px; display: block; float: none; margin: 0px; padding: 3px 10px; color: #072533; background: none}
.menu li ul li a:hover {background: #E6E6E6; color: #000; text-decoration: none }
.menu li ul ul { border-top:1px solid #E6E6E6; padding-top:2px; }
.menu li.first ul {position: absolute;left: 153px;top: 0;}
.menu li.last ul {position: absolute;left: 153px;top: 0;}

/* ------------ Column1 -----------------------------------------------------------------------------------------------------------------*/
#containerBody h2 span {position: relative; top: -14px; height: 33px; margin-bottom: -14px; display: block}
#h2_categories {display:none !important; background: url(/img/h2_categories.gif) no-repeat}

.side_box.categories {margin: 0; padding: 0; position:relative; top:-16px; list-style-type: none}
.categories .firstCat { padding: 13px 0 12px 11px; _height: 0px; display: block; font-weight: bold; color: #000000; background: url(/img/BGcategoriesfirst.gif) repeat-y; border-bottom: 1px solid #fff}
.categories .firstCat label {margin-right: 10px; font-weight: normal; color: #000000}
html>body .categories .firstCat label {position: relative; top: -3px/*Opera*/}
:root .categories .firstCat label {top:0 /*Mozila*/}
.categories li {_height:0px; background: url(/img/BGcategorieslist.gif) repeat-y;  }
.categories li a {_height:0px; padding: 4px 36px 4px 10px; display: block; text-align: right; background: url(/img/DECcategories_a.gif) no-repeat 196px ;border-bottom: 1px solid #fff}
.categories ul {margin: 0; padding: 0; list-style-type: none;}
.categories ul li a {padding: 4px 36px 4px 10px; _height: 0px; display: block; text-align: right; font-weight: normal; color: #000; background: #9FC8D2}
.activCat {color: #fff; font-weight: bold; background: url(/img/DECactivCat.gif) no-repeat 194px #4092A6 !important; border-bottom: 1px solid #fff}
.menu_in .activCat {color: #000; font-weight: bold; background: #9FC8D2 !important; border-bottom: 1px solid #fff}
 
.side_box.News {position: relative; top: -17px; margin-bottom: -17px; padding: 42px 10px 22px 11px; background: url(/img/BGemailnews.gif) no-repeat #EDF9FF; border-top: 2px solid #4092A6 }
.News .input_text {width: 147px; height: 19px; margin-right: 6px; padding: 4px 0 0 6px; background: #fff; border-top: 1px solid #9C9C9C; border-left: 1px solid #9C9C9C; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0 }

#h2_payments {background: url(/img/h2_payment.gif) no-repeat; }
.side_box.Payments {padding: 22px 10px 24px 11px; background: url(/img/BGpayments.gif) repeat-y; }
.Payments span {margin-bottom: 11px; _height: 0px; display: block}

.side_box.Mailus {  padding:10px; background:#EDF9FF }
.side_box.Mailus textarea { margin-bottom:5px; width:185px; height:60px; }
.side_box.Mailus .input_text { width:150px; }
.side_box.Mailus .input_button { margin-left: 3px; margin-top:1px }

/* ------------ Column2 Uvod ------------------------------------------------------------------------------------------------------------*/
#containerBody h3 span {position: relative; top: -14px; left: -1px; height: 25px; margin-bottom: -14px; display: block}
#h3_news {background: url(/img/h3_news.gif) no-repeat}
/*#column2 h1 {padding-bottom: 12px; background:url(/img/DECmyaccouttop.gif) repeat-x bottom}*/
#column2 div .categories li {position:relative; top:15px;  _height:0px; width: 100%; background: none; border-bottom: 1px solid #D1E5F0  }
#column2 div .categories li a { _height:0px; padding-left: 15px; text-align: left; color: #363636; font-weight:bold; display: block;  background: url(/img/arrowRight.gif) no-repeat left; border-bottom: 1px solid #fff}

.NewsA {background: url(/img/DECmyaccouttop.gif) repeat-x bottom} 
.NewsIn1 {margin-top: 10px; padding-bottom: 9px; border-bottom: #E6E6E6 1px solid}
.NewsIn2 {padding-bottom: 5px; width:100%; /*background: url(/img/BGnewsIn2.gif) repeat-y 109px*/}
.NewsImg {width: 109px; float: left; text-align: center}
.NewsInfo {/*margin-left: 119px*/}
.NewsInfo b {color: #EC9920}
.NewsInfo a {margin: 2px 0 10px 0; _height: 0px; display: block; font-size: 12px; font-weight: bold}

#h3_newitems {background: url(/img/h3_newoffer.gif) no-repeat}
#h3_recomendation {background: url(/img/h3_recomendation.gif) no-repeat}
.Recomendation {margin-top: 5px; _margin-top: 0px; margin-bottom: 10px }
.RecomendationLine {/*margin-top: 9px; padding-bottom: 7px; xbackground: url(/img/horDotted.gif) repeat-x bottom*/}/*tečky*/
.RecomendationLineIn {/*xbackground: url(/img/verDotted.gif) repeat-y 277px*/} /*tečky*/
.ProductR {margin-top: 2px; _margin-top: 7px; margin-bottom: 10px; width: 265px; float: left; }
.ProductR_img {width: 88px; float: left; text-align: center; border: 1px solid #4494A8}
.ProductR_img a {?padding-bottom:1px}
.ProductR_info {margin-left: 92px; padding-right: 8px; }
.ProductR_info h3 a {_height: 0px; display: block; font-size: 12px;}
.ProductR_info strong {font-size: 15px; color: #C3000D; background:#F3F8FB}
.ProductR_info strong small {margin-left: 3px; font-size: 15px; color: #C3000D; background:#F3F8FB}
.ProductR_info p {margin-top: 15px; font-size: 10px; text-align: justify; }

/* ------------ Column2 Vypis  ----------------------------------------------------------------------------------------------------------*/
.Navigate {height:30px; margin: 0 0 11px 0; padding: 0 0 3px 2px; list-style-type: none; background:url(/img/DECmyaccouttop.gif) repeat-x bottom }
.Navigate li {display: inline}
.Navigate li a {margin-right: 11px; padding-right: 9px; font-weight: bold; color: #C3000D; background: url(/img/arrowRight.gif) no-repeat right}
.activNM {text-decoration: none !important; color: #363636 !important; background: none !important}

.Characterization {}
.Char_img {width: 107px; float: left; text-align: center}
.Char_info {margin-left: 107px; padding: 0px 11px 0px 11px; _padding-bottom: -5px; overfow: hidden; background: url(/img/BGchar_info.gif) no-repeat #F6F6F6}
.Char_info .freetext {margin-top: 0px !important; padding-top: 0px !important}
.Char_info b {font-size: 13px; color: #C3000D}
.Char_info p {margin-top: 15px}
.InfoEx {padding-left: 3px; text-decoration: underline; font-weight: bold; color: #EC9920 }
.InfoEx:hover {text-decoration: none}

#column2 #h2_topsale { margin-top: 0px; background: url(/img/BGtopsaleincategory.gif) no-repeat !important}
#column2 .topsale {background: #E1EEF5; border-top: #F3F8FB 5px solid; border-bottom: #F3F8FB 5px solid; color: #000;}
#column2 .topsale ol { padding-left:25px;_padding-left:30px; margin:8px 0;}
#column2 .topsale li { background: #E1EEF5; font-weight:normal; margin-bottom:3px;}
#column2 .topsale .Name { position: relative; left:-5px;_left:-10px}
#column2 .topsale .Code {display:none;}
#column2 .topsale span.Price {margin-right: 8px; float: right; width: 100px; text-align: right;}
#column2 .topsale span.Price strong {font-weight: normal}
#column2 .firstlast{background:none}

.prodmark .arrowed {position:relative; left:0px; top: -0px;  padding: 2px 10px 2px 20px !important; height: 17px; width: 519px;color: #929292; font-weight: bold; font-size: 12px; text-align: left; background: #D1E5F0 !important; border:1px solid #4092A6; }
.prodcont {position:relative; top:-1px;background:#EDF9FF; border-left:1px solid #4092A6;border-right:1px solid #4092A6;border-bottom:1px solid #4092A6}
.prodcont p { margin-left: 5px; margin-right:5px; padding-left: 5px; padding-top: 10px; color: #000; font-weight: bold; border-bottom: 1px solid #D1E5F0 /*#C3000D*/}
.prodcont ul {list-style-type: none !important}
.prodcont ul li a {padding-left: 10px; color: #646464; background: url(/img/arrowRight.gif) no-repeat left !important}
.page_markcategory h2 { padding-top: 11px; color: #5A5A5A}
.catmark { position:relative; left:0px; margin-top: 10px; padding: 2px 10px 2px 20px !important; height: 17px; width: 519px;color: #929292; font-weight: bold; font-size: 12px; text-align: left; background: #D1E5F0 !important; border:1px solid #4092A6; }
.catcont { position:relative; top:-1px; _top: -1px; padding-top: 5px; _padding-top: 15px; padding-bottom: 10px; _padding-bottom: 0px; background:#EDF9FF; border-left:1px solid #4092A6;border-right:1px solid #4092A6;border-bottom:1px solid #4092A6}
.catcont p { margin-left: 5px; margin-right:5px; padding-left: 15px;  color: #000; font-weight: bold; border-bottom: 1px solid #C3000D; background: url(/img/DECactivNM.gif) no-repeat  5px 15px  !important}
.catcont ul {list-style-type: none !important}
.catcont ul li a {padding-left: 10px; color: #646464; background: url(/img/arrowRight.gif) no-repeat left !important}


/* ------------ Column2 Detail ----------------------------------------------------------------------------------------------------------*/
.Detail {}
.Detail_img {width: 251px; float: left; text-align: center}
.DetailVariImg {position:relative; top: 9px; width: 100%; padding-top: 18px; float: left; text-align: center; color:#ffffff; background: url(/img/BGbonuspictures.gif) no-repeat top left}
.DetailVariImg a:hover {text-decoration: none !important}
.DetailVariImg img {margin-bottom:9px; border-top: 1px solid #4494A8; border-left: 1px solid #4494A8; border-bottom: 1px solid #C50A16; border-right: 1px solid #C50A16}
.Detail_imgIn {width:268px}
.Detail_info {margin-left: 282px; font-size: 11px; font-weight: normal; color:#000000; background: url(/img/BGDetailInfo.gif) repeat-y;}
.Detail_info h2 a {margin-bottom: 15px; padding: 5px 8px 5px 9px; _height: 0px; display: block; font-size: 14px; font-weight: bold; color:#000000; background: url(/img/BGDetailInfoH2.gif) repeat-y  }
.Detail_info p {width: 250px; padding: 0 0 8px 10px}
.Detail_info p strong {width: 166px; float: right; color:#363636;}
.Detail_info p .warranty {width: 166px; float: right; color:#6A8D23;}
.SpaceDI {height: 8px}
.DI_marketPrice {text-decoration:line-through}
.DI_Ex1 {color: #6A8D23 !important}
.DI_Ex2 {font-size: 14px; color: #363636}
.DI_Ex3 {font-size: 14px; color: #C3000D !important}
.Detail_info p strong small {margin-left: 3px; font-size: 12px}
.Detail_info p strong .input_text {width: 20px; margin-right: 7px; padding: 3px 2px 3px 3px; text-align: center; font-weight: bold; color:#000000;border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4}
html>body .Detail_info p strong .input_text  {width: 28px/*Opera*/}
:root .Detail_info p strong .input_text {width: 20px/*Mozila*/}
.Box .freetext {padding-top: 2px; margin:10px 0 10px 0; width: 100%; _height: 0px; display: block }

.Detail_techParam {margin-top: 4px; margin-bottom: 5px}
.Detail_techParam b { margin-bottom:5px; padding-bottom:20px; font-size: 12px; color: #fff; background: url(/img/techParameters.gif) no-repeat bottom left; width:250px; display: block;}
.Detail_techParam p { width: 100%; margin-bottom: 2px; color:#646464}
.Detail_techParam p strong { width: 452px; padding-left: 5px; float: right; color:#363636}

.Detail_downloads {float: left; margin-top: 10px; margin-bottom: 8px ; _margin-bottom: 0px ;padding-top: 25px; width: 100%; color:#646464; font-weight:normal; background: url(/img/h2_productdownloads.gif) no-repeat top left}
.Detail_downloads b {display: none}
.Detail_downloads p {}
.Detail_downloads a {padding-left: 6px; color:#C3000D; font-weight:bold; background: url(/img/arrowRight.gif) no-repeat left}

.SendLink {float:left; margin-top:10px; margin-bottom: 17px; padding-left: 35px; padding-top: 6px;  height: 26px;  background: #F3F8FB url(/img/arrowUp.gif) no-repeat top; border-bottom: 2px solid #D1E5F0}
.SendLink a {padding-left: 7px;margin-right: 15px;color: #F3F8FB}

#h3_alternative {background: url(/img/h3_alternative.gif) no-repeat}
/*-------------tisk------------------*/
.page_detailpage .LogoPrint {}
.detailprintwiew .Detail_downloads {display:none}

/* ------------ Column2 Order ---------------------------------------------------------------------------------------------*/
.page_order h1 {background: url(/img/h1_order.gif) no-repeat}
.page_order h3 {padding-top: 20px; padding-bottom: 20px; color: #363636 /*5A5A5A*/}

/*.completepage {padding-bottom: 9px; background:url(/img/DECmyaccouttop.gif) repeat-x bottom} /*lajna pod nadpisem*/
.buttonContinuebuy {left: 45px} /*tlačítko "pokračovat v nákupu"*/

#h3_order {background: url(/img/h1_order.gif) no-repeat}
.Order {}
.Box thead td { background:#4092A6; font-weight: bold; color:#FAFAFA; padding:2px 7px 2px 2px; border-bottom: 2px solid #FFF}
.Order.Box tbody {background:#ECF4F9;border-bottom: 1px solid #FFF}
/*tbody .one {background:#D1E5F0;border-bottom: 1px solid #FFF} /*lichý řádek tabulky*/
/*tbody .two {background:#ECF4F9;border-bottom: 1px solid #FFF} /*sudý řádek tabulky*/
tbody .code {width: 64px; padding-left: 2px;color:#646464;}
.Order.Box tbody td {padding-right: 7px}
.name {width: 162px; padding-left: 2px; color:#646464;}
.name a {_height: 0px; display: block;color:#646464;}
.count {width: 95px; text-align: left; font-weight: bold; white-space:nowrap; color:#00000}
.count .input_text {width: 24px; margin-right: 3px; padding: 3px 2px 3px 2px; text-align: center; font-weight: bold; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4}
.Order.Box tbody .price {text-align: right}
.count .input_button {margin-right: 3px} 
/*tbody .price {width: 90px; text-align: right; color:#646464;}*/

.VatSum {background:#ECF4F9}
.VatSum thead {color:#363636; font-weight: bold}
.VatSum thead .left {padding-left:2px; width: 75px; text-align:left}
.VatSum tbody td {text-align: right}
.VatSum tbody .price {color:#646464}
.Suma {width: 534px; margin: -16px 0 15px 0; padding: 13px 15px 13px 8px; float: left; background: none}

.Suma p {width: 350px; float: right; text-align: right}
.Suma p b {margin-left: 5px; font-size: 18px; color: #C43100}
.Suma a {height: 24px; padding: 3px 0 3px 34px; display: block; text-decoration: underline; background: url(/img/DECsuma_a.gif) no-repeat}
.Suma a:hover {text-decoration: none}
/* ------------ Column2 Registrace ------------------------------------------------------------------------------------------------------*/
.h1_user_register { background: url(/img/h3_registrace.gif) no-repeat }
.h1_lostpass { background: url(/img/h2_lostpass.gif) no-repeat }
.h1_order_detail { background: url(/img/h1_order.gif) no-repeat }
.h1_commodity_detailsend { background: url(/img/h3_senddetail.gif) no-repeat }
.h1_advancesearch_category { background: url(/img/h3_searchingbyparameters.gif) no-repeat }
.h1_producers_listandcategory { background: url(/img/h3_searchingbyproducers.gif) no-repeat }
.h1_order_finish { background: url(/img/h1_order.gif) no-repeat }
#h2-news-reg { background: url(/img/h3_registraceNews.gif) no-repeat }
#h2-news-del {background: url(/img/h2_news_del.gif) no-repeat }

/*#h3_registrace {background: url(/img/h3_registrace.gif) no-repeat}*/
.TitleR {margin: 15px 0; font-weight: bold; color: #EC9920; border-bottom: 1px solid #E6E6E6}
.Reg_text {margin: 10px 0; text-align: center}
.DECreg {padding: 0 3px; color: #C43100}
.Registrace {}
.NameR {height: 31px; width: 80px; padding-right: 7px; text-align: right}
.InputR {width: 155px}
.InputR .input_text {width: 135px; margin-right: 7px; padding: 3px 2px 3px 6px; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0}

.registration h2 {position: relative; left: 0px; top: 14px; font-size: 12px; font-weight: bold; color: #5A5A5A !important}
.registration h2 div a {background: url(/img/BTempty.gif) no-repeat !important}

#h3_login {background: url(/img/h3_login.gif) no-repeat}
.LoginEx {width: 275px; margin: 15px auto; padding: 25px 50px 20px 0; background: #F5F5F5; border: 1px solid #E6E6E6}
.LoginEx label {margin-bottom: 8px; _height: 0px; display: block; text-align: right}
.LoginEx label .input_text {width: 135px; margin-right: 7px; padding: 3px 2px 3px 6px; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0}

/*.page_myaccount h1 { background: url(/img/h3_login.gif) no-repeat}*/
.h1_user_logininfo{ background: url(/img/h3_login.gif) no-repeat}
.page_myaccount .information {position:relative; top: 33px; ?top:43px;_top:11px; margin-bottom: 100px}
/*.page_myaccount .information.result { position:relative; top:33px}*/
.page_myaccount form {margin:0px !important; position:relative; top:45px; left:121px; _left:121px; padding-top: 4px; ?padding-top:18px;_padding-top:18px;width: 308px; height: 126px; color:#646464 ; background:url(/img/BGRegisterTitle.gif) no-repeat top left !important;} 
.page_myaccount form .information input {margin:0px;clear:both;position:relative; top: 80px; left:-67px; text-align:left}
.page_myaccount form .information table {margin-left: 0px !important; position:relative; left: -10px; _left:-10px; width:308px; height:98px}
.page_myaccount form .information table tbody {background:#D1E5F0 !important}
.page_myaccount form .information table tbody td .input_text {position:relative; top: 0px; left:0px; padding: 2px; width: 147px; height: 15px !important}
.page_myaccount form .information table tbody th { padding-left: 26px; ?padding-top: 0px !important;_padding-top: 0px !important; white-space:nowrap; text-align: left; font-weight: normal !important}
.page_myaccount form .information {position:relative; top:0px; margin:0; background: none !important; border: none !important}
.page_userdata .information.result { position:relative; top:0px !important}
/* ------------ Column3 -----------------------------------------------------------------------------------------------------------------*/
#column3 h2 {height: 33px; margin-bottom: 0px}/*ie*/
html>body #column3 h2 {height: 33px; margin-bottom: 13px }/*opera*/
:root #column3 h2 {height: 33px; margin-bottom: 0px}/*ff*/

#column3 .side_box {position:relative; top: 0px !important; margin: 0px}

#h2_topsale {height: 33px; color: #fff !important;background: url(/img/h2_topsale.gif) no-repeat}
.box_content.TopSale { padding: 4px 5px 8px 0px; _padding: 13px 5px 0px 0px; color:#01627A; font-weight:bold; background: #D1E5F0}
.box_content.TopSale li { padding-top: 5px; font-weight:normal !important}

#h2_action {background: url(/img/h2_action.gif) no-repeat}
#h2_related {background: url(/img/h2_related.gif) no-repeat}
.side_box.Offer {padding-right: 1px; margin-bottom: -14px !important} /*akční nabídka*/
.side_box.Offer div { width: 183px; _height:auto; padding: 15px 0 15px 7px; overflow:hidden; background: #EDF9FF; border-bottom: 1px solid #E6E6E6} 
.side_box.Offer div p {width: 96px; float:left}
.side_box.Offer div p a img { width: 84px; float:left; border: 1px solid #4092A6}
.side_box.Offer div .name { padding-left:0px; padding-top: 5px; padding-bottom: 4px; width: 76px; float: left; font-size: 11px; color:#000000 ;font-weight: bold; }
.side_box.Offer div strong { padding-left:0px; width: 76px; float: left; font-size: 11px; color: #C43100; }
.side_box.Offer div strong small {margin-left: 3px; font-size: 11px}

#h2_info {background: url(/img/h2_infobox.gif) no-repeat}
.side_box.Info {?margin-top:-14px !important;_margin-top:0;padding: 13px 5px 17px 15px; list-style-type: none; background:#D1E5F0;}
.Info li a {padding: 5px 0px 0px 11px; display: block; background: url(/img/arrowRight.gif) no-repeat 0px 10px}
/* ------------ Footer -----------------------------------------------------------------------------------------------------------------*/
#containerFooter a { width: auto; _height: 0px; display: block; float: left;; background:#ffff33 !important }
#containerFooter p {padding-top: 10px} 
.footertext {padding: 14px 30px 9px 30px; text-align: center;}

/******************************
 === CATEGORYBODY.catalogue ===
*******************************/
.commodityList .line {float: left; width:100%; margin-top: 5px; padding-bottom: 10px; clear: both;}
.commodityList .line.last {}
.commodityList .lineIn {float:left; width:100%;} 
.commodityList .Product {float:left; width:49%;}
.commodityList .Product .ProductIn {}
.commodityList .Product .Product_img {width:95px; float:left; text-align:center;}
.commodityList .Product .Product_img img {margin-bottom: 1px; border: 1px #4092A6 solid}
.commodityList .Product .Product_info {margin-left:96px;}
.commodityList .Product .Product_info .Product_name {padding: 0 0 7px 0; width: 160px;}
.commodityList .Product .Product_info .comName a { _height: 0px; display: block; width: 167px; font-size: 12px;  font-weight: bold}
.commodityList .Product .Product_info .Product_name .annotation {}
.commodityList .Product .Product_info div .input_check {margin-left: 3px}
.commodityList .Product .Product_info .compareBlock {float:right; padding-right:5px; padding-top:3px;}
.commodityList .Product .Product_info .code {display: none;}
.commodityList .Product .buyPriceLine {clear:both}
.commodityList .Product .priceLine { margin-left: 4px; _margin-left: 2px; float: left; font-size: 12px; color: #C43100; width:87px; border:solid 0px red;}
.commodityList .Product .priceLine strong {color: #C3000D; font-size: 14px; font-weight: bold;width:173px }
.commodityList .Product .priceLine small {font-size: 12px}
.commodityList .Product .priceLine .withoutVATLine {width: 257px}
.commodityList .Product .priceLine .withVATLine {float: left; background:#F3F8FB; margin-top:5px; height:31px; width:87px;}
.commodityList .Product .priceLine .withVATLine strong {margin:8px 0px 8px 8px; float: left;width: 76px;}
.commodityList .Product .buyLine {float:left; background:#D1E5F0; padding: 4px 4px ; margin-top:5px; width: 160px;}
.commodityList .Product .buyLine .input_text {width:18px; text-align: center; font-weight: bold; margin-right:3px; }

/* vice sloupcu
.commodityList .line {float: left; width:100%; background: url(/img/horDotted.gif) repeat-x bottom; margin-top: 1px; padding-bottom: 7px;}
.commodityList .lineIn {float:left; width:100%; background: url(/img/verDotted.gif) repeat-y 276px;} 
.commodityList .Product .ProductIn {}
.commodityList .Product {float:left; width:277px;}
.commodityList .Product .Product_img {width: 118px; float: left; text-align: center}
.commodityList .Product .Product_info {margin-left: 118px; padding-right: 8px}
.commodityList .Product .Product_info .comName a {padding: 6px 0 4px 0; display: block; font-size: 12px}
*/
.commodity_list{border-collapse:collapse; border: solid 1px black;}
.commodity_list thead{background-color: orange;}
.commodity_list td{border-collapse:collapse; border: solid 1px black; padding: 2px;}
.line1{background-color:#f0f0f0;}
.line2{background-color:#fce7be;}
/*
.Product {margin-top: 9px; clear:left; padding-bottom: 9px; background: url(/img/horDotted.gif) repeat-x bottom}
.ProductIn {background: url(/img/BGnewsIn2.gif) repeat-y 136px}
.Product_img {width: 84px; float: left; text-align: center}
.Product .withVat { background:#33ff33}
.Product_info {margin-left: 137px; *margin-left: 135px}
.Product_name {padding: 0 0 5px 11px; background: url(/img/BGproduct_name.gif) repeat-y}
.Product_name .code {color:#000000}
.Product_name div {width: 65px; padding: 25px 7px 0 0; float: right; text-align: right; background: url(/img/BGproduct_name_div.gif) no-repeat 56px 16px}
.Product_name div .input_check {margin-left: 3px}
.Product_name h3 a {display: block; font-size: 12px; font-weight: bold; color:#000000}
.Product_name strong {font-size: 15px; color: #C43100;background:#F3F8FB}
.Product_name strong small {padding-left: 3px; font-size: 15px}
.Product_info ul {margin: 15px 0 0 0; padding: 0; list-style-type: none; color:#646464}
.Product_info ul li {padding: 2px 0 2px 21px; display: block; background: url(/img/BGproduct_info_li.gif) no-repeat 11px 7px}
*/
#basketHoverBox { display:none; position:absolute; z-index:100; width:300px; height:auto; background:#F3F3F3; padding:10px; border:3px solid #2A3B7A; }
#basketHoverBox div, 
#basketHoverBox p { color:#364C9D; }
#basketHoverBox .info { margin:auto; text-align:center; }
#basketHoverBox .item .name { font-weight:bold; margin:auto; text-align:center; width:250px; }
#basketHoverBox .item .count { display:inline; padding-left:5px; color:#364C9D; }
#basketHoverBox .item .price { margin:auto; width:250px; text-align:center; }
#basketHoverBox .item .price { text-align:center; margin:auto; }
#basketHoverBox .item .price span { display:inline; padding:0 5px; }
#basketHoverBox a { text-decoration:underline; }
#basketHoverBox .showbasket { float:left; margin-top:5px; }
#basketHoverBox .closewindow { float:right; margin-top:5px; }

.PorovnejParam1{background-color:#f0f0f0;}
.PorovnejParam2{background-color:#fce7be;}
.compareDiv {background-color: White;}

.box_content.Compare { text-align:center; padding-top:11px; padding-bottom: 11px; background: url(/img/BGboxleftlineAction.gif) repeat-y;}
.box_content.Compare input { padding-top: 10px}
.box_content.Compare select { width:150px; margin:2px; }

/*.box_content.ParamSearch span { display:block; padding:2px; margin-top:4px; }
.box_content.ParamSearch select { width:170px; }
.box_content.ParamSearch select.state { width:40px; }
.box_content.ParamSearch input.input_text { width:120px; margin-left:5px; }
.box_content.ParamSearch input.input_submit { margin:5px 60px; }
*/
.box_content.ParamSearch { width: 188px; padding: 9px 10px 11px 20px; background:url(/img/BGboxleftlineTop.gif) repeat-y}
.box_content.ParamSearch .input_submit {position:relative; left:65px}
.box_content.ParamSearch .param { clear:left}
.box_content.ParamSearch .param span { _height: 0px; display:block; }
.box_content.ParamSearch .param select { margin-right:5px; }
.box_content.ParamSearch .param select { width:70px; }
.box_content.ParamSearch .param input { width:50px; margin-right:5px; }
.box_content.ParamSearch .param select.onlyselect { width:135px; }
.box_content.ParamSearch .param .unit { letter-spacing:-1px; display:inline; margin:0; overflow:hidden; }

.actual{font-weight:normal; padding-left:2px; padding-right: 2px;}

.subcategories { margin-bottom:15px; }
.subcategories ul {margin: 5px 0; list-style-type: none;}
.subcategories ul li { float:left; margin-right:10px; margin-left:15px; padding-left:15px; background: url(/img/DECcategories_a.gif) no-repeat left center}

tr.state_0 td { background:#eeffee; }
tr.state_1 td { background:#ffeeee; }
tr.state_2 td { background:#ffcc00; }
tr.state_3 td { background:#66cccc; }
tr.state_4 td { background:#eeeeee; }

/*------------- Anketa ----------------*/
.box_content.Inquiry { padding:10px 5px 24px 10px; width: 198px; float: left;background: url(/img/BGpayments.gif) repeat-y; }
.box_content.Inquiry .question { margin:2px; }
.box_content.Inquiry b {float: right; color: #67696C}
.box_content.Inquiry .answer { color: #646464; cursor:pointer; font-weight:bold; }
.box_content.Inquiry .answer:Hover { text-decoration:underline; }
.box_content.Inquiry div {margin-bottom: 11px; padding: 1px; font-size: 1px; background: #fff; border: 1px solid #4092A6 }
.box_content.Inquiry div p { height: 6px; background: #C3000D }

.box_content.RecommendUs { padding:10px 5px 24px 10px; height: 65px; background:#EDF9FF /*background: url(/img/BGpayments.gif) repeat-y*/}
.box_content.RecommendUs input.input_text { width:145px; margin-right:10px; }
.box_content.RecommendUs div.part { margin-bottom:5px; float:left}

.box_content.TextAdvertise { padding:10px 5px 24px 10px; background: url(/img/BGpayments.gif) repeat-y;}
.box_content.TextAdvertise a { padding-left: 10px; font-weight: bold; color: #C3000D; background:url(/img/arrowRight.gif) no-repeat left !important}
.box_content.TextAdvertise p { font-weight: bold; color: #000}
/* ------------- box s osobnimi udaji ----------- */
.userdatabox { width:100%;}
.userdatabox caption {font-weight:bold;text-align:left;padding-left:10px; margin-bottom: 14px; margin-top: 7px; color: #363636;}
.userdatabox th {text-align:left;padding-left:10px;width: 90px;}
.userdatabox input {width:10em}

/* ------------- REGISTRACE ------------- */
.userdata {clear:both}
.userdata table {margin-top:10px}
.userdata table tr{padding: 2px;}
.userdata table td {height: 30px; _height: 26px; background: #ECF4F9; border-bottom: 1px solid #fff}
.userdata table th {height: 30px; _height: 26px; background: #ECF4F9; border-bottom: 1px solid #fff}
.userdata table label {padding-left: 5px}
.userdata h4 {font-size: 12px; text-align:left;padding-left:10px;color:#000}
.userdata th {text-align:left;padding-left:5px;}
.userdata td {padding-right:5px}
.registration .input_text.sDeliveryCity {width:10em}
.registration .input_text.sDeliveryZipCode {width:3.5em}
.nopadd {background: #d1e5f0 !important}
.requiredText {margin: 10px 0 10px 10px}

.deliveryAddress { width:27.5em}
.deliveryAddress textarea {width:30em;height:15em;}

.registration .input_text.sCity {width:10em}
.registration .input_text.sZipCode {width:3.5em}
.registration .input_text.nBankCode {width:3.5em}
.registration .input_text.sBankAccount {width:11.3em}

#bulkinsertitems { margin:auto; width:300px; text-align:center; }
#bulkinsertitems .item { margin:2px;}
#bulkinsertitems .item span { _height: 0px; display:block; float:left; width:30px; text-align:right; }

/*  vyskakovaci okno s obrazkem */
body.fotoWin table { margin:auto; height:100%; }
body.fotoWin table td { text-align:center; vertical-align:middle; }
body.fotoWin table td img { border:1px solid black; }
body.fotoWin table td div { color:#333;background:#E4E8E9;padding:2px;text-align:right;letter-spacing:-1px;font-size:10px; }
.cat_nodata{
	clear:both;
	background-color: #DCDCDC;
	border: solid 1px #A9A9A9;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
}


/* prehled obejdnavek  */
/*
.ordertbl {width:100%;margin-top:10px}
.ordertbl caption {margin-top:20px;font-weight:bold}
.ordertbl thead, tfoot {background: #EDF9FF;color: #646464; }
.ordertbl thead {border-top:1px solid #D1E5F0; border-left:1px solid #D1E5F0; border-right:1px solid #D1E5F0 !important}
.ordertbl tfoot {font-weight: bold; font-size: 1.3em; border-bottom:1px solid #D1E5F0; border-left:1px solid #D1E5F0; border-right:1px solid #D1E5F0 !important}

table.state_table { width:200px; margin:0; }
*/
.h1_commoditylist_advanced {background: url(/img/h1_advancedsearchresult.gif) no-repeat}
.h1_advancedsearch_parameters {background: url(/img/h3_searchingbyparameters.gif) no-repeat}
.ParameterSearch { margin:10px auto; width: 450px; }
.ParameterSearch .param { clear:left; margin-top:5px;}
.ParameterSearch .param .name { width:100px; _height: 0px; display:block; float:left; }
.ParameterSearch .param select { margin-right:5px; }
.ParameterSearch .param select { width:100px; }
.ParameterSearch .param input { width:100px; margin-right:5px; }
.ParameterSearch .param select.onlyselect { width:215px; }

/* filter */
.displayPaging { float: left; margin-top: -5px; margin-bottom:0; padding:9px 0; width:551px; background: #E1EEF5; border-top: #F3F8FB 5px solid; border-bottom: #F3F8FB 5px solid}
.displayPaging .pager {float:right; padding-top: 2px; margin-right:10px;} 
.displayPaging .pager .noactual {font-weight: normal} 
.displayPaging .pager .actual {font-weight: bold}
.displayPaging .orderSelect { float:left; padding-left:10px; margin-bottom: 5px; font-weight: bold} 
.displayPaging .orderSelect select {margin-left: 1px; width:100px; margin-right:6px;}
.displayPaging .producerSelect {padding: 9px 10px 9px 10px; width:531px; float:left; background: #E1EEF5; border-top: #fff 5px solid}
.listorcat { display: none; padding-left:6px; padding-bottom:10px; width: 545px; float:left}
.listorcat input {}
.listorcat label { padding-left: 5px; float:left}
.page_producer .listorcat { position:relative; top:-30px; padding-left:6px; padding-bottom:10px; width: 545px; float:left}
.page_producer .listorcat input {margin-right: 40px}
.page_producer .listorcat label {position:relative; top: -18px; left: 20px; margin-right: 25px; padding-left: 5px; float:left}
.radioFilter {position:relative; top: 4px;  padding-left:12px; padding-bottom: 12px; _padding-bottom:11px; width:394px; float:left; _height: 0px; display:block; border-bottom: #F3F8FB 5px solid}
.postfilter {padding-bottom: 11px; padding-right: 11px; float:left; text-align:right; border-bottom: #F3F8FB 5px solid}

/*tisk*/
.orderPrint {width: 601px}
.mainorderprint {background: #fff !important}

/********************************
 === USER.ExecutedOrdersList ===
********************************/
.page_executedorder h1 {color:#ffffff;}
.h1_user_executed_orderlist{background: url(/img/h1_objednavky.gif) no-repeat }
.h1_user_executed_orderdetail {background: url(/img/h1_objednavky.gif) no-repeat }
.h1_user_noexecuted_orderlist {background: url(/img/h1_objednavky.gif) no-repeat }
.data_sorting {float: left; background:#f5f5f5; border:1px solid #e6e6e6; width:98%; padding:5px;margin: 10px auto 0 auto;}
.data_sorting .byDateType {margin-top:15px }
.data_sorting .byId {float:left; margin-top:5px; margin-right:3px; padding-bottom:2px; padding-top:2px }
.data_sorting .byId input {padding-top:1px; margin-right:23px; _margin-right:22px}
.data_sorting .byId .inputIMG {position: relative; top:-1px;}
.data_sorting .unexecuteditems {float: left; margin-right:3px; margin-top:7px;_margin-top:9px;}
.data_sorting .unexecutedorders {float: left; margin-right:3px; margin-top:7px;_margin-top:9px;}
.data_sorting .input_text {width:6em; text-align: center; font-weight: bold; margin-right:5px; padding:3px }
.data_sorting caption {display:none}
.data_sorting table {width:100%;text-align:left;margin:5px auto 5px auto;}
.ordertbl {width:100%; margin-top:10px;}
/*.ordertbl .input_text {width:6em;padding:3px 2px 3px 6px; color:#5E5E5E; font-weight: bold; }*/
.ordertbl caption {margin-top:20px;font-weight:bold}
.ordertbl td {padding:3px; border-top:1px #CFD0C7 solid}
.ordertbl thead { color:#ffffff; white-space: nowrap;}
.ordertbl thead td {background:#898989;}
.ordertbl thead td.Code {color: #ffffff; font-weight: normal;}
.ordertbl thead td.Unit {text-align: right;}
.ordertbl thead td.Amount {text-align: right;}
.ordertbl thead td.DPH {text-align: right; white-space: nowrap;}
.ordertbl thead td.WDPH {text-align: right;}
.ordertbl thead td.SumaDPH {text-align: right;}
.ordertbl thead td.SumaWDPH {text-align: right;}
.ordertbl thead td.SumaWTDPH {text-align: right;}
.ordertbl tbody td {height:25px; _height:25px;} 
.ordertbl tbody td.Price {text-align: right;}
.ordertbl thead {border-bottom:2px solid #cccccc}
.ordertbl tfoot {font-weight:bold; background:#898989; color:#ffffff;}
.execute {width: 340px;}

.vatSum {width:100%;}
.vatSum td {padding:3px; border-top:1px #DEE0D5 solid; text-align: right; background:#DFEBDD}
.vatSum thead { color:#ffffff; white-space: nowrap;}
.vatSum thead td {background:#898989;}
.vatSum td.RateName {text-align: left;}
.vatSum td.SumaRow {text-align: right; padding:5px; background:#898989; color:#ffffff;}
.vatSum td.SumaRow small {font-weight: bold; display: none;}

.state_table {margin-top:5px; width:120px; margin:10px 0 0}
.state_table td {padding-left: 10px; padding-right: 10px;}
tr.state_0 td { background:#CFFECF; }
tr.state_1 td { background:#EED2B4; }
tr.state_2 td { background:#ffffcc; }
tr.state_3 td { background:#FFE5E0; }
tr.state_4 td { background:#CCCCCC; }

.orderDetail {margin-top:10px;}
.orderDetail .orderDetailItem {margin-top:3px; margin-left:10px; white-space: nowrap;}
.orderDetail .orderDetailItem span.title {}
.orderDetail .orderDetailItem span.value {font-weight: bold;}

IFRAME#eshopsbar { border:0; width:100%; height:30px;}

.partnerLink          { padding:10px 0 0 0; text-align: center; }
