body{
font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        margin:0; 
        padding:0;
        height:100%;
        width:100%;
        color: #000000;
        }
        table { border: 0px;  }
  p, span {padding:0px; margin:0px;}
           form { padding: 0; margin: 0;}
        input {padding: 0; margin: 0;}
        img {border: 0px; margin: 0px; padding: 0px;} 
        ul, li, ol {
        margin: 0px;
        padding: 0px;
        }
                div {
                font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        color: #333333;
}
                div a, 
        div a:link, 
        div a:visited 
        div a:hover {
        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        color: #999999;
}

a:link {
    font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        text-decoration: none;
        }
a:visited {
    font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        text-decoration: none;
        }
a:hover {
    font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        text-decoration: underline;
        }
a:active {
    font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        text-decoration: none;
        }
#bg-pion {
        background-image: url(../bg/bg-pion.gif);
        background-repeat: repeat-y;
        background-position: center top;
        height: 100%;
        width: 100%;
        z-index: 2;
}
#jezyk{
        position: absolute;
        top: 205px;
        left: 725px;
}
body {
        margin:0;
        padding:0;
        height:100%;
        width:100%;
        background-color: #FFFFFF;
        }
#bg-poziom {
        background-image: url(../bg/bg-poziom.gif);
        background-repeat: repeat-x;
        background-position: center center;
        height: 100%;
        width: 100%;
        z-index: 3;
        }
#bg-pozi-pods {
        background-image: url(../bg/bg-poziom-podstrona.gif);
        position: absolute;
        width: 100%;
        left: 0px;
        top: 73px;
        background-repeat: repeat-x;
        background-position: 0px 0px;
        z-index: 3;
        height: 100px;
}
.bg-pion-pods {
        background-image: url(../bg/bg-pion.gif);
        background-repeat: repeat-y;
}

#odnosnik1 {
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 4;
}
#logo-yasna {
        position: absolute;
        z-index: 3;
        top: 1px;
        right: 3px;
}
#oko {
        position: absolute;
        height: 198px;
        width: 178px;
        border: 1px solid #333333;
        z-index: 4;
        top: 1px;
        left: 0px;
}
#odnosnik {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0px;
        height: 100%;
}
#odnosnik-logo {
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 4;
        height: 72px;
}
.opis-komunikacja {
        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        color: #333333;
        text-align: right;
        padding-right: 5px;
        letter-spacing: 1px;
        line-height: 15px;
}
.opis-komunikacja-czerwony {
        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 13px;
        color: #D61812;
        letter-spacing: 1px;
        text-align: right;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
}
.oko-male {
        padding-top: 4px;
}
#lewa-rysunek {
        position: absolute;
        left: 30px;
        top: 74px;
        z-index: 3;
        height: 92px;
        width: 101px;
}
#menu-male {
        position: absolute;
        top: 20%;
        z-index: 4;
        right: 0px;
        width: 200px;
}
#odnosnik2 {
        position: relative;
        top: 0px;
        z-index: 4;
        right: 0px;
        height: 120px;
        margin: 0px;
        padding: 0px;
}
#odnosnik3 {

        position: relative;
        top: 0px;
        z-index: 4;
        right: 0px;
        height: 100%;
}
.przejdz-do-gory {
        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 11px;
        color: #AEADAD;
        letter-spacing: 1px;
        text-align: right;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        font-weight: bold;
        text-decoration: underline;
}
#odnosnik1-kontakt {

        position: relative;
        left: 0px;
        top: 0px;
        z-index: 4;
}
#oko-kontakt {
        border: 1px solid #333333;
        height: 198px;
        width: 178px;
        position: absolute;
        z-index: 3;
        left: 261px;
        top: 78px;
}
#virtualna {
        height: 81px;
        width: 230px;
        position: absolute;
        left: 444px;
        top: 82px;
}
#realna {

        height: 87px;
        width: 150px;
        position: absolute;
        left: 104px;
        top: 82px;
}
#logo-kontakt {


        height: 71px;
        width: 176px;
        position: absolute;
        left: 442px;
        top: 5px;
}
#kontakt {
        position: absolute;
        left: 170px;
        top: 279px;
}
#kontakt-en {
        position: absolute;
        left: 177px;
        top: 279px;
}
#icosjeszcze-kontakt {
        position: absolute;
        left: 445px;
        top: 281px;
}
#opis1-kontakt {
        height: 78px;
        width: 300px;
        position: absolute;
        left: -50px;
        top: 177px;
        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 13px;
        line-height:15px;
        letter-spacing: 1px;
        text-align: right;
}
#opis2-kontakt {
        height: 38px;
        width: 109px;
        position: absolute;
        left: 449px;
        top: 179px;
        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 13px;
        letter-spacing: 1px;
        text-align: left;
        color: #333333;
}
#opis2-kontakt a, 
#opis2-kontakt a:link, 
#opis2-kontakt a:visited { color: #333333; text-decoration: none; }
#opis2-kontakt a:hover { color: #333333; text-decoration: underline; }
#yasna-kontakt {

        height: 12px;
        width: 45px;
        position: absolute;
        left: 216px;
        top: 36px;
}
#komunikacja-kontakt {
        height: 18px;
        width: 89px;
        position: absolute;
        left: 171px;
        top: 48px;
}
#komunikacja-kontakt-en {
        height: 18px;
        width: 89px;
        position: absolute;
        left: 153px;
        top: 48px;
}
#menu-male2 {
        position: absolute;
        z-index: 4;
        width: 200px;
        right: 20px;
        top: 4px;
        }

