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: #219c1f; text-decoration:none; font-weight: normal;}
a:hover { color: #219c1f; text-decoration: underline;}


table { 
width:100%; 

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

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.gif") no-repeat;}
#adresa span {padding-left: 20px;}

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

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

/* Phone number*/
#slogan {position:absolute; top:3px; left:80px}
#slogan h3 {margin:0; padding:0; position:relative; width:156px; font-size:25px; text-transform:uppercase; text-align: left; color: #ffd014; line-height: 27px; 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:68px; background: url("../menu-top-back.gif") 0 0 no-repeat;}
.navigace {padding-left: 45px; margin-top: 5px; font-size: 11px;}
.navigace a {font-size: 11px; color:#6bcfd9;}
.navigace a:hover {font-size: 11px; color:#6bcfd9;}

.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:12px; background: url("../zalozka.gif") no-repeat; width:183px; height: 40px; float: left; margin:0px 1px; text-align: center;}
.menu-top ul li a:hover { text-decoration: underline; color:#fff; display:block; background: url("../zalozka-on.gif") no-repeat;}


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

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

.menu-leve {padding-left: 7px; width: 207px; padding-top:0px; 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: right; 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: #f6710c; font-size:17pt; margin-bottom: 10px; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif; line-height: 25px;}
.text h3 {color: #0090e3; text-align: left; font-size:14px; margin: 0px 0px 0px 0px; line-height: 22px; text-transform: uppercase;}
.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 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; color: #f6710c;}
.text a:hover { text-decoration:underline; color: #f6710c;}

.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;}

.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; }

.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;}
.heading-product-top { font-size: 11px; background: url("../heading-product-top.gif") no-repeat; widht: 732px; height: 17px;}
.heading-product-middle { text-align: left; padding: 0px 10px ; font-size: 11px; line-height: 12pt; background: url("../heading-product-middle.gif") repeat-y;}
.heading-product-bottom { font-size: 11px; background: url("../heading-product-bottom.gif") no-repeat; widht: 732px; height: 17px;}
.heading-product-middle-in { text-align: justify; padding: 0px 10px ; font-size: 12px; line-height: 14px;}

.heading-product-middle-in img { float: left; padding: 10px 10px;}
.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: 280px;}
.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-top: 10px;}
.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 { color: #0d88d6; text-align: left; font-size: 14px;}

.equipment-clear { clear: both;}


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

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

.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;}

.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;	
}

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

.contact-button {width:207px; height: 42px; margin-top: 10px; margin-left: 7px; clear: both; padding: 0px; text-align: center; background: url("../button-contact1.gif") no-repeat;}

.contact-button a {width:207px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-weight: bold; display: block;}
.contact-button a:hover { color: #fff; font-weight: bold; text-decoration: underline; background: url("../button-contact.gif") no-repeat; width:207px; height: 42px; display: block;}

.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;}
.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;}
.copy-in-r a {color: #02323e; font-weight: normal;}
.copy-in-r a:hover {color: #02323e; text-decoration: underline;}