DIV.centered {
       CLEAR: both; MARGIN: auto; TEXT-ALIGN: left
}
BR.c {
       CLEAR: both; WIDTH: 0px; HEIGHT: 0px
}

#teutonia {
       WIDTH: 960px;
       HEIGHT: 61px;

       BACKGROUND-IMAGE: url(../gfx/top.jpg);
}

#baner {
       WIDTH: 948px;
       HEIGHT: 187px;
       BACKGROUND-IMAGE: url(../gfx/banner.jpg);
}



#pasek {
       WIDTH: 948px;
       HEIGHT: 31px;
       margin-top: 6px;
       BACKGROUND-IMAGE: url(../gfx/pasek.jpg);
}

#pasek h2 {
        FONT: 12px Arial, Helvetica, sans-serif;
        COLOR: #ffffff;
        font-weight : bold;

        margin-left: 5px;
        line-height: 27px;
}

#pasek h3 {
        FONT: 13px Arial, Helvetica, sans-serif;
        COLOR: #9242bb;
        font-weight : bold;

        margin-left: 5px;
        line-height: 27px;
}


#oferta {
       WIDTH: 948px;
       margin-top: 6px;
       margin-bottom: 6px;
       text-align: left;
}

#wozek {
        float: left;
        min-height: 200px;

        height:310px;
        width: 147px;
        
     

        border: 1px solid #bcbcbc;
        margin-bottom:15px;
        margin-right:4px;
        margin-left:4px;
        

}

/*
        min-height: 300px;
        height: auto !important;
        height:245px;
        width: 147px;
        
     

        border: 1px solid #bcbcbc;
        margin-bottom:15px;
        margin-right:4px;
        margin-left:4px;
        -moz-box-sizing: border-box;


*/

#oferta2 {
        float: left;
        width: 380px;
        min-height: 100px;
        height: auto !important;
        height:400px;

        border: 1px solid #bcbcbc;
        margin-bottom:15px;
        margin-right:4px;
        margin-left:4px;
        -moz-box-sizing: border-box;

}

#wozek p {
        margin-top: 3 px;
        margin-left: 3 px;
        margin-right: 3 px;
}
#wozek h4 {
        FONT: 22px Arial, Helvetica, sans-serif;
        COLOR: #9540b5;
        font-weight : bold;
        margin-left: 5px;
}
#wozek h1 {
        
        FONT: 16px Arial, Helvetica, sans-serif;
        COLOR: #9540b5;
        font-weight : bold;
        margin-left: 5px;
        line-height: 27px;
}

#wozek h1.linia {

}

#wozek a {
        float: right
        FONT: 15px Arial, Helvetica, sans-serif;
        COLOR: #b2e30f;
        text-decoration: none;
        font-weight : bold;
        margin-right: 5px;
        line-height: 27px;
}

#wozek a:hover {
        float: right
        FONT: 15px Arial, Helvetica, sans-serif;
        COLOR: #9342bb;
        text-decoration: none;
        font-weight : bold;
        margin-right: 5px;
        line-height: 27px;
}

#oferta h3 {
        FONT: 13px Arial, Helvetica, sans-serif;
        COLOR: #9242b5;
        font-weight : bold;
        margin-left: 5px;
        line-height: 27px;
}

#etap {
       WIDTH: 942px;
       height: 18px;
}

#etapbox {
        float: left;
        height: 18px;
        background: url(../gfx/strzalka.gif) no-repeat top right;
        background-color: #9342bb;
        margin-right: 10px;
        color: white;
}

#etapbox a {
        float: right
        CLEAR: both;
        line-height: 0px;
        margin: 0 0 0 0;
        padiing: 0 0 0 0;
        COLOR: white;
        text-decoration: none;
        line-height: 0px;
}

#etapbox-aktiv {
        float: left;
        height: 18px;
        background: url(../gfx/strzalka2.gif) no-repeat top right;
        background-color: #ade40f;
        margin-right: 10px;
        color: white;
}

#etapbox-aktiv a {
        float: right
        CLEAR: both;
        line-height: 0px;
        margin: 0 0 0 0;
        padiing: 0 0 0 0;
        COLOR: white;
        text-decoration: none;
        line-height: 0px;
}

