body {
	background: #FDF2E9;
	
	
}
#headstart{
	width:100%;
	height: 50px;
	background: #E8F8F5;
	margin:5px;
	font-size:24pt;
	color:#0d686b;
	font-weight: bold;	
	min-width:1000px;
}
.titletm{
	padding-left: 30%;	
}
#footerend {
	width:100%;
	background: #E8F8F5;
	height: 30px;	
	margin: 5px;
	min-width:1000px;
}

#bodytm{
	margin: 0 auto;
	width:1000px;
	padding:0;
	height: 720px;	
}
#bodytml{		
	position:relative;
	width:600px;
	background: #0d686b;
	padding:0px;
	height: 720px;	
	float: left;
}
#bodytmldik{		
	position:relative;
	width:1000px;
	background: #0d686b;
	padding:0px;
	height: 720px;	
	float: left;
}
#bodytmp{
	width:400px;
	background: #fff;
	padding:0px;
	height: 720px;	
	float: right;
	position:relative;
}
#bodytmpok{
	width:400px;
	background: #f3f3f3;
	padding:0px;
	height: 720px;	
	float: right;
	position:relative;
}
#number {
	margin:0 auto;
	height:180px;
	width:100px;
} 
 
#child {
	position:absolute; 
	bottom:0;
	width:400px;
	height:380px;
}

#menu img{
	margin:10px 2px 10px 2px;
}
#menuok:hover {
	cursor:pointer;
}
#menunavch:hover {
	cursor:pointer;
}
#menudik:hover {
	cursor:pointer;
}
#avtor:hover {
	cursor:pointer;
}
#vyhiddop:hover {
	cursor:pointer;
}
.vs{
	padding:10px 100px;
}
.x10{
	margin:0 auto;	
	height:45px;
	width:10%;
	font-size:24pt;
	color:#ffff80;
	font-weight: bold;
}
.x10 a{
		text-decoration:none;
}
.tabl{
	margin:0 auto;
	height:390px;
	width:320px;
	font-size:24pt;
	color:#ffff80;
	font-weight: bold;
}
#i1, #i2, #i3, #i4, #i5, #i6, #i7, #i8, #i9 {
	position: relative;
}
#i2 {
	top:-116px;	
	left:95px;
	z-index:2;
}
#i3 {
	top:-298px;	
	left:188px;
	z-index:3;	
}

#i4 {
	top:-340px;	
	left:-29px;
	z-index:4;
}
#i5 {
	top:-452px;	
	left:65px;
	z-index:5;	
}
#i6 {
	top:-631px;	
	left:160px;
	z-index:6;	
}
#i7 {
	top:-675px;	
	left:0px;
	z-index:7;
}
#i8 {
	top:-789px;	
	left:96px;
	z-index:8;	
}
#i9 {
	top:-972px;	
	left:190px;
	z-index:9;	
}
.prokr{
	margin:0 auto;
	padding:0px 10px 5px 10px;	
	height:50px;
	width:500px;
}
#polz{
	width:350px;
}
#sek{
	width:350px;
	padding:0px 0px 0px 210px;
	font-size:16pt;
	color:#ffff80;
	font-weight: bold;	
}
#startok {
	padding:100px 170px;		
}
#startok img{
	cursor:pointer;
}
#povtorzanovoimg{
	cursor:pointer;
}
#nazadnavchimg{
	cursor:pointer;
}
#nazaddikimg{
	cursor:pointer;
}
#stroka {
	position:relative;
	top:250px;
	left:50px;
	width:520px; 	
}