#menu-male2 ul{
    margin:0px;
    padding:0px;
}
#menu-male2 li{
    line-height: 0px;
        font-size: 0px;
        list-style:none;
        margin:0px;
        padding: 4px 0px 0px;
                }
#war1{
        top:117px;
        left:20px;
        height:15px;
        width:95%;
        position:absolute;
        visibility:visible;
        z-index:4;
        background-image: url(../grafika/bg-menu-rozwijane.gif);
        background-repeat: repeat-x;
        background-position: left center;
        margin: 0px;
        padding: 0px;
        }
#roz1{
        top:20px;
        left:25px;
        height:170px;
        width:450px;
        visibility:hidden;
        position:absolute;
        z-index:4;
        letter-spacing: 1px;
}
#war2{
top:135px;
left:20px;
height:20px;
width:95%;
visibility:visible;
position:absolute;
z-index:1;
background-image: url(../grafika/bg-menu-rozwijane.gif);
background-repeat: repeat-x;
background-position: left center;

}
#roz2{
top:20px;
left:25px;
height:140px;
width:450px;
visibility:hidden;
position:absolute;
z-index:4;
letter-spacing: 1px;
}
#war3{
top:155px;
left:20px;
height:20px;
width:95%;
position:absolute;
visibility:visible;
z-index:3;
background-image: url(../grafika/bg-menu-rozwijane.gif);
background-repeat: repeat-x;
background-position: left center;
}
#roz3{
top:20px;
left:25px;
height:130px;
width:450px;
visibility:hidden;
position:absolute;
z-index:3;
letter-spacing: 1px;
}
#odnosnik-rozwijanie {
        position: relative;
        top: 0px;
        z-index: 3;
        height: 100%;
        width: 100%;
        left: 0px;
}
#opis-dzialanie {
        font-family: "Trebuchet MS", Verdana, Arial;
        position: relative;
        z-index: 3;
        font-size: 12px;
        letter-spacing: 1px;
        width: 450px;
        left: 10px;
        text-align: justify;
}
.opis-zasadydzialania-czerwony {

        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 12px;
        color: #D61812;
        letter-spacing: 1px;
        text-align: left;
}
#elastycznosc {
        position: absolute;
        left: 25px;
        top: 0px;
        width: 85px;
        background-color: #FFFFFF;
}
#rozwin-elastycznosc {
        position: absolute;
        left: 300px;
        top: -2px;
        z-index: 5;
        color: #333333;
}
#rozwin-przejrzystosc {
        position: absolute;
        left: 300px;
        top: 0px;
        z-index: 5;
        color: #333333;
}
#przejrzystosc {
        position: absolute;
        left: 25px;
        top: 0px;
        background-color: #FFFFFF;
        width: 90px;
}
#oko-rozwijane {
        position: absolute;
        left: 0px;
        top: 4px;
        background-color: #FFFFFF;
        width: 25px;
}
#optymalizacja-kosztow {

        position: absolute;
        left: 25px;
        top: 0px;
        background-color: #FFFFFF;
        width: 146px;
}
#rozwin-optymalizacja-kosztow {

        position: absolute;
        left: 300px;
        top: 0px;
        z-index: 5;
        color: #333333;
}
#yasna-naglowek {

        position: absolute;
        left: 400px;
        top: 140px;
        z-index: 3;
}
#etapy-wspolpracy {
        font-family: "Trebuchet MS", Verdana, Arial;
        position: absolute;
        z-index: 3;
        font-size: 12px;
        letter-spacing: 1px;
        width: 450px;
        left: 13px;
        text-align: justify;
        top: 125px;
}
.opis-yasna-czerwony {

        font-family: "Trebuchet MS", Verdana, Arial;
        font-size: 13px;
        color: #D61812;
        letter-spacing: 1px;
        text-align: left;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
}
#etapy-wspolpracy li {
        font-size: 12px;
        margin:0px 0px 0px 15px;
        padding: 1px 0px 1px 30px;
        background-image: url(../grafika/oko-male.gif);
        background-repeat: no-repeat;
        background-position: left;
        list-style-type: none;
}
#etapy-wspolpracy ul {
        margin:10px 0px 0px;
        padding: 0px;
        list-style-type: none;
}
#dlaczego-my {

        font-family: "Trebuchet MS", Verdana, Arial;
        position: relative;
        z-index: 3;
        font-size: 12px;
        letter-spacing: 1px;
        width: 450px;
        left: 13px;
        text-align: justify;
        top: 15px;
}
#dlaczego-my li {
        font-size: 12px;
}
#dlaczego-my ul {
        list-style-image: url(../grafika/oko-male.gif); 
        list-style-type: none;        
        padding: 2px 0px 0px 30px;        
}
#mikrofon {
        position: absolute;
        left: 3px;
        top: 79px;
}
#kawal {
        position: absolute;
        left: 447px;
        top: 91px;
}
#kontakt2 {

        position: absolute;
        left: 207px;
        top: 282px;
}
.stopka,
.stopka a, 
.stopka a:link, 
.stopka a:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999999;
        }
.stopka a:hover
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999999;
        text-decoration: underline;        
}
#biuro-prasowe {

        font-family: "Trebuchet MS", Verdana, Arial;
        position: relative;
        z-index: 3;
        font-size: 12px;
        letter-spacing: 1px;
        width: 90%;
        left: 10px;
        text-align: justify;
}
.biuro1 {
        font-size: 12px;
        padding-top: 13px;
        padding-bottom: 3px;
        padding-left: 13px;
}
.biuro {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
}
.biuro-czerwone {
        font-size: 13px;
        font-weight: bold;
        color: #CD1812;
        padding-right: 10px;
	padding-left: 10px;
}

