body{
	background: #ccedff url(../images/body_back.png) repeat-x top left;
	margin: 0px;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#top_belka{
	width: 100%;
	height: 32px;
	background: black url(../images/top_belka_back.png) no-repeat top left;
	position: relative; overflow: hidden;
	margin: 0px;
}
#top_belka_ramka{
	width: 939px; margin: 0px auto; padding: 0px; position: relative;
	overflow: hidden;
}
#top_belka_ramka_right{
	width: 50%; float: right; text-align: right;
	color: white; padding: 4px; font-size: 85%;
}
#top_belka_ramka_right a{
	color: white; text-decoration: none;
}
a img{
	border: 0px !important; margin: 0px;
}
a{
	color: black; text-decoration: none; 
}
a:hover{
	text-decoration: underline;
}
#top_belka_ramka_right table{
	float: right;
}
#ramka{
	width: 939px; margin: 0px auto; padding: 0px; position: relative;
	overflow: hidden;
}
#header{
	background: url(../images/header.png) no-repeat top left;
	overflow: hidden; width: 939px;
	height: 151px;
}
#small_info{
	background: url(../images/small_info.png) no-repeat top left;
	overflow: hidden; width: 439px; height: 22px;
	float: right; padding: 4px 8px 2px 8px;
}
.clear{
	width: 100%; height: 0px; clear: both;
}
#banner{
	float: right; width: 729px; margin: 5px 0px;
}
#menu{
	width: 100%; height: 34px; position: relative; overflow: hidden;
	background: url(../images/menu_back.png) no-repeat top left;
}
#menu ul{
	margin: 0px 30px 0px 0px; list-style: none; padding: 0px; float: right; display: inline;
}
#menu ul li{
	float: left; margin: 0px 1px; width: 99px; height: 21px; overflow: hidden;
	background: url(../images/menu_li_back.png) no-repeat top left; position: relative;
	padding: 6px 6px 0px 6px; text-align: center; font-size: 85%;
}
#menu ul li a{
	color: silver; font-size: 95%; text-decoration: none; margin: 0px;
}
#menu ul li.active, #menu ul li:hover{
	float: left; margin: 0px 1px; width: 99px; height: 22px; overflow: hidden;
	padding: 6px 6px 0px 6px; color: white !important;
	background: url(../images/menu_li_back_active.png) no-repeat top left; 
	position: relative;
}
#menu ul li.active a, #menu ul li.hover a{
	color: white;
}
#menu ul li.active:hover a, #menu ul li.active:hover a:hover{
	color: white !important;
}
#szukajka{
	float: right; width: 298px; height: 31px; margin: 0px; top:0px;
	background: url(../images/szukajka.png) no-repeat top left;
	padding: 0px 0px 0px 40px;
}
#szukajka table{
	padding: 0px; border: 0px; margin: 0px;
}
.inputText1{
	color: silver; background: url(../images/inputText1.png) no-repeat top left;
	width: 200px; height: 16px; font-size: 85%; border: 0px;
	padding: 2px 4px;
}
#content{
	width: 939px; margin: 5px auto; padding: 0px; position: relative;
	overflow: hidden; clear: both;
}
#left{
	float: left; width: 207px; overflow: hidden; margin: 0px; padding: 0px;
}
.kategorie{
	width: 207px; background: url(../images/kategorie_back.png) repeat-y bottom left;
	padding-bottom: 10px;
}
.kategorie ul{
	background: url(../images/kategorie_top.png) no-repeat top left;
	width: 207px; margin: 0px; 
	list-style: none; padding: 40px 0 0 0;
}
.kategorie ul li.abc{
	margin: 0px 0px 0px 6px; padding: 2px 0px 0px 10px; 
	background: url(../images/kategorie_li_back.png) no-repeat top left;
	width: 181px;
}
.kategorie ul li{
	margin: 0px 0px 0px 6px; padding: 1px 0px 0px 10px; 
}
.kategorie ul li a{
	text-decoration: none; color: black; font-size: 85%;
}
.kategorie ul li a:hover{
	color: #fe7e01;
}
#profil{
	width: 207px; margin: 4px 0px;
	background: url(../images/profil_back.png) no-repeat bottom left;
}
#profil p{
	width: 207px; height: 36px; background: url(../images/profil_top.png) no-repeat top left;
	margin: 0px; padding: 0px;
}
#profil table{
	margin: 5px 10px; width: 187px;
}
.inputText2{
	background: url(../images/inputText2.png) no-repeat top left;
	width: 133px; height: 16px; font-size:90%; border: 0px;
	padding: 2px;
}
.btn_link{
	cursor: pointer;
}
#main{
	float: right; margin: 0px; padding: 0px 0px 10px 0px; width: 701px;
	background: #fcfba8 url(../images/main_back.png) no-repeat bottom left;
	position: relative; overflow: hidden;
}
#main h1{
	width: 702px; height: 38px; background: url(../images/main_top.png) no-repeat top left;
	margin: 0px; padding: 0px; font-size: 0px; color: #aad9fa;
}
#main h1#pomoc{
	background: url(../images/pomoc.png) no-repeat top left !important;
	height: 38px !important;
}
#main h1#kontakt{
	background: url(../images/kontakt.png) no-repeat top left !important;
	height: 38px !important;
}
#main h1#regulamin{
	background: url(../images/regulamin.png) no-repeat top left !important;
	height: 40px !important;
}
#main h1#konto_gracza{
	background: url(../images/konto_gracza.png) no-repeat top left !important;
	height: 37px !important;
}
#main h1#wyszukiwarka{
	background: url(../images/wyszukiwarka.png) no-repeat top left !important;
	height: 40px !important;
}
#main h1#konto_gracza{
	background: url(../images/konto_gracza.png) no-repeat top left !important;
	height: 37px !important;
}
#main h1#okno_gry{
	background: url(../images/okno_gry.png) no-repeat top left !important;
	height: 50px !important; 
}
#main #inner_main{
	position: relative; width: 665px; padding: 0px 5px 10px 5px; margin: 5px auto;
	background: #fdfdce url(../images/inner_main_back.png) no-repeat bottom left;
	text-align: center; overflow: hidden;
}
#main #inner_main h1{
	margin: 0px 0px 0px -5px; background:  url(../images/inner_main_top.png) no-repeat top left;
	width: 675px; height: 13px;  color: #acac8c; font-size: 120%;
	text-align: center; padding: 20px;
}


