body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
}

#all
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#logo
{
	width: 960px;
	margin: 20px;
	font-size:60px;
	text-align: center;
	letter-spacing:4px;
}

.bigrec
{
	width: 500px;
	float: left;
	font-size:24px;

	
}

#tv
{
	float: left;
	background-color: #ff751a;
	text-align: center;
	margin: 10px;
	width: 230px;
	height: 142px;
	padding-top: 20px;
}



#rx
{
	float: left;
	background-color: #ff751a;
	text-align: center;
	margin: 10px;
	width: 230px;
	height: 142px;
	padding-top: 20px;
}



#pn
{
	float: left;
	background-color: #ff751a;
	text-align: center;
	margin: 10px;
	width: 230px;
	height: 142px;
	padding-top: 20px;
}

#fb
{
	float: left;
	background-color: #6699ff;
	text-align: center;
	margin: 10px;
	width: 230px;
	height: 142px;
	padding-top: 20px;
}

#tv:hover
{
	background-color:#ff6600;
	transition-duration:250ms;
}
#rx:hover
{
	background-color:#ff6600;
	transition-duration:250ms;
}
#pn:hover
{
	background-color:#ff6600;
	transition-duration:250ms;
}
#fb:hover
{
	background-color:#4d88ff;
	transition-duration:250ms;
}







#onas
{
	margin: 10px;
	width: 420px;
	height: 284px;
	background-color: #66ff66;
	text-align: justify;
	padding: 30px;
}

#onas:hover
{
	font-size:20px; 
	transition-duration:250ms;
}




.galeria td {
	padding: 10px;
}

#name
{
	
	text-align: center;
}

#galeria
{

	width: 100%;
	
}

.galeria td:hover{
	
	padding-left:15px;
	padding-right:15px;
	transition-duration:250ms;
	transition-delay: 0.1s;
}

#stopka
{
	font-size:20px;
	text-decoration: underline;
}

a:link { color: white; text-decoration: none;  }
a:visited { color: white; text-decoration: none;  }
a:hover { color: white; text-decoration: none;  }
a:active { color: white; text-decoration: none; }