Untitled

<html>
<head>
	<title>Niebieska Strona </title>
	<style>
	#container{
	width:800px;
	height:500px;
	background-image: url(tło.jpg);
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	}

	#blok1{
	width:180px;
	height:152px;
	margin:10px;
	margin-right:0px;
	}

	#blok2{
	width:585px;
	height:152px;
	margin:10px;
	}

	#blok3{
	width:775px;
	height:152px;
	margin:10px;
	margin-top:0px;
	}

	#blok4{
	width:775px;
	height:152px;
	margin:10px;
	margin-top:0px;
	}

	.tlo{
	float:left;
	background-color:DodgerBlue;
	border:1px solid blue;
	font-family:georgian;
	color:yellow;
	text-align:center;
	padding-top:10px;
	box-sizing:border-box;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz
	-opacity: 0.7;
	}

	.tlo:hover{
	background-color:MidnightBlue;
	color:white;
	}

	</style>
</head>
<body>
	<div id="container">
		<div id="blok1" class="tlo"></div>
		<div id="blok2" class="tlo"></div>
		<div id="blok3" class="tlo"></div>
		<div id="blok4" class="tlo"></div>
	</div>
</body>
</html>