/* CSS Dokument */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%
}

body {
height: 100%;
background-color: #74a6c2;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #00194a;
}

a:link, a:visited {
color: #00194a;
text-decoration: underline;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

abbr, .abbr {
border-bottom: 1px dashed black; 
cursor:help; 
}


	/* =============== Hlavicka =============== */

#hlavicka {
position: relative;
width: 920px;
height: 203px;
margin: 40px auto 0 auto;
background: url('img/hlavicka_2.gif') no-repeat 0 0;
background-color: #00194a;
}

#nazev {
position: absolute;
overflow: hidden;
left: 0;
top: 0;
font-size: 230%;
}

#nazev a {
color: #fefefe;
}

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

#nazev, #nazev span {
width: 443px;
height: 82px;
}

#nazev span {
display: block;
position: absolute;
left: 0;
top: 0;
background: url('img/nazev_2.gif') no-repeat 0 0;
cursor: pointer;
}

	/* =============== Nadpisy a odstavce =============== */

h2 {
position: absolute;
top: 93px;
left: 39px;
font-size: 1.1em;
line-height: 180%;
color: #fdfdfd;
width: 500px;
height: 100px;
overflow: auto;
}

h3 {
color: #306681;
background: url('img/ctverecky.gif') no-repeat 0 6px;
padding: 0 30px;
font-size: 1.4em;
}

h3.dolejc {
margin-bottom: 15px;
}

h4 {
color: #e00000;
font-size: 1.2em;
margin: 10px 0 15px 32px;
}

h4.navsteva {
color: #e00000;
font-size: 1.1em;
margin: 25px 0 15px 32px;
line-height: 150%;
}

h4.navsteva a, h4.navsteva a:visited {
color: #e00000;
}

h4.navsteva2 {
color: #e00000;
font-size: 1.1em;
margin: 45px 0 15px 0;
line-height: 150%;
}

h4.navsteva2 a, h4.navsteva2 a:visited {
color: #e00000;
}

h4.pot {
color: #00194a;
font-size: 1.2em;
margin: 25px 0 8px 0;
}

h4.pot2 {
color: #00194a;
font-size: 1.2em;
margin: 25px 0 20px 0;
}

h4.pot2e {
color: #00194a;
font-size: 1.2em;
margin: 80px 0 20px 0;
}

h4.pot3 {
color: #00194a;
font-size: 1.2em;
margin: 25px 0 12px 32px;
}

h4.pot4 {
color: #00194a;
font-size: 1.2em;
margin: 25px 0 8px 32px;
}

h4.pot5 {
color: #00194a;
font-size: 1.2em;
margin: 65px 0 8px 0;
}

h4.pot6 {
font-size: 1em;
color: #00194a;
margin: 20px 0 5px 0;
letter-spacing: 1px;
background-color: #e1e9f3;
}

h4.prislusenstvi {
color: #00194a;
font-size: 1.2em;
margin: 25px 0 12px 32px;
}

h5 {
font-size: 1.2em;
margin: 25px 0 8px 0;
}

h5.voda-u {
font-size: 1em;
}

h5.voda-u2 {
font-size: 1em;
margin: 25px 0 4px 32px;
}

h5.voda-u3 {
font-size: 1.1em;
margin: 25px 0 10px 0;
}

h5.tech {
margin: 10px 0 0 32px;
}

h5.dmy {
margin-top: 45px;
}

h5.dositec {
font-size: 1em;
margin: 35px 0 25px 0;
}

h5.odvlhcovac {
font-size: 1em;
margin: 35px 0 10px 0;
text-indent: 32px;
}

h5.zaruka {
font-weight: normal;
margin-left: 32px;
}

h5.sest {
font-size: 1em;
margin: 20px 0 5px 0;
letter-spacing: 1px;
background-color: #e1e9f3;
}

h5.sest-foto {
font-size: 1em;
margin: 20px 0 10px 0;
letter-spacing: 1px;
background-color: #e1e9f3;
}

h5.sest-pobocka {
font-size: 1em;
margin: 30px 0 10px 32px;
padding: 0;
letter-spacing: 1px;
background-color: #e1e9f3;
color: #00194a;
background-image: none;
}

h5.uh {
font-size: 1em;
margin: 0;
}

h6 {
margin: 20px 0 5px 0;
text-indent: 32px;
font-size: 1em;
}

dt {
font-weight: bolder;
margin-bottom: 5px;
}

dd.posle {
margin-bottom: 20px;
}

p.text {
text-indent: 32px;
line-height: 170%;
}

p.text-u {
text-indent: 32px;
line-height: 170%;
margin-top: 15px;
}