#etapx {
        float: left;
        height: 25px;
        width: 25px;
        margin-left: 5px;
        background-color: #9342bb;
}



#etapx-aktiv {
        float: left;
        height: 25px;
        width: 25px;
        margin-left: 5px;
        background-color: #ade40f;
}
#etapx-aktiv h3 {
        FONT: 16px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #9242bb;
        font-weight : bold;
        margin-left: 7px;
        line-height: 27px;
}
#etapx h3 {
        FONT: 16px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #ffffff;
        font-weight : bold;
        margin-left: 7px;
        line-height: 27px;
}

#owozku {
       WIDTH: 942px;

}

#opis {
       WIDTH: 942px;
       margin-top: 6px;
       margin-bottom: 6px;
       border:0px solid #4ca3bf;
}
#oferta h1 {
        FONT: 19px Arial, Helvetica, sans-serif;
        COLOR: #9242bb;
        font-weight : bold;
        margin-left: 5px;
        line-height: 27px;
}
#opis a {
        float: right
        FONT: 15px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #b2e30f;
        text-decoration: none;
        font-weight : bold;
}

#opis a:hover {
        float: right
        FONT: 15px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #9342bb;
        text-decoration: none;
        font-weight : bold;
}

#kolorystyka {
       float: left;
       WIDTH: 948px;
       margin-top: 6px;
       margin-bottom: 6px;
       background-color: #cfcfcf;
}

#zamawiam {
        float: left;
        width: 300px;
        margin-left: 10px;
        margin-top: 10px;
        border:2px solid #ade40f;

}
#zamawiam h3 {
        
        FONT: 11px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #9342bb;
        margin-left: 5px;
        margin-top: 10px;
        font-weight : bold;
}

#zamawiam input {
        margin-left: 5px;
        FONT: 11px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #9342bb;
        border: #9342bb 1px solid;
        width: 280px;
}

#zamawiam textarea {
        margin-left: 5px;
        FONT: 11px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #9342bb;
        border: #9342bb 1px solid;
        width: 280px;
}

#boks {
        float: left;
        width: 120px;
        margin-left: 10px;
        margin-top: 10px;
        border:2px solid #ade40f;
        text-align:center;
}

#boxfoto {
        float: left;
        width: 300px;
        margin-left: 10px;
        margin-top: 10px;
        text-align:center;
}
#boxopis {
        float: right;
        width: 400px;
        background-color:#e7f8b8;
        margin-left: 10px;
        margin-top: 10px;
        text-align:left;
}


#boks img {
        border:0px solid #d0d0d0;
        margin-top:5px;
        width: 300px;
        
}

#navi {
       WIDTH: 948px;
       HEIGHT: 50px;
       BACKGROUND-IMAGE: url(../gfx/px.jpg);
       text-align:right;
       
}




