/* Copyright (c) MEDIA77 - http://media77.pl/ */

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

@import url('styles-reset.css');

body {
color:#999;
background:#fff;
font:16px/2em "Open Sans", Sans-Serif;
font-weight:300;
}

a {
text-decoration:none;
color:#333;
}

a:hover {
color:#000;
}

b {
font-weight:600;
}

h1 {
font-size: 50px;
line-height: 40px;
font-weight: 300;
text-align: center;
color: #000;
position: absolute;
margin-left:50%;
left:-450px;
bottom: 420px;
}

	h1 span {
	color:#999;
	font-size:30px;
	line-height:30px;
	*display:inline;zoom:1;
	}

h2 {
font-size:175%;
font-weight:300;
padding:60px 0 40px;
color:#fff;
}

p {
text-align:justify;
}


small {
font-size:75%;
font-style:italic;
line-height:1em;
}

ul {
}

li {
padding:0 0 1em 1em;
}

.left {
	float:left;
}

.right {
	float:right;
}


.slideLink {
	display:block;
	width:100%;
	height:100%;
}

.ico {
	color:#fff;
	font-size:16px;
	margin-right:40px;
	line-height:30px;
	position:relative;
	display:block;
	z-index:10;
}

.ico-left {
	color:#fff;
	font-size:16px;
	margin-left:40px;
	line-height:30px;
	position:relative;
	display:block;
	z-index:10;
}

a.ico:hover,
a.ico-left:hover {
color:#fff;
}

.ico:after {
	content:"";
	height:30px;
	margin-left:10px;
	position:absolute;
	width:30px;
}

.ico-left:before {
	content:"";
	height:30px;
	margin-left:-40px;
	position:absolute;
	width:30px;
}

.ico-add {
	position:fixed;
	top:20px;
	right:20px;
}

.ico-add:after {
	background:url('../img/ico-add.png') 0 0 no-repeat;
}

.ico-left.ico-arrow {
	bottom:20px;
	left:20px;
	position:fixed;
}

.ico-arrow:after {
	background:url('../img/ico-arrow.png') 0 0 no-repeat;
}

.ico-left.ico-arrow:before {
	background:url('../img/ico-arrow.png') 0 0 no-repeat;
}

.ico-arrowup {
	bottom:20px;
	right:20px;
	position:fixed;
}

.ico-arrowup:after {
	background:url('../img/ico-arrowup.png') 0 0 no-repeat;
}


nav {
/* display:none; */
z-index:10;
}



	




header {
background:#fff url('../img/header.jpg') right bottom no-repeat;
margin:0 auto;
width:900px;
min-height:600px;
margin-bottom:-16px;
}

section {
background-color:#ccc;
color:#222;
width:100%;
min-height:600px;
position:relative;
margin-bottom:-16px;
}

	article {
	margin:0 auto;
	width:900px;
	position:relative;
	}

	
form:after,
header:after,
section:after,
footer:after,
div:after {
   clear:both;
   content:" ";
   display:block; 
   height:0; 
}
	
	
#biografia {
	background-color:#000;
	padding-bottom:40px;
}

#biografia h2 {
	text-align:center;
	color:#fff;
}
	
#biografia p {
	text-align:center;
	color:#aaa;
}

#biografia h2 {
	padding:60px 0 40px 0;
}



#wpisy {
	padding-bottom:40px;
}

#wpisy h2 {
	color:#222;
}

#wpisy .left {
	width:100%;
}

.wpis p:last-of-type {
	margin-bottom:0px;
}

.wpis {
	border-bottom:1px solid #bbb;
	padding:40px 20px;
}

.wpis:first-of-type {
	border-top:1px solid #bbb;
}

.wpis:after {
   clear:both;
   content:" ";
   display:block; 
   height:0; 
}




#dodaj {
	background-color:#000;
}
	
input[type=text],
textarea {
	background-color:#000;
	border:1px solid #666;
	color:#aaa;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	height:30px;
	margin:0 0 1em 0;
	padding:3px 7px;
	width:100%;
	vertical-align:middle;
}

input:focus,
textarea:focus {
	border:1px solid #aaa;
}

button {
	color:#fff;
	font-size:16px;
	line-height:30px;
	display:inline-block;
	z-index:10;
	background: none;
	border: none;
}

button:hover {
	cursor:pointer;
}


textarea {
	min-height:150px;
	resize:vertical;
	text-align:justify;
}


label {
	color:#666;
	display:block;
}

small,
small a {
	color:#666;
	font-style:normal;
	line-height:30px;
}

small a:hover {
	color:#aaa;
}