p.text-u2 {
line-height: 170%;
margin-left: 32px;
}

p.tab {
text-indent: 20px;
line-height: 190%;
}

p.docs {
margin: 8px 0 30px 0;
}

p.pdf {
line-height: 150%
}

p.pdf2 {
line-height: 150%;
margin-bottom: 30px;
}

p.odvv {
margin-bottom: 60px;
}

p.items {
text-align: center;
}

p.textik {
line-height: 170%;
margin-bottom: 15px;
text-indent: 32px;
}

p.pobocka {
line-height: 150%;
font-size: 1.1em;
margin-left: 32px;
}

p.uspesne, p.neuspesne {
font-size: 1.1em;
margin: 25px 0 0 10px;
line-height: 150%;
}

p#jmeno {
margin-bottom: 10px;
text-align: left;
font-weight: bolder;
}

p#icdic {
margin: 10px 0;
}

p#volej, p#volej2, p#email, p#email2 {
margin-bottom: 10px;
}

p#icdic2 {
margin: 10px 0;
}

p.kliknete {
margin-bottom: 20px;
}

p.kliknete2 {
margin: 0 0 10px 32px;
}

p.prirucka {
margin-bottom: 3px;
}

p.adale {
margin-bottom: 60px;
}

p.tech-popis {
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}

	/* =============== menu v hlavicce =============== */

#menicko {
position: absolute;
top: 12px;
right: 30px;
color: #FFF;
letter-spacing: 1px;
}

#menicko a {
color: #FFF;
font-weight: normal;
text-decoration: none;
}

#menicko a:hover, #menicko a.aktive {
text-decoration: underline;
}

.barvicka {
color: #e00000;
}


	/* =============== sloupce, sloupce, ach ty sloupce :-) =============== */		  

#master {
width: 920px;
margin: 0 auto;
background: url('img/pozadi.gif') repeat-y 0 0;
background-color: #FFF;
}

#levy {
width: 222px;
float: left;
height: 100%;
background-color: #e9f1fa;
}

#pravy {
float: right;
width: 696px;
}

#pravyin {
margin: 1.2em 3.5em 3em 1.7em;
text-align: justify;
}

.cleaner {
clear: both;
height: 0;
content: ' ';
overflow: hidden;
}

.cleaner hr {
display: none;
}

	/* =============== menu =============== */

#listek {
background-image:url('img/sortiment.gif');
background-repeat: no-repeat;
background-position: top;
width: 222px;
height: 33px;
}

#listek2 {
background-image:url('img/kontakt.gif');
background-repeat: no-repeat;
background-position: top;
width: 222px;
height: 33px;
margin-bottom: 10px;
}

#menu {
text-align: left;
list-style-type: none;
margin-top: 12px;
margin-left: 11px;
color: #014669;
font-weight: bolder;
width: 210px;
margin-bottom: 15px;
}

#menu li {
background-image: url('img/cerveny.gif');
background-repeat:no-repeat;
background-position: 0 6px;
padding-left: 12px;
}

#menu li a {
color: #014669;
font-weight: bolder;
text-decoration: none;
}

#menu li a:hover, #menu li a.aktivni {
text-decoration: underline;
}

#menu ul {
list-style-type: square;
list-style-position: inside;
line-height: 170%;
margin: 0 0 10px 2px;
font-weight: normal;
}

#menu ul li {
background-image: none;
padding-left: 0;
margin-bottom: 0;
}

#menu ul li a {
font-weight: normal;
color: #014669;
text-decoration: none;
}

#menu ul li a:hover,#menu ul li a.aktivni{
background-color: #014669;
color: #e9f1fa;
text-decoration: none;
}

.nadpisek {
display: block;
margin-bottom: 1px;
}

#kontakty {
color: #014669;
margin: 1.4em auto 1.8em auto;
text-align: left;
width: 177px;
font-style: normal;
 }

#kontakt {
color: #00194a;
margin-left: 32px;
text-align: left;
font-style: normal;
font-size: 1.1em;
}

	/* =============== Paticka =============== */

#paticka {
position: relative;
margin: 0 auto 20px auto;
width: 920px;
height: 84px;
background: url('img/paticka.gif') no-repeat 0 0;
clear: both;
background-color: #00194a;
}

#copy {
margin-top: 33px;
color: #FFFFFF;
font-size: 0.9em;
}

#copy a {
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}

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

#menu-v-paticce {
text-align: left;
padding: 8px 0 0 17px;
height: 18px;
color: #FFF;
}

#menu-v-paticce a {
color: #FFF;
font-weight: normal;
text-decoration: underline;
}

#menu-v-paticce a:hover {
text-decoration: none;
}

