body {
        background: #121212;
        clear: both;
        color: white;
        font-family: tahoma, verdana, trebuchet ms, sans-serif;
        font-size: 11px;
        margin: 0pt auto;
        text-align: center;
}

div{
    
   behavior: url(iepngfix.htc);
}

a {
        color: #D90000;
        font-family: arial;
        text-decoration: none;
}

a:hover {
        color: #F91700;
        text-decoration: none;
}

a#sondaGlosuj {
        margin-left: 130px;
        text-decoration: none;
}

a#home {
        background: transparent url(../img/home.gif) repeat  top center;
        display: block;
        float: left;
        height: 68px;
        margin: 0px 0px 0px 1px;
        width: 47px;
}

a#home:hover {
        background: transparent url(../img/homeAktywny.gif) repeat  top center;
        display: block;
        float: left;
        height: 68px;
        margin: 0px 0px 0px 1px;
        width: 47px;
}

a#kontakt {
        background: transparent url(../img/kontakt.gif) repeat  top center;
        display: block;
        float: left;
        height: 68px;
        margin: 0px 0px 0px 1px;
        width: 47px;
}

a#kontakt:hover {
        background: transparent url(../img/kontaktAktywny.gif) repeat  top center;
        display: block;
        float: left;
        height: 68px;
        margin: 0px 0px 0px 1px;
        width: 47px;
}

a#mapa {
        background: transparent url(../img/mapa.gif) repeat  top center;
        display: block;
        float: left;
        height: 68px;
        margin: 0px 0px 0px 1px;
        width: 47px;
}

a#mapa:hover {
        background: transparent url(../img/mapaAktywny.gif) repeat  top center;
        display: block;
        float: left;
        height: 68px;
        margin: 0px 0px 0px 1px;
        width: 47px;
}

a.przycisk {
        background: transparent url(../img/przycisk.gif) repeat  top center;
        color: #CCCCCC;
        display: block;
        float: left;
        height: 26px;
        padding-top: 11px;
        text-decoration: none;
        vertical-align: middle;
        width: 111px;
}

a.przycisk:hover, a.przyciskAktywny {
        background: transparent url(../img/przyciskAktywny.gif) repeat  top center;
        color: white;
        display: block;
        float: left;
        height: 26px;
        padding-top: 11px;
        text-decoration: none;
        vertical-align: middle;
        width: 111px;
}

a.sciezkaOkruszkow {
        color: #B3B3B3;
        text-decoration: none;
}

a.sciezkaOkruszkow:hover {
        color: white;
        text-decoration: none;
}

a.menuDolne {
        color: white;
        text-decoration: none;
}

a.menuDolne:hover {
        color: white;
        text-decoration: none;
}

a#realizacja {
        color: white;
        display: block;
        float: right;
        margin: 0px auto;
        text-align: right;
        text-decoration: none;
        width: 130px;
}

a#linkFormularz {
        color: #D90000;
        display: block;
        font-family: Arial;
        font-weight: bold;
        text-decoration: underline;
}

a.wyszukiwanieTytul {
        display: block;
        font-size: 1.5em;
        margin-bottom: 10px;
        text-align: justify;
}

a.wyszukiwanieTresc {
        color: white;
        display: block;
        margin-bottom: 10px;
        text-align: justify;
        text-decoration: none;
}

a.ajaxowyPrzycisk {
        background: transparent url(../img/przyciskAJAX.gif) no-repeat  ;
        color: #666666;
        display: block;
        float: left;
        height: 36px;
        margin: 0px 0px 0px;
        padding-top: 8px;
        text-align: center;
        text-decoration: none;
        width: 114px;
        /* z-index: 30; */
}

a.ajaxowyPrzycisk:hover {
        background: transparent url(../img/przyciskAJAXaktywny.gif) no-repeat  ;
        color: white;
        display: block;
        float: left;
        font-weight: bold;
        height: 36px;
        padding-top: 8px;
        text-align: center;
        text-decoration: none;
        width: 114px;
}

a.celeFitnessCzerwony {
        background: transparent url(../img/krzyzykNiezaznaczony.gif) no-repeat  0px;
        display: block;
        font-weight: bold;
        margin-top: 15px;
        padding-left: 35px;
        padding-top: 1px;
}

a.celeFitnessBialy {
        background: transparent url(../img/krzyzykZaznaczony.gif) no-repeat;
        display: block;
        font-weight: bold;
        margin-top: 15px;
        padding-left: 35px;
        padding-top: 1px;
}

div#glowny {
        background: transparent url(../img/tlo.gif)  50% 30px repeat-y;
        margin: 0px auto 0px auto;
        padding-left: 40px;
        text-align: left;
        width: 1038px;
       
		
}



div#owijkaTresci {
}

div#top {
        background: transparent url(../img/tloTop.gif) repeat-x bottom center;
        height: 85px;
        margin-bottom: 0px;

        overflow: hidden;
		z-index: 2;
}


div#szukaj {
        vertical-align: middle;
}

div#napisSzukaj {
        font-family: arial;
        font-size: 11px;
        margin-right: 5px;
}

