* {margin:0; padding:0;}
html,body {height:100%}
html,body {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
body {margin:0; padding:0;}
form {padding:0; margin:0;}
h1 {font-size:14px; font-weight:bold; margin:0; padding:0; margin:0 15px 10px 20px; padding-left: 0px; height: 30px; line-height: 30px; border-bottom: 1px solid #919191}
h2 {font-size:14px; font-weight:bold; margin:0; padding:0;}
h3 {font-size:12px; font-weight:bold; margin: 0 0 5px 0}
h4 {font-size:11px; font-weight:bold; margin:8px 0 0 0;}
h5 {font-size:12px; font-weight:bold; margin: 0 0 10px 0; padding-left: 14px;  background:url('../images/h5.gif') 0 4px no-repeat; }
h6 {font-size:11px; font-weight:bold; margin:8px 0 10px 0;}
h6 a {text-decoration: underline}
h6 a:hover {text-decoration: none}
p {margin:0px;}
input,textarea,select {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; background:white; padding: 3px;}
ul,ol,li {margin:0px; padding:0px;}
a {font-size:11px; text-decoration:none;}
a:hover {text-decoration:underline;}
table {border-collapse:collapse;}
a img {border:0;}
.cleaner {position:relative; clear:both; height:1px; font-size:1px; background: none;}
.container {position: relative; width:769px; margin: 0px auto 0px auto; }
.container img {border: 1px #162A5C solid;}
.container .smallbox p.det {padding: 0 0 15px 40px;}
.container .smallbox p.det a {color: #000;}
.smallbox {margin-bottom: 10px; padding-bottom: 5px}
.container .underbox {margin-bottom: 10px; padding: 0px 15px 0 20px; }
#pagcont {height: auto;	min-height: 100%;	position:relative;width:100%;}
#matr {	width: 100%;	position: absolute;	bottom: 0;	left: 0;	height: 22px; }
#hlavni {	padding-bottom: 32px;}
/*#topcontainer { background:url('../images/top-bg.png') 0 0 repeat-x;}*/
#header {position: relative; width:768px; margin:0px; background:white}
#middlestrip {width:100%; height: 20px; background: none}
#content {position: relative; width:768px; margin:0px; }
#leftpanel {position: relative; float: left; width:240px; margin:0px;}
#leftpanel .friends {text-align: center;position:relative; left:10px; %left:0}
#leftpanel .friends img {border:0; }
#leftpanel .friends_dev {width:220px;height:20px;border-top:1px solid #CBCBCB; margin-top: 20px;clear:both}
#leftpanel .friends_img {width:110px;float:left;margin:0 0 10px 0; font-weight: bold; font-size:11px}
#centerpanel {position: relative; float: right; width:527px; min-height:450px; margin:0px; }
#rightpanel {position: relative; float: right; width:0px;}
#rightpanel li {margin-left: 10px; clear: both;}
#footer {position: relative; width:768px; height:22px; margin:0;}
#centerpanel p {padding: 0;}
.logobar {position: relative; width:100%;}
.logobar a.logo {position: absolute; display: block; width:241px; height:171px; margin:auto 0 auto 0; }
.langbar {position: relative; width:180px; height:20px; bottom:2px; left:580px; text-align: right; }
.langbar a:hover {text-decoration: underline }
.currbar {width:100%; text-align: center; margin-top:5px}
.menubar {position: relative; width:768px; height:40px;left:0px}
.topmenu {position: absolute; left:-2px; top:3px; width:500px; height:17px; text-transform: lowercase;}
.topmenu ul {list-style: none;}
.topmenu li {height:30px; width: 100px;float: left; padding-left:2px; padding-right:1px; text-align: center}
.topmenu a {display: block; width:100%;height:24px; font-size:13px; padding-top:6px; font-weight: bold}
.topmenu a:hover {background: #5B6986}
.topmenu a.choosed {text-decoration: underline;background: #5B6986}
.search {position: absolute; right:5px; top:7px; width:150px;}
.search input {width:110px; font-size:10px; border:none;}
.search input.start {width:20px; font-size:14px; font-weight:bold; padding: 0px; background:none; margin-left:7px; cursor:pointer}
#header .newshead { display:none;}
.welcome {position: relative; font-size:14px; font-weight: bold; height:30px; top:10px;}
.botmenu {position: absolute; left:0px; top:5px; width:350px; height:15px; }
.botmenu ul {list-style: none;}
.botmenu li {height:15px; float: left; padding-left:10px; padding-right:10px; border-right:1px solid white;}
.botmenu a {font-size:11px; font-weight:normal; color:white; text-transform: lowercase; }
.botmenu a.choosed {text-decoration: underline}
.produkce {position: absolute; right:8px; top:0px; width:340px; text-align:right;	height:15px }
.produkce img {position: relative; top:4px; border:0}
.newshead, .newshead2, .newshead3 {position: relative; height:22px; padding-left:10px; padding-top:8px; font-size:12px; font-weight:bold; border-bottom: 1px solid #919191; font-size:14px}
.newshead2 {width: 217px; margin-left:10px; padding-left:0}
.underbox .newshead3 {padding: 6px 0 0 10px}
.newstop {position: relative; padding-left:15px; padding-right:15px;}
.maincont {margin:0 0 15px 0; line-height: 15px;}
.maincont div {margin:0px; padding:0px;}
.maincont p {margin:0px; margin-bottom:6px;}
.maincont ul {margin-left:30px;}
.maincont ol {margin-left:30px;}
.maincont .banner {text-align:center;}
.abtimg {position: relative; width:162px; height:130px; margin:0px 0 20px 30px; text-align: center;}
.abtimg img {border-right:1px solid silver; margin-bottom:6px;}
.navibar { text-align: right; padding-top: 5px; text-transform: lowercase; padding-right:15px; font-size:10px }
.navibar a { font-size:10px }
.orderbox {float:right; width:345px; text-align:right;}
.groupimg {float: left; margin: 5px 7px 10px 0px;}
.maincont .refback { float: right; margin: 5px 10px 20px 0}
.maincont .grpdesc {padding:0 20px 15px 20px;}
.maincont .about_img { text-align:center;width:183px;float:left;}
.maincont .newsimage { margin: 10px}
.maincont .newsimage_box {width:240px;height: 185px ;float:left;text-align: center}
.maincont .aboutimg {float:right; margin: 3px 0 10px 10px}
.maincont .overfrim {float:left; margin:0; width: 120px;}
.maincont .overfrtx {float:right; margin:0; width: 366px;}
.maincont .friendimg {float:left; margin: 3px 10px 10px 0px;border:0}
.page {position: relative; width: 520px; bottom: 0px; padding-bottom:20px; text-align: right;}
.page a {color:#4D4D4D;}
.pagecount { float: left; width: 200px; text-align: left; padding-left: 10px; }
.overpager .page { width: 490px; margin-top: 20px }
.imagebox { float:left; width: 220px; text-align: center;}
.imagebox p { text-align: left;}
.textbox { float:right; width: 537px;}
.textbox h3 { }
.textbox input {border: 1px solid silver; width: 30px; text-align: center}
.textbox form { margin-top: 10px}
.leftmenu {position: relative; padding-left:0px; padding-right:5px; margin-bottom:20px;width:227px; }
.leftmenu ul {margin: 0 0 0 11px;}
.leftmenu li{list-style:none; background:url('../images/li.gif') no-repeat 0px 4px;  font-size:15px; font-weight:bold; border-bottom:1px #CACACA solid; margin:10px 0 5px 0px; padding-left:18px; padding-bottom: 5px;}
.leftmenu li ul {margin-left:5px;}
.leftmenu li li{margin-top:7px; border:none; font-weight:normal; font-size:14px; padding-bottom: 0px;background:none}
.leftmenu a.choosed {font-weight: bold; text-decoration:underline;}
.leftmenu a {text-decoration:none; color:#5A6166;font-size:12px}
.leftmenu a:hover{text-decoration:underline;}
.newsbox p { text-align: left; margin: 10px 13px 10px 10px; }
p.more { margin-top:-5px;text-align:right;border-bottom: 1px solid #CACACA}
.table_down {width:100%; border: none; margin: 20px 0 20px 0}
.table_down th {margin:0px 2px 0px 0; padding-bottom:6px;text-align:left; background-color:white;}
.table_down th.htype {width:60px; text-align:center;}
.table_down th.hsize {width:90px; text-align:right;}
.table_down tr.bgtr {background-color: #EAEAEA;}
.table_down tr {background-color: #CCCCCC;}
.table_down td {padding:3px 4px 3px 4px; text-align:left;}
.table_down td.ftype {text-align:center;}
.table_down td.fsize {text-align:right;}
.downico {position: relative; margin-top:260px; height:120px; width:220px; }
.downicoit img {margin:10px 10px 10px 20px; border:0; float: left}
.downicoit span {position: relative; top:20px}
.downicoit a {text-decoration: none; font-weight: bold}
/* kontakty */
.underbox .conts { line-height: 18px; padding: 0 0 0 0px}
.conts img.map {padding:0; float:right; height:200px; width:240px }
.contitem { width: 240px; float: left; }
.persimg {float: left;}
.contleft {width:225px;float: left}
.contright {width:260px;float: right}
.contright_l {width:30px; float:left;}
.contright_p {width:230px; float:right}
.cont_pers {width: 250px; float:left; margin-bottom: 25px; line-height:18px}
.cont_firm {width:240px; float: left;}
.table_cont {position: relative; left:8px;margin:0; width:205px; border: none; color: #162A5C; font-weight: bold}
.table_cont td {padding: 3px; padding-bottom: 2px; text-align: left}
.table_cont input {width:209px; border:1px solid silver;}
.table_cont input.verify {width:60px; float:right; }
.table_cont input.submit {width:197px; font-weight: bold; cursor: pointer; float: right; margin:10px 0 15px 0;}
.table_cont textarea {width:209px; height:190px; border:1px solid silver;}
.table_cont img.code {width:135px; height:36px; float:left; border:1px solid #162A5C}
.table_cont1 {margin-top:10px; width:240px; border: none; float: left; }
.table_cont1 td {padding: 0px;}
.table_cont1 th {text-align: left; vertical-align: top}
.showmap { float: right; text-align: right; width: 220px; position: relative; top:5px; right:15px;}
.reftocont { position: relative; left:0px; top: -3px}
.messg {margin:15px 15px 10px 10px; color:red; line-height: 16px;}
.line, .lineshort  { clear: both; width: 495px;	height: 1px; font-size: 1px;}
.lineshort { margin-left:10px;width: 217px}
.customertable {border:none; line-height:13px; height:auto; margin-top:3px; margin-left:6px; width: 754px;}
.customertable td,th {border:none;}
.custdatatable {width:770px; }
.smalldesc {color:red; font-size:9px; }
.like_button { padding: 4px 10px; color: black; text-decoration: none; margin: 0 3px 0 3px;}
.like_button:hover {text-decoration: none; color: white}
.login { width:100%; height: 160px;}
.login .text { width:350px; float:left; text-align:right; margin-top:6px; margin-bottom:5px;}
.login input { margin:6px 0 5px 5px; width:160px; }
.formbutton {text-align:center;}
.formbutton input.logbut { %padding-left: 0}
.logbut { cursor:pointer;}
.error { width:100%; color:red; height:40px; text-align: center;}
.selectdeliv {border:1px solid silver; margin:0; padding:0}
.qty_inp{border:1px solid silver; margin:0;}
.closedshop { margin:100px auto 0 auto; width:100%; text-align: center; font-size:14px; font-weight: bold;}
.closedshop h1 { font-size: 22px;}
.closedshop p { font-size: 17px;}
.strike {text-decoration: line-through;}
ul.howlist {margin: 0 0 20px 20px}
.howlist a.active {font-weight: bold; text-decoration: underline }
.maincont .item {width:490px;margin-left:20px; margin-bottom:10px;}
.item .box_img {float: right;width:155px;text-align: right}
.item .box_txt {float: left;width:325px;}

 /* barvičky */
body {background:url('./webimg/bodybg-1003100646.png') top center repeat-y; color:#3E3D40;}
h2,h3,h4,input,textarea,select {color:#3E3D40;}
h1 {color:#DF0A3F;}
h2 {color:#DF0A3F;}
h3, h5 {color: #DF0A3F;}
h4 {color: #3E3D40;}
h6 {color: #DF0A3F;}
a {color:#DF0A3F;}
input {border: 1px solid silver}
#footer {background:#919191 ; border-top: 0px solid #FFFFFF; }
.leftmenu a, #leftpanel .friends_img , .welcome, .newshead, .newshead2, .newshead3 {color: #DF0A3F }
.leftmenu li, p.more {border-bottom:1px #CACACA solid;}
.bordtop {border-top:1px solid #CACACA}
.logobar {background:#FFFFFF; height: 171px}
.colortxt, .leftmenu {color:#DF0A3F; font-weight: bold;}
.menubar {background: url(./webimg/menubg-1003113413.png) top left repeat-x;}
.menubar a {color:#FFFFFF;}
.search input.start {color:#DF0A3F;}
.box { border: 1px solid #CACACA;}
.submit {background-color:#FFFFFF;}
.line, .lineshort  {background-color:#CACACA;}
.logbut, .like_button {background-color:#162A5C; border: 0px solid #CACACA; color: white}
.logbut:hover, .like_button:hover {background-color:#162A5C; color: white; text-decoration:underline }
.prestable th { color: #3E3D40; background-color: #FFFFFF }
.produkce {color:#FFFFFF;}
.produkce a {color:#FFFFFF;}
.maincont div.item {border-bottom: 1px solid #F0F0F0;}
.table_down th { border-bottom: 1px solid #CACACA; }
.taxa_result, .taxa_result_ok {text-align:center; font-weight: bold; line-height:20px; border:2px solid red; width:300px; background:#FFD9D9; color: red}
.taxa_result_ok {border:2px solid #008000; background:#D7FFD7; color:#008000 }
.taxa_fo {font-size:15px}
input.printcsv {color: #DF0A3F}
input.printcsv:hover {text-decoration:underline}

p.intro {font-size:15px; font-weight:bold; padding-top:29px;text-align: center;}
p.introdesc {padding-top:150px; text-align:center; font-size:12px;position:relative;z-index:1}
span.colo {color:#112252}
.introbox {margin: 75px auto; width:768px; height:533px; background: url('../images/backg-intro.png') no-repeat top left;}
.introbox a {color:#454545; font-weight: bold; position: relative;top:3px}
.introele, .introdes {margin-left:129px;width:255px;height:320px;margin-top:40px;float: left; background: url('../images/box-electro.png') no-repeat top left;}
.introdes {margin-left:0px; background: url('../images/box-design.png') no-repeat top left;}
.introim {float:left;padding:20px 0 0 35px;}
.introsip {margin:15px 0 0 10px; width:250px}
.introsip img {float: left;padding-right:6px}
.introstr {padding: 10px 0 0 35px}
.refele {display: block; position: absolute; width:240px; height:140px;float: left; z-index:100;}

.foldele, .folddes {float: left; width: 120px; padding:18px 0 0 14px; }
.foldele a, .folddes a {color:#454545; font-size:9px}
.folddes { padding:18px 0 0 0;}
.folddes a {font-weight: bold; text-decoration: underline}