/*
CSS file created with:Instantblueprint - Create a web project framework in seconds.
http://instantblueprint.com
Project: szklarze
File: css/style.css
Last edited: February 18, 2014, 6:22 am
*/

/*  Main  */
html{
	min-height:100%;
	}
body {
 background:linear-gradient(to bottom, #d2d2d2 0%, #f5f5f5 100%);
 color:#000;
 font-family: 'Century', Arial, Helvetica, sans-serif;
 font-size: 13px;
}

article ul{
	font:15px 'Century', sans-serif;
	color:#a7a6a6;
	margin-left:40px;
	}
a{
	text-decoration:none;
	}
a h2:hover{
	color:#dbc301;
	}
h1{
	font:20px 'Book Antiqua', sans-serif;
	color:#606d85;
	}
a h1:hover{
	color:#dbc301;
	}
h2{
	font:30px 'Book Antiqua', sans-serif;
	color:#4a5a76;
	margin-bottom:20px;
	}
.h2{
	font-size:15px;
	color:#a7a6a6;
	position:relative;
	top:-20px;
	left:-8px;
	}
h3{
	font:40px 'Book Antiqua', sans-serif;
	color:#fefefe;
	text-align:center;
	margin-bottom:23px;
	}
h4{
	font:30px 'Book Antiqua', sans-serif;
	color:#4a5a76;
	margin-bottom:20px;
	clear:left;
	}
#wrapper {
 margin:0 auto;
 width:1000px; /*  Change to desired width :)  */
}

#header {
	width:1000px;
}

#baner{
	width:753px;
	height:547px;
	background:url(../images/baner1.jpg);
	float:left;
}
.link_baner{
	font:25px 'Book Antiqua', sans-serif;
	color:#fefefe;
	float:right;
	margin-top:57px;
	margin-right:100px;
	text-decoration:none;
	transition:all 1s ease;
}
.link_baner:hover{
	color:#4198e5;
	transform:rotate(-10deg) scale(1.2);
	-webkit-transform:rotate(-10deg) scale(1.2);
	-moz-transform:rotate(-10deg) scale(1.2);
	-o-transform:rotate(-10deg) scale(1.2);
	font-weight:bold;
}
#b_right{
	float:right;
	width:247px;
	margin-top:30px;
	
	}
#b_right p{
	font: 20px 'Book Antiqua', sans-serif;
	color:#83868d;
	height:35px;
	}
.p1{
	font-size:14px;
	color:#aeb6c4;
	position:relative;
	top:-10px;
	left:-27px;
}
.social{
	padding:10px;
	transition: all 0.5s ease;
	}
.social:hover{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	opacity:0.5;
	}
#fast_k{
	margin-top:10px;
	margin-left:10px;
	font: 18px 'Book Antiqua', sans-serif;
	color:#55647e;
	}
	
#fast_k p{
	font: 14px 'Book Antiqua', sans-serif;
	color:#55647e;
	margin-left:8px;
	}
nav {
	float:left;
	width:247px;
	margin-top:31px;
}
nav > ul > li > a{
	display:inline-block;
	width:247px;
	height:45px;
	background-color:#b3c3ca;
	margin-top:3px;
	text-align:center;
	transition:width 0.5s, background-color 1s, color 1s ease;
	font:25px 'Book Antiqua', sans-serif;
	color:#4a5a76;
	text-decoration:none;
	line-height:45px;
	}

nav > ul > li > a:hover{
	width:277px;
	background-color:#dbc301;
	color:#000;
	}

#content {
	width:990px;
	margin:0 auto;
}

#news{
	float:left;
	width:450px;
	margin-top:20px;
	}
	
#o_nas{
	float:left;
	width:540px;
	margin-bottom:50px;
	margin-top:20px;
	text-align:justify;
	}

p{
	font:15px 'Century', sans-serif;
	color:#a7a6a6;
}	
#main{
	width:990px;
	text-align:justify;
	}
#realizacje, #dojazd{
	height:270px;
	float:left;
	width:1000px;
	}
article{
	margin-bottom:80px;
	}
.kleft{
	float:left;
	}
.kright{
	float:right;
	text-align:right;
	}
#linia{
	height:1px;
	background-color:#b61b8c;
	margin-bottom:15px;
	}
.left{
	float:left;
	margin-right:20px;
	}
.more {
	float:right;
	font:15px 'Book Antiqua' sans-serif;
	color:#a7a6a6;
	text-decoration:none;
}
.more:hover {
	color:#dbc301;
}

footer{
	background-color:#a6b9c2;
	width:inherit;
	height:35px;
	float:left;
	font:14px 'Book Antiqua' sans-serif;
	color:#4a5a76;
}
footer a{
	color:#4a5a76;
	text-decoration:none;
	}
footer a:hover{
	color:#fef502;
	}
footer p{
	margin:8px;
	color:#4a5a76;
	}
.fleft{
	float:left;
	}
.fright{
	float:right;
	}
form {
	margin-top:20px;
	height:340px;
	
}
form p {
	padding: 2px 0 5px 0;	margin: 0;
	height:35px;
}
label {
	display:block;
	float:left;
	width:140px;
	font: 15px 'Century', Tahoma, sans-serif;
	color: #a7a6a6;
}
input, select {
	display:block;
	float:left;
	margin: 3px 0;
	font: 12px 'Verdana', Tahoma, sans-serif;
	color: #000;
	background: #fff;  
	border: 1px solid #a7a6a6;
	height:20px;
	width:300px;
}

textarea{
	display:block;
	float:left;
	margin: 3px 0 10px 0;
	font: 12px 'Verdana', Tahoma, sans-serif;
	color: #000;
	background: #fff;  
	border: 1px solid #a7a6a6;
}

input.button { 
	font: 14px 'Verdana', Arial, Sans-serif; 
	height: 30px;
	width: 80px;
	margin: 10px 10px 0 0;
	color: #000;
	background:#a6b9c2;
	border:none;
}
.btnmargin{
	margin-left:250px;
	}
.back{
	font:20px 'Book Antiqua' sans-erif;
	color:#000;
	text-decoration:none;
	}
.back:hover{
	color:#dbc301;
	}