* {
padding:0;
margin:0;
border:0;
}

body {
font-family: "Trebuchet MS";
background: url('images/hlavicka.png') repeat-x top left;
border-top: 2px solid gray;
}

div#obalovaci {
margin: 0px auto;
width: 980px;
}

#logo {
margin: 20px 0px 0px 25px;
display: inline;
float: left;
background: url('images/logo.png') no-repeat;
width: 211px;
height: 99px;
}
#logo span {display: none;}
#logo a {display:block; width:211px; height:99px;}

ul#menu-horni {
float: right;
list-style-type: none;
margin: 10px 0px;
}

ul#menu-horni li {
float: left;
margin: 0px 10px;
display: inline;
}

ul#menu-horni li a {
float: left;
color: #86979e;
text-transform: uppercase;
font-size: 0.6em;
font-weight: bold;
text-decoration: none;
}

ul#menu-horni li a:hover {
color: #0e90da;
}

h2#horni-obrazek {
float: right;
margin-top: 20px;
width: 580px;
_width: 570px;
height: 155px;
background: url('images/img.png') no-repeat;
font-size: 1.2em;
letter-spacing: 0.1em;
color: #000;
padding-top: 140px;
padding-left: 70px;
padding-right: 70px;
}


ul#menu-leve {
float: left;
clear: both;
display: inline;
list-style-type: none;
}

ul#menu-leve li {
float: left;
clear: both;
}

ul#menu-leve li a {
float: left;
width: 212px;
padding: 8px 15px 8px 15px;
color: #86979e;
text-transform: uppercase;
font-size: 0.85em;
font-weight: bold;
letter-spacing: 0.1em;
text-decoration: none;
}

ul#menu-leve li a:hover {
background: url('images/menu.gif') repeat-y;
}

ul#menu-leve li ul {
float: left;
clear: both;
list-style-type: none;
}

ul#menu-leve li ul li {
float: left;
width: 243px;
margin: 0;
clear: both;
border-bottom: 1px solid #CCCCCC;
background: url('images/menu-li.gif') no-repeat 17px center;
}

ul#menu-leve li ul li a {
width: 212px;
padding-left: 30px;
font-size: 0.8em;
}

ul#menu-leve li ul li a:hover {
background: none;
color: #0e90da;
}

div.leva {
float: left;
}

div.prava {
float: right;
_clear: both;
width: 720px;
}

div.leva h3 {
float: left;
display: inline;
width: 130px;
_height: 49px;
min-height: 49px;
font-size: 1em;
font-weight: bold;
margin: 10px 0px 0px 20px;
padding-left: 60px;
text-transform: uppercase;
background-position: left center;
}

div#box-vyhledavani {
float: left;
clear: both;
display: inline;
width: 235px;
height: 110px;
margin-top: 2px;
background: url('images/box-vyhledavani.gif') repeat-x;
}

div#box-vyhledavani h3 {
color:#fff;
background: url('images/kbelik.png') no-repeat;
}

div.leva input.entry {
float: left;
background: url('images/input.png') no-repeat;
width: 140px;
font-size: 10px;
height: 20px;
padding: 3px 15px 0px 15px;
}
div.leva .entry-select {
float: left;
background: url('images/input-select.png') left bottom no-repeat;
width: 190px;
font-size: 10px;
height: 23px;
padding: 0px 0px 0px 0px;
}

div.leva input.submit {
float: left;
width: 21px;
height: 19px;
cursor: pointer;
background: url('images/submit.png') no-repeat;
}

p.formular {
float: left;
display: inline;
margin: 0px 20px;
}

div#box-vyhledavani2 {
float: left;
clear: both;
display: inline;
width: 235px;
height: 91px;
background: url('images/box-vyhledavani2.gif') repeat-x;
}

div#box-vyhledavani2 h3 {
color:#fff;
background: url('images/hledani.png') no-repeat;
}

div#poradenske-centrum {
float: left;
clear: both;
display: inline;
width: 235px;
height: 77px;
background: url('images/box-porada.gif') repeat-x;
cursor:pointer; _cursor:hand;
}

div#poradenske-centrum h3 {
color:#fff;
background: url('images/poradenske-centrum-img.png') no-repeat;
}
div#poradenske-centrum h3 a {
color:#fff; text-decoration:none;
}

