@CHARSET "UTF-8";

DIV{
    Xborder: solid 1px red !important;
}

BODY {
	background: #3B3B3B url("../obrazki/tlo.gif") repeat-x top left;
	margin-top: 0px;
	font-family: Garamond, Gautami, serif;
	font-size: 17px;
	color: #C9C8C8;
}

#container {
	width: 1019px;
	margin: 0px auto 0px auto;
}

#gora {
	width: 1017px;
	height: 7px;
	background: url("../obrazki/gora.png") no-repeat top left;
	margin-top: 10px;	
}

#srodek {
	width: 967px;
	background: url("../obrazki/srodek.png") repeat-y top left;	
	padding: 10px 40px 10px 40px;
	overflow: hidden;
}

#sponsorzy{
    background: url("../obrazki/sponsorzy.png") no-repeat;
    width: 139px;
    height: 525px; /* 545-20 */
    float: left;
    margin-left: -20px;
    margin-right: 10px;
    padding-top: 35px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

ul#listsponsorzy,
ul#listsponsorzy li{
    margin: 0;
    padding: 0;
}
ul#listsponsorzy{
    list-style: none;
}
ul#listsponsorzy li{
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin-top: 30px;
}
ul#listsponsorzy li a{
    display: block;
    overflow: hidden;
    text-indent: -1000em;
    Xwidth: 525px;
    width: 100%;
    height: 100%;
}

li#sponsor_spes{
    background-image: url("../obrazki/sponsorzy/spes.png");
    width: 123px;
    height: 123px;
}
li#sponsor_ensifer{
    background-image: url("../obrazki/sponsorzy/ensifer.png");
    width: 76px;
    height: 112px;
}

#srodek_glowna {
	width: 957px;
	background: url("../obrazki/srodek.png") repeat-y top left;	
	padding: 10px 20px 10px 40px;
	overflow: hidden;
}

#dol {
	width: 1017px;
	height: 8px;
	background: url("../obrazki/dol.gif") no-repeat top left;	
}

#menu_dol {
	margin-top: 5px;
	width: 1017px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;	
}

#naglowek {
	width: 1019px;
	height: 224px;
	background: black url("../obrazki/naglowek.jpg") no-repeat top left;
}

#menu {
	width: 1019px;
	height: 28px;
	background: url("../obrazki/linki_tlo.png") no-repeat top left;
	padding-top: 5px;
}

