html, body{
	margin: 0;
	padding:0px;
	height: 100%;
	overflow: auto;

}

img 
{
border: 0;
}


#top {
background-color: #0D0D0D;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	
	height: 100%;
	
	border: 1px solid #212121;

}

#mat
{
	float: left;
	height: 110px;
	margin-left: 25px;
}

#logoplusmenu
{
	float:right;
	width: 570px;
}
#logo
{	
	float: right;
	height: 85px;	
}

#menu
{
	padding: 0;
	float: right;
	clear: both;
	width: 570px;
	height: 25px;
	background-image: url(fotografia2.png);
	background-repeat: no-repeat;
	background-position: top right;
	

}

#main
{
background-color : #262626;
	margin: 0 auto;
	clear: both;
	position: relative;
	
	
	

	
}

#maintextwhite
{

	margin: 0 auto;
	
	overflow: auto;
	
	width: 75%;
	height: 100%;
	
	background-position: top left;
	background-image: url(tlo25.png);
	background-repeat: repeat;	
	
}

#footer
{
	margin-top: 10px;
	clear: both;
	height: 25px;
	
}

.copyright
{
float: right;
font-family: Verdana, Arial;
font-size: 10px;
font-style: normal;
margin-right: 5px;
color: #F2F2F2;
}

.copyrightlink
{
font-family: Verdana, Arial;
font-size: 10px;
font-style: normal;
color: #F2F2F2;
}

.copyrightlink:hover
{
font-family: Verdana, Arial;
font-size: 10px;
font-style: normal;
color: #8C8C8C;
}

.linia
{

	width: 75%;
	height: 1px;
	margin: 0 auto;
	clear: both;
	display: block;

}

.himage
{
margin-left: 18%;
}

a
{
color: #F2F2F2;
}

a:hover
{
color: #8C8C8C;
}

p, td, li
{
margin-left:10%;
margin-right:10%;
font-style: normal;
font-family: Times;
font-size: 13pt;
color: #F2F2F2;
}

ul
{
list-style-type: square;
color: #0d0d0d;
}

.formtdstyle
{
border: 1px solid #262626;
}

.formstyle
{
 width: 400px;
 font-family: Verdana;
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 border: 1px solid #262626;
 background-color: black;
 color: #F2F2F2;
 overflow: auto;
}

.alink
{
font-style: normal;
font-family: Times;
font-size: 13pt;
color: #F2F2F2;
}

.alink:hover
{
color: #8C8C8C;
}


.linkludzie a {
float: left;
display: block;
width: 135px;
height: 25px;
background: transparent url(ludzie.png) no-repeat;
}
.linkludzie a:hover {
background-position: -135px 0;
} 

.linkpejzaz a {
float: left;
display: block;
width: 135px;
height: 25px;
background: transparent url(pejzaz.png) no-repeat;
}
.linkpejzaz a:hover {
background-position: -135px 0;
} 

.linksport a {
padding-right: 30px;
float: left;
display: block;
width: 135px;
height: 25px;
background: transparent url(sport.png) no-repeat;
}
.linksport a:hover {
background-position: -135px 0;
} 

.linkwydarzenia a {
float: left;
display: block;
width: 135px;
height: 25px;
background: transparent url(wydarzenia.png) no-repeat;
}
.linkwydarzenia a:hover {
background-position: -135px 0;
}


.linkoferta a {
float: left;
display: block;
width: 135px;
height: 25px;
background: transparent url(oferta.png) no-repeat;
}
.linkoferta a:hover {
background-position: -135px 0;
} 

.linkkontakt a {
float: left;
display: block;
width: 135px;
height: 25px;
background: transparent url(kontakt.png) no-repeat;
}
.linkkontakt a:hover {
background-position: -135px 0;
} 

.linkblog a {
float: left;
display: block;
width: 135px;
height: 25px;
background: transparent url(blog.png) no-repeat;
}
.linkblog a:hover {
background-position: -135px 0;
} 

.linkomnie a {
float: left;
display: block;
width: 135px;
height: 25px;
background: transparent url(omnie.png) no-repeat;
}
.linkomnie a:hover {
background-position: -135px 0;
} 

.linkmatirartpl a {
clear: both;
margin: 0 auto;
display: block;
width: 250px;
height: 186px;
background: transparent url(matirartpl.png) no-repeat;

}
.linkmatirartpl a:hover {
background-position: -250px 0;
}