/* clear all*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {


	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
	

body { text-align: center; font-size: 12px; font-family: Arial; color: #a6a6a6; background: url(../images/tlo.jpg); }
	
a { cursor: pointer; font-size: 12px; font-weight: normal; text-decoration: none; color: #a6a6a6; }
a:hover  { text-decoration: underline; }	
	
div { text-align: left; }

.clear { clear: both; }
.polecamy { float: left; padding-right: 10px;  font-size: 14px; color: #ddf324; padding: 20px 0px 0px 40px;}

#wrapper { margin: auto; width: 998px; }

/* *********************************************************  HEADER  *********************************************************** */

#header {float: left; width: 100%;}

	#logo a {width: 476px; height: 163px; background: url(../images/logo.png) no-repeat; float: left; cursor: pointer; margin-left: 40px;}
	
	#menu {float: left; background: url(../images/border.png) repeat-x; width: 100%; }
	
		#menu .menu-left {float: left; background: url(../images/left_border.png) no-repeat; width: 7px; height: 54px; }
		#menu .menu-right {float: left; background: url(../images/right_border.png) no-repeat; width: 7px; height: 54px;}
		#menu .menu-content { float: left; }
		
			#menu .menu-content a {float: left; font-size: 14px; color: #ffffff; padding: 20px 10px 0px 20px;}
			
		
/* *********************************************************  CONTENT  *********************************************************** */
	
		
#content { width: 100%; float: left; }
	
	.sm #sidebar { width: 21%; }
	.sm #content { width: 79%; }
	
	#content h1 {float: left; width: 100%; background: url(../images/tlo_h1.png);}
	
		#content h1 span {padding: 15px 0px 15px 25px; font-size: 36px; color: #fff; font-weight: bold; float: left;}
	
	#content_menu {float: left; padding-top: 5px; padding-bottom: 5px; width: 100%;}
	
		#content_menu a { padding-left: 15px; padding-right: 15px; float: left;}
		
		#content_menu span {float: left;} 
		
		#content_menu p { float: right; display: none;}
		
			.liczba_rozegran {color: #d20938;}
			
/* ******************************************************************************************************************* */
.tagi {float: left; width:100%; padding: 5px 0px 5px 0px; font-size: 9px; }

#flash {float: left; width: 100%;}
				
#opis-gry {float: left; width: 350px; padding-bottom: 10px;}
		
		#opis-gry h2 {float: left; width: 340px; padding: 15px 0px 0px 10px; font-size: 24px; color: #fff; font-weight: bold;}
		
		#opis-gry h3 {float: left; width: 340px; padding: 0px 0px 0px 15px; font-size: 18px; font-weight: bold;}
		
		#opis-gry p {float: left; width: 340px; padding: 15px 0px 0px 10px;}
		
		#opis-gry a { font-weight: bold; color: #fff;}
		
			.bold { font-weight: bold;}
			
			.bigger_bold { font-size: 14px; font-weight: bold;}
			
	.leaderboard {float: right; width: 400px; padding-bottom: 10px; padding-top: 15px; }
		.leader-left { float: left; }

#sterowanie {float: left; width: 314px; padding-bottom: 10px; padding-left: 40px;}
		
		#sterowanie h3 {float: left; width: 90%; padding: 42px 10px 15px 15px; font-size: 18px; font-weight: bold;}
		
			.przyciski {float: left; width: 100%;  background: url(../images/tlo_screen.png); padding: 10px;} 
			
				.przyciski span {float: left; padding:5px 15px 5px 5px;}
				
				.przyciski p { padding: 7px 0px 0px 10px;}

.light-box {float: left; width: 314px; padding-bottom: 10px;}		
	.light-box h3 {float: left; width: 90%; padding: 22px 10px 15px 15px; font-size: 18px; font-weight: bold;}
				
			
/* ***************************************************  STRONA GŁÓWNA  *********************************************************** */

#strona_glowna {float: left; width: 100%; margin-bottom: 50px;}

	#strona_glowna h2 {float: left; width: 100%; font-size: 18px; font-weight: bold; padding: 20px;}
	
		.screen {float: left; width: 146px; height: 160px; background: url(../images/tlo_screen.png); margin-left: 10px; margin-top: 10px;}
		
		.screen h3 {float:left; width: 100%; height: 40px;}
		
			.screen a {float:left; width: 100%; color: #fff; text-align: center; font-size: 14px; padding-top: 10px;}
		
		.screen p {float: left; width: 100%; text-align: center;}
			
/* *************************************************PODSTRONA TOWER DEFENSE  *********************************************************** */

#podstrona_tower_defense {float: left; width: 100%; margin-top: 100px;}
			
#podstrona_tower_defense p {float: left; width: 90%; padding: 10px 5px 10px 20px; margin-top: 10px;}

	.zapraszamy {float: left; font-weight: bold; font-size: 14px;}
	
/* *************************************************PODSTRONA GRY LOGICZNE  *********************************************************** */

#podstrona_gry_logiczne {float: left; width: 100%; margin-top: 100px;}
			
#podstrona_gry_logiczne p {float: left; width: 90%; padding: 10px 5px 10px 20px; margin-top: 10px;}

/* *************************************************PODSTRONA GRY STRZELANINY *********************************************************** */

#podstrona_gry_strzelaniny{float: left; width: 100%; margin-top: 50px;}
			
#podstrona_gry_strzelaniny p {float: left; width: 90%; padding: 10px 5px 10px 20px; margin-top: 10px;}

/* ********************************************************  SIDEBAR *********************************************************** */

#sidebar {width: 20%; float: left;}
	
	#sidebar h2 {float: left; width: 95%; font-weight: bold; padding: 20px 0px 20px 5%;}

	#sidebar ul {list-style: none;}
	
		#sidebar li {float: left; width: 100%; background: url(../images/kropka.png) repeat-x left bottom; }
  
			#sidebar a {color: #ffffff; display: block; padding: 5px 0px 5px 5px; }
                 #sidebar a:hover  { background: #454545; }
	
/* *********************************************************  FOOTER  *********************************************************** */

	
#footer {float: left; width: 100%; padding-bottom: 50px; margin-top: 30px; }

	#footer p {float: left; font-size: 12px; color: #a6a6a6; padding: 7px 7px;}
	
		#footer .smaller_p {float: left; width: 100%; font-size: 11px; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #ee9400; padding: 5px 0px 5px 7px;}
	
		#footer .right {float: right; padding-right: 7px;} 
		
			#footer a { color: #ffffff; padding-left: 15px; padding-right: 15px;}