body {
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 11px;

        background-image: url(grafika/index_tlo_glowne.gif);
        background-color: #f8f8f8;
        background-repeat: repeat-x;
        background-position: top center;
        
        margin: 0;
        padding: 0;
        text-align: center;
}

a {
        text-decoration: none;
        color: black;
}

img {
        border: 0;
}

a:hover {
        text-decoration: underline;
}

div#calosc {
        width: 780px;
        margin: auto;
}

div#header {
        position: relative;
        height: 137px;
        background: url(grafika/header_tlo.gif);
}

div#header img {
        position: relative;
        top: 110px;
}

div#header img#logoExcite {
        position: absolute;
        top: 25px;
        left: 40px;
}

div#header img#logoExpertKrak {
        position: absolute;
        top: 25px;
        right: 37px;
}

div#headerDwa {
        height: 195px;
        background: url(grafika/header_dwa_tlo.gif);
        position: relative;
}

div#headerDwa img {
        position: absolute;
        top: 13px;
        left: 10px;
}

div#headerDwa h1 {
        color: white;
        font-size: 14px;
        padding: 0;
        margin: 0;
        font-weight: bold;
        

        position: absolute;
        top: 40px;
        left: 460px;
}

div#headerDwa p {
        color: white;
        text-align: left;
        padding: 0;
        margin: 0;
        font-weight: bold;

        width: 290px;
        position: absolute;
        top: 70px;
        left: 460px;
}

div#tresc {
        background: url(grafika/calosc_tlo.gif);
        padding: 10px 0 10px 0;
        text-align: center;
}

div#zajawki {
        margin: auto;
        width: 762px;
}

div.zajawka {
        width: 254px;
        float: left;
}

div.trescZajawki {
        width: 246px;
        background: #990310;
        border-bottom: solid 5px #E5E5E5;
        text-align: left;
        margin: auto;
}

div.trescZajawki a {
        color: black;
}

div.trescZajawki div.tekst {
        height: 180px;
        background: #F3F3F3;
}

div.trescZajawki div.tekst p {
        margin: 0;
        padding: 14px 10px 10px 10px;
}

div.trescZajawki img.zdjecie {
        margin: 3px 0 3px 0;
}

div.trescZajawki p span {
        font-weight: bold;
        color: rgb(219,3,21);
}

div.clear {
        height: 1px;
        font-size: 1px;
        padding: 0;
        margin: 0;
        clear:both;
        overflow: hidden;
}

div#footer {
        height: 87px;
        background: url(grafika/footer_tlo.gif);
        position: relative;
}

div#footer img {
        position: absolute;
        top: 25px;
        left: 35px;
}

div#footer p#adres {
        color: white;
        text-align: right;
        float: right;
        padding: 27px 40px 0 0;
        margin: 0;
}

div#footer p#adres span {
        font-weight: bold;
}

div#footer p#adres a {
        color: white;
}

div#footerDwa p#copyright {
        float: left;
        padding-bottom: 20px;
        margin: 10px 0 0 20px;
}

div#footerDwa p#apeiro {
        float: right;
        padding-bottom: 20px;
        margin: 7px 20px 0 0;
}

div#footerDwa p#apeiro a {
        color: black;
        font-weight: bold;
}

div#footerDwa p#apeiro span {
        color: rgb(216,0,18);
}