#main .rameczka_profil{
	float: left; display: inline; width: 448px;
	background: url(../images/rameczka_back2.png) no-repeat bottom left; 
	padding: 0px; margin: 4px 0px 0px 10px; display: inline;
}
#main .rameczka_profil h1{
	font-size: 0px; background: url(../images/rameczka_top2.png) no-repeat top left;
	margin: 0px; padding: 0px; width: 448px; height: 13px; color: #fcfba8;
}


#main .rameczka{
	float: left; display: inline; width: 218px;
	background: url(../images/rameczka_back.png) no-repeat bottom left; 
	padding: 0px; margin: 4px 0px 0px 10px; display: inline;
}
#main .rameczka h1{
	font-size: 0px; background: url(../images/rameczka_top.png) no-repeat top left;
	margin: 0px; padding: 0px; width: 218px; height: 13px; color: #fcfba8;
}
#main .rameczka table.info{
	margin: 4px 8px; color: #8f8f8f; width: 200px;
}
#main .rameczka table.info th{
	font-size: 110%; color: #ff7a01; text-align: left;
}
#main .rameczka table.info td{
	font-size:85%;
}
#main #main_stopka{
	margin:5px 10px; font-size: 95%; width: 680px;
}
#main #main_stopka .l{
	width: 40%; float: left; font-size: 90%;
}
#main #main_stopka .l a{
	text-decoration: underline; font-weight: bolder;
}
#main #main_stopka .r{
	width: 55%; float: right; text-align: right;
}
#main #main_stopka .r ul{
	margin: 0px; padding: 0px; list-style: none; float: right;
}
#main #main_stopka .ll{
	width: 30%; float: left; font-size: 90%; color: #797979;
}
#main #main_stopka .rr{
	width: 65%; float: left;font-size: 90%; color: #797979;
	padding-left: 2%; text-align: justify; margin-top:20px;
}
#main #main_stopka .r a{color: white;font-weight: bold;
font-size: 85%; text-decoration: none; margin: 0px; padding: 0px;}
#main #main_stopka .r a:hover, #main #main_stopka .r ul li.active a,
 #main #main_stopka .r ul li.hover a
 {color: white; text-decoration: none; font-weight: bold; font-size: 85%; margin: 0px; 
 padding: 0px;}
