/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }
a:link { color: #DADADA; text-decoration: none; }
a:active { color: #DADADA; text-decoration: none; }
a:visited { color: #DADADA; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }


body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #DADADA;
 background: #000000;
 background-image: url('http://www.bonusybezdepozytu.pl/img/tlo_part2.png');
}

span.naglowek_main{
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold; }

 
span.menu_gora{
 color: #FFFFFF;
 font-weight: 700;
 text-decoration: none; }
 
span.text_bialy{
 color: #FFFFFF;
 }
 
span.linki_stopka{
 color: #FFFFFF;
 font-size: 10px;
 text-decoration: none;
  }
 
span.tytul_main{
  font-size: 12px;
  }
  
span.napis_sortowanie{
 color: #FFFFFF;
 text-align:center;
 text-decoration: none;
  }

.tabela_tr {
background-color: #272727;
}

hr {
  border: 2;
  width: 100%;
}

H1 {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color: #DADADA;
}

H2 {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color: #DADADA;
}

#wrapper { 
 margin: 0 auto;
 width: 1002px;
}
#header {
 color: #333;
 width: 1000px;
 height: 200px;
 float: left;
 padding: 0px;
 border: 1px solid #350000;
 margin: 10px 0px 5px 0px;
 background: #000000;
 background-image: url('http://www.bonusybezdepozytu.pl/img/2pasek_2.jpg');
}
#navigation {
 float: left;
 width: 980px;
 color: #333;
 padding: 10px;
 border: 1px solid #350000;
 margin: 0px 0px 5px 0px;
 background: #000000;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #350000;
 background: #000000;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 125px;
 float: left;
}
.centercolumn { 
 float: left;
 color: #969696;
 border: 1px solid #350000;
 background: #111111;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 400px;
 display: inline;
}

#centercolumn_main { 
 float: left;
 color: #969696;
 border: 0px solid #350000;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 width: 422px;
 display: inline;
}

#centercolumn_podstrona { 
 float: left;
 color: #969696;
 border: 1px solid #350000;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 background: #111111;
 width: 600px;
 display: inline;
}
#centercolumn_caladlugosc { 
 float: left;
 color: #969696;
 border: 1px solid #350000;
 background: #111111;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 827px;
 display: inline;
}

#centercolumnpuste { 
 float: left;
 color: #969696;
 border: 0px solid #350000;
 background: #3E3E3E;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 400px;
 display: inline;
}

.smallcolumn { 
 float: left;
 color: #969696;
 border: 1px solid #350000;
 background: #111111;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 186px;
 display: inline;
}

.smallcolumn2 { 
 float: left;
 color: #969696;
 border: 1px solid #350000;
 background: #111111;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 187px;
 display: inline;
}

#smallcolumn3 { 
 float: left;
 color: #969696;
 border: 1px solid #350000;
 background: #111111;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 210px;
 display: inline;
}

#smallcolumn4 { 
 float: left;
 color: #969696;
 border: 1px solid #350000;
 background: #111111;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 163px;
 display: inline;
}

#rightcolumn { 
 float: left;
 color: #333;
 border: 1px solid #350000;
 background: #111111;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 400px;
 display: inline;
}

#rightcolumn_main { 
 float: left;
 color: #333;
 border: 0px solid #350000;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 width: 422px;
 display: inline;
}

#rightcolumn_podstrona { 
 float: left;
 color: #333;
 border: 1px solid #350000;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 background: #111111;
 width: 200px;
 display: inline;
}

.rightcolumn_white { 
 float: left;
 color: #969696;
 border: 1px solid #350000;
 background: #111111;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 401px;
 display: inline;
}

#footer { 
 width: 1004px;
 clear: both;
 color: #333;
 border: 1px solid #350000;
 background: #000000;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}


.menu { /* nasz div "menu" */
border: 1px solid #3C0000; /* obramowanie naszego menu */
background: #000000; /* tło naszego menu */
width: 118px; /* szerkość menu */
padding: 3px; } /* odległość menu od obramowania*/

ul { /* element ul */
margin: 0; /* odległość menu od obramowania*/
padding: 0; } /* odległość menu od obramowania*/

.menu a { /* linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 118px; /* szerokość */
padding: 3px; /* odległości linków */
color: #FFFFFF; /* kolor linków */
margin-top: 1px; /* 1px odstępu od góry */
text-decoration: none; /* dekoracja tekstu */
border-left: 6px solid #000033; } /* lewe obramowanie; #000033 - kolor zwykłego prostokąta */

.menu a:hover { /* najechane linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 110px; /* szerokość */
background-color:#460000; /* tło linka najechanego */
text-decoration: none; /* dekoracja tekstu */
color: #FFFFFF; /* kolor tekstu */
border-left: 6px solid #880000; } /* lewe najechane obramowanie; #9CD3D3 - kolor najechanego prostokąta*/

.menu li { /* element li */
list-style-type: none; } /* rodzaj wykazu */