#menu-v-paticce a.aktivo {
background-color: white;
color: #00194a;
}

#tisk {
text-align: right;
color: #FFF;
margin: -18px 34px 0 0;
}

#tisk a {
color: #FFF;
font-weight: normal;
text-decoration: underline;
}

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

.odsazeni {
margin: 60px 90px 90px 25px;
float: left;
}

.odsazeni2 {
float: left;
margin: 8px 9px 0 0;
}


	/* =============== Seznamy =============== */
	
	
ol {
margin: 15px 0 15px 32px;
list-style-position: inside;
line-height: 190%;
}

.ap0 {
list-style-type: none;
line-height: 150%;
list-style-position: inside;
margin: 7px 0 33px 0;
text-align: left;
}

.ap0 li {
margin-bottom: 7px;
}

#ap {
list-style-type: square;
line-height: 220%;
list-style-position: inside;
}

#ap2  {
list-style-type: square;
line-height: 220%;
list-style-position: inside;
margin: 15px 0 20px 32px;
}

#ap3  {
list-style-type: square;
line-height: 220%;
list-style-position: inside;
margin: 5px 0 20px 32px;
}

#ap4  {
list-style-type: square;
line-height: 150%;
list-style-position: inside;
margin: 10px 0 20px 32px;
}

#ap5  {
list-style-type: square;
line-height: 150%;
list-style-position: inside;
margin: 10px 0 20px 32px;
text-align: left;
}

.ap6  {
list-style-type: square;
line-height: 150%;
list-style-position: inside;
margin: 10px 0 20px 0;
text-align: left;
}

.ap7  {
list-style-type: square;
line-height: 150%;
list-style-position: inside;
margin: 10px 0 20px 0;
text-align: left;
}

#ap4 li, #ap5 li, .ap6 li, .ap7 li  {
margin-bottom: 10px;
}

.oz {
list-style-type: square;
line-height: 220%;
margin-left: 32px;
}

#par {
list-style-type: square;
line-height: 220%;
margin-left: 32px;
list-style-position: inside;
}

#vy { 
list-style-type: square;
line-height: 220%;
list-style-position: inside;
}

.pokyn {
list-style-type: none;
line-height: 190%;
list-style-position: inside;
text-indent: 32px;
}

#dositec {
list-style-type: none;
line-height: 250%;
margin: 40px 0 80px 7px;
}

#popisky {
position: relative;
height: 40px;
}

#popisky li {
list-style-type: none;
}

li#popisek1 {
display: block;
width: 111px;
height: 50px;
position: absolute;
top: 3px;
left: 0;
}

li#popisek3 {
display: block;
width: 111px;
height: 50px;
position: absolute;
top: 3px;
left: 125px;
}

li#popisek4 {
display: block;
width: 111px;
height: 50px;
position: absolute;
top: 3px;
left: 250px;
}

li#popisek5 {
display: block;
width: 111px;
height: 50px;
position: absolute;
top: 3px;
left: 375px;
}

hr {
clear: both;
visibility: hidden;
}

form {
width: 520px;
margin: 30px 0 0 10px;
}

fieldset {
padding: 5px 5px 5px 10px;
margin: 0 0 10px 0;
border: 1px solid #00266f;
}
legend {
font-weight: bold;
color: blue;	
padding: 3px;
border: 1px solid #00266f;
background: #00266f;
color: #e2ecf9;
font-size: 0.9em;	
}

label {
width: 150px;
float: left;
display:block;
margin-top: 5px;
clear: left;
}

form br {
display: none;
}

input, select {
width: 300px;
margin: 0 0 10px 0;
}

textarea {
width: 340px; 
margin: 12px 0 10px 0;
}

.no {
margin-top: 12px;
}

input.chran {
width: 35px; 
margin-right: 200px;
}

input.knoflik {
width: 150px;
}

.odshora {
margin-top: 25px;
}

#vl {
list-style-type: square;
line-height: 220%;
list-style-position: inside;
}

.vykres {
margin-top: 10px;
}

	/* =============== Tabulky =============== */

table {
width: 490px;
margin: 20px auto 15px auto;
border-collapse: collapse;
border: 2px solid #00266f;
background-color: #e1e9f3;
}

table.posun {
margin: 5px 0 70px 32px;
}

table.druha {
width: 450px;
}

table.treti {
width: 530px;
}

table.zmekcovadlo {
width: auto;
margin: 0 0 80px 0;
}

table#tabule {
width: auto;
margin: 20px 0;
font-size: 0.9em;
}

tr.oranz {
background-color: #FFD3A3;
}

table.tvrdost-vody {
margin: 4px 0 0 0;
width: 60%;
}


table.sll {
width: 580px;
}