div#elementy {
        border: 0.1px solid transparent;
        height: 105px;
        margin: 0px auto;
        width: 1000px;
}

div#przyciski {
        float: left;
        
        margin-top: -1px;
        width: 150px;
}

div#banner {

        /* margin: 70px auto -346px auto; */
        overflow: visible;
        margin: 0px auto 0px auto;
        z-index: 20;
}


div#menuGorne {
        background: transparent url(../img/tloMenu.gif) repeat-y ;
        float: right;
        height: 260px;
        margin: -260px 0px 0px 799px;
        position: absolute;
        width: 221px;
}

div.rozgranicznik {
}

div#rozgraniczenie {
        background: transparent url(../img/rozgraniczenie.gif) repeat-x; 
        height: 3px;
        margin: 0px auto 0px 0px;
        width: 1000px;
         !@#$%^&*()+=/?.,|[]{;:<>margin: 0px auto -10px 0px;}
        
}

html>body div#rozgraniczenie {
        background: transparent url(../img/rozgraniczenie.gif) repeat-x; 
        height: 3px;
        margin: 0px auto 0px 0px;
        width: 1000px;
        
        
}

div#menu {
        overflow: hidden;
        text-align: center;
        width: 1000px;
		margin: 0px auto 0px -1px;
}

html > body div#menu {
        margin: 0px auto 0px 0px;
        text-align: center;
        width: 1000px;
}

div#sciezka {
        background: transparent url(../img/sciezkaOkruszkowTlo.gif) repeat-x;
        color: #B3B3B3;
        height: 20px;
        margin: 0px auto 0px -1px;
        padding: 4px;
        width: 993px;
}

div#lewyPanel {
        float: left;
        width: 202px;
		margin-left: 2px;
}

html > body div#lewyPanel {
	margin-left: 5px;
}

div#panelTop {
        background: transparent url(../img/panelTop.gif) repeat-x;
        height: 11px;
        margin: 0px auto;
}

div#panelSrodek {
        background: transparent url(../img/panelSrodek.gif) repeat-y;
}

div#panelStopka {
        background: transparent url(../img/panelStopka.gif) repeat-x;
        height: 12px;
        margin: 0px auto;
}

div#panelSrodek img {
        margin-left: 8px;
}

div#centralnyPanel {
        float: left;
        margin: auto 0px;
        text-align: justify;
        width: 576px;
}

html > body div#centralnyPanel {
        float: left;
        margin: auto 0px auto 8px;
        text-align: justify;
        width: 576px;
}

div#prawyPanel {
        float: left;
        margin-right: 15px;
        width: 196px;
}

div#stopka {
        background: #2B2B2D url(../img/rozgraniczenie.gif) repeat-x  ;
        height: 25px;
        padding-top: 25px;
}

div#menuDolne {
        float: left;
        margin: 0px auto;
        padding-left: 45px;
        text-align: left;
}

div#szerokosc1000 {
        margin: 0px auto;
        width: 1000px;
}

div#sondaTop {
        background: transparent url(../img/modulTop.gif) repeat  top center;
        height: 26px;
}

div#sondaSrodek {
        background: transparent url(../img/modulSrodek.gif) repeat-y  top center;
        margin-top: -13px;
        padding: 0px 10px 5px 13px;
}

div#owijkaKomunikatow {
        width: 410px;
}

div#tloZegarka {
        background: transparent url(../img/komunikatySrodek.gif) repeat-x  ;
        float: left;
        height: 25px;
        width: 20px;
}

div#komunikatyLewy {
        background: transparent url(../img/komunikatyLewy.gif) repeat  top center;
        float: left;
        height: 25px;
        width: 10px;
}

div.pudelkoTxtowe {
        background: transparent url(../img/AJAXtlo.gif) repeat-y  ;
        margin-top: 20px;
        width: 580px;
}

div.txt {
        background: transparent url(../img/czerwonyPasek.gif) no-repeat top right;
        clear: both;
        margin-bottom: 50px;
        margin-top: 0px;
        overflow: visible;
        padding: 30px 72px 25px 22px;
        text-align: justify;
        width: 483px;
		!@#$%^&*()+=/?.,|[]{;:<>background-position: 533px 0px;}
}

div#dlaFirm {
        background: #414141 url(../img/firmyTop.gif) top center repeat-x;
        margin-left: 5px;
        padding: 16px 20px 35px 10px;
        width: 160px;
}

div.tytulPolaSondy {
        color: #717171;
        font-family: arial;
}

div.tloSlupka {
        background: white none repeat  ;
        width: 95%;
}

div#przyciskiAJAX {
        height: 10px;
        margin: -18px 0px 0px 18px;
        position: absolute;
       /*  z-index: 20; */
}

div#komunikatyPrawy {
        background: transparent url(../img/komunikatyPrawy.gif) repeat  top center;
        float: right;
        height: 25px;
        width: 10px;
}

div#newsletter {
        background: transparent url(../img/newsletterTop.gif) repeat-x;
        margin: 5px auto;
        padding: 15px 5px 0px 10px;
        width: 174px;
}