div#texty {
float: right;
width: 680px;
_width: 690px;
margin-left: 25px;
display: inline;
padding: 20px;
background: url('images/obsah-index.gif') repeat-x #C1DBE9;
}
div#bg-headline {
float: left;
width: 680px;
_width: 670px;
margin-bottom: 10px;
display: inline;
padding: 10px 20px;
background: url('images/obsah-index.gif') repeat-x #C1DBE9;
}

div.index {
_height: 222px;
min-height: 222px;
}

div.produkt {
_height: 160px;
min-height: 160px;
}

br.clear {
clear: both;
visibility: hidden;
}

div#texty p {
color: #6a6a6a;
font-size: 0.7em;
}

div#texty p img, div#texty img {
float: left;
clear: both;
margin: 0px 5px 0px 0px;
padding: 1px;
width: 180px;
}
div#texty .pulka p img, div#texty .druha-pulka p img {
margin: 0px 20px 10px 0px;
}
div#produkt img {
margin-right: 10px;
border: 1px solid #b6ddee;
}

div#texty div.pulka {
float: left;
width: 320px;
padding: 0px 10px;
}


div#texty div.pulka p {
float: left;
margin-top: 20px;
}

div#texty p strong,div#texty p a.bold {
float: left;
clear: right;
color: #31b3e0;
font-size: 1.25em;
font-weight:bold;
text-decoration:none;
}

div#texty p em {
float: left;
clear: both;
font-size: 0.9em;
color: #31b3e0;
margin: 0px 0px 10px 0px;
font-style: normal;
}

span.hlavicka-clanku {
float: left;
width: 190px;
}

a.vice {
float: right;
clear: both;
margin-top: 25px;
width: 14px;
height: 21px;
background: url('images/vice.png') no-repeat;
}

div#paticka {
float: left;
width: 100%;
margin: 50px 0px 30px 0px;
}

div#paticka p {
text-align: right;
font-size: 0.7em;
color: #9facb3;
}

div#paticka p a {
margin-right: 12px;
color: #9facb3;
text-decoration: none;
}

div#paticka p span#leva {
float: left;
}

img#ppg {
float: left;
clear: both;
margin-top: 30px;
}

div#paticka ul {
float: left;
clear: both;
list-style-type: none;
}

div#paticka ul li {
float: left;
}

div#paticka ul li a{
margin-right: 12px;
color: #9facb3;
text-decoration: none;
font-size: 0.7em;
}

span.certifikat {
margin: 0 4px;
float: left;
width: 115px;
padding-top: 35px;
text-transform: uppercase;
font-size: 0.7em;
color: #707e88;
text-align: center;
}

span.technicky-list {
background: url('images/technicky-list.png') no-repeat top center;
}
span.bezpecnostni-list {
background: url('images/bezpecnostni-list.png') no-repeat top center;
}
span.podnikova-norma {
background: url('images/podnikova-norma.png') no-repeat top center;
}
span.certifikaty {
background: url('images/certifikaty.png') no-repeat top center;
}
span.politika-ems {
background: url('images/politika-ems.png') no-repeat top center;
}
span.iso-9001 {
background: url('images/iso-9001.png') no-repeat top center;
}
span.iso-14001 {
background: url('images/iso-14001.png') no-repeat top center;
}

div.produkt div.nadpis {
float: left;
_width: 100%;
margin-left: 7px;
width:480px;
}

div.produkt h1 {
width: 480px;
font-weight: bold;
color: #009fdc;
font-size: 1.5em;
text-transform: uppercase;
margin: 10px 0px 3px 0px;
}

div.produkt span.podnadpis {
clear: both;
color: #009fdc;
font-weight: normal;
font-size: 0.8em;
}

div#obsah div#pokracovani h1, div#obsah div#pokracovani h2, div#obsah div#pokracovani h3 {
float: left;
clear: both;
margin: 15px 0px 5px 0px;
width: 100%;
color: #009fdc;
}

div#obsah div#pokracovani h3 {
font-weight: bold;
font-size: 0.8em;
}

div#obsah div#pokracovani p {
/*float: left;*/
color: #525f69;
font-size: 0.8em;
margin-bottom: 15px;
}

.cela-sire-text {
_width: 100%;
}

