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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: top; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, h1, h2, p { display: block; }
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

html, body { width: 100%; height: 100%;}
body {
	
	background: #5c2c28 url("../img/swietliki.jpg") fixed; background-size: 100% 100%; 
	padding: 0px; margin: 0px;
	color : #222;
	font: normal 15px tahoma, sans-serif;
	}
body#punymce { background-image: none; padding: 0px; background-color: #fff !important; color: #222 !important;}
	
.ad { position: absolute; right: 0px; top: 0px; z-index: 100002; }
.ad a { display: block; font-size: .8em; color: #000; background-color: #ccc; padding: 4px 10px; margin: 2px;}
.ad a:hover { background-color: #fff; }

h1 { font-size: 1.8em; text-align: center; margin-bottom: 40px; color: #400;}
h2 { font-size: 1.4em; margin-bottom: 20px;}
img {max-width: 100%;}
.logo { 
	margin-left: 20%; padding-top: 2% ;padding-top: 5vh;
	font: bold 3em tahoma, sans-serif; font-size: 5vh;font-size:5vmin;
	color: #fff; 
	text-shadow: 4px 4px 8px #333; 
	text-align: center; 
	opacity: 0.75;
	}
.sedno { 
	/*margin: 0 auto;*/
	background-color: #eee;
	border-radius: 16px; opacity: 0.9;
	margin: 2%; margin-left: 20%;
	position: relative; 
	box-shadow: 5px 5px 10px #555; border: 1px solid #ecc; border-right-color:  #ccc;
	}
	.sedno:hover{ background-color: #fff;box-shadow: 0px 0px 40px #ffd; }
.blokPrawy { width: 64%; float: right;	padding: 3%; }
.blokLewy { width: 35%; float: left; padding: 3%; }

.menu a{	
		padding: 6px 20px; margin: 8px;
		font: bold 14px tahoma,arial, sans-serif;
		display: block; color: #eee; text-decoration: none;
		background-color: #400; border-bottom-right-radius: 10px; border-top-left-radius: 10px;  opacity: 1; box-shadow: 2px 2px 4px #500; 
	} 
	.menu a:hover{	color: #fff; 	 text-shadow: 0px 0px 6px #fff;}

.imgL, .imgR, .imgC { opacity: 1;}
.onRight, .imgR { margin-left: 20px; margin-bottom: 20px; float: right; }
.onLeft, .imgL { margin-right: 20px; margin-bottom: 20px; float: left; }
.onCenter {margin: 0 auto; }
.imgC { display: block; margin: 40px auto; }

.clear { clear: both; }