html, body{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #2B4954; text-align: center; background: #CCD6DF url(/img/back.jpg) repeat-x 0 0; margin: 0; padding: 0; }

a{ color: Red; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: 0; }
.clear{ clear: both; }
.no{ display: none; }

h1{ color: #E37E0A; background: transparent url(/img/nadpis.gif) no-repeat; font-size: 1.4em; padding: 0.2em 0 0.5em 30px; margin: 0; }
h2{ color: #E37E0A;  font-size: 1.2em; }
h3{ font-size: 1em; font-weight: bold; margin: .7em; }
table{ font-size: 1em; }
ul ul{ list-style-type: square; }

/*obrazky*/
.obr, .obr-left{ float: left; margin: 0px 10px 5px 0; display: inline; }
.obr2, .obr-right{ float: right; margin: 0px 0px 5px 10px; display: inline; }
.obr3, .obr-center{ float: none; margin: 0px auto 12px auto; display: block; }
.obr-text{ vertical-align: text-bottom; }

div#headstin, div#footstin{ margin: 0 auto; width: 726px; text-align: left; background-color: White; padding: 0 0 0px 10px; }

div#headstin2, div#footstin2{ padding: 0 10px 0 0; }
div#headstin{ margin-top: 14px; background: white url(/img/left.gif) no-repeat left top; }
/*html>body div#headstin{background: white url(/img/left.gif) no-repeat left 14px; }*/
div#headstin2{background: transparent url(/img/right.gif) no-repeat right top;   }
div#footstin{ background: white url(/img/footstin.jpg) repeat-y left bottom; }
div#footstin2{ background: white url(/img/footstin2.jpg) repeat-y right bottom; }


div#head{ background: transparent url(/img/top3.gif) no-repeat left top;}
div#head2{ background: transparent url(/img/top4.gif) no-repeat right top; padding: 1.3em 1.5em 0 4em; }
div#head2 p{ line-height: 1.5em; margin: 0; font-size: .90em; text-align: right; padding-bottom: 10px;}
div#head2 a{ padding-right: 22px; background: transparent url(/img/proodkaz.gif) no-repeat right; }

div#nav{ padding: 0 5px; margin: 0; }
div#nav span{ position: absolute; left: -10000px; }
div#nav a{ height: 72px; display: block; }
div#nav a#firma{ width: 116px; background: transparent url(/img/btn-firma.gif) no-repeat 0 0; }
div#nav a:hover#firma{background: transparent url(/img/btn-firma.gif) no-repeat -116px 0; }
div#nav a#produkty{ width: 119px; background: transparent url(/img/btn-prod.gif) no-repeat 0 0; }
div#nav a:hover#produkty{background: transparent url(/img/btn-prod.gif) no-repeat -119px 0; }
div#nav a#zarizeni{ width: 118px; background: transparent url(/img/btn-zar.gif) no-repeat 0 0; }
div#nav a:hover#zarizeni{background: transparent url(/img/btn-zar.gif) no-repeat -118px 0; }
div#nav a#kontakty{ width: 117px; background: transparent url(/img/btn-kontakty.gif) no-repeat 0 0; }
div#nav a:hover#kontakty{background: transparent url(/img/btn-kontakty.gif) no-repeat -117px 0; }
div#nav a#certifikaty{ width: 118px; background: transparent url(/img/btn-cer.gif) no-repeat 0 0; }
div#nav a:hover#certifikaty{background: transparent url(/img/btn-cer.gif) no-repeat -118px 0; }
div#nav a#servis{ width: 118px; background: transparent url(/img/btn-servis.gif) no-repeat 0 0; }
div#nav a:hover#servis{background: transparent url(/img/btn-servis.gif) no-repeat -118px 0; }

div#nav li { behavior: url(hover.htc); }
div#nav ul ul{ display: none;  position: absolute; top: 66px; width: 250px;  background-color: #C4D3E1; z-index: 1000; background-color: #C4D3E1; }
div#nav ul ul li{ float: none;  line-height: 2.5em; }
div#nav ul ul li a{ display: block; height: auto; padding: 0; width: 250px; color: #2B4954; border-bottom: 1px solid White; background: #C4D3E1 url(/img/sipka.gif) no-repeat 2em 50%; }
div#nav ul ul li a span{ position: static; padding: 0 0 0 3em;  }
div#nav li div{ position: relative; }
div#nav ul li:hover ul, div#nav ul li.hover ul{ display: block; }
div#nav ul#submenuprod{ width: 119px; }
div#nav ul, div#nav ul ul{ margin: 0; padding: 0; list-style-type: none; }
div#nav li{ float: left; }
div#nav ul ul li a:hover{ text-decoration: none; color: #FE1A0D; }

div#logo{ padding: 0 5px; background: transparent url(/img/header.jpg) no-repeat 243px top; margin: 0; clear: both;}
div#logo img{ border: 0; }
div#main{ padding: 1em;  margin: 0;  }
div#plocha{ padding: 0 2em; }

div#foot{ background: transparent url(/img/foot.gif) no-repeat left bottom; padding: 35px 1px 35px 1px;  margin: 0;  }
div#foot p{ padding: 0 2em; margin: 0; color: White; line-height: 1em; text-align: right; }
div#foot p.copy, div#head p.copy{ float: left; width: 250px; text-align: left;  }
div#foot p a span{ color: White; text-decoration: none; }

div#plocha li{ margin-top: 0.5em; }
div#plocha address{ font-style: normal; border-bottom: 1px solid #C4D3E1; padding: .8em 1em; }
.orange{ color: #E37E0A; }
td.one{ background-color: #C4D3E1; }
td.two{ background-color: #DAE3EB; }
input, textarea, select{ border: 1px solid #98A5B0; font-size: 1.1em;  color: #2B4954; font-family: Arial, Helvetica, sans-serif;}
label{ font-weight: bold;  padding: 0 2em 0 1em; }
td{ border-bottom: 1px solid White; }

table.tab{ font-size: 1em; border-collapse: collapse; border: 1px solid white; border-top: 0; border-bottom-width: 2px; border-bottom: 2px solid white;  margin: 1em 0;  }
table.tab th, table.tab td{ border-right: 1px solid white; padding: 0.3em; border-top: 1px 1px solid white; }
table.tab td{ background-color: #C4D3E1; }
table.tab th{ color: White; background-color: #80929B; text-align: left; border-bottom: 1px solid White; }
tr.top td{ border-top: 2px solid White; }
tr.sec td{ background-color: #E1E8EE; }

div#detail{ text-align: left; background: White; border: 5px solid #1C3843; margin-top: 10px; height: 382px; position: relative; }
div#detail img{ float: right; }
div#detail p#ovladac{ position: absolute; right: 10px; bottom: 10px; }
div#detail p#ovladac a{ display: block; padding: 3px 8px; text-decoration: none; text-align: center; font-weight: bold; background-color: #E1E8EE; border: 1px solid #C4D3E1; margin-right: 5px; }

form.searchform, form.searchform-index{ background-color: #E1E8EE; border: 1px solid #C4D3E1; padding: 0 5px; margin: 0 0 30px 20px; }
form.searchform-index{ float: right; width: 21em; margin: 0 0 10px 15px; }
form.searchform-index label{ padding: 0 0 2px 0; display: block;}
form.searchform-index p{ margin: 4px 0; }
form.searchform select{ width: 126px; }

#sloupec{ float: right; width: 239px; margin-left: 15px; }
#sloupec form.searchform-index{ float: none; width: auto; margin: 0 0 10px 12px; }
#sloupec #novinka{ background: transparent url(/img/new.jpg) no-repeat; height: 20em; }
html>body #sloupec #novinka{ height: auto; min-height: 20em; }
#novinka h3{ margin: 0 0; padding: 15px 20px 22px 50px; color: #E37E0A; font-weight: bold; font-size: 1.4em; text-transform: uppercase; }
#novinka h3 a{ float: right; text-transform: none; font-size: .6em;  font-weight: normal;}
#sloupec #novinka h4{ font-size: 1.1em; color: #FF0000; margin: .3em 24px .5em 24px; }
#novinka h4 a{ text-decoration: underline; }
#sloupec #novinka p{ margin: .3em 24px; font-size: 1.1em; }
p.datum{ font-weight: bold; font-size: .85em; }
#sloupec #novinka img{ border: 4px solid #E1E8EE; margin: 3px 7px 3px 20px;  float: left; display: inline;}
#novinka{ margin: 1.5em 0; }
#novinka h4{ font-size: 1.1em; color: #FF0000; margin: .3em 0 .5em 0; }
#novinka p{ margin: .3em 0; font-size: 1.1em; }
#novinka img{ border: 4px solid #E1E8EE; margin: 3px 7px 3px 0;  float: left; display: inline;}


.small{ font-size: .85em; }
.center, div.gal{ text-align: center; }
.right{ text-align: right; }

div.gal img{
	border: 3px solid #C4D3E1; margin: 4px;
}