#main #main_stopka .r ul li{
	float: left; text-align: center; padding: 2px 3px 2px 3px;
	background: #7dc0ff;
	border: 1px solid #369dff; margin: 0 2px 0 0; cursor: pointer;
}
#main #main_stopka .r ul li:hover, #main #main_stopka .r ul li.active{
	float: left; text-align: center; padding: 2px 3px 2px 3px;
	background-color: #ff8a00 !important; background-image: none;
	border:1px solid red; margin: 0 2px 0 0; cursor: pointer;
}
#lista{
	width: 939px; margin: 0px auto; padding: 0px; position: relative;
	overflow: hidden; clear: both;
}
.gierki{
	width: 220px; margin: 4px 0px 0px 19px; float: left; display: inline;
	background-position: bottom left; background-repeat: no-repeat;
	position: relative;
}
.gierki h1{
	width:220px; height: 46px; color: #b8e0fb; margin: 0px; padding: 0px;
	background-position: top left; background-repeat: no-repeat;
	font-size: 0px;
}
.gierki ul{
	list-style: none; margin: 0px 0px 35px 0px;
	padding: 0px; 
}
.gierki ul li{
	height: 35px; vertical-align: top; position: relative;
	margin: 0px 6px 0px 5px; padding: 0px 0px 0px 5px; 
}
.gierki ul li img{
	float: left; margin: 0px; padding: 0px;
}
.gierki ul li a{
   margin-left: 2px;
}
.gierki .gierki_a{
	bottom: 10px; right: 12px; position: absolute;
	background: url(../images/ptaszek2.png) no-repeat left;
	padding-left: 9px; font-size: 90%;
}
/* definicja list gier */
#akcja{background-image: url(../images/akcja/akcja_back.png);}
#akcja h1{background-image: url(../images/akcja/akcja_top.png);}
#akcja ul li.abc{background-color: #e7e7fb;}
#bijatyki{background-image: url(../images/bijatyki/bijatyki_back.png);}
#bijatyki h1{background-image: url(../images/bijatyki/bijatyki_top.png);}
#bijatyki ul li.abc{background-color: #e3fcc7;}
#klasyczne{background-image: url(../images/klasyczne/klasyczne_back.png);}
#klasyczne h1{background-image: url(../images/klasyczne/klasyczne_top.png);}
#klasyczne ul li.abc{background-color: #dcefe1;}
#logiczne{background-image: url(../images/logiczne/logiczne_back.png);}
#logiczne h1{background-image: url(../images/logiczne/logiczne_top.png);}
#logiczne ul li.abc{background-color: #c7e7fc;}
#platformowe{background-image:  url(../images/platformowe/platformowe_back.png);}
#platformowe h1{background-image: url(../images/platformowe/platformowe_top.png);}
#platformowe ul li.abc{background-color: #f1f1f1;}
#przygodowe{background-image:   url(../images/przygodowe/przygodowe_bottom.png);}
#przygodowe h1{background-image:  url(../images/przygodowe/przygodowe_top.png);}
#przygodowe ul li.abc{background-color: #c2f4e5;}
#sportowe{background-image: url(../images/sportowe/sportowe_back.png);}
#sportowe h1{background-image:  url(../images/sportowe/sportowe_top.png);}
#sportowe ul li.abc{background-color: #f3e7e8;}
#strategiczne{background-image: url(../images/strategiczne/strategiczne_back.png);}
#strategiczne h1{background-image: url(../images/strategiczne/strategiczne_top.png);}
#strategiczne ul li.abc{background-color: #f7fc99;}
#strzelanki{background-image:  url(../images/strzelanki/strzelanki_back.png);}
#strzelanki h1{background-image:  url(../images/strzelanki/strzelanki_top.png);}
#strzelanki ul li.abc{background-color: #fcc7c7;}
#wyscigowe{background-image: url(../images/wyscigowe/wyscigowe_back.png);}
#wyscigowe h1{background-image: url(../images/wyscigowe/wyscigowe_top.png);}
#wyscigowe ul li.abc{background-color: #fbda75;}
#zrecznosciowe{background-image: url(../images/zrecznosciowe/zrecznosciowe_back.png);}
#zrecznosciowe h1{background-image: url(../images/zrecznosciowe/zrecznosciowe_top.png);}
#zrecznosciowe ul li.abc{background-color: #bbc7ea;}
#kasynowe{background-image: url(../images/kasynowe/kasynowe_back.png);}
#kasynowe h1{background-image: url(../images/kasynowe/kasynowe_top.png);}
#kasynowe ul li.abc{background-color: #b9e6df;}
#rpg{background-image: url(../images/rpg/rpg_back.png);}
#rpg h1{background-image: url(../images/rpg/rpg_top.png);}
#rpg ul li.abc{background-color: #c7e7fc;}
#smieszne{background-image: url(../images/smieszne/smieszne_back.png);}
#smieszne h1{background-image: url(../images/smieszne/smieszne_top.png);}
#smieszne ul li.abc{background-color: #f7fc99;}
#dzieci{background-image: url(../images/dzieci/dzieci_back.png);}
#dzieci h1{background-image: url(../images/dzieci/dzieci_top.png);}
#dzieci ul li.abc{background-color: #fcc7c7;}
#dziewczyny{background-image:  url(../images/dziewczyny/dziewczyny_back.png);}
#dziewczyny h1{background-image: url(../images/dziewczyny/dziewczyny_top.png);}
#dziewczyny ul li.abc{background-color: #e3fcc7;}
/*stopka*/
#footer{
	width: 937px; margin: 30px auto 0 auto; padding: 0px; position: relative;
	overflow: hidden; clear: both; height: 161px;
	background: url(../images/footer_back.png) no-repeat top left;
	position: relative; overflow: hidden; 
}
#footer #footer_left{
	float: left; margin: 45px 0 0 0; padding: 0px 20px; width: 200px;
	border-right: 1px solid #d1d1d1; height: 100px; font-size: 85%;
	font-weight: bolder; position: relative;
}
#footer #footer_right{
	float: left; margin: 45px 0 0 0; padding: 0px 20px; width: 650px;
	height: 100px; position: relative; font-size: 85%;
}
#footer #footer_right p{
	float: right; text-align: right; margin: 20px 0 0 0;
}
#footer #footer_right p:first-child{
	float: left; text-align: justify; margin: 0px; color: #a0a0a0;
}
#podobne{
	width: 939px; margin: 0px auto; padding: 0px; position: relative;
	overflow: hidden; clear: both; position: relative;
}
#podobne #podobne_inner{
	float: right; width: 703px; height: 216px;
	background: url(../images/podobne_back.png.png) no-repeat top left;
	overflow: hidden;
}
#podobne #podobne_inner table{
	text-align: center; width: 663px; margin: 60px 20px 0px 20px;
	font-size: 85%; font-weight: bolder;
}
#okno_gry ul{
	margin: 4px 20px 0 0; padding: 0px; list-style: none; float: right;
}
#okno_gry ul li{
	float: left; margin: 0px; padding: 0px;
}
#okno_gry ul li a{
	margin: 0px; padding: 0px; text-decoration: none;
}
#okno_gry ul li a img{
	margin: 0px; padding: 0px; border: 0px;
}

#game {
	text-align: center;
	vertical-align: middle;
}
#graph {
	text-align:left;
	border: solid;
	border-width: 1px;
	border-color: grey;
	background-color: #F2E78B;
	padding: 0px;
	margin: 0px;
}
.gameLarge {
	height:440px;
	width: 660px;
}
.gameSmall {
    height:400px;
    width: 600px;
}
#message {
	padding: 5px;
	color: red;
}
.note {
	font-size: 10px;
	color:red;
}