table.el {
width: 630px
}

table.pr {
width: 540px;
margin-bottom: 40px;
}

table.items {
width: 430px;
}

table.prisl {
width: 455px;
margin: 0 0 15px 32px;
}

table.horak {
width: 300px;
margin: 10px 0 15px 32px;
}

th, td {
padding: 0.3em;
}

th {
text-align: left;
border: 1px solid #00266f;
}

th.stred {
text-align: center;
font-size: 1.2em;
}

th.stredik {
text-align: center;
font-weight: normal;
}

th.stredik2 {
text-align: center;
}

th.vetsi {
font-size: 1.2em;
}

th.light {
font-weight: normal;
}

td {
text-align: center;
border: 1px solid #00266f;
}

td.nahrada {
text-align: left;
}

th.produkty {
text-align: center;
}

td.leva {
text-align: left;
}

img.odsazen {margin-top: 10px;}

#sedivka {
font-size: 0.9em;
color: #6f6f6f;
}

#sedivka a {
color: #5c5c5c;
}

#sedivka2 {
font-size: 1.1em;
color: #4a4a4a;
margin-bottom: 15px;
margin-top: 50px;
}

#sedivka2 a {
color: #4a4a4a;
}

#docs {
margin-bottom: 20px;
line-height: 170%;
}

.niz {
margin-bottom: 15px;
}

.nize {
margin-bottom: 8px;
}

img.ramecek, img.ramecek2, img.ramecek3 {
border: 2px solid #00194a;
}

img.ramecek2 {
margin-top: 5px;
}

img.ramecek3 {
margin-left: 32px;
}

a:hover img.ramecek, a:hover img.ramecek2, a:hover img.ramecek3 {
border: 2px solid #fc0000;
}

img.cerpadlo {
display: block;
margin: 80px auto 0 auto;
}

img.logo {
display: block;
margin: 60px auto 0 auto;
}

img.il {
margin-top: 10px;
}

img.dopro {
margin-top: 50px;
}

img.dol {
margin-top: 3px;
}

img.ms {
margin: 6px 0 40px 0;
}

img.ilustracni {
margin: -12px 0 30px 0;
}

#rozcestnik {
list-style-type: none;
position: relative;
margin: 20px 0 5px 0;
height: 86px;
}

#rozcestnik li, #rozcestnik li a {
display: inline;
cursor: pointer;
_cursor: hand;
width: 111px;
height:86px;
overflow:hidden;
}

#produktek1 a {
display:block;
position: absolute;
left: 0px;
top: 0;
border: 1px solid black;
}

#produktek11 a {
display:block;
position: absolute;
left: 0px;
top: 0;
text-indent: -111px;
border: 1px solid black;
}

#produktek1 a:hover {
text-indent: -111px;
}

#produktek1 a img, #produktek11 a img {
border: none;
}

#produktek2 a {
display:block;
position: absolute;
left: 125px;
top: 0;
border: 1px solid black;
}

#produktek22 a {
display:block;
position: absolute;
left: 125px;
top: 0;
border: 1px solid black;
text-indent: -111px;
}

#produktek2 a:hover {
text-indent: -111px;
}

#produktek2 a img, #produktek22 a img {
border: none;
}

#produktek3 a {
display:block;
position: absolute;
left: 125px;
top: 0;
border: 1px solid black;
}

#produktek33 a {
display:block;
position: absolute;
left: 125px;
top: 0;
border: 1px solid black;
text-indent: -111px;
}

#produktek3 a:hover {
text-indent: -111px;
}

#produktek3 a img, #produktek33 a img {
border: none;
}

#produktek4 a {
display:block;
position: absolute;
left: 250px;
top: 0;
border: 1px solid black;
}

#produktek44 a {
display:block;
position: absolute;
left: 250px;
top: 0;
border: 1px solid black;
text-indent: -111px;
}

#produktek4 a:hover {
text-indent: -111px;
}

#produktek4 a img, #produktek44 a img {
border: none;
}

#produktek5 a {
display:block;
position: absolute;
left: 375px;
top: 0;
border: 1px solid black;
}

#produktek55 a {
display:block;
position: absolute;
left: 375px;
top: 0;
border: 1px solid black;
text-indent: -111px;
}

#produktek5 a:hover {
text-indent: -111px;
}

#produktek5 a img, #produktek55 a img {
border: none;
}

img.lampa {
border: 1px solid gray;
margin: 0 0 25px 32px;
}

img.zmekcovadlo {
border: 1px solid gray;
margin: 5px 10px 5px 0;
float: left;
}


.register { margin: 23px 0 8px 0; }
.reg { font-style: normal; line-height: 1.3; }