#content {
	 	position: relative;
	 	width: 960px;
	 	margin: 0 auto;
	 }
	h1 {
		text-align: center;
	 }
	 img {
	 	width: 960px;
	 }
	 p {
	 	width: 250px;
	 	background-color: white;
	 	border-radius: 10px;
	 	margin: auto 0;
	 	padding: 10px;
	 }
	 input {
	 	color: green;
	 	float: right;
	 }
	 .rab , .kontr, .kontr1, .shiber, .krep_mon, .noz_kol, .cascad, .rolik, .richag_shaiba, .mufta, .reductor, .krep_av, .obogrev, .bk, .napr_dv, .dop_izol, #vvod, #tok, .tok_fric, .krit_neispr, .kondensator, .prov_dv, .reg_toka, .sopr_obmotok {
	 	position: absolute;
	 }
	 .krit_neispr {
	 	right: 30px;
	 	top: 30px;
	 	
	 }
	 .krit_neispr a {
	 	display: block;
	 	text-decoration: none;
	 	width: 120px;
	 	height: 60px;
	 	font-size: 14px;
	 	text-align: center;
	 	border-radius: 10px;
	 	color: white;
	 	background-color: black;
	 	padding: 10px;
	 }
	 .rab  {
		left: 250px;
	 	top: 160px;
	 	width: 110px;
	 	height: 60px;
	 	border: 3px solid red;
	 }
	 .rab p {
	 position: absolute;
	 opacity: 0;
	 z-index: 5;
	 width: 450px;
	 top: -140px;
	 left: -270px;
	 }
	 .rab p input {
	 	display: block;
	 	float: right;
	 	margin: 3px 10px;
	 }
	 .kontr,  .kontr1 {
	 	width: 110px;
	 	height: 50px;
	 	border: 3px solid blue;
	 }
	 .kontr {
	 	left: 250px;
	 	top: 320px;
	 }
	  .kontr1 {
	 	left: 250px;
	 	top: 250px;
	 }
	 .shiber {
	 	width: 60px;
	 	height: 100px;
	 	border: 3px solid green;
	 	left: 405px;
	 	top: 170px;
	 }
	 .krep_mon {
	 	width: 40px;
	 	height: 200px;
	 	left: 525px;
	 	top: 145px;
	 	border: 3px solid yellow;
	 }
	 .noz_kol {
	 	width: 40px;
	 	height: 40px;
	 	left: 630px;
	 	top: 280px;
	 	border: 3px solid yellow;
	 }
	 .cascad {
	  	width: 180px;
	  	height: 60px;
	  	left: 445px;
	  	top: 460px;
	  	border: 3px solid green;
	 }
	 .rolik {
	 	width: 60px;
	 	height: 40px;
	 	left: 460px;
	 	top: 400px;
	 	border: 3px solid green;
	 }
	.richag_shaiba {
	 	width: 60px;
	 	height: 40px;
	 	left: 390px;
	 	top: 380px;
	 	border: 3px solid white;
	}
	.mufta {
	 	width: 60px;
	 	height: 60px;
	 	left: 420px;
	 	top: 700px;
	 	border: 3px solid white;
	}
	.reg_toka {
		z-index: 3;
		width: 120px;
		height: 60px;
		left: 550px;
		top: 720px;
		border: 3px solid white;
	}
	.reg_toka p {
		position: absolute;
		opacity: 0;
		width: 320px;
		height: 220px;
		top: -80px;
	}
	.reductor {
	 	width: 100px;
	 	height: 80px;
	 	left: 560px;
	 	top: 560px;
	 	border: 3px solid green;
	}
	.krep_av {
		width: 50px;
		height: 50px;
		left: 330px;
		top: 575px;
		border: 3px solid yellow;
	}
	.obogrev {
	 	width: 50px;
	 	height: 70px;
	 	left: 120px;
	 	top: 230px;
	 	border: 3px solid gold;
	}
	.bk {
		width: 50px;
		height: 140px;
		right: 250px;
		bottom: 90px;
		border: 3px solid red;
	}
	.napr_dv {
		width: 150px;
		height: 60px;
		left: 365px;
		bottom: 245px;
		border: 3px solid red;
	}
	.bk .napr_dv {
		position: relative;
	}
	.bk p, .napr_dv p {
		position: absolute;
		opacity: 0;
	}
	.bk p {
    z-index: 2;
		left: -160px;
		bottom: -190px;
	}
	.napr_dv p  {
		top: -145px;
		left: -70px;
	}
	.dop_izol {
		width: 70px;
		height: 70px;
		right: 300px;
		top: 30px;
		border: 3px solid black;
	}
		#vvod {
		width: 70px;
		height: 140px;
		right: 120px;
		bottom: 240px;
		border: 3px solid black;
	}
	#dv {
		position: absolute;
		left: 365px;
		bottom: 160px;
	}
	#tok {
		right: 119px;
		bottom: 100px;
	}
	.tok_fric {
		width: 60px;
		height: 90px;
		right: 55px;
		bottom: 105px;
		border: 3px solid red;
	}
	.tok_fric p {
		position: absolute;
		opacity: 0;
		width: 170px;
		right: -50px;
		top: 95px;
	}
	.kondensator {
		width: 60px;
		height: 60px;
		left: 170px;
		bottom: 360px;
		border: 3px solid gold;
	}
	.prov_dv {
		width: 90px;
		height: 60px;
		left: 410px;
		bottom: 60px;
		border: 3px solid gold;
	}
	.kurbel_zas {
	    position: absolute;
		width: 200px;
		height: 30px;
		left: 300px;
		bottom: 5px;
		border: 3px solid yellow;
	}
	.kurbel_zas p {
	    position: absolute;
		opacity: 0;
		width: 350px;
		left: -180px;
		bottom: -120px;
	}
	.sopr_obmotok {
		width: 50px;
		height: 60px;
		left: 330px;
		bottom: 65px;
		border: 3px solid red;
	}
	.sopr_obmotok p {
		position: absolute;
		opacity: 0;
		left: -230px;
		top: -60px;
	}
	@media(orientation: portrait) {
		p,  .krit_neispr a, li {
		font-size: 16px;
		}
	}