html, body {
    margin: 0;
    padding: 0;
    }

body {
    line-height: 130%;
    background: url('grafika/pozadi.gif') top center repeat-x #9DCFD8;
    text-align: center;
    font-size: 62.5%;
    padding: 2em 0 40px;
    }

hr {
    display: none;
    }

body, input, textarea, select {
    font-family: "Arial CE", arial, sans-serif;
    color: black;
    }

div#obal {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    }

div#hlavicka {
    position: absolute;
    top: 2em;
    width: 900px;
    }

div#hlavicka ul {
    color: white;
    margin: 0;
    background: url('grafika/menu.gif') center bottom no-repeat #138600;
    font-size: 160%;
    height: 46px;
    _padding-left: 30px;
    }

div#hlavicka li {
    display: block;
    float: left;
    margin: 0;
    }

a {text-decoration: none;}
a:hover {text-decoration: underline;}

div#hlavicka li a, div#hlavicka li span {
    display:block;
    padding: 16px 12px 16px;
    color: white;
    }

div#hlavicka li span, div#hlavicka li a:hover {
    background: url('grafika/zub.gif') top no-repeat;
    }

div#hlavicka, div#siditko {
    background: url('grafika/hlavicka.gif') top center repeat white;
    }

div#siditko {
    height: 50px;
    background-color: white;
    margin-top: 210px;
    }

h2, h1 {
    font-weight: normal;
    }

h2 {
    width: 300px;
    height: 140px;
    position: relative;
    margin: 0;
    font-size: 100%;
    padding: 0 0 0 200px;
    }

h2 span {
    background: url('grafika/nadpis.gif') left top no-repeat;
    position: absolute;
    top: 0;
    width: 300px;
    height: 138px;
    }

h2 a {
    color: #169C00;
    position: relative;
    }

h2 a:hover {
    text-decoration:none;
    }

h1 {
    line-height: 100%;
    margin: 0 0 2em;;
    font-size: 200%;
    }

div#obsah {
    position: relative;
    padding: 0 5px 100px 50px;
    background: url('grafika/spodek.gif') bottom center no-repeat white;
    font-size: 120%;
    min-height: 29em;
    _height: 25em;
    margin-bottom: 2em;
    }

div.box, div.info {
    width: 240px;
    height: 140px;
    float: left;
    }

div.box {
    background: url('grafika/box.gif') center repeat #F2F2F2;
    float: left;
    position: relative;
    margin: 0 40px 40px 0;
    }

div.box img {
    z-index: 1;
    }

div.info p {width: auto;}

div.box a {
    position: relative;
    display: block;
    height: 120px;
    width: 210px;
    font-size: 200%;
    color: #169C00;
    text-align: right;
    line-height: 110%;
    font-style: italic;
    margin: 10px 15px;
    z-index: 2;
    }

p {
    margin: 0 0 1em;
    }

p, ol {
    line-height: 133.33%;
    }

p a, ol a {
    color: #2A5AD3;
    text-decoration: underline;
    font-weight: bold;
    }

img {
    position: absolute;
    behavior: url('/iepngfix.htc');
    }

img#penize-home {
    top: 30px;
    left: -5px;
    }

img#metr-home {
    top: 45px;
    left: -5px;
    }

img#vahy-home {
    top: 12px;
    left: -17px;
    }

img#banky-home {
    top: -16px;
    left: 12px;
    }

img#teplomer-home {
    top: -13px;
    left: 30px;
    }

img#kalkulacka {
    top: 18px;
    left: 20px;
    }

img#jablko {
    top: 9px;
    left: 0;
    }

img#teplomer {
    top: -50px;
    left: 65px;
    }

img#penize {
    top: 0;
    left: 13px;
    }

img#metr {
    top: 22px;
    left: -3px;
    }

img#banky {
    top: -42px;
    left: 38px;
    }

img#vahy {
    top: -8px;
    left: 33px;
    }

img#byt {
    top: -12px;
    left: 22px;
    }
    
img#bota {
    top: -15px;
    left: 15px;
    }

img#japonec {
    position: fixed;
    bottom: 0;
    right: 15%;
    _position: absolute;
    _top: 0;
    _right: 100px;
    z-index: 21;
    }

form {
    margin: 2em 0 0;
    font-size: 150%;
    line-height: 200%;
    }

input.policko, input.male, select {
    font-size: 100%;
    xborder: 1px solid #ddd;
    margin: .25em 0;
    _position: relative;
    _top: .2em;
    }

input.policko {
    width: 4em;
    text-align: right;
    }

input.male {
    width: 2em;
    text-align:left;
    }

img#ajax {
    visibility: hidden;
    position: relative;
    margin: 0 .5em;
    }

form select {
    margin-right: .2em;
    }

label {
    display:block;
    float:left;
    width: 5.5em;
    }

form br {clear: both;}

form span.labeled {
    _position: relative;
    _top: .45em;
    }

table {
    border-collapse: collapse;
    font-size: 100%;
    width: 500px;
    margin-bottom: 2em;
    }

form table {
    margin-top: 3em;
    font-size: 66.66%;
    line-height: 133.33%
    }

td, th {
    border: 1px solid silver;
    text-align: center;
    padding: .5em .2em;
    }

td.e {
    border: none;
    width: .8em;
    }

th {
    font-weight: normal;
    text-align: left;
    padding: .5em .8em;
    }

h1, p, ol {
    width: 500px;
    }

small, small a {
    color: #3E97AD;
    }

small {
    font-size: 120%;
    display: block;
    margin: 1em .5em;
    text-align: left;
    }

small a {
    text-decoration: underline;
    }

div.ad {
    position: absolute;
    top: 50px;
    right: 60px;
    }

div.ad img {
    padding: 0;
    margin: 0;
    position: relative;
}

p.adv {
    margin-top: 3.1em;
    }

table img {
    top: 1px;
    position: relative;
    margin-right: .3em;
    }