#navi ul {
       list-style-type: none;
       margin: 0px;
       padding: 0px;
}
#navi ul a.home {
       text-decoration: none;
       background: url(../gfx/strona.jpg) no-repeat top center;
       float: left;
       width: 131px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a:hover.home {
       text-decoration: none;
       background: url(../gfx/strona_aktiv.jpg) no-repeat top center;
       float: left;
       width: 131px;
       height: 50px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#navi ul a.home-aktiv {
       text-decoration: none;
       background: url(../gfx/strona_aktiv.jpg) no-repeat top center;
       float: left;
       width: 131px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a.omarce {
       text-decoration: none;
       background: url(../gfx/omarce.jpg) no-repeat top center;
       float: left;
       width: 80px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a:hover.omarce {
       text-decoration: none;
       background: url(../gfx/omarce_aktiv.jpg) no-repeat top center;
       float: left;
       width: 80px;
       height: 50px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#navi ul a.omarce-aktiv {
       text-decoration: none;
       background: url(../gfx/omarce_aktiv.jpg) no-repeat top center;
       float: left;
       width: 80px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}


#navi ul a.produkty {
       text-decoration: none;
       background: url(../gfx/produkty.jpg) no-repeat top center;
       float: left;
       width: 89px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a:hover.produkty {
       text-decoration: none;
       background: url(../gfx/produkty_aktiv.jpg) no-repeat top center;
       float: left;
       width: 89px;
       height: 50px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#navi ul a.produkty-aktiv {
       text-decoration: none;
       background: url(../gfx/produkty_aktiv.jpg) no-repeat top center;
       float: left;
       width: 89px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a.abc {
       text-decoration: none;
       background: url(../gfx/abc.jpg) no-repeat top center;
       float: left;
       width: 115px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a:hover.abc {
       text-decoration: none;
       background: url(../gfx/abc_aktiv.jpg) no-repeat top center;
       float: left;
       width: 115px;
       height: 50px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#navi ul a.abc-aktiv {
       text-decoration: none;
       background: url(../gfx/abc_aktiv.jpg) no-repeat top center;
       float: left;
       width: 115px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a.kontakt {
       text-decoration: none;
       background: url(../gfx/kontakt.jpg) no-repeat top center;
       float: left;
       width: 81px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a:hover.kontakt {
       text-decoration: none;
       background: url(../gfx/kontakt_aktiv.jpg) no-repeat top center;
       float: left;
       width: 81px;
       height: 50px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#navi ul a.kontakt-aktiv {
       text-decoration: none;
       background: url(../gfx/kontakt_aktiv.jpg) no-repeat top center;
       float: left;
       width: 81px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}


#navi ul a.d24 {
       text-decoration: none;
       background: url(../gfx/24.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a:hover.d24 {
       text-decoration: none;
       background: url(../gfx/24_aktiv.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 50px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#navi ul a.d24-aktiv {
       text-decoration: none;
       background: url(../gfx/24_aktiv.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}


#navi ul a.konto {
       text-decoration: none;
       background: url(../gfx/konto.jpg) no-repeat top center;
       float: left;
       width: 100px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#navi ul a:hover.konto {
       text-decoration: none;
       background: url(../gfx/konto_aktiv.jpg) no-repeat top center;
       float: left;
       width: 100px;
       height: 50px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#navi ul a.konto-aktiv {
       text-decoration: none;
       background: url(../gfx/konto_aktiv.jpg) no-repeat top center;
       float: left;
       width: 100px;
       height: 50px;       
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi {
       WIDTH: 948px;
       HEIGHT: 27px;
       margin-top:6px;
       
}
#subnavi ul {
       list-style-type: none;
       margin: 0px;
       padding: 0px;
}

#subnavi ul a.beyou {
       text-decoration: none;
       background: url(../menuimg/beyou.jpg) no-repeat top center;
       float: left;
       width: 79px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.beyou {
       text-decoration: none;
       background: url(../menuimg/beyou-teutonia.jpg) no-repeat top center;
       float: left;
       width: 79px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#subnavi ul a.beyou-aktiv {
       text-decoration: none;
       background: url(../menuimg/beyou-teutonia.jpg) no-repeat top center;
       float: left;
       width: 79px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}







#subnavi ul a.fun {
       text-decoration: none;
       background: url(../menuimg/fun-system.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.fun{
       text-decoration: none;
       background: url(../menuimg/fun-system-teutonia.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.fun-aktiv {
       text-decoration: none;
       background: url(../menuimg/fun-system-teutonia.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}

#subnavi ul a.cosmo {
       text-decoration: none;
       background: url(../menuimg/cosmo.jpg) no-repeat top center;
       float: left;
       width: 72px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.cosmo{
       text-decoration: none;
       background: url(../menuimg/cosmo-teutonia.jpg) no-repeat top center;
       float: left;
       width: 72px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.cosmo-aktiv {
       text-decoration: none;
       background: url(../menuimg/cosmo-teutonia.jpg) no-repeat top center;
       float: left;
       width: 72px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}

#subnavi ul a.elegance {
       text-decoration: none;
       background: url(../menuimg/elegance.jpg) no-repeat top center;
       float: left;
       width: 92px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.elegance{
       text-decoration: none;
       background: url(../menuimg/elegance-teutonia.jpg) no-repeat top center;
       float: left;
       width: 92px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.elegance-aktiv {
       text-decoration: none;
       background: url(../menuimg/elegance-teutonia.jpg) no-repeat top center;
       float: left;
       width: 92px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}

#subnavi ul a.spirit {
       text-decoration: none;
       background: url(../menuimg/spirit-s3.jpg) no-repeat top center;
       float: left;
       width: 98px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.spirit{
       text-decoration: none;
       background: url(../menuimg/spirit-s3-teutonia.jpg) no-repeat top center;
       float: left;
       width: 98px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.spirit-aktiv {
       text-decoration: none;
       background: url(../menuimg/spirit-s3-teutonia.jpg) no-repeat top center;
       float: left;
       width: 98px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}

#subnavi ul a.team {
       text-decoration: none;
       background: url(../menuimg/team-cosmo.jpg) no-repeat top center;
       float: left;
       width: 122px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.team{
       text-decoration: none;
       background: url(../menuimg/team-cosmo-teutonia.jpg) no-repeat top center;
       float: left;
       width: 122px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.team-aktiv {
       text-decoration: none;
       background: url(../menuimg/team-cosmo-teutonia.jpg) no-repeat top center;
       float: left;
       width: 122px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}

#subnavi ul a.tario {
       text-decoration: none;
       background: url(../menuimg/tario.jpg) no-repeat top center;
       float: left;
       width: 70px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.tario{
       text-decoration: none;
       background: url(../menuimg/tario-teutonia.jpg) no-repeat top center;
       float: left;
       width: 70px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.tario-aktiv {
       text-decoration: none;
       background: url(../menuimg/tario-teutonia.jpg) no-repeat top center;
       float: left;
       width: 70px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}


#subnavi ul a.akcesoria {
       text-decoration: none;
       background: url(../menuimg/akcesoria.jpg) no-repeat top center;
       float: left;
       width: 103px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.akcesoria{
       text-decoration: none;
       background: url(../menuimg/akcesoria-teutonia.jpg) no-repeat top center;
       float: left;
       width: 103px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.akcesoria-aktiv {
       text-decoration: none;
       background: url(../menuimg/akcesoria-teutonia.jpg) no-repeat top center;
       float: left;
       width: 103px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}


#subnavi ul a.mistrals {
       text-decoration: none;
       background: url(../menuimg/mistral-s.jpg) no-repeat top center;
       float: left;
       width: 99px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.mistrals{
       text-decoration: none;
       background: url(../menuimg/mistral-s-teutonia.jpg) no-repeat top center;
       float: left;
       width: 99px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.mistrals-aktiv {
       text-decoration: none;
       background: url(../menuimg/mistral-s-teutonia.jpg) no-repeat top center;
       float: left;
       width: 99px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}





#subnavi ul a.mistralp {
       text-decoration: none;
       background: url(../menuimg/mistral-p.jpg) no-repeat top center;
       float: left;
       width: 96px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi ul a:hover.mistralp{
       text-decoration: none;
       background: url(../menuimg/mistralp-teutonia.jpg) no-repeat top center;
       float: left;
       width: 96px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi ul a.mistralp-aktiv {
       text-decoration: none;
       background: url(../menuimg/mistralp-teutonia.jpg) no-repeat top center;
       float: left;
       width: 96px;
       height: 27px;
       text-indent: -9999px;
       overflow-x: hidden;
}

#subnavi2 {
       WIDTH: 948px;
       HEIGHT: 10px;
       margin-top:0px;
       
}

#subnavi2 ul {
       list-style-type: none;
       margin: 0px;
       padding: 0px;
}

#subnavi2 ul a.beyou {
       text-decoration: none;
       background: url(../menuimg/beyou-eko.jpg) no-repeat top center;
       float: left;
       width: 79px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.beyou {
       text-decoration: none;
       background: url(../menuimg/beyou-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 79px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}
#subnavi2 ul a.beyou-aktiv {
       text-decoration: none;
       background: url(../menuimg/beyou-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 79px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}







#subnavi2 ul a.fun {
       text-decoration: none;
       background: url(../menuimg/fun-system-eko.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.fun{
       text-decoration: none;
       background: url(../menuimg/fun-system-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.fun-aktiv {
       text-decoration: none;
       background: url(../menuimg/fun-system-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 117px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}

#subnavi2 ul a.cosmo {
       text-decoration: none;
       background: url(../menuimg/cosmo-eko.jpg) no-repeat top center;
       float: left;
       width: 72px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.cosmo{
       text-decoration: none;
       background: url(../menuimg/cosmo-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 72px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.cosmo-aktiv {
       text-decoration: none;
       background: url(../menuimg/cosmo-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 72px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}

#subnavi2 ul a.elegance {
       text-decoration: none;
       background: url(../menuimg/elegance-eko.jpg) no-repeat top center;
       float: left;
       width: 92px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.elegance{
       text-decoration: none;
       background: url(../menuimg/elegance-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 92px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.elegance-aktiv {
       text-decoration: none;
       background: url(../menuimg/elegance-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 92px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}

#subnavi2 ul a.spirit {
       text-decoration: none;
       background: url(../menuimg/spirit-s3-eko.jpg) no-repeat top center;
       float: left;
       width: 98px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.spirit{
       text-decoration: none;
       background: url(../menuimg/spirit-s3-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 98px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.spirit-aktiv {
       text-decoration: none;
       background: url(../menuimg/spirit-s3-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 98px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}

#subnavi2 ul a.team {
       text-decoration: none;
       background: url(../menuimg/team-cosmo-eko.jpg) no-repeat top center;
       float: left;
       width: 122px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.team{
       text-decoration: none;
       background: url(../menuimg/team-cosmo-eko.jpg) no-repeat top center;
       float: left;
       width: 122px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.team-aktiv {
       text-decoration: none;
       background: url(../menuimg/team-cosmo-eko.jpg) no-repeat top center;
       float: left;
       width: 122px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}

#subnavi2 ul a.tario {
       text-decoration: none;
       background: url(../menuimg/tario-eko.jpg) no-repeat top center;
       float: left;
       width: 70px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.tario{
       text-decoration: none;
       background: url(../menuimg/tario-eko.jpg) no-repeat top center;
       float: left;
       width: 70px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.tario-aktiv {
       text-decoration: none;
       background: url(../menuimg/tario-eko.jpg) no-repeat top center;
       float: left;
       width: 70px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}


#subnavi2 ul a.akcesoria {
       text-decoration: none;
       background: url(../menuimg/akcesoria-eko.jpg) no-repeat top center;
       float: left;
       width: 103px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.akcesoria{
       text-decoration: none;
       background: url(../menuimg/akcesoria-eko.jpg) no-repeat top center;
       float: left;
       width: 103px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.akcesoria-aktiv {
       text-decoration: none;
       background: url(../menuimg/akcesoria-eko.jpg) no-repeat top center;
       float: left;
       width: 103px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}


#subnavi2 ul a.mistrals {
       text-decoration: none;
       background: url(../menuimg/mistral-s-eko.jpg) no-repeat top center;
       float: left;
       width: 99px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.mistrals{
       text-decoration: none;
       background: url(../menuimg/mistral-s-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 99px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.mistrals-aktiv {
       text-decoration: none;
       background: url(../menuimg/mistral-s-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 99px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}





#subnavi2 ul a.mistralp {
       text-decoration: none;
       background: url(../menuimg/mistral-p-eko.jpg) no-repeat top center;
       float: left;
       width: 96px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}

#subnavi2 ul a:hover.mistralp{
       text-decoration: none;
       background: url(../menuimg/mistralp-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 96px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;       
}

#subnavi2 ul a.mistralp-aktiv {
       text-decoration: none;
       background: url(../menuimg/mistralp-teutonia-eko.jpg) no-repeat top center;
       float: left;
       width: 96px;
       height: 10px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden; 
}




#podpis {
       WIDTH: 948px;
       HEIGHT: 50px;
       BACKGROUND-IMAGE: url(../gfx/px.jpg);
       FONT: 10px Verdana, Arial, Helvetica, sans-serif;
       COLOR: white;
       text-decoration: none;
}