* {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: 0 none;
    vertical-align: baseline;
    line-height: 100%;
}

body {
    background: white url(../images/pozadi.jpg) no-repeat top center fixed;
    font-family: "Arial", sans-serif;
}

p.nadpisy {
    color: #063978;
    font-size: 12px;
    padding: 12px 0 3px 10px;
}

p.adresa {
    color: white;
    font-size: 15px;
    padding: 0 0 0 10px;
}

p.cisla {
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 0 10px;
}

#main {
    width: 1000px;
    margin: 0 auto;

}

#url_footer {
    width: 1000px;
    margin: 0 auto;
    font-size: 8pt;
    color: #808080;
    line-height: 150%;
    text-align: justify;
}

#left {
    width: 200px;
    float: left;
    margin-top: 5px;
}

#logo {
    width: 200px;
    height: 229px;
    position: relative;
    background: transparent url(../images/logo.png) no-repeat top;
}

#logo a {
    position: absolute;
    cursor: pointer;
    display: block;
    width: 160px;
    height: 160px;
    left: 20px;
    top: 20px;
}


#kontakt {
    width: 200px;
    height: 351px;
    background: transparent url(../images/kontakt.png) no-repeat top;
}

#kontakt a {
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 10px;
    display: block;
    text-decoration: none;
}

#kontakt a:hover {
    text-decoration: underline;
}

#right {
    width: 800px;
    float: right;
}

#nadpis {
    width: 790px;
    height: 20px;
    text-align: right;
    padding: 15px 10px 0 0;
}

#nadpis a {
    color:#859AB7;
    text-decoration: none;
    font-size: 18px;

}

#text-top {
    width: 800px;
    height: 137px;
    background: transparent url(../images/text_top.png) no-repeat;
}

#typnwex, #typnw, #typnp, #typnh {
    width: 400px;
    height: 326px;
    float: left;
}

#typnwex a, #typnw a, #typnp a, #typnh a {
    width: 400px;
    height: 326px;
    display: block;
}

#typnwex a {background: white url(../images/typnwex.jpg) no-repeat;}
#typnw a {background: white url(../images/typnw.jpg) no-repeat;}
#typnp a {background: white url(../images/typnp.jpg) no-repeat;}
#typnh a {background: white url(../images/typnh.jpg) no-repeat;}

#typnwex a:hover {background: white url(../images/htypnwex.jpg) no-repeat;}
#typnw a:hover {background: white url(../images/htypnw.jpg) no-repeat;}
#typnp a:hover {background: white url(../images/htypnp.jpg) no-repeat;}
#typnh a:hover {background: white url(../images/htypnh.jpg) no-repeat;}


#oferta-nadpis {
    width: 190px;
    height: 37px;
    background: transparent url(../images/oferta_nadpis.png) no-repeat;
}

#oferta {
    float: left;
    width: 190px;
    height: 203px;
    background: transparent url(../images/oferta.png) no-repeat;
    position: relative;
}

#oferta li {
    list-style:none;
    position: absolute;
    left: 0;
    height: 32px;
    width: 190px;
} 

#oferta li, #oferta a {
    height:32px;
    display:block;
} 

#filtry {top:0px} 
#celkove {top:32px} 
#cyklony {top:64px} 
#klapy {top:96px} 
#zasuwy {top:128px} 
#slimakowe {top:160px}

#filtry a:hover {background: transparent url(../images/hoferta.png) 0px 0px no-repeat} 
#celkove a:hover {background: transparent url(../images/hoferta.png) 0px -32px no-repeat} 
#cyklony a:hover {background: transparent url(../images/hoferta.png) 0px -64px no-repeat} 
#klapy a:hover {background: transparent url(../images/hoferta.png) 0px -96px no-repeat} 
#zasuwy a:hover {background: transparent url(../images/hoferta.png) 0px -128px no-repeat} 
#slimakowe a:hover {background: transparent url(../images/hoferta.png) 0px -160px no-repeat} 

#vyrobky-vodorovne {
    width: 1000px;
    height: 135px;
    background-color: white;
    float: left;
    margin: 8px 0;
}

#sp-filtry, #sp-celkove, #sp-klapy, #sp-zasuwy, #sp-slimakowe {
    width: 200px;
    height: 135px;
    float: left;
}

#sp-filtry a, #sp-celkove a, #sp-klapy a, #sp-zasuwy a, #sp-slimakowe a {
    width: 200px;
    height: 135px;
    display: block;
}

#sp-filtry a {background: white url(../images/spodek/filtry.jpg) no-repeat;}
#sp-celkove a {background: white url(../images/spodek/dozowniki.jpg) no-repeat;}
#sp-klapy a {background: white url(../images/spodek/klapy.jpg) no-repeat;}
#sp-zasuwy a {background: white url(../images/spodek/zasuwy.jpg) no-repeat;}
#sp-slimakowe a {background: white url(../images/spodek/slimakowe.jpg) no-repeat;}

#sp-filtry a:hover {background: white url(../images/spodek/hfiltry.jpg) no-repeat;}
#sp-celkove a:hover {background: white url(../images/spodek/hdozowniki.jpg) no-repeat;}
#sp-klapy a:hover {background: white url(../images/spodek/hklapy.jpg) no-repeat;}
#sp-zasuwy a:hover {background: white url(../images/spodek/hzasuwy.jpg) no-repeat;}
#sp-slimakowe a:hover {background: white url(../images/spodek/hslimakowe.jpg) no-repeat;}

#footer {
    width: 980px;
    height: 27px;
    float: left;
    background: transparent url(../images/pata.png) no-repeat;
    margin-bottom: 5px;
    font-size: 12px;
    color: #CCCCCC;
    padding: 15px 10px 0 10px;
}

#footer span.left {float: left;}
#footer span.right {float: right;}

#footer span.right img { vertical-align: middle;}