body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(images/calc.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#wrapper {
	width: 1008px;
	margin: 0 auto;
	position: relative;
}

#podlogka {
	width: 100%;
	height: 772px;
	position: absolute;
	background-color: #fff;
	margin-top: 22px;
	border-radius: 24px;
	-moz-border-radius: 24px; 
	-webkit-border-radius: 24px; 
	-khtml-border-radius:24px; 
	box-shadow: 0 0 24px 10px #000;
	border: solid 1px #000;
	opacity: 0.90;
	z-index: 0;
}

#zag {
	position: absolute;
	top: 48px;
	width: 100%;
}

h1 {
	text-align: center;
	font-size: 38px;
	color: #FF9500;
	text-shadow: 2px 1px 0 #A66F00;
	font-weight:bold;
	margin: 0 82px;
}

.imageleft {
	width: 308px;
	height: 450px;
	background: url(images/book.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top: 208px;
	left: 106px;
}

#content {
	width: 100%;
	position: absolute;
	left: 516px;
	top: 167px;
}

h2 {
	color: #A66100;
	margin: 0;
	font-size: 30px;
	text-decoration: underline;
	text-align: left;
	padding-bottom: 24px;
}

#bullet {
	float: left;
}

#content p {
	font-size: 20px;
	text-align: left;
	font-style: italic;
	color: #515151;
	margin: 4px 0 12px 36px;
}

#forma {
	width: 386px;
	position: absolute;
	left: 516px;
	top: 480px;
}

#copir {
	position: absolute;
	top: 702px;
	width: 100%;
	text-align: center;
	color: #515151;
	font-size: 12px;
	font-style: italic;
	margin: 5px 0;
}

#copir a {
	padding-right: 5px;
}

@media screen and (max-width: 1060px) {
	 #wrapper {
		 width: 844px;
	}
	 
	 #content {
	left: 412px;
	}

	#forma {
	left: 412px;
	}
	.imageleft {
	left: 44px;
	}
}

@media screen and (max-width: 844px) {
	 #wrapper {
		 width: 300px;
	}
	h1 {
	font-size: 26px;
	margin: 0 24px;
	}
	.imageleft {
	left: 28px;
	width: 244px;
	height: 357px;
	top: 200px;
	}
	#content {
	left: 28px;
	top: 580px;
	width: 244px;
	}
	#podlogka {
	height: 1222px;
	}
	h2 {
	margin: 0;
	font-size: 26px;
	text-align: center;
	padding-bottom: 18px;
	}
	#content p {
	font-size: 16px;;
	margin: 0 0 10 36px;
	}
	#forma {
	left: 10px;
	top: 915px;
	width: 280px;
	}
	#copir {
	top: 1128px;
	}
	#copir a {
	padding: 0;
	margin-bottom: 5px;
	}
	#copir p {
	margin: 5px 18px;
	}
	
}