body {
	margin-top:20px;
	margin-bottom:0px;	
	padding:0px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 80%;
	background: #3d5661 url(../background.gif);
	background-attachment : fixed;
}
td {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size:10pt;}
p {padding:0px; margin: 0px; margin-bottom:1px;}

a {	color: #0096e5; text-decoration:none; font-weight: normal;}
a:hover { color: #0096e5; text-decoration: underline;}


table { 
width:100%; 

} 
td { 
color:#0096e5;
padding:.3em .3em; 
} 

h1 {color:#219c1f; font-size: 12pt; margin:0; padding:0;}
h2 {color:#219c1f; font-size: 11pt; margin:0; padding:0;}
h3 {color:#219c1f; margin:0; padding:0; }
h4 {color:#219c1f; margin:0; padding:0; }
.noscreen {display:none}

#masterdiv {margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; width:1028px; background: url("../main-background.gif") repeat-y;}

/*DIV main*/
#main {width:1028px; margin-left:0px; margin-right:0px; margin-top:0px; bottom:0px; position:relative;}

#adresa {width:1028px; height: 41px; line-height: 41px;  background: url("../top-row.jpg") no-repeat;}
#adresa span {padding-left: 40px; color:#ff4200; font-size:16px; font-weight: bold;}

#hlavicka {width:1028px; height: 177px; position: relative;  background: url("../top-background.jpg") no-repeat; padding-bottom: 0px;}

/* Logotyp */
#logo {padding-top:0px; padding-left:50px; color: #fff; position:absolute;}
#logo h1 {margin:0; padding:0; position:relative; width:184px; height:177px; overflow:hidden; font-size:120%; color: #fff;}
#logo h1 a {color: #fff;}
#logo h1 a span {display:block; margin:0; padding:0; left:0; top:0; width:184px; height:177px; background:url("../logo.jpg") 0 0 no-repeat; cursor:hand; color: #fff;}

/* Phone number*/
#slogan {padding-top:1px; padding-left:65px; position:absolute;}
#slogan h3 {margin:0; padding:0; position:relative; width:156px; font-size:25px; color: #ffd014; line-height: 27px; overflow: hidden; background:url("../number.jpg") 0 0 no-repeat;  }
#slogan h3 a {color: #fff;}
#slogan h3 span {margin:0; padding:0; width:156px; font-size:25px; left:0; top:0; color: #ffd014; line-height: 27px; display:block;  cursor:hand; background:url("../number.jpg") 0 0 no-repeat; }

#hlavni {width:1028px; background: url("../main-background.gif") repeat-y;  margin: 0px; }
#hlavni-in {padding: 0px 14px 0px 14px;}

#horni-menu {width:1000px; height:88px; background: #f5f6f7 url("../menu-top-back.gif") 0 100% no-repeat;}
.navigace {padding-left: 45px; margin-top: 5px; font-size: 11px;}
.navigace a {font-size: 11px; color:#055ba3;}
.navigace a:hover {font-size: 11px; color:#055ba3;}

.menu-top {height:42px; margin-top: 0px; background: url("../menu-back.gif") no-repeat;}
.menu-top ul {margin:0; padding-top:0px; list-style:none; padding-left: 35px;}
.menu-top ul li {margin:0px; padding:0px; line-height: 40px; color:#68be01; width:183px; display:inline;}
.menu-top ul li a { margin-top: 0px; display:block; color:#fff; text-decoration: none; font-size:14px; background: url("../zalozka.gif") no-repeat; width:183px; height: 40px; float: left; margin:0px 1px; text-align: center; font-weight:bold;}
.menu-top ul li a:hover { text-decoration: underline; color:#fff; display:block; background: url("../zalozka-on.gif") no-repeat; font-weight:bold;}
.menu-top ul li a span {  font-size:12px;}

.menu-top2 {height:25px; margin-top: -2px; background: url("../menu-back.gif") no-repeat; clear: both;}
.menu-top2 ul {margin:0; padding-top:0px; list-style:none; padding-left: 229px;}
.menu-top2 ul li {margin:0px; padding:0px; line-height: 25px; color:#68be01; width:80px; display:inline;}
.menu-top2 ul li a { margin-top: 0px; display:block; color:#fff; text-decoration: none; font-size:12px; background: url("../menu-uroven2.gif") no-repeat; width:82px; height: 25px; float: left; margin:0px 1px; text-align: center; font-weight:bold;}
.menu-top2 ul li a:hover { text-decoration: underline; color:#fff; display:block; background: url("../menu-uroven2on.gif") no-repeat; font-weight:bold;}
.menu-top2 ul li a span {  font-size:12px;}


#obsah {width:1000px; clear: both; margin-top: 15px;}

.hlavni-leva {padding: 0px; float: right; width: 214px;}

.menu-leve {padding-right: 7px; width: 207px; padding-top:0px; margin-top: 0px;}
.menu-leve h2 {font-size: 18px; color:#219c1f; padding-top:0px; margin-top: 0px;}
.menu-leve h3 {font-size: 16px; color:#fb7725; padding-top:0px; margin-top: 0px;}
.menu-leve h4 {font-size: 15px; color:#28aff6; padding:5px 0px 0px 8px; margin-top: 0px;}


.menu-leve-top {padding: 0px 0px 0px 0px; margin-top: 1px; width: 207px; height: 42px; background: url("../menu-leve-top.gif") no-repeat;}
.menu-leve-top h4 {font-size: 12px; font-weight: bold; color:#fff; padding-left: 15px; padding-top: 8px; }


.menu-leve-cell {margin: 0px; padding: 0px;}
.menu-leve-cell ul {margin:0; padding:0px; list-style:none;}
.menu-leve-cell ul li {margin:0px; padding:0px; line-height: 30px; color:#000; width:207px;}
.menu-leve-cell ul li a { display:block; color:#000; text-decoration: none; font-size:12px; background: url("../menu-leve-cell.gif") no-repeat; height: 30px; margin:0px; padding-left: 15px; text-align: left; font-weight: bold;}
.menu-leve-cell ul li a:hover { text-decoration: underline; color:#000; display:block; background: url("../menu-leve-cell-on.gif") no-repeat; font-weight: bold; padding-left: 18px;}


.menu-leve-bottom {padding: 0px; width: 207px; height: 21px; background: url("../menu-leve-bottom.gif") no-repeat;}

.hlavni-prava { float: left; width: 786px;}
.hlavni-clear {clear: both;}


.text {padding: 0px 10px 10px 10px; color: #000; line-height: 20px; font-size: 10pt; margin-bottom: 20px; margin-left: 10px; margin-right: 20px;}
.text h1 {color: #219c1f; font-size:14pt;margin: 5px 0px 5px 0px;}
.text h2 {color: #0090e3; font-size:17pt; margin-bottom: 10px; margin-left: 0px; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif; line-height: 25px;}
.text h3 {font-size: 16px; color:#fb7725; padding-top:10px; margin-top: 10px;}
.text h4 {color: #219c1f1; font-size:12pt; margin: 0px; padding: 10px 0 10px 0;}
.text .img-right {padding: 1px; margin:0px 0px 10px 20px; border: 8px solid;  border-color: #f4f4f4; float: right; }
.text .img-css {padding: 1px; margin:0px 0px 10px 10px; border: 8px solid;  border-color: #f4f4f4;	}
.text .img-middle {padding: 1px; margin:0px 0px 10px 10px; border: 8px solid;  border-color: #f4f4f4; align: center;}
.text img {padding: 1px;}
.text p {padding: 5px 0px;}
.text img a {z-index: auto; background:url("../plus.gif");}
.text img a:hover {background:url("../plus.gif") top left no-repeat;}
.text-box { margin: 15px 10px 15px 0px; padding: 10px 10px 10px 10px; background: url("../prechod.gif") repeat-x; border: 1px solid;  border-color: #69A9FF;}
.text a { text-decoration:underline;}
.text a:hover { text-decoration:underline;}

.text ul {margin-left:0px; padding:0px 0px 5px 20px; list-style:none;}
.text ul li {margin:0px; padding-left: 15px; line-height: 22px; color:#000;  background: url("../bod.gif") 0 8px no-repeat; }

.productindex h3 {color: #006ebb; text-align: left; font-size:14px; margin: 0px; line-height: 16px;}
.productindex h3 a {color: #006ebb; text-align: left; font-size:16px; font-weight: bold; margin: 0px; line-height: 16px; text-decoration:none;}
.productindex h3 a:hover {color: #006ebb; text-align: left; font-size:16px; margin: 0px; line-height: 16px;}
.productindex {margin: 10px; padding-left: 20px;}
.productindex ul {margin-top:0px; padding-top: 20px;}
.productindex ul li {margin:0px; padding:0px;}


.terms {font-size:11px; margin: 0px; line-height: 14px;}

.tab-text { font-size: 11px; line-height: 12pt;}

.ramecek { text-align: center; padding-top: 5px;}
.heading-top { font-size: 11px; background: url("../heading-top.gif") no-repeat; widht: 732px; height: 17px;}
.heading-middle { text-align: left; font-weight: bold; padding: 0px 10px ; font-size: 11px; line-height: 12pt; background: url("../heading-middle.gif") repeat-y;}
.heading-bottom { font-size: 11px; background: url("../heading-bottom.gif") no-repeat; widht: 732px; height: 17px;}

.ramecek-product { text-align: center; padding-top: 5px; margin-bottom: 10px; clear: both;}
.heading-product-top { font-size: 12px; background: url("../heading-product-top.gif") no-repeat; widht: 732px; height: 17px;}
.heading-product-middle { text-align: left; padding: 0px 10px ; font-size: 12pt; background: url("../heading-product-middle.gif") repeat-y;}
.heading-product-bottom { font-size: 12px; background: url("../heading-product-bottom.gif") no-repeat; widht: 732px; height: 17px;}
.heading-product-middle-in { text-align: justify; padding: 0px 10px 0px 10px; font-size:12px; line-height: 20px;}
.hvezdicka {color:#ff4200; font-size:25px; line-height: 20px;float: left;}

.product-middle-leva { float: left; width: 310px;}
.product-middle-prava { float: right; width: 370px; text-align: left;}
.product-middle-clear { celar: both;}

.heading-product-middle-in img { float: left; padding: 10px 20px 10px 5px;}
.heading-product-middle-in p { padding: 10px;}

.equipment-left { float: left; width: 360px;}
.equipment-right { float: right; width: 360px;}

.equipment { padding-top: 10px; widht: 352px;}
.equipment-top { font-size: 11px; background: url("../equipment-top.gif") no-repeat; widht: 352px; height: 14px;}
.equipment-middle { padding: 0px ; background: url("../equipment-middle.gif") repeat-y; width: 352px; height: 290px;}
.equipment-middle-in { text-align: left; padding: 0px 10px ; font-size: 11px; line-height: 14px;}
.equipment-middle-in img { float: left; padding: 5px 10px;}
.equipment-middle-in p { padding: 0px;}
.equipment-middle-in a { color: red; text-decoration: underline; font-weight: bold; }
.equipment-middle-in a:hover { color: red; text-decoration: none;}
.equipment-bottom { font-size: 11px; background: url("../equipment-bottom.gif") no-repeat; widht: 352px; height: 14px;}
#new { position: relative; right: 0px; top: -5px;}
.new { position: absolute; right: 20px; top: 0px;}

.equipment-middle-in h3 { text-align: left; padding: 5px 10px 5px 0px ;font-size: 16px; color:#fb7725; margin-top: 0px;}

.equipment-clear { clear: both;}

.tab {padding:5px 0px;}
.tab dl {margin:0; font-size:100%; color:#000;}
.tab dl dt {float:left; width:100px; padding:5px 5px; border-bottom:1px solid #fff; background-color: #eefafe;}
.tab dl dd {float:left; width:400px; margin-left:0; padding:5px 5px; border-bottom:1px solid #fff; border-left:1px solid #fff; background-color: #eefafe;}

.tab-veda {padding:5px 0px;}
.tab-veda dl {margin:0; font-size:100%; color:#000;}
.tab-veda .bila {color:#000; background-color: #fff;}
.tab-veda dl dt {float:left; width: 100px; padding:5px 5px; border-bottom:1px solid #ddd; background-color: #eefafe; color: #3cb7a7;}
.tab-veda dl dd {float:left; margin-left:0; padding:5px 5px; border-bottom:1px solid #ddd; overflow: hidden;}

.img_top {text-align: right; padding-left: 200px; clear: both;}

form fieldset { border: 0px none; margin: 0; padding: 0; }
.form { background: #F4F4F4; padding: 10px 10px 10px 10px; margin: 0; border: 1px solid #CECECE; }
fieldset.vzkaz {  height: auto; margin: 0 0 20px 0; float: right; border: 0px none; padding: 0; }
.vzkaz textarea { border: 1px solid #BEBEBE; margin: 0; padding:0; width: 385px; height: 148px; }
fieldset.levy { margin: 0; padding: 0; float: left; height: 170px;}
.levy input { margin: 0; font-size: 12px; padding: 3px; width: 140px; border: 1px solid #BEBEBE; }
form h4 { font-family: Arial; font-size: 12px; margin: 5px 0px 0px 0px; padding: 0; font-weight: normal; }
.odeslat { text-align: right; margin: 0 0 0 0; clear: both; padding: 0px;}

.xl27 {background-color: #eeeeee; border-left: 1px solid #fff; font-size: 11px;}
.xl28 {background-color: #eeeeee; border-left: 1px solid #fff;}
.xl29 {background-color: #f4f4f4; border-left: 1px solid #fff;}
.xl30 {background-color: #0090e3; border-left: 1px solid #fff; font-size: 12px; color: #fff; text-align:center;}
.xl31 {background-color: #eeeeee; border-left: 1px solid #fff; font-size: 11px;}
.xl35 {background-color: #eeeeee; border-left: 1px solid #fff; font-size: 11px;}
.x50 {background-color: transparent; border-left: 1px solid #fff; font-size: 11px;}
.x51 {background-color: #eeeeee; border-left: 1px solid #fff; font-size: 11px;}
.x60 {color: #fb7725; font-size: 12px; text-align:center;}
.x70 {background-color: transparent; border-left: 1px solid #fff;}


.patka1 {width:1028px; height: 18px; clear: both; padding: 0px; background: url("../patka.gif") no-repeat;}

form fieldset { border: 1px solid #BEBEBE;  margin:14px 0; padding: 0; }
.vystredit {text-align: center;}
legend {color:#FF3232; border:1px solid #ddd; font-weight:bold; padding:0px 5px 0px 10px; margin-left: 10px;}

textarea.objednavka {
	border : 1px solid #0750D9;
	color: #0750D9;
	background-color: #ffffff;	
}

input.objednavka {
	border : 1px solid #aaa;
	color: #0750D9;	
	background-color: #ffffff;	
}

.akce { height: 84px; clear: both; padding: 0px;  background: url(../akce.gif) no-repeat; margin-left: 10px;}
.akcetext { padding-left: 16px;padding-top: 10px; color: #219c1f; clear: both; }
.akcetext h1 {font-size: 20px; line-height: 30px; font-weight: normal;}

.copy {height: 60px; margin-bottom: 10px; margin-left:auto; margin-right:auto; width:1000px; background: #cdd3d6 url("../copy.gif") repeat-y; border : 1px solid #0083de;}
.copy-in {color: #fff; background: #cdd3d6 url("../copy.gif") repeat-y;}
.copy-in-l {float: left; padding: 15px;}
.copy-in-r {float: right; padding: 20px; font-size: 12px; color: red; }
.copy-in-r a {color: #02323e; font-weight: normal;}
.copy-in-r a:hover {color: #02323e; text-decoration: underline;}