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

#container
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.rectangle
{
	width: 960px;
	margin: 20px;
	text-align: center;
}

.square
{
	width: 50%;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);	
}

.square:hover
{
	width: 50%;
	float: left;
	box-shadow: 6px 6px 20px rgba(100, 100, 0, 0.5);	
}

#logo
{
	float:left;
	font-family: 'Slabo 27px', serif;
	font-size: 70px;
	width: 1000px;
	text-align:center;
}

#zegar
{
	float:left;
	font-family: 'Slabo 27px', serif;
	font-size: 104px;
	text-align:center;
}

.tile1
{
	margin: 10px;
	width: 420px;
	height: 168px;
	background-color: #5094D9;
	text-align: center;
	font-size: 26px;
	padding: 30px;
	line-height: 150%;
	box-shadow: 6px 6px 20px rgba(0, 0, 255, 0.5);	
}

.tile1:hover
{
	background-color: #2084c2;
	box-shadow: 6px 6px 20px rgba(100, 0, 255, 0.5);	
}

.tile2
{
	margin: 10px;
	width: 420px;
	height: 168px;
	background-color: #6BCC64;
	text-align: center;
	font-size: 26px;
	padding: 30px;
	line-height: 150%;
	box-shadow: 6px 6px 20px rgba(0, 255, 0, 0.5);	
}

.tile2:hover
{
	background-color: #488F43;
	box-shadow: 6px 6px 20px rgba(50, 255, 0, 0.5);	
}



.tile5
{
	margin: 10px;
	width: 420px;
	height: 244px;
	background-color: #ffffff;
	text-align: justify;
	padding: 30px;
}





.fb
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #4668b3;
	float:left;
}

.fb:hover
{
	background-color: #3557a2;
}



a.tilelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 430px;
	height: 142px;
}


a.tilelink5
{
	color: #ffffff;
	text-decoration: none;
}

a.sociallink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 105px;
	height: 142px;
}