body {
margin: 0 0 8px 0; 
padding: 0;
background: #d7d7d7 url("IMAGES/CSS/poz_body.jpg") repeat-y 50%;
font: 70%/150% verdana, sans-serif;
}

/* konkrétní styly */
img {padding: 0; margin: 0; border: 0;}

hr.cleaner {
clear: both;
height: 1px;
margin: -1px 0 0 0; 
padding: 0;
border: none;
visibility: hidden;
}

h1, h2, h3, h4 {padding: 5px 0 0; margin: 0; text-transform: uppercase;}

h1 {font-size: 140%}
h2 {font-size: 120%; padding: 13px 25px; font-weight: bold; background: transparent url(IMAGES/CSS/poz_nadpis.gif) 0 50% no-repeat;}
h3 {font-size: 100%; color: #f9a61a;}
h4 {font-size: 80%}
#pravy h4 {background-color: #d7d7d7; padding: 4px 10px; border-bottom: 2px solid #f9a61a; text-align: right;}

acronym { border-bottom: 1px dotted; cursor: help; font-weight: bold;}
p {text-indent: 15px; margin-bottom: 0px; margin-top: 5px; padding: 5px 0;}
.prohlaseni {font-size: 80%; text-indent: 0; margin: 0; padding: 0;}
#mapa {padding: 1px 12px; color: #fff; background-color: #7e7e7e; margin-bottom: 10px;}
#mapa a {color: #fff; text-decoration: none;}
#mapa a:hover {color: #f9a61a;}

table {width: 99%; text-align: left; border-collapse: collapse;}
td,th {border: 0; border-collapse: collapse; text-align: left; vertical-align: top;}
table.kontakt, .kontakt td {border: 1px solid #f9a61a; background-color: #fae0b9}
.kontakt td {padding: 5px;}
.table-kontakt {margin: 0 auto;}
.hlaska {border: 1px solid #7e7e7e; padding: 2px; text-align: center; color:#f9a61a;}
ul {
margin: 15px 0;
padding: 0;
list-style-type: none;
}

ul#sluzby li, ul#dalsi-sluzby li, ul#pobocky li, ul#odkazy li, ul#reference li {
margin: 0 10px;
padding: 0 20px;
background: transparent url(IMAGES/CSS/bullet.gif) 0 50% no-repeat;
}

#div {padding: 0; margin: 0; border: 0;}

option, input, textarea, select {font: 100% verdana, sans-serif; border: 1px solid #f9a61a; padding: 2px;}
textarea {font-size: 100%;}
fieldset {border: 1px solid #f9a61a; padding: 5px;}

#doporucit {width: 182px; margin: 0 auto; padding: 10px 0 0 0;}
#doporucit .odeslat, .table-kontakt .odeslat  {display: block; padding: 0; margin: 5px 5px 5px auto; font-weight: bold; color: #fff; text-align: center; background: #f9a61a url(IMAGES/CSS/odeslat.gif) 0 50% repeat-x;}
#doporucit .email, #doporucit .zprava {width: 180px;}
.prehled {text-align: right; margin-bottom: 15px;}
#prehled-produkty-sluzby {padding: 10px 4px;}

/* rozmístění */
#telo-null {
width: 770px;
margin: 0 auto;
background: transparent url(IMAGES/CSS/poz_telo.jpg) 0 0 repeat-y;
}


/* hlavička */
#hlavicka-null {
position: relative;
}

#hlavicka {
height: 110px;
position: relative;
background: #ccc url(IMAGES/CSS/poz_hlavicka.jpg) 0 0 no-repeat;
}


/* obsah */
#pravy-null {
float: right;
width: 200px;
background: #f6f6f6 url(IMAGES/CSS/poz_pravy.jpg) 0 0 no-repeat;
}

#pravy {
margin-top: 125px;
padding: 0 5px;
}

#obsah-null {
margin: 0 210px 0 0;
background: #f6f6f6 url(IMAGES/CSS/poz_obsah.jpg) 0 0 no-repeat;
}

#obsah {
padding: 0 10px 5px;
}

#patka-null {
width: 560px;
background: #ccc url(IMAGES/CSS/poz_patka.jpg) 0 0 repeat-y;
}

#patka {
padding: 10px 0;
text-align: center;
}

#reklama-null {
width: 560px;
}

#reklama {
padding: 10px 0 10px;
_padding-bottom: 0;
text-align: center;
}

#banner {
width: 468px;
margin: 0 auto;
text-align: center;
}

#areal, #dobrmani {
height: 30px;
line-height: 30px;
background: transparent url(IMAGES/CSS/bullet.gif) 5px 50% no-repeat;
padding: 5px;
padding-left: 25px;
border-right: 1px dotted #ccc;
border-left: 1px dotted #ccc;
}

#areal {
border-bottom: 1px dotted #ccc;
}

/* menu */
#navigace {
height: 16px;
position: absolute;
right: 10px;
bottom: 20px;
}

#navigace ul {
background: url(IMAGES/CSS/poz_menu.gif) no-repeat 0 0;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}

#navigace li {
float: left;
height: 16px;
}

#navigace .index, .index-aktive {
width: 85px;
overflow: hidden;
}

#navigace .spolecnost, .spolecnost-aktive {
width: 78px;
overflow: hidden;
}

#navigace .produkty, .produkty-aktive {
width: 107px;
overflow: hidden;
}

#navigace .reference, .reference-aktive {
width: 58px;
overflow: hidden;
}

#navigace .kontakt, .kontakt-aktive {
width: 50px;
overflow: hidden;
}

#navigace a {
margin: 0 5px;
_padding-bottom: 2px;
color: #ccc;
display: block;
font-weight: normal;
height: 16px;
text-indent: -9999px;
text-decoration: none;
}

#navigace a {
background: url(IMAGES/CSS/poz_menu.gif) no-repeat;
}

#navigace a.index {
background-position: 0 -10px;
}

#navigace a.spolecnost {
background-position: -150px -10px;
}

#navigace a.produkty {
background-position: -300px -10px;
}

#navigace a.reference {
background-position: -450px -10px;
}

#navigace a.kontakt {
background-position: -600px -10px;
}

#navigace a.index-aktive {
background-position: 0 -40px;
}

#navigace a.spolecnost-aktive {
background-position: -150px -40px;
}

#navigace a.produkty-aktive {
background-position: -300px -40px;
}

#navigace a.reference-aktive {
background-position: -450px -40px;
}

#navigace a.kontakt-aktive {
background-position: -600px -40px;
}

#navigace a:hover {
border-bottom: 2px solid #ccc;
_padding-bottom: 0;
}