@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300&subset=latin,latin-ext);

/* 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; line-height: 2; font-family: 'Open Sans', sans-serif; color: #3c3a3a; background: url(/images/bg.jpg) repeat; background-position: center center; }
div { text-align: left; }
	
a { cursor: pointer; font-size: 12px; font-weight: normal; text-decoration: none; }
a:hover  { text-decoration: none; }	
p { padding-bottom: 15px; }
.clear { clear: both; }

#wrapper { margin:0 auto; width: 1025px; background: #f8f7f7; }	

#header { float: left; width: 100%; background: #242424; }
	.menu { float: left; width: 100%; border-bottom: 8px solid #dadada; height: 56px; }
		.menu ul { float: left; list-style: none; }
			.menu li { display: inline; }
				.menu a { float: left; padding: 15px 30px; border-bottom: 8px solid #dadada; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; border-right: 1px solid #000; box-shadow: 1px 0px #4c4c4c; }
				.menu a:hover { border-bottom: 8px solid #00a1fd; }
		.menu input { float: left; border: 1px solid #000; width: 200px; padding: 5px; margin-top: 15px; margin-left: 40px; }
		.menu button { float: right; background: url(/images/search.jpg) repeat; background-position: center center; margin-top: 16px; margin-right: 30px; width: 30px; height: 25px; border: none; cursor: pointer; }
#top-content { float: left; width: 985px; padding: 0px 20px; }
	.logo { font-size: 36px; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; font-weight: bold; float: left; margin-top: 20px; }
		.logo a { font-size: 36px; font-weight: bold; }
			.logo .grey { color: #242424; }
			.logo .blue { color: #00a1fd; }
	.small-ad { float: right; margin-top: 10px; }
#content { float: left; width: 665px; padding: 0px 20px 30px 20px; }
	.baner { float: left; background: #fff; border: 1px solid #dcdcdc; padding: 5px; margin-bottom: 15px; }
	.baner img { width: 655px; height: 190px; float: left; }
	.baner h2 { float: left; width: 100%; background: #242424 !important; }
	.baner h2 a { font-size: 16px; font-weight: 700; color: #fff; padding: 5px 10px; float: left; }
	#content .col { float: left; width: 315px; }
	#content .col-margin { margin-left: 33px; }
		#content .col h2 { float: left; width: 295px; background: #f2f2f2; border: 1px solid #dcdcdc; padding: 5px 10px; font-size: 14px; font-weight: 600; color: #242424; } 
		#content .col .lista { float: left; width: 305px; padding: 5px; background: #fff; border: 1px solid #dcdcdc; } 
		#content .lista .box { float: left; width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; margin-bottom: 5px; } 
		#content .lista .box .big-thumb { float: left; width: 300px; height: 200px; } 
			#content .lista .box .big-thumb { float: left; width: 300px; height: 200px; margin-bottom: 5px; } 
                        .big-thumb img { width: 300px; height: 200px; }
			#content .lista .box h3 { margin-bottom: 5px; } 
				#content .lista .box h3 a { font-size: 14px; font-weight: 600; color: #242424; } 
			#content .lista .box .more { color: #00a1fd; float: right; font-weight: 600; margin-right: 5px; }
			#content .lista .box p { padding-bottom: 0px; }
			#content .lista .small-thumb { float: left; margin-right: 10px; }
			#content .lista h4 a { font-weight: 600; color: #242424; } 
			.last-box { border-bottom: none !important; }
			#content .col .col-stopka { float: left; width: 295px; background: #f2f2f2; border: 1px solid #dcdcdc; padding: 5px 10px; }  
				#content .col-stopka a { float: right; font-weight: 600; color: #00a1fd; }  
	#content .col2 { float: left; width: 665px; margin-top: 15px; }
		#content .col2 h2 { float: left; width: 645px; background: #f2f2f2; border: 1px solid #dcdcdc; padding: 5px 10px; font-size: 14px; font-weight: 600; color: #242424; } 
		#content .col2 .lista { float: left; width: 655px; padding: 5px; background: #fff; border: 1px solid #dcdcdc; } 
		#content .col2 .lista .box { float: left; width: 305px; border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; margin-bottom: 5px; } 
		.box-margin { margin-left: 40px; }
		#content .col2 .col-stopka { float: left; width: 645px; background: #f2f2f2; border: 1px solid #dcdcdc; padding: 5px 10px; }  
#side, #side col { float: left; width: 300px; }
	#side .col h2 { float: left; width: 280px; background: #f2f2f2; border: 1px solid #dcdcdc; padding: 5px 10px; font-size: 14px; font-weight: 600; color: #242424; }
	#side .lista { float: left; width: 290px; padding: 5px; background: #fff; border: 1px solid #dcdcdc; }  
	#side .lista img { float: left; width: 290px; height: 150px; }  
	#side .lista h3 { float: left; width: 100%; background: #242424; }
	#side .lista h3 a { font-size: 14px; font-weight: 700; color: #fff; padding: 5px 10px; float: left; line-height: 1.5; }
	#side .lista ul { list-style: square; margin-left: 20px; }
		#side .lista li { padding: 3px 0px; }
			#side .lista li a { color: #3c3a3a; }
			#side .lista li a:hover { color: #00a1fd; }
	#side .square-ad, #side .fb { float: left; width: 100%; margin: 15px 0px; }
#footer { float: left; width: 100%; }
	.footer-top { float: left; width: 100%; background: #242424; padding: 20px 0px; }
		.footer-col { float: left; width: 320px; margin-left: 20px; }
			.footer-col ul { list-style: none; }
			.footer-col li { border-bottom: 1px solid #000; box-shadow: 0px 1px #4c4c4c; padding: 5px 0px; }
				.footer-col li a { color: #fff; }
			.footer-col h2 { color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 15px; }
	.footer-bottom { background: #000; float: left; width: 100%; }
		.footer-bottom p { color: #fff; text-align: center; padding-top: 15px; }
		
		
/* podstrona */

.gra { float: left; width: 655px; text-align: center; background: #fff; border: 1px solid #dcdcdc; padding: 5px 5px 0px 5px; margin-bottom: 15px; }
#content h2 { float: left; width: 645px; background: #f2f2f2; border: 1px solid #dcdcdc; padding: 5px 10px; font-size: 14px; font-weight: 600; color: #242424; }
.margin-top { margin-top: 15px; float: left; }
.ad { float: left; margin-right: 15px; }
.tresc { float: left; width: 100%; margin-bottom: 20px; }
.kategoria .box { border-bottom: none !important; }
.kategoria .col { margin-bottom: 20px; }

.box-height { min-height: 370px !important; }
.box2 { min-height: 220px !important; }