#primer {
	display:none;	
	font-size:80pt;
	color:#ffff80;
	font-weight: bold;		
	width:380px; 
	float:left;            
}
#primernavch {	
	font-size:82pt;
	color:#fff;
	font-weight: bold;		
	width:560px; 
	float:left; 
	margin-left:20px;
	text-align:center;
}
#primerdik {	
	position:relative;
	top:160px;
	font-size:130pt;
	color:#fff;
	font-weight: bold;		
	width:950px; 
	float:left; 
	margin-left:20px;
	text-align:center;
}
#nazadimgnavch1 {	
	position:absolute;
	width:560px; 
	height:130px;	
	float:left; 
	margin-left:20px;
	text-align:center;	
	bottom: 0px;  	
}
#nazadimgdik {	
	position:absolute;
	width:960px; 
	height:190px;	
	float:left; 
	margin-left:20px;
	text-align:center;	
	bottom: 0px;  	
}
#primerotvet {
	display:none;	
	font-size:80pt;
	color:#ffff80;
	font-weight: bold;		
	width:120px; 
	float:right;         
}
#textpriklad {
	margin: 0px;
	padding:40px 40px 40px 90px;
	font-size:24pt;
	color:#0d686b;
	font-weight: bold;	
	width:190px;
	display:block;
}
#kalk {
	width:329px;
	height:500px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;	
	background:url(img/bgkalk.png) no-repeat;
	margin: 0px 30px 30px 30px;	
	padding:25px 0px 0px 15px;
}

.knopka1 {
	width:89px;
	height:89px;
	background:url(img/kalkknopka1.png) no-repeat;
	margin:3px 5px;
	padding:0px;
	font-size:48pt;
	color:#ffff80;
	font-weight: bold;	
	text-align:center;
	cursor:pointer;
}
.knopka1:hover {
		color:#00f080;
}
.knopka2 {
	width:189px;
	height:89px;
	background:url(img/kalkknopka2.png);
	margin:3px 5px;
	padding:0px;
	font-size:42pt;
	color:#ad7509;
	font-weight: bold;	
	text-align:center;	
	cursor:pointer;
	vertical-align:middle;
}
.knopka2:hover {
		color:#00f080;
}
.knopka3 {
	width:289px;
	height:89px;
	background:url(img/kalkknopka3.png);
	margin:3px 5px;
	padding:0px;
	font-size:58pt;
	color:#ad7509;
	font-weight: bold;	
	text-align:center;
	cursor:pointer;
}
.knopka3:hover {
		color:#00f080;
}
#numpr {
	margin:0px;
	float:right;
	font-size:30pt;
	color:#ad7509;
	font-weight: bold;	
}
#polosa {
	width:380px;
	height:40px;	
	display:block;
	float:left;
	padding-top:8px;
	padding-left:10px;
}
#polosadik {
	width:920px;
	height:10px;	
	display:block;
	float:left;
	padding-top:8px;
	padding-left:20px;
	text-align:left;	
}
#blockkonf {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	width:590px;
	height:180px;	
	margin:0px;
	padding-left:10px;
	padding-bottom:20px;		
	position: absolute;
	bottom: 0px;         
}
#konf {
	width:90px;
	height:90px;	
	margin:1px;
	padding:1px;		
}
#vyhid {
	width:580px;
	height:180px;	
	margin:0px;
	padding-left:15px;
	padding-bottom:20px;	
}
#rezultat{
	display:none;    
	font-size:20pt;
	color:#ad7509;
	font-weight: bold;	
	float:left;
	padding-top:50px;
}
#povtorzanovo{  	
	width:280px;
	height:105px;
	padding-left:200px;	
}
#kalktabl{
	width:280px;
	height:620px;
	background:url(img/bgkalktabl.png) no-repeat;
	margin: 0px 0px 10px 30px;	
	padding:5px 20px 35px 50px;
	font-size:36pt;
	color:#00008B;
	font-weight: bold;	
	line-height: 12px;
}
#dopl{
	width:540px;
	height:660px;	
	margin:10px;
	padding:10px 20px 20px 20px;
	font-size:14pt;
	color:#fff;
	font-weight: bold;	
}
#dopp{
	width:360px;
	height:660px;	
	margin:10px;
	padding:10px 20px 20px 20px;
	font-size:14pt;
	color:#00008B;
	font-weight: bold;	
}
#zagol1{
	font-size:26pt;
	color:#fff;
	font-weight: bold;	
	width:500px;
	height:50px;	
	text-align: center;	
	padding:10px;
	margin:10px;
}
#opys{
	padding-left:20px;	
}
#zagol2{
	font-size:26pt;
	color:#00008B;
	font-weight: bold;	
	width:360px;
	height:50px;	
	text-align: center;	
	padding:10px;
	margin:10px;
}
#numprimerdik{
	font-size:18pt;
	color:#00008B;
	font-weight: bold;	
	width:300px;
	height:40px;	
	text-align: left;	
	padding-left:20px;
	margin:10px;
}