* {margin:0;padding:0;text-decoration:none;font-family: 'ubuntulight';border:0;}
header {background-color:#ed1c24;height:11px;width:100%;position:fixed;top:0;z-index:2;}
body {background:#3b3b3b 360px 11px no-repeat url(shine_bok.png);}
h3 a, h3 a:visited {color:#ed1c24;}
#logo {display:block;width:225px;height:72px;background-image:url(logo.png);margin:30px 67px;}

#left {width:360px;height:100%;position:fixed;top:0px;left:0px;background-color:#fff;z-index:-1;}
nav {float:left;width:360px;margin-top:11px;display:block;}
nav ul {width:360px;text-align:right;list-style:none;}
nav ul li a {
	background: no-repeat -360px center url(red.png);
	font-size:18px;padding:10px 30px;color:#000000;display:block;
	transition:background-position 0.2s ease-out, color 0.4s ease-out;
	}
nav ul li a.ex {font-size:18px;padding:15px 30px;color:#B31C1C;display:block;}
nav ul li a.aktywny {color:#ed1c24;}
nav ul li a.blog {font-size:14px;padding:6px 30px;}
nav ul li a:hover {background-position:0px center;color:#ffffff;}
nav ul li.kategorie {font-size:20px;padding:15px 30px;}
a.bold {font-weight:bold;font-size:24px;padding:15px 30px;}
nav hr {border: 1px solid #000;margin:30px;}
nav h3 {text-align:center;width:220px;margin:30px 67px;font-size:14px;font-style:italic;font-weight:normal;}
nav span {display:block;}

article hr {border: 1px solid #000;margin:30px;width:500px;}

article {margin:11px 0 0 360px;display:block;color:#ffffff;padding:50px;}
article a,article a:visited {color:#FFFB99;transition:color 0.3s ease-out;}
article a:hover {color:#FF5533;}

article a.projekt {
	display:inline-block;
	/*border-radius:133px;*/
	height:311px;
	width:286px;
	overflow:hidden;
	position:relative;
	margin:20px 35px;
	color:#ffffff;} 
article a.projekt img {height:266px;top:0px;left:-103px;position:absolute;z-index:-2;}
article a.projekt section {width: 246px; padding: 0px 20px;height:226px;position:absolute;top:-266px;text-align:center;transition:top 0.5s ease-out;}
article a.projekt:hover section {top:70px;}
article a.projekt span {opacity:0;position:absolute;top:0px;left:0px;z-index:-1;width:286px;height:266px;background-color:#ed1c24;transition:opacity 0.5s ease-out;}
article a.projekt:hover span {opacity:0.5;}
article a.projekt p.dlugi_opis {display:none;}

article p {padding:10px 5px;}
article h2 {padding: 0px 30px;}
article iframe {margin:30px 0px;}

article a.projekt .tagi {padding:10px;position:absolute;bottom:0px;width:246px;height:29px;font-size:14px;}
article a.projekt .tagi strong {margin:0px 5px;display: inline-block;}
.tagi_aktywny {color:red;}

.rolka {list-style:none;}
.rolka li {padding:10px 10px 10px 30px;background:url(rolka.png) 0px 9px no-repeat;color:#FF4848;}
.dodaj_komentarz section {padding:15px;}
.dodaj_komentarz section .text {display:inline-block;width:130px;font-size:16px;}
.dodaj_komentarz input,.dodaj_komentarz textarea {
	width:300px;
	font-size:16px;
	padding:10px;
	color:#fff;
	background:transparent;
	box-shadow:0px 0px 11px #000;
	border:1px solid #000;
	transition:box-shadow 0.2s ease-out;
	}
	
.wyslij_koperte {background:#444;}

.dodaj_komentarz input:hover,.dodaj_komentarz textarea:hover {box-shadow:0px 0px 11px red;}
.dodaj_komentarz input:focus,.dodaj_komentarz textarea:focus {box-shadow:0px 0px 11px #ffff00;}

section.blog a.naglowek {margin:30px 0px;display:block;}
section.blog h1 {
	border-bottom:1px solid #ffffff;display:inline;
	box-shadow:0px 1px 0px #888888;
	padding-bottom:10px;
	}
section.blog span.tekst_wlasciwy p {padding:0px;}

article pre {
	font-size:14px;
	font-family:"Lucida Console","Courier New";
	border:1px dashed #000000;
	border-radius:3px;	
	padding:15px;
	position:relative;
	width:auto;
	
	}
	
.blog_wpis header {
top:10px;left:360px;height:20px;padding-left:10px;
}

.porownywarka td {text-align:center; border: 1px solid #000;}
.porownywarka {width:650px;}
.porownywarka th {width:120px;}