body {
	background-color: #000000;
	margin-top: 0px;
	font-family:  'Cordia New', 'Calibri light', "Calibri", "Verdana";
	font-weight: 100;
	font-size:  20px\9;   
//	font-size: x-large;
	font-size-adjust: 0.7;
	color: #373737;
	text-align: center;
	/*padding: 0px 0px 0px 0px;*/
	border-width: 0px;
}

@font-face
{
	font-family: 'Calibri light';
	src: url('resources/calibril.ttf');
	font-weight: 100;
}

@font-face
{
	font-family: 'Cordia New';
	src: url('resources/cordia.ttf');
	font-weight: 100;
}

a:link { color: #373737; 	text-decoration: none; }
a:visited { color: #373737; 	text-decoration: none; }
a:hover { color: #373737;	text-decoration: none; font-size: 105%; }
a:active { color: #373737;	text-decoration: none; }

div {
	border-width: 0px;
}



/* main box */
#main {
	float: none;
	width: 1100px;
	display: float;
	min-width:800px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 0px;
}

/* main image */
#mainimg {
   background-image:url('img/strona_projek2mm.png');
   background-repeat: no-repeat;
   background-position: center top;
   background-size: contain;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	width: inherit;
	height: 100%;
	min-height: 700px;
	position: absolute;
	border-width: 0px;
	background-color: #000000;
}
#mainimgcover {
   background-position: center top;
   background-image:url('img/cover.png');
   opacity: 0;
   filter: alpha(opacity:0);
   background-size: cover;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	border-width: 0px;	
}

/* gray box */
#graybox {
	width: inherit;
	height: auto;
	position: relative;
	margin: 150px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	background-color: rgba(170,170,170, 0.65);
	vertical-align: middel;
	border-width: 0;
	
}

/* big text */
#bigtext {
	font-size: 150%;
	padding: 20px 15% 0px 15% ;
	margin: 0px 0px 0px 0px;
	width: 70%;
	position: inherit;
	text-align: justify;
	text-align-last: justify;
	text-justify: distribute; 
	/*letter-spacing: 14px;*/
	height: auto;
	font-size-adjust: 0.7;
}

/* titel */
h2 {
	font-size: 100%;
	text-align: justify;
	text-align-last: justify;
	text-justify: distribute-all-lines; 
/*	letter-spacing: 5px;*/
	margin: 0px;
	padding: 0px;
	font-weight: 100;
	height: 55px;
}
 
h2:after { 
	content: ".";
	display: inline-block;
	width: 100%;
	height: 0px;
	visibility: hidden;
	margin: 0px;
}

/* linia */
hr {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 8px;
	width: 100%;
	background-color: #373737;
	border-width: 0px;
	text-align: top;
	position: inherit;
	clear: left;
}
#hr_thick { height: 8px }
#hr_thin { 
	height: 3px;
	margin-top: -40px;
}



/*
navigation
*/
#navigation{
	float: inherit;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #373737;
	font-size: medium;
	font-style: bold;
	text-align: left;
	list-style-type: none;
}
/*
scrolowane menu?
*/
#menu {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: center;

}
#menu ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	text-align: center;
	list-style: none; 
	width: 120px; 		
}
#menu li {
	float: left;
	list-style-type: none;
	text-align: center;
	height: auto;
}
#menu li li {
	float: none;
	text-align: center;
}
#menu li a {
	display: block;
	text-align:center;
	padding: 0px 5px 0px 5px;
	color: #373737;
	text-decoration: none;
}
#menu li a:hover {
	font-size: larger;
	}
#menu li li a {	
//	width: 120px;
	margin: 0px 0px 0px -40px;
	padding: 3px 5px;
	font-size: 80%;
}
#menu li li a:hover {
//	background-color: rgba(170,170,170, 0.65);
	font-size: 105%;
	font-style: italic;
	color: #383D41;
	text-decoration: none;
	height: auto;
} 
#menu li ul {
	position: relative;
	margin-left: 0px;
	height: 1px;
	overflow:hidden;
	display: block;
	list-style: none;  

}
#menu li:hover ul {
	height:auto;
	display: block;	
//	position: absolute;
} 
.jeden {
//	height:15px;
	margin-left: 0px;
	text-align: center;
//	width: 200px;

}

.navigation_el {
	float: left;
	position: relative;
	height: auto;
	width: 20%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size-adjust: 0.7;
	text-align: center;
	vertical-align: middle;
	display: block;
}
.navigation_el2 {
	float: left;
	position: relative;
	height: auto;
	width: 20%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size-adjust: 0.7;
	text-align: center;
	vertical-align: middle;
	display: block;
}


/* contact */


.kontakt {
	height:15px;
	margin-left: 0px;
	text-align: left;
	width: 400px; }

#contact {
	width: 400px;
	margin: 0px 0px 0px -50px;
	padding: 0px;
	font-size: 90%;
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-align: left;
}

/*
tymczasowe rozwiazanie
*/

#contact2 {
	width: 100%;
	height: 80px;
//	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 60%;
//	display: inline-block;
//	overflow: hidden;
	position: relative;
	text-align: center;
}

#aboutus {
	width: 100%;
	height: 150px;
//	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 60%;
//	display: inline-block;
//	overflow: hidden;
	position: relative;
	text-align: center;
}



/*
scrolowane menu - koniec
*/




/*
anna and hanno albums
*/

#album {
	width: 50%;
	margin: 2px 0px 0px 0px;
	float: left;
	padding:  0px 0px 0px 0px;
	position: relative;
	text-align: center;
	font-size-adjust: 0.55;
	height: auto;
//	display: block;

}

h6 {
	text-decoration: none;
	font-size: x-smaller;
}