@font-face {
    font-family: 'Ubuntu';
    src: url('../font/Ubuntu.ttf');

    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Sansation';
    src: url('../font/Sansation.ttf');

    font-weight: normal;
    font-style: normal;

}
* { padding: 0; margin: 0; }
html{
	background: url(../img/bg/bg1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back.jpg', sizingMethod='scale')";
	height:100%;
}

body {
 font-family: Sansation, Verdana, Geneva, sans-serif;
 font-size: 13px; 
 color:#4d4d4d;
margin: 0;
	padding: 0;
	height: 100%;
}
wrapper{
	height:100%;
	width:980px;
}
a{
	color:#4d4d4d;
	text-decoration:none;
}
h2{
	font-size:16px;
	font-weight:normal;
	font-family:Sansation, Verdana, Geneva, sans-serif;
	margin-bottom:10px;
}
.left { 
 display: block;
 background-color:white;
 padding: 10px;
 width: 210px;
 float: left;
 position: fixed;
   left: 0px;
   top: 0px;
   bottom: 0px;
 min-height: 100%;
}
aside{
	margin:100px 0 0 35px;
}
.lang{
	border-bottom:4px solid #4d4d4d;
}
.main{
	left:230px;
  width: 700px;  
   position:relative;
   }
.right{ 
 display:inline;
 float:left;
}

.Home .right{ 
 margin: 230px 5px 0 5px;
 width:355px;
}
.link{ 
color: white;
background:#4d4d4d;
display:inline;
}
.Volta .right{ 
 margin: 270px 5px 0 5px;
 width:515px;
 line-height:18px;
}
.Uslugi .right{ 
 margin: 310px 5px 0 5px;
 width:750px;
}
.Realizacje .right{ 
 margin: 360px 5px 0 5px;
 width:700px;
}
.Kontakt .right{ 
 margin: 400px 5px 0 5px;
 width:750px;
}
header {
margin: 50px 35px;
}

nav {
	 font-family: Sansation;
	 text-transform:uppercase;
}
nav ul{
	text-align:left;	
}
nav li{	
}
nav li a:hover {
	border-bottom:8px solid #4d4d4d;
	padding:15px 0 8px 0;
}
nav li a{
	border-bottom:1px solid #4d4d4d;
	font-size:11px;
	display:block;
	padding:15px 0;
	margin:0 25px;
	color:#4d4d4d;
}
body.Home .homenav,
body.Volta .voltanav,
body.Uslugi .usluginav,
body.Realizacje .realizacjenav,
body.Kontakt .kontaktnav{
	border-bottom:8px solid #4d4d4d;
	padding:15px 0 8px 0;
}

.volta content{
	padding-top:20px;
}
.content section{
 font-family:Ubuntu, Verdana, Geneva, sans-serif;
 background:white;
 padding:20px 30px;
 margin:5px;
 font-size:12px;
}
section.mapa{
	padding:20px 0;
}
.content section p{
	margin:10px 0 35px 0;
	line-height:18px;
}
.Volta h2{
	font-family:Sansation, Verdana, Geneva, sans-serif;
}
.Uslugi .content section{
	display:block;
	width:300px;
	float:left;
	}
	
.Kontakt .content span{
	display:block;
	}
	.Kontakt .content section{
	display:block;
	min-width:150px;
	float:left;
	height:300px;
	}
.realizacjeMain ul{
	list-style:none;
	font-family:Sansation, Verdana, Geneva, sans-serif;
	font-size:12px;
}
.realizacjeMain li{
	padding:10px 0;
	text-transform:uppercase;
}
.realizacjeMain{
		display:block;
	width:110px;
	float:left;
	min-height:140px;
	}
.realizacjeSub{
	visibility:hidden;
	width:270px;
	min-height:140px;
	float:left;
	display:block;
}
.realizacjeFoto{
	visibility:hidden;
	width:110px;
	display:block;	min-height:140px;
	float:left;
	text-align:center;
}
.realizacjeFoto a{
	display:block;
	border-bottom:1px black solid;
	margin-top:60px;
	text-transform:uppercase;
	font-family:Sansation, Verdana, Geneva, sans-serif;
}
.realizacjeMain li a:hover{
		color:red;
	
}