div#pokracovani ul {
float: left;
clear: both;
_width: 100%;
color: #525f69;
font-size: 0.8em;
margin-bottom: 15px;
list-style-type: none;
}

div#pokracovani ul li {
float: left;
clear: both;
padding-left: 18px;
margin: 1px 0px;
background: url('images/li.gif') no-repeat left center;
}

div#pokracovani span.barva {
float: left;
padding-top: 45px;
width: 90px;
color: #525f69;
font-size: 0.8em;
margin-right: 20px;
margin-bottom: 10px;
background-position: left top;
}

div#pokracovani .div-barva {
float:left;
padding-top: 10px;
width:70px;
min-height:85px; _height:90px;
color: #525f69;
font-size: 0.6em;
margin-right: 20px;
margin-bottom: 10px;
text-align:center;
}
div#pokracovani .div-barva div {
width:40px; height:40px; margin:0 auto; border:1px solid #000;
}
div#pokracovani .div-barva span {
clear:both; padding:2px 0;
}


div#pokracovani span.modra {
background: url('images/barva.gif') no-repeat;
}

p.pulka {
float: left;
clear: both;
width: 320px;
}

p.druha-pulka {
float: left;
width: 320px;
margin-left: 20px;
}

p.pulka strong, p.druha-pulka strong {
float: left;
width: 100%;
clear: both;
font-weight: bold;
}

div#pokracovani {
float: left;
display: inline;
_margin-left: 25px;
width: 680px;
}

div#pokracovani hr {
float: left;
clear: both;
display: inline;
width: 100%;
height: 1px;
margin: 20px 0px;
background: #525f69;
color: #525f69;
}
.embed-mapa {
	position:absolute;
	top:115px; right:0;
	width:425px; min-height:430px; _height:430px;
}
.embed-mapa p {
	font-size:0.7em!important;
	line-height:1.2;
}


div.ekologie {
float: right;
}

.clear {
clear: both;
}
.fright {
float:right;
}

td, th {font-size:0.8em;}
#obsah a {color:#009fdc;}
#obsah {color:#525f69; position:relative;}

.cleaner {		/*-- ++++++++++++ Uprava +++++++++++++ --*/
height: 1px;
clear: both;
}

.uvod {/*-- ++++++++++++ Uprava +++++++++++++ --*/
margin: 0px;
}

/* ===================================== */


div#uvod p {
color: #6a6a6a;
font-size: 0.7em;
}

div#uvod p img, div#uvod img {
float: left;
clear: both;
margin: 0px 5px 0px 0px;
padding: 1px;
}
div#uvod .pulka p img, div#uvod .druha-pulka p img {
margin: 0px 20px 10px 0px;
}


div#uvod div.pulka {
float: left;
width: 320px;
padding: 0px 10px;
}


div#uvod div.pulka p {
float: left;
margin-top: 20px;
}

div#uvod p strong,div#uvod p a.bold {
float: left;
clear: right;
color: #31b3e0;
font-size: 1.25em;
font-weight:bold;
text-decoration:none;
}

div#uvod p em {
float: left;
clear: both;
font-size: 0.9em;
color: #31b3e0;
margin: 0px 0px 10px 0px;
font-style: normal;
}

div#uvod {

/*width: 680px;*/
/*_width: 670px;*/
/*margin-left: 25px;*/
/*display: inline;*/
_width: 720px;
padding: 20px;
background: url('images/obsah-index.gif') repeat-x #C1DBE9;
}
#obsah .produkt a, #obsah .produkt a:visited, #obsah .produkt a:hover
{
  color: #707E88;
  text-decoration: none;
  cursor: hand;
}

.table-kontakt {
}
.table-kontakt th {
  background-color:#eee; border:1px solid #eee;
}
.table-kontakt td {
  padding:2px; border:1px solid #eee;
}

.box350 {float:left; width:350px; margin-top:20px; font-size:1.2em;}
.box350 img {width:350px;}
.box350 h3 {clear:both; margin-top:5px!important;}
.mr20 {margin-right:20px;}
.w700 {width:720px!important;}
.center {text-align:center;}
.pd5 {padding:5px;}
#cse-search-results iframe {width:650px!important;}
.thumb {margin-bottom:13px;}
.thumb-stred-1 {margin-left:13px;}
.thumb-stred-2 {margin-left:13px; margin-right:13px;}