#menu #przycisk1 a{
	text-decoration: none;
	display: block;
	width:103px;
	height:17px;
	background: url("../obrazki/glowna.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk1 a:HOVER{
	text-decoration: none;
	display: block;
	width:103px;
	height:17px;
	background: url("../obrazki/glowna_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk1_active a{
	text-decoration: none;
	display: block;
	width:103px;
	height:17px;
	background: url("../obrazki/glowna_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk2 a{
	text-decoration: none;
	display: block;
	width:83px;
	height:17px;
	background: url("../obrazki/sprzet.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk2 a:HOVER{
	text-decoration: none;
	display: block;
	width:83px;
	height:17px;
	background: url("../obrazki/sprzet_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk2_active a{
	text-decoration: none;
	display: block;
	width:83px;
	height:17px;
	background: url("../obrazki/sprzet_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk3 a{
	text-decoration: none;
	display: block;
	width:70px;
	height:17px;
	background: url("../obrazki/filmy.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk3 a:HOVER{
	text-decoration: none;
	display: block;
	width:70px;
	height:17px;
	background: url("../obrazki/filmy_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk3_active a{
	text-decoration: none;
	display: block;
	width:70px;
	height:17px;
	background: url("../obrazki/filmy_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk4 a{
	text-decoration: none;
	display: block;
	width:113px;
	height:17px;
	background: url("../obrazki/treningi.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk4 a:HOVER{
	text-decoration: none;
	display: block;
	width:113px;
	height:17px;
	background: url("../obrazki/treningi_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk4_active a{
	text-decoration: none;
	display: block;
	width:113px;
	height:17px;
	background: url("../obrazki/treningi_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk5 a{
	text-decoration: none;
	display: block;
	width:100px;
	height:17px;
	background: url("../obrazki/galeria.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk5 a:HOVER{
	text-decoration: none;
	display: block;
	width:100px;
	height:17px;
	background: url("../obrazki/galeria_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk5_active a{
	text-decoration: none;
	display: block;
	width:100px;
	height:17px;
	background: url("../obrazki/galeria_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk6 a{
	text-decoration: none;
	display: block;
	width:66px;
	height:17px;
	background: url("../obrazki/linki.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk6 a:HOVER{
	text-decoration: none;
	display: block;
	width:66px;
	height:17px;
	background: url("../obrazki/linki_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk6_active a{
	text-decoration: none;
	display: block;
	width:66px;
	height:17px;
	background: url("../obrazki/linki_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk7 a{
	text-decoration: none;
	display: block;
	width:112px;
	height:17px;
	background: url("../obrazki/kontakt.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk7 a:HOVER{
	text-decoration: none;
	display: block;
	width:112px;
	height:17px;
	background: url("../obrazki/kontakt_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk7_active a{
	text-decoration: none;
	display: block;
	width:112px;
	height:17px;
	background: url("../obrazki/kontakt_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk8 a{
	text-decoration: none;
	display: block;
	width:109px;
	height:17px;
	background: url("../obrazki/wyloguj.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk8 a:HOVER{
	text-decoration: none;
	display: block;
	width:109px;
	height:17px;
	background: url("../obrazki/wyloguj_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

#menu #przycisk8_active a{
	text-decoration: none;
	display: block;
	width:109px;
	height:17px;
	background: url("../obrazki/wyloguj_c.png") no-repeat top right;
	float: left;
	margin-left: 39px;
}

a {
	text-decoration: none;
	Xcolor: #C9C8C8;		
	color: #8bbedf;
	color: #b4c5f2;
}

a:HOVER {
	text-decoration: none;
	color: red;		
}

#active {
	text-decoration: none;
	color: red;	
}

#aktualnosci {
	width: 338px;
	height: 546px;
	background: url("../obrazki/aktualnosci.png") no-repeat top left;
	float: right;
}

#aktualnosci_tresc{
	width: 318px;
	height: 486px;
	overflow: auto;	
}

#aktualnosci_tresc_adm{
	width: 318px;
	height: 243px;
	overflow: auto;		
}

#aktualnosci_dodaj{
	width: 318px;
	height: 230px;
	overflow: hidden;
	margin-left: 10px; 	
}

#tresc_glowna {
	width: 480px;
	float: left;	
}

#pole {
	border: 2px solid #343434;
	background: #343434;
	color: #C9C8C8; 
	width: 200px;		
}

#pole:FOCUS {
	border: 2px solid #2B519D;
	background: #343434;
	color: #C9C8C8;
	width: 200px; 		
}

.pole {
	border: 2px solid #343434;
	background: #343434;
	color: #C9C8C8; 
	width: 200px;		
}

.pole:FOCUS {
	border: 2px solid #2B519D;
	background: #343434;
	color: #C9C8C8;
	width: 200px; 		
}

#przycisk {
	background: url("../obrazki/przycisk2.png") repeat top left;
	text-decoration: none;
	border: 0px solid;	
	color: #C9C8C8; 
	height: 17px;
}

TEXTAREA {
	background: #343434;
	color: #C9C8C8;
	border: 2px solid #343434;
	overflow: auto;
}

TEXTAREA:FOCUS {
	background: #343434;
	color: #C9C8C8;
	border: 2px solid #2B519D;
	overflow: auto;
}

#formularz{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

img{
	border:  0px solid;
}

#nazwa {
	height: 30px;
	background: url("../obrazki/tabelka.png") repeat-x top left;
}

#kategoria {
	width: 100%;
	height: 30px;
	padding-top: 5px;
	background: url("../obrazki/tabelka.png") repeat-x top left;	
}

.galeria td {
	border: 3px solid #414242; 
	background-color: black;	
	padding: 10px;
}

.galeria #srodkowy{
	width: 150px;
	height: 143px;
	border: 3px solid #414242; 
	background-color: black;	
	padding: 10px;
}

.galeria {
	width: 180px;	
}