body {background: #C9D7E6 url("img/bg.jpg") repeat-x; padding: 0; margin:0; color: #000; font-family: Verdana, Arial; font-size: 12px; line-height : 150%; _behavior: url(vzhled/csshover.htc);} 

h1 {color: #18416B;  font-size: 30px; line-height : 35px; margin: 0px 10px 10px 30px; padding: 0 0 0 10px; }

#levy h2 {color: #FFF;  width: 154px; margin: 0; padding: 0 4px 0 12px; line-height : 25px; font-size: 14px; background: #336699 url("img/h2.jpg") no-repeat;}

h2 {color: #FFF; width: 590px;  margin: 20px 0 0 190px; padding: 0 0 0 12px; line-height : 25px; font-size: 11px; background: #336699 url("img/h3.jpg") repeat-x;}

h3 {color: #FFF; width: 288px;  margin: 20px 0 -15px 0px; padding: 0 0 0 12px; line-height : 25px; font-size: 11px; background: #336699 url("img/h4.jpg");}

h3.kratky {color: #FFF; width: 158px;  margin: 20px 0 0px 0px; padding: 0 0 0 12px; line-height : 25px; font-size: 11px; background: #336699 url("img/h4_short.jpg") no-repeat;}

h4 {color: #FFF; width: 158px;  margin: 20px 0 0 0; padding: 0 0 0 12px; line-height : 25px; font-size: 11px; background: #336699 url("img/h3.jpg");}

p {padding:10px; font-size: 10px;}

a, a:link, a:visited {color: #000000; text-decoration: underline;}

a:hover {text-decoration: none;}




/**************** struktura stránky ***********************/

#stranka {width: 800px; padding: 0; margin:10px auto 0 auto;}

#hlavicka {left: 0%; right 100%; height: 70px; margin: 0; padding: 0; background: url("img/top.gif");}



#uzivatel {left: 0%; right 100%; height: 30px; margin: 0 ;  padding: 0 0 0 24px; color: #666666; background: #18416B; border-bottom: 3px solid #8AB80F;}

#hlavni {clear: both; width: 100%; color: #555; margin: 0; padding: 0; background: #FFF;}

#zapati {left: 0%; right 100%; height: 20px; clear: both; margin: 0; margin: 0; padding: 0; text-align: center; line-height : 20px; font-size: 10px; background: url("img/foot.gif"); color: #ffffff;}



/* navigace rozbalovaci */

div#navigace {margin: 0; height: 30px; white-space : nowrap; font-family: arial; font-weight: bold; font-size: 14px; letter-spacing: 1px;}

div#navigace ul {margin: 0; padding: 0;}

div#navigace li {list-style: none; line-height: 30px; margin: 0; padding: 0; float: left;}

div#navigace li a {display: block; width: 110px; text-align: center;  padding: 0 8px 0 8px; text-decoration: none; color: #BBB;; }

div#navigace li:hover a {color: #FFF;}



div#navigace ul ul {position: absolute; width: 110px; display: none; background: #336699;}

div#navigace li:hover ul {display:block; filter: alpha(opacity=90); -moz-opacity: 0.9;}

div#navigace li:hover li { width: 100%; border-right: 1px solid #000;}

div#navigace li:hover li a {display:block; text-align: left; color: #FFF; background: #336699; font-size: 12px;}

div#navigace li:hover li:hover a {color: #FFF; background: #18416B;}





/********************* Obsah stránky ***********************/

/**** panely ****/

#levy {float: left; width: 180px; margin: 10px 0 0 0; padding: 0; font-family: verdana; font-size: 10px; line-height: 12px;

  text-align: left;}

#levy a, #levy a:link, #levy a:visited {color: #336699; text-decoration: none;}

#levy a:hover {text-decoration: none;}

#levy a.polozka, #levy a.polozka:link, #levy a.polozka:visited {display: block;line-height: 20px; text-decoration: none;}

#levy a.polozka:hover {color: #18416B; text-decoration: underline;}

#levy a.polozka:active {color: #red; text-decoration: underline;}



.pl {width: 170px; margin: 10px 10px 10px 10px; padding: 0;}

.pl p {margin: 0; padding: 10px 4px 10px 4px; font-size: 10px; color: black;}



/**** obsah ****/

#obsah { margin: 0 0 0 190px; padding: 20px 0 0 0;  color: #000; background: url('img/bg_vlocka.jpg') fixed no-repeat;background-position: 60% center;}

#obsah h2 {color: #FFF;  margin: 0 10px 10px 0; padding: 0 4px 0 12px; line-height : 25px; font-size: 14px; background: #336699 url("img/h2long.jpg");}

/* uvodni slopce */

.sloupec {line-height : 12px; width: 600px; height: 250px; margin: 0 10px 0 0; padding: 0; text-decoration: none; background:  url("img/sloupec.jpg") no-repeat;}

.sloupec p, .sloupec p:visited {display: block; width: 130px; float: left; margin: 0; padding: 105px 10px 10px 10px; font-size: 10px; text-decoration: none; text-align: left; color: #000000;}

.sloupec a {text-decoration: none; }
.sloupec a:hover {color: #ffffff;}
.sloupec a.hl_odkaz {text-decoration: underline; font-size: 10px;}



/* novinky */

.novinka {float: left; line-height : 12px; width: 185px; margin: 0; padding: 0 10px 10px 5px; text-align: justify; font-size: 11px;}

.novinka p {margin: 0; padding: 8px;}

.newsDatum {font-size: 10px; font-style: italic; line-height: 11px;}



/* produkty */

.produkt {margin: 0 10px 10px 0; padding: 10px; border: #CCC 1px solid;}

.produkt1 {margin: 14px 10px 10px 0; padding: 10px; border: #CCC 1px solid;}

.foto {float: left; margin: 10px 30px 0 10px;}

.vlastnosti {clear: right; padding: 10px 0 10px 0; margin: 0; font-size: 12px;}

table.hodnoty { margin: 10px auto; width: 350px; border: black 1px solid; text-align: center; font-size: 8pt;}

table.col{border-collapse: collapse; border: solid #bcbcbc 2px;}

tr.nadpis {font-weight : bold; background: #FFF8C7; font-size: 15px; text-decoration: underline;}

tr.nadpis2 {font-weight : bold; background: #FFF8C7;}
tr{background: #ffffff;}
tr.sudy {background: #bcbcbc;}

td.cara{border-bottom: solid black 1px;}

td.ohraniceni{border-left: solid #bcbcbc 2px; padding-left: 5px; font-size: 10px;}
td.ohraniceni1{border-left: solid #bcbcbc 2px; padding-left: 5px; font-size: 10px; text-align: right; padding-right: 10px;}

td.carkovana{border-right: dashed black 1px; padding: 0px 5px;}
li.odrazka{margin-left:-15px; margin-bottom: 5px; font-weight : bold; font-size: 14px; color: #0076A6; text-decoration: underline;}
li.odrazka1{margin-left:-35px; font-weight : bold; font-size: 12px; color: #0076A6; text-decoration: none;} 
li.odrazka2{margin-left:-20px; font-size: 10px; color: #0076A6; text-decoration: none;} 

/* reference */

.reference {float: left; width: 170px; padding: 0px 10px 0px 10px; margin: 0 10px 10px 0px;}

.reference_in {padding: 5px 3px 10px 10px; border: #CCC 1px solid;}



#cleaner {clear: both;}

/*************************************************************************/

li.odrazky{
list-style-image: none;
margin: 0px;
padding: 0px;
}

/**********************************ceník**********************************/

table.cenik{
width: 600px;
border: 3px solid black;
margin: 15px 5px 5px 0px;
border-collapse: collapse;
}

td.provedeni{
width: 130px;
border: solid 1px black;
text-align: center;
background: url('img/bg_cenik2.jpg') no-repeat center center #DEE7F3;
}

td.rezim{
width: 100px;
border: solid 1px black;
text-align: center;
border-left: solid 2px black;
}

td.nazev_jednotky{
border: solid 1px black;
border-left: solid 2px black;
background: url('img/bg_cenik1.jpg') no-repeat center center #6A95C8;
text-align: center;
}

td.vykon{
width: 110px;
border: solid 1px black;
border-left: solid 2px black;
text-align: center;
}

td.typ{
width: 110px;
border: solid 1px black;
border-left: solid 2px black;
text-align: center;
}

td.cena{
border: solid 1px black;
border-left: solid 2px black;
text-align: right;
font-weight: bold;
}

td.provedeni_hlavicka{
width: 130px;
border: solid 1px black;
text-align: center;
font-weight: bold;
background: url('img/bg_cenik3.jpg') repeat-x #D4D4D4;
}

td.rezim_hlavicka{
width: 100px;
border: solid 1px black;
text-align: center;
font-weight: bold;
background: #D4D4D4;
border-left: solid 2px black;
background: url('img/bg_cenik3.jpg') repeat-x #D4D4D4;
}

td.vykon_hlavicka{
width: 110px;
border: solid 1px black;
border-left: solid 2px black;
text-align: center;
font-weight: bold;
background: #D4D4D4;
background: url('img/bg_cenik3.jpg') repeat-x #D4D4D4;
}

td.typ_hlavicka{
width: 110px;
border: solid 1px black;
border-left: solid 2px black;
text-align: center;
font-weight: bold;
background: #D4D4D4;
background: url('img/bg_cenik3.jpg') repeat-x #D4D4D4;
}

td.cena_hlavicka{
border: solid 1px black;
border-left: solid 2px black;
text-align: center;
font-weight: bold;
background: #D4D4D4;
background: url('img/bg_cenik3.jpg') repeat-x #D4D4D4;
}

tr.radek{


}






/* CSS Document */
table.produkty{
width: 600px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}

table.produkty h4{
width: 580px;
background: none;
text-align: center;
font-size: 16px;
color: #53A2EA;
}

td.produkty_provedeni{
width: 130px;
border: solid 1px black;
text-align: center;
background: url('img/bg_cenik2.jpg') no-repeat center center #DEE7F3;
}

td.produkty_rezim{
width: 100px;
border: solid 1px black;
text-align: center;
border-left: solid 2px black;
}

td.produkty_nazev_jednotky{
border: solid 1px black;
border-left: solid 2px black;
background: url('img/bg_cenik1.jpg') no-repeat center center #6A95C8;
text-align: center;
}

td.produkty_vykon{
width: 110px;
border: solid 1px black;
border-left: solid 2px black;
text-align: center;
}

td.produkty_typ{
width: 110px;
border: solid 1px black;
border-left: solid 2px black;
text-align: center;
}

td.produkty_cena{
border: solid 1px black;
text-align: right;
font-weight: bold;
}

td.produkty_provedeni_hlavicka{
width: 130px;

text-align: center;
font-weight: bold;
background: url('img/bg_cenik3.jpg') repeat-x #9BCC10;
}

td.produkty_rezim_hlavicka{
width: 100px;
text-align: center;
font-weight: bold;
background: #D4D4D4;
background: url('img/bg_cenik3.jpg') repeat-x #9BCC10;
}

td.produkty_vykon_hlavicka{
width: 110px;

text-align: center;
font-weight: bold;
background: #D4D4D4;
background: url('img/bg_cenik3.jpg') repeat-x #9BCC10;
}

td.produkty_typ_hlavicka{
width: 110px;

text-align: center;
font-weight: bold;
background: #D4D4D4;
background: url('img/bg_cenik3.jpg') repeat-x #9BCC10;
}

td.produkty_cena_hlavicka{

text-align: center;
font-weight: bold;
background: #D4D4D4;
background: url('img/bg_cenik3.jpg') repeat-x #9BCC10;
}

tr.produkty_radek_sudy td{
background: #DBE5F1;
border: 1px solid #DBE5F1;
text-align: center;
}

tr.produkty_radek_lichy td{
border: 1px solid #DBE5F1;
text-align: center;
}

td.produkty_produkty_model{
font-weight: bold;
}

td.katalog a{
color: red;
text-decoration: underline;
font-weight: bold;
}

div.ramecek{
width: 600px;
margin: 15px 5px 5px 0px;
padding: 0px;
border-left: 1px #DBE5F1 solid;
border-right: 1px #DBE5F1 solid;
border-top: 1px #DBE5F1 solid;
}