/* wazne elementy */
html, body {
 margin: 0;
 padding: 0;
}

a {
 color: #FFFFFF;
 text-decoration: none;
}

a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

img {
 border: 0;
}

div {
 font-family: Verdana;
 font-size: 10pt;
 color: #FFFFFF;
}

/* --------------------------------------------------------------- */
/* SZABLON STRONY */
#szablon { /* glowna ramka */
 position: absolute;
 margin-left: -400px;
 left: 50%;
 top: 0px;
 width: 800px;
} 

#gora1 { /* pierwsza czesc gory */
 width: 800px;
 height: 40px;
 background-image: url(images/index_01.png);
}

#gora2 { /* lewa czesc bannera */
 width: 40px;
 height: 460px;
 float: left;
 overflow: hidden;
 background-image: url(images/index_02.png);
}

#gora3 { /* banner */
 width: 720px;
 height: 460px;
 float: left;
 overflow: hidden;
}

#gora4 { /* prawa czesc bannera */
 width: 40px;
 height: 460px;
 float: left;
 overflow: hidden;
 background-image: url(images/index_04.png);
}

#linia { /* linia oddzielajaca przyciski od bannera */
 width: 800px;
 height: 20px;
 clear: both;
 background-image: url(images/index_05.png);
}

#przyciski1 { /* oddzielenie napisu "wejscie" */
 width: 257px;
 height: 40px;
 float: left;
 overflow: hidden;
 background-image: url(images/index_06.png);
}

#przyciski2 { /* przycisk "wejscie" */
 width: 146px;
 height: 40px;
 float: left;
 overflow: hidden;
 z-index: -1;
}

#przyciski3 { /* "lamaniec" ( / ) */
 width: 61px;
 height: 40px;
 float: left;
 overflow: hidden;
}

#przyciski4 { /* przycisk "enter" */
 width: 106px;
 height: 40px;
 float: left;
 overflow: hidden;
}


#przyciski5 { /* oddzielenie napisu "enter" */
 width: 230px;
 height: 40px;
 float: left;
 overflow: hidden;
 background-image: url(images/index_10.png);
}

#stopka { /* stopka */
 width: 800px;
 height: 40px;
 clear: both;
 background-image: url(images/index_11.png);
}

/* --------------------------------------------------------------- */
/* STYLE TEKSTOW */
#podstopka { /* styl na napis hostingu */
 font-size: 8pt;
 text-align: center;
}