div#newsletterPrawy {
        background: transparent url(../img/newsletterTop.gif) repeat-x;
        margin: 5px auto 5px 5px;
        padding: 15px 5px 0px 10px;
        width: 166px;
}

div#txtNewsletter {
        margin: 13px auto 0px 20px;
}

div.tytul {
        background: transparent url(../img/strzalkaWDol.gif) no-repeat  0px 3px;
        font-family: arial;
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 5px;
        padding-left: 20px;
}

div.tytulCzerwony {
        background: transparent url(../img/strzalkaWDol.gif) no-repeat  0px 3px;
        color: #D90000;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        padding-left: 20px;
}

div#komunikaty {
        margin-bottom: 39px;
}

div#txtFormularzZgloszeniowy {
        margin: 13px auto auto 20px;
}

div.wynikWProcentach {
        font-family: arial;
        padding-right: 5%;
        text-align: right;
}

table {
        margin: 0px;
}

table#formularzNewsletter {
        margin-top: -20px;

}

table#formularzSzukaj {
        float: right;
        width: 210px;
}

div#logoSportera {
        background: transparent url(../img/logoSportery.png) no-repeat  ;
        float: left;
        height: 63px;
        margin-right: 400px;
        width: 186px;
        margin-top: 10px;
}

html>body div#logoSportera{
    
    margin-left: 0px;
}

div#prawyPanel {
        background: transparent url(../img/panelPrawySrodek.gif) repeat-y  0px 5px;
        padding-top: 15px;
}

div#prawyPanel img {
        margin-left: 6px;
}

div#prawyPanelTop {
        margin-left: 2px;
        margin-top: -5px;
        
}

div#komunikatNewsletter {
        color: #D90000;
        font-family: arial;
}

textarea {
        border: medium none;
        font-family: tahoma;
        font-size: 11px;
        padding: 3px;
        text-align: justify;
        width: 380px;
}

input {
        font-family: tahoma;
        font-size: 11px;
        margin-right: 5px;
}

input#szukaj {
        background: transparent url(../img/szukajRamka.gif) repeat  top center;
        border: 0px none transparent;
        height: 13px;
        padding: 2px 5px;
        width: 122px;
}

input#szukajStrzalka {
        margin-top: 1px;
}

input#iloscOsob {
        background: transparent url(../img/iloscOsobRamka.gif) repeat  ;
        border: medium none;
        height: 16px;
        padding: 2px 3px;
        width: 29px;
}

form#formularzKontaktowy {
        margin-top: 10px;
}

label {
        background-position: 8px center;
        background-repeat: no-repeat;
        clear: both;
        cursor: pointer;
        display: block;
        padding: 0.5em 0.5em 0.5em 32px;
}

.unchecked {
        background-color: #373737;
        background-image: url(../img/krzyzykNiezaznaczony.gif);
}

.checked {
        background-color: #373737;
        background-image: url(../img/krzyzykZaznaczony.gif);
}

table#formularzSzukaj {
}

td#napisSzukaj {
        text-align: right;
        width: 73px;
}

#fitnessAge, #Celsjusz {
        margin-left: 6px;
}

span#tytulNewsletter {
}

td {
        font-size: 11px;
}

ul {
        list-style-type: square;
        margin-left: 10px;
        margin-bottom: 10px;
}

a.poziomZero {
        color: white;
        font-size: 1.1em;
        font-weight: bold;
}

a.poziomZero:hover {
        color: #D90000;
}

li.poziomZero {
        margin-top: 10px;
}

a.poziomJeden {
        color: white;
}

a.poziomJeden:hover {
        color: #D90000;
}

a.poziomDwa {
        color: white;
        font-size: 0.9em;
}

a.poziomDwa:hover {
        color: #D90000;
}

li.poziomZero, li.poziomJeden, li.poziomDwa {
        color: #D90000;
}

li {
        color: white;
        padding-left: 15px;
}

img {
        border: medium none;
}

h1, h2, h3, h4 {
        color: #D90000;
        font-family: arial;
        
        margin-top: 10px;
        margin-bottom: 10px;
}

h1 {
        font-size: 1.5em;
}

h2 {
        font-size: 1.4em;
}

h3 {
        font-size: 1.3em;
}

h4 {
        font-size: 1.2em;
}

.grafik {
        color: black;
        padding: 3px;
}


td.strona {
        padding-right: 0px;
        vertical-align: top;
}

table#ramka {
        margin-left: -5px;
}

div#tytulSrodek {
        background: transparent url(../img/tytulSrodek.gif) repeat-x top center;
        float: left;
        font-weight: bold;
        height: 42px;
        padding: 9px 10px 0px 5px;
}

div#tytulLewy {
        background: transparent url(../img/tytulLewy.gif);
        float: left;
        height: 42px;
        width: 10px;
}

div#tytulPrawy {
        background: transparent url(../img/tytulPrawy.gif);
        float: left;
        height: 42px;
        width: 2px;
}

div#prawyBanner {
        margin-left: 7px;
}


