@font-face {
    font-family: 'robotolight';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-light-webfont.woff') format('woff'),
         url('roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
}
img {
	border: 0;
}
body {
	font-family: 'robotolight';
	font-size: 14px;
	background: #000000;
}
p {
	color: #ffffff;
	margin: 0;
	text-align: left;
}

a {
	color: #ffffff;
}
a:hover {
	color: #dddddd;
}

td {
    padding: 2px;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

header {
	width: 100%;
	height: 65px;
	position: fixed;
	text-align: center;
	z-index: 5000;
	background-color: rgba(0,0,0,0.5);
	background: repeat url('../img/grey.png');
	
}
footer, header, hgroup, main, nav, section {
display: block;
}
h2 {
	margin: 0;
	padding-top: 10px;
	font-size: 35pt;
	color: #ffffff;
}
h3 {
	margin: 0;
	padding-top: 5px;
	font-size: 25pt;
	color: #ffffff;
}
#header_box {
	margin: auto;
	width: 960px;
	/*max-width: 960px;
	#min-width: 730px;*/
	height: 65px;
}
#header_logo {
	display: block;
	float: left;
	height: 100%;
}
#header_content {
	display: block;
	float: right;
	margin-top: 18px;
	width: 510px;
	height: 30px;
}
.header_link {
	display: block;
	float: left;
	text-decoration: none;
	color: rgb(255,255,255);
	padding: 4px;
	margin: 0 4px 0 4px;
	font-size: 14px;
	transition-duration: 0.5s;
}
.header_link:hover, .header_link:active {
	background-color: #AC0404;
}
.header_link strong {
	font-size: 16px;
}
.box {
	height: 100%;
	width: 100%;
	float:left;
	position: relative;
	min-height: 700px;
	max-height: 1080px;
}
.bog_page {
	margin: 64px auto 0 auto;
	width: 960px;
	height: 100%;
	text-align: center;
	position: relative;
}
#dtl_sta {
	background: url('../img/praga.jpg') #000000 no-repeat fixed top;
}
#dtl_s2w {
	background: url('../img/dtlS2W.jpg') #000000 no-repeat fixed top;
}
#dtl_swa {
	background: url('../img/dtlSWA.jpg') #000000 no-repeat fixed top;
}
#dtl_sdw {
	background: url('../img/dtlSDW.jpg') #000000 no-repeat fixed top;
}
#dtl_s4s {
	background: url('../img/dtlS4S.jpg') #000000 no-repeat fixed top;
}
#dtl_srw {
	background: url('../img/dtlSRW.jpg') #000000 no-repeat fixed top;
}
#dtl_wgo {
	background: url('../img/dtlWGO.jpg') #000000 no-repeat fixed top;
}
#dtl_par {
	background: url('../img/partnerzy.jpg') #000000 no-repeat fixed top;
}
#dtl_con {
	background: url('../img/kontakt.jpg') #000000 no-repeat fixed center;
}

.grayed:hover {
    -webkit-filter: brightness(1.0) grayscale(0%); 
  -moz-filter: brightness(1.0) grayscale(0%); 
  -o-filter: brightness(1.0) grayscale(0%); 
  -ms-filter: brightness(1.0) grayscale(0%); 
  filter: brightness(1.0) grayscale(0%);
}
.grayed {
	display: block;
	width: 250px;
	height: 150px;
	float: left;
	padding: 10px 30px 20px 30px;
	
    -webkit-filter: brightness(0.4) grayscale(100%); 
  -moz-filter: brightness(0.4) grayscale(100%); 
  -o-filter: brightness(0.4) grayscale(100%); 
  -ms-filter: brightness(0.4) grayscale(100%); 
  filter: brightness(0.4) grayscale(100%);
	transition-duration: 0.5s;
}

.page_box {
	width: 30px;
	height: 30px;
	background-color: rgba(102, 102, 102, 1);
	display: block;
	margin: 0 15px 15px 0;
	float: left;
	transition-duration: 0.5s;
}
.page_box:hover {
	background-color: rgba(204, 0, 0, 1);
}
.page_ico {
	/*background-color: rgba(102, 102, 102, 1);*/
	display: block;
	margin: 0 0 0 10px;
	float: right;
}


ul, li, .box_content,.section{
			padding:0;
			margin:0;
			list-style:none;
		}

		.box_content{
			overflow:hidden;
			width:630px;
			height:100%;
			background-color: rgba(102, 102, 102, 0.3);
			clear: both;
		}
		
		.section{
			width:2900px;
			position:relative;
		}
		
		.section .sub{
			position:relative;
			float:left;
			padding: 20px 20px 20px 20px;
			width:590px;
			height:352px;
		}
		.section .sub p{
			margin-bottom: 20px;
			font-size:16px;
			line-height:18px;
		}