body{
  overflow: hidden;
  margin: 0;
}

.info {
	position: absolute;
	top: 20px;
	font-family: Verdana;
	text-align: center;
	z-index: 100;
	display:block;
	color: #fff;
	font-size: 20px;
}

.info2 {
	position: absolute;
	bottom: 6%;
	margin-left: 40%;
	width: 20%;
	text-align: center;
	z-index: 100;
	display:block;
	color: #fff;
	font-size: 20px;
}
.info3 {
	position: absolute;
	top: 80px;
	margin-left: 20px;
	z-index: 100;
	display:block;
	color: #fff;
	font-family: Verdana;
	font-size: 12px;
	color: #ffff00;
	border: 1px solid #aaaaaa;
    border-radius: 8px;
	opacity: 0.55;
	padding: 10px 10px 10px 10px;
	}
	.info4 {
	position: absolute;
	top: 5%;
	right:10%;
	font-family: Verdana;
	text-align: center;
	z-index: 100;
	display:block;
	color: #00ffff;
	font-size: 20px;
}
	.uwaga {
    color: #00ffff;
	font-weight: 550;
	
	font-size:20;
}

.dosiatki {
	position: absolute;
	bottom: 20%;
	margin-left: 2%;
	z-index: 100;
	display:block;
}


button {
	-webkit-appearance: none;	
	font-family: Verdana;
	font-size: 12pt;
	text-align: center;
	position: absolute;
	min-width: 80px;
	border-radius: 8;
	z-index: 1;
}
	
.test1 {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/test1.png");
}
.test2 {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/test2.png");
}
.test3 {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/test3.png");
}
.test4 {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/test4.png");
}
.test5 {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/test5.png");
}
.tr2Button {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-sz-tr2.png");
}
.tr2Button:hover {
	 background-image:url("images/th/ostr-praw-sz-tr2b.png");
}
.tr1Button {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-sz-tr1.png");
}
.tr1Button:hover {
		 background-image:url("images/th/ostr-praw-sz-tr1b.png");
}
.tr3Button {
	right: 15%;
	top: 62%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-sz-tr3.png");
}
.tr3Button:hover {
		 background-image:url("images/th/ostr-praw-sz-tr3b.png");
}
.tr4Button {
	right: 15%;
	top: 75%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-sz-tr4.png");
}
.tr4Button:hover {
		 background-image:url("images/th/ostr-praw-sz-tr4b.png");
}
.pauseButton {
	right: 25%;
	top: 50px;
}
.playButton {
	right: 15%;
	top: 50px;
}
.HButton {
	right: 15%;
	top: 37%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-sz-h.png");
}
.HButton:hover {
  background-image:url("images/th/ostr-praw-sz-hb.png");
}
.SbButton {
	right: 15%;
	top: 50%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-sz-sb.png");
}
.SbButton:hover {
 background-image:url("images/th/ostr-praw-sz-sbb.png");
}
button:hover {
 
}
.pauseButton:hover {
 
}	
.playButton:hover {
 
}
 
/*==== ikony dla ostroslupa trojkatnego =====*/ 
 
 .otSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-sb.png");
}
.otSbButton:hover {
 background-image:url("images/th/ostr-tr-sbb.png");
}
 
  .otHButton {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-h.png");
}
.otHButton:hover {
 background-image:url("images/th/ostr-tr-hb.png");
}
 
  
  .ottr1Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-tr1.png");
}
.ottr1Button:hover {
 background-image:url("images/th/ostr-tr-tr1b.png");
}
 
 
   
  .ottr2Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-tr2.png");
}
.ottr2Button:hover {
 background-image:url("images/th/ostr-tr-tr2b.png");
}
 
 /*==== ikony dla ostroslupa prawidlowego trojkatnego =====*/ 
 
 .optSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-tr-sb.png");
}
.optSbButton:hover {
 background-image:url("images/th/ostr-praw-tr-sbb.png");
}
 
  .optHButton {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-tr-h.png");
}
.optHButton:hover {
 background-image:url("images/th/ostr-praw-tr-hb.png");
}
 
  
  .opttr1Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-tr-tr1.png");
}
.opttr1Button:hover {
 background-image:url("images/th/ostr-praw-tr-tr1b.png");
}
 
 
   
  .opttr2Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-tr-tr2.png");
}
.opttr2Button:hover {
 background-image:url("images/th/ostr-praw-tr-tr2b.png");
}

 /*==== ikony dla czworoscianu for (poza tr3 to sa z ostroslupa prawidlowego trojkatnego =====*/ 
 
 .optSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-tr-sb.png");
}
.optSbButton:hover {
 background-image:url("images/th/ostr-praw-tr-sbb.png");
}
 
  .optHButton {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-tr-h.png");
}
.optHButton:hover {
 background-image:url("images/th/ostr-praw-tr-hb.png");
}
 
  
  .opttr1Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-tr-tr1.png");
}
.opttr1Button:hover {
 background-image:url("images/th/ostr-praw-tr-tr1b.png");
}
 
 
   
  .opttr2Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-tr-tr2.png");
}
.opttr2Button:hover {
 background-image:url("images/th/ostr-praw-tr-tr2b.png");
}
  
  .cztr3Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/cz-tr3.png");
}
.cztr3Button:hover {
 background-image:url("images/th/cz-tr3b.png");
}

/*==== ikony dla ostroslupa o podst trojk rownoramiennego =====*/ 

  .otrwnSb2Button {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-rwn-sb.png");
}
.otrwnSb2Button:hover {
 background-image:url("images/th/ostr-tr-rwn-sbb.png");
}

 .otrwnHButton {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-rwn-h.png");
}
.otrwnHButton:hover {
 background-image:url("images/th/ostr-tr-rwn-hb.png");
}


 .otrwnHbButton {
	right: 15%;
	top: 35%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-rwn-hbocz.png");
}
.otrwnHbButton:hover {
 background-image:url("images/th/ostr-tr-rwn-hboczb.png");
}

 .otrwntr1Button {
	right: 15%;
	top: 48%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-rwn-tr1.png");
}
.otrwntr1Button:hover {
 background-image:url("images/th/ostr-tr-rwn-tr1b.png");
}

 .otrwntr2Button {
	right: 15%;
	top: 60%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-rwn-tr2.png");
}
.otrwntr2Button:hover {
 background-image:url("images/th/ostr-tr-rwn-tr2b.png");
}

 .otrwntr3Button {
	right: 15%;
	top: 72%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-rwn-tr3.png");
}
.otrwntr3Button:hover {
 background-image:url("images/th/ostr-tr-rwn-tr3b.png");
}

/*==== ikony dla ostroslupa o podst trojk prostokatnego =====*/ 

.otprostSbButton  {
right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-prost-sbb.png");
}
.otprostSbButton:hover {
 background-image:url("images/th/ostr-tr-prost-sb.png");
}

.otprosttr1Button  {
right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-tr-prost-tr1.png");
}
.otprosttr1Button:hover {
 background-image:url("images/th/ostr-tr-prost-tr1b.png");
}

 /*==== ikony dla ostroslupa praw czworokatnego =====*/ 
 
 .opcSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-sb.png");
}
.opcSbButton:hover {
     background-image:url("images/th/ostr-praw-cz-sbb.png");
}
 
 
 .opcSb2Button {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-sb2.png");
}
.opcSb2Button:hover {
     background-image:url("images/th/ostr-praw-cz-sbb2.png");
}

  .opcHButton {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-h.png");
}
.opcHButton:hover {
 background-image:url("images/th/ostr-praw-cz-hb.png");
}
 
 
 
  .opcH2Button {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-h2.png");
}
.opcH2Button:hover {
 background-image:url("images/th/ostr-praw-cz-hb2.png");
}
 
 
  
  .opctr1Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-tr1.png");
}
.opctr1Button:hover {
 background-image:url("images/th/ostr-praw-cz-tr1b.png");
}
 
 
  
  .opctr12Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-tr12.png");
}
.opctr12Button:hover {
 background-image:url("images/th/ostr-praw-cz-tr1b2.png");
}
 
   
  .opctr2Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-tr2.png");
}
.opctr2Button:hover {
 background-image:url("images/th/ostr-praw-cz-tr2b.png");
}
 
   
  .opctr22Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-tr22.png");
}
.opctr22Button:hover {
 background-image:url("images/th/ostr-praw-cz-tr2b2.png");
}
 
    
  .opctr3Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-tr3.png");
}
.opctr3Button:hover {
 background-image:url("images/th/ostr-praw-cz-tr3b.png");
}


    
  .opctr32Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-cz-tr32.png");
}
.opctr32Button:hover {
 background-image:url("images/th/ostr-praw-cz-tr3b2.png");
}
 
 /*==== ikony dla ostroslupa o podst rombu =====*/ 
 
 .orombSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-romb-sb.png");
}
.orombSbButton:hover {
     background-image:url("images/th/ostr-romb-sbb.png");
}
  
  
  .orombHButton {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-romb-h.png");
}
.orombHButton:hover {
 background-image:url("images/th/ostr-romb-hb.png");
}
 
  
.orombtr1Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-romb-tr1.png");
}
.orombtr1Button:hover {
 background-image:url("images/th/ostr-romb-tr1b.png");
}
 
   
.orombtr2Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-romb-tr2.png");
}
.orombtr2Button:hover {
 background-image:url("images/th/ostr-romb-tr2b.png");
}
 
  
.orombtr3Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-romb-tr3.png");
}
.orombtr3Button:hover {
 background-image:url("images/th/ostr-romb-tr3b.png");
} 

  
.orombtr4Button {
	right: 15%;
	top: 71%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-romb-tr4.png");
}
.orombtr4Button:hover {
 background-image:url("images/th/ostr-romb-tr4b.png");
}

  
.orombtr5Button {
	right: 15%;
	top: 83%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-romb-tr5.png");
}
.orombtr5Button:hover {
 background-image:url("images/th/ostr-romb-tr5b.png");
}


 
 /*==== ikony dla ostroslupa o podst rownolegloboku =====*/ 
 
 .orownoltr2Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-rownoleglobok-tr2.png");
}
.orownoltr2Button:hover {
     background-image:url("images/th/ostr-rownoleglobok-tr2b.png");
}
  


 /*==== ikony dla ostroslupa o podst trapezu rownoramiennego =====*/ 
 
 .otrapezSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapez-sb.png");
}
.otrapezSbButton:hover {
     background-image:url("images/th/ostr-trapez-sbb.png");
}


 .otrapezHButton {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapez-h.png");
}
.otrapezHButton:hover {
     background-image:url("images/th/ostr-trapez-hb.png");
}


 .otrapeztr1Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapez-tr1.png");
}
.otrapeztr1Button:hover {
     background-image:url("images/th/ostr-trapez-tr1b.png");
}




 .otrapeztr2Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapez-tr2.png");
}
.otrapeztr2Button:hover {
     background-image:url("images/th/ostr-trapez-tr2b.png");
}



 .otrapeztr3Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapez-tr3.png");
}
.otrapeztr3Button:hover {
     background-image:url("images/th/ostr-trapez-tr3b.png");
}



 .otrapeztr4Button {
	right: 15%;
	top: 71%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapez-tr4.png");
}
.otrapeztr4Button:hover {
     background-image:url("images/th/ostr-trapez-tr4b.png");
}



 .otrapeztr5Button {
	right: 15%;
	top: 83%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapez-tr5.png");
}
.otrapeztr5Button:hover {
     background-image:url("images/th/ostr-trapez-tr5b.png");
}


 /*==== ikony dla ostroslupa o podst deltoidu =====*/ 

.odelSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-deltoid-sb.png");
}
.odelSbButton:hover {
     background-image:url("images/th/ostr-deltoid-sbb.png");
}


 .odelHButton {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-deltoid-h.png");
}
.odelHButton:hover {
     background-image:url("images/th/ostr-deltoid-hb.png");
}


 .odeltr1Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-deltoid-tr1.png");
}
.odeltr1Button:hover {
     background-image:url("images/th/ostr-deltoid-tr1b.png");
}




 .odeltr2Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-deltoid-tr2.png");
}
.odeltr2Button:hover {
     background-image:url("images/th/ostr-deltoid-tr2b.png");
}



 .odeltr3Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-deltoid-tr3.png");
}
.odeltr3Button:hover {
     background-image:url("images/th/ostr-deltoid-tr3b.png");
}



 .odeltr4Button {
	right: 15%;
	top: 71%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-deltoid-tr4.png");
}
.odeltr4Button:hover {
     background-image:url("images/th/ostr-deltoid-tr4b.png");
}



 .odeltr5Button {
	right: 15%;
	top: 83%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-deltoid-tr5.png");
}
.odeltr5Button:hover {
     background-image:url("images/th/ostr-deltoid-tr5b.png");
}



 /*==== ikony dla ostroslupa o podst trapezu prostokatnego =====*/ 
 
 .otrapezprostSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapezprost-sb.png");
}
.otrapezprostSbButton:hover {
     background-image:url("images/th/ostr-trapezprost-sbb.png");
}


 .otrapezprostHButton {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapezprost-h.png");
}
.otrapezprostHButton:hover {
     background-image:url("images/th/ostr-trapezprost-hb.png");
}


 .otrapezprosttr1Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapezprost-tr1.png");
}
.otrapezprosttr1Button:hover {
     background-image:url("images/th/ostr-trapezprost-tr1b.png");
}




 .otrapezprosttr2Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-trapezprost-tr2.png");
}
.otrapezprosttr2Button:hover {
     background-image:url("images/th/ostr-trapezprost-tr2b.png");
}


 /*==== ikony dla ostroslupa prawidlowego pieciokatnego =====*/ 


 .opiecHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-piec-h.png");
}
.opiecHButton:hover {
     background-image:url("images/th/ostr-piec-hb.png");
}


 .opiectr1Button {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-piec-tr1.png");
}
.opiectr1Button:hover {
     background-image:url("images/th/ostr-piec-tr1b.png");
}


 .opiectr2Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-piec-tr2.png");
}
.opiectr2Button:hover {
     background-image:url("images/th/ostr-piec-tr2b.png");
}


 .opiectr3Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-piec-tr3.png");
}
.opiectr3Button:hover {
     background-image:url("images/th/ostr-piec-tr3b.png");
}

 /*==== ikony dla ostroslupa prawidlowego osmiokatnego =====*/ 


 .oosmHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-osm-h.png");
}
.oosmHButton:hover {
     background-image:url("images/th/ostr-praw-osm-hb.png");
}


 .oosmtr1Button {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-osm-tr1.png");
}
.oosmtr1Button:hover {
     background-image:url("images/th/ostr-praw-osm-tr1b.png");
}


 .oosmtr2Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-osm-tr2.png");
}
.oosmtr2Button:hover {
     background-image:url("images/th/ostr-praw-osm-tr2b.png");
}


 .oosmtr3Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-osm-tr3.png");
}
.oosmtr3Button:hover {
     background-image:url("images/th/ostr-praw-osm-tr3b.png");
}


 .oosmtr4Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/ostr-praw-osm-tr4.png");
}
.oosmtr4Button:hover {
     background-image:url("images/th/ostr-praw-osm-tr4b.png");
}


 /*==== ikony dla szescianu =====*/ 

.szSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/sz-sb.png");
}
.szSbButton:hover {
     background-image:url("images/th/sz-sbb.png");
}


 .szHButton {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/sz-h.png");
}
.szHButton:hover {
     background-image:url("images/th/sz-hb.png");
}


 .sztr1Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/sz-tr1.png");
}
.sztr1Button:hover {
     background-image:url("images/th/sz-tr1b.png");
}




 .sztr2Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/sz-tr2.png");
}
.sztr2Button:hover {
     background-image:url("images/th/sz-tr2b.png");
}



 .sztr3Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/sz-tr3.png");
}
.sztr3Button:hover {
     background-image:url("images/th/sz-tr3b.png");
}

/*==== ikony dla gran praw trojkatnego=====*/ 

.gptSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-sb.png");
}
.gptSbButton:hover {
     background-image:url("images/th/gran-praw-tr-sbb.png");
}


 .gptHButton {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-h.png");
}
.gptHButton:hover {
     background-image:url("images/th/gran-praw-tr-hb.png");
}


 .gpttr1Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-tr1.png");
}
.gpttr1Button:hover {
     background-image:url("images/th/gran-praw-tr-tr1b.png");
}




 .gpttr2Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-tr2.png");
}
.gpttr2Button:hover {
     background-image:url("images/th/gran-praw-tr-tr2b.png");
}



 .gpttr3Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-tr3.png");
}
.gpttr3Button:hover {
     background-image:url("images/th/gran-praw-tr-tr3b.png");
}

  


/*==== ikony dla gran praw trojkatnego - POZIOM=====*/ 

.gptpSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-poziom-sb.png");
}
.gptpSbButton:hover {
     background-image:url("images/th/gran-praw-tr-poziom-sbb.png");
}


 .gptpHButton {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-poziom-h.png");
}
.gptpHButton:hover {
     background-image:url("images/th/gran-praw-tr-poziom-hb.png");
}


 .gptptr1Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-poziom-tr1.png");
}
.gptptr1Button:hover {
     background-image:url("images/th/gran-praw-tr-poziom-tr1b.png");
}




 .gptptr2Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-poziom-tr2.png");
}
.gptptr2Button:hover {
     background-image:url("images/th/gran-praw-tr-poziom-tr2b.png");
}



 .gptptr3Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-tr-poziom-tr3.png");
}
.gptptr3Button:hover {
     background-image:url("images/th/gran-praw-tr-poziom-tr3b.png");
}

  


/*==== ikony dla gran o podst trojkata rownoramiennego =====*/ 

 .gtrHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-h.png");
}
.gtrHButton:hover {
     background-image:url("images/th/gran-tr-rownoram-hb.png");
}


 .gtrtr1Button {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr1.png");
}
.gtrtr1Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr1b.png");
}




 .gtrtr2Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr2.png");
}
.gtrtr2Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr2b.png");
}



 .gtrtr3Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr3.png");
}
.gtrtr3Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr3b.png");
}

 
 .gtrtr4Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr4.png");
}
.gtrtr4Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr4b.png");
}


 .gtrtr5Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr5.png");
}
.gtrtr5Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr5b.png");
}




/*==== ikony dla gran o podst trojkata roznobocznego =====*/ 

 .gtrHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-h.png");
}
.gtrHButton:hover {
     background-image:url("images/th/gran-tr-rownoram-hb.png");
}


 .gtrtr1Button {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr1.png");
}
.gtrtr1Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr1b.png");
}




 .gtrtr2Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr2.png");
}
.gtrtr2Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr2b.png");
}



 .gtrtr3Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr3.png");
}
.gtrtr3Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr3b.png");
}

 
 .gtrtr4Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr4.png");
}
.gtrtr4Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr4b.png");
}


 .gtrtr5Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-tr-rownoram-tr5.png");
}
.gtrtr5Button:hover {
     background-image:url("images/th/gran-tr-rownoram-tr5b.png");
}



/*==== ikony dla gran o podst rombu =====*/ 

 .grombHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-h.png");
}
.grombHButton:hover {
     background-image:url("images/th/gran-romb-hb.png");
}

 .grombHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-h.png");
}
.grombHButton:hover {
     background-image:url("images/th/gran-romb-hb.png");
}

 .grombtr1Button {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-tr1.png");
}
.grombtr1Button:hover {
     background-image:url("images/th/gran-romb-tr1b.png");
}




 .grombtr2Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-tr2.png");
}
.grombtr2Button:hover {
     background-image:url("images/th/gran-romb-tr2b.png");
}



 .grombtr3Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-tr3.png");
}
.grombtr3Button:hover {
     background-image:url("images/th/gran-romb-tr3b.png");
}

 
 .grombtr4Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-tr4.png");
}
.grombtr4Button:hover {
     background-image:url("images/th/gran-romb-tr4b.png");
}


 .grombtr5Button {
	right: 4%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-tr5.png");
}
.grombtr5Button:hover {
     background-image:url("images/th/gran-romb-tr5b.png");
}


 .grombtr6Button {
	right: 4%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-tr6.png");
}
.grombtr6Button:hover {
     background-image:url("images/th/gran-romb-tr6b.png");
}


 .grombtr7Button {
	right: 4%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-tr7.png");
}
.grombtr7Button:hover {
     background-image:url("images/th/gran-romb-tr7b.png");
}


 .grombtr8Button {
	right: 4%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-romb-tr8.png");
}
.grombtr8Button:hover {
     background-image:url("images/th/gran-romb-tr8b.png");
}



/*==== ikony dla gran o podst romwnolegloboku =====*/ 

 .grownHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-h.png");
}
.grownHButton:hover {
     background-image:url("images/th/gran-rown-hb.png");
}


 .growntr1Button {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-tr1.png");
}
.growntr1Button:hover {
     background-image:url("images/th/gran-rown-tr1b.png");
}




 .growntr2Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-tr2.png");
}
.growntr2Button:hover {
     background-image:url("images/th/gran-rown-tr2b.png");
}



 .growntr3Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-tr3.png");
}
.growntr3Button:hover {
     background-image:url("images/th/gran-rown-tr3b.png");
}

 
 .growntr4Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-tr4.png");
}
.growntr4Button:hover {
     background-image:url("images/th/gran-rown-tr4b.png");
}


 .growntr5Button {
	right: 4%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-tr5.png");
}
.growntr5Button:hover {
     background-image:url("images/th/gran-rown-tr5b.png");
}


 .growntr6Button {
	right: 4%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-tr6.png");
}
.growntr6Button:hover {
     background-image:url("images/th/gran-rown-tr6b.png");
}


 .growntr7Button {
	right: 4%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-tr7.png");
}
.growntr7Button:hover {
     background-image:url("images/th/gran-rown-tr7b.png");
}


 .growntr8Button {
	right: 4%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-rown-tr8.png");
}
.growntr8Button:hover {
     background-image:url("images/th/gran-rown-tr8b.png");
}




/*==== ikony dla gran o podst trapezu rownoramiennego =====*/ 

 .gtrapHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-h.png");
}
.gtrapHButton:hover {
     background-image:url("images/th/gran-trap-hb.png");
}

 .gtraptr1Button {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-tr1.png");
}
.gtraptr1Button:hover {
     background-image:url("images/th/gran-trap-tr1b.png");
}




 .gtraptr2Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-tr2.png");
}
.gtraptr2Button:hover {
     background-image:url("images/th/gran-trap-tr2b.png");
}



 .gtraptr3Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-tr3.png");
}
.gtraptr3Button:hover {
     background-image:url("images/th/gran-trap-tr3b.png");
}

 
 .gtraptr4Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-tr4.png");
}
.gtraptr4Button:hover {
     background-image:url("images/th/gran-trap-tr4b.png");
}


 .gtraptr5Button {
	right: 4%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-tr5.png");
}
.gtraptr5Button:hover {
     background-image:url("images/th/gran-trap-tr5b.png");
}


 .gtraptr6Button {
	right: 4%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-tr6.png");
}
.gtraptr6Button:hover {
     background-image:url("images/th/gran-trap-tr6b.png");
}


 .gtraptr7Button {
	right: 4%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-tr7.png");
}
.gtraptr7Button:hover {
     background-image:url("images/th/gran-trap-tr7b.png");
}


 .gtraptr8Button {
	right: 4%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trap-tr8.png");
}
.gtraptr8Button:hover {
     background-image:url("images/th/gran-trap-tr8b.png");
}



/*==== ikony dla gran o podst trapezu roznobocznego =====*/ 

.gtraproznobsbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gtraproznobsb.png");
}
.gtraproznobsbButton:hover {
     background-image:url("images/th/gtraproznobsbb.png");
}


 .gtraproznobHButton {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gtraproznobH.png");
}
 .gtraproznobHButton:hover {
     background-image:url("images/th/gtraproznobHb.png");
}

 .gtraproznobtr1Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gtraproznobtr1.png");
}
.gtraproznobtr1Button:hover {
     background-image:url("images/th/gtraproznobtr1b.png");
}




 .gtraproznobtr2Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gtraproznobtr2.png");
}
.gtraproznobtr2Button:hover {
     background-image:url("images/th/gtraproznobtr2b.png");
}



 .gtraproznobtr3Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gtraproznobtr3.png");
}
.gtraproznobtr3Button:hover {
     background-image:url("images/th/gtraproznobtr3b.png");
}

 
 .gtraproznobtr4Button {
	right: 4%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gtraproznobtr4.png");
}
.gtraproznobtr4Button:hover {
     background-image:url("images/th/gtraproznobtr4b.png");
}


 .gtraproznobtr5Button {
	right: 4%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gtraproznobtr5.png");
}
.gtraproznobtr5Button:hover {
     background-image:url("images/th/gtraproznobtr5b.png");
}


 .gtraproznobramka1Button {
	right: 4%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gtraproznobramka1.png");
}
.gtraproznobramka1Button:hover {
     background-image:url("images/th/gtraproznobramka1b.png");
}



/*==== ikony dla gran o podst trapezu prostokatnego =====*/ 

.grantrapezprostSbButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-trapez-prost-Sb.png");
}
.grantrapezprostSbButton:hover {
     background-image:url("images/th/gran-trapez-prost-Sbb.png");
}


 .grantrapezprostHButton {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/grantrapezprostH.png");
}
 .grantrapezprostHButton:hover {
     background-image:url("images/th/grantrapezprostHb.png");
}

 .grantrapezprosttr1Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/grantrapezprosttr1.png");
}
.grantrapezprosttr1Button:hover {
     background-image:url("images/th/grantrapezprosttr1b.png");
}




 .grantrapezprosttr2Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/grantrapezprosttr2.png");
}
.grantrapezprosttr2Button:hover {
     background-image:url("images/th/grantrapezprosttr2b.png");
}



 .grantrapezprostpr1Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/grantrapezprostpr1.png");
}
.grantrapezprostpr1Button:hover {
     background-image:url("images/th/grantrapezprostpr1b.png");
}

 
 .grantrapezprostpr2Button {
	right: 4%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/grantrapezprostpr2.png");
}
.grantrapezprostpr2Button:hover {
     background-image:url("images/th/grantrapezprostpr2b.png");
}



/*==== ikony dla gran o podst deltoidu =====*/ 

 .gdelHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-deltoid-h.png");
}
.gdelHButton:hover {
     background-image:url("images/th/gran-deltoid-hb.png");
}

 .gdeltr1Button {
	right: 15%;
	top: 22%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-deltoid-tr1.png");
}
.gdeltr1Button:hover {
     background-image:url("images/th/gran-deltoid-tr1b.png");
}




 .gdeltr2Button {
	right: 15%;
	top: 34%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-deltoid-tr2.png");
}
.gdeltr2Button:hover {
     background-image:url("images/th/gran-deltoid-tr2b.png");
}



 .gdeltr3Button {
	right: 15%;
	top: 46%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-deltoid-tr3.png");
}
.gdeltr3Button:hover {
     background-image:url("images/th/gran-deltoid-tr3b.png");
}

 
 .gdeltr4Button {
	right: 15%;
	top: 58%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-deltoid-tr4.png");
}
.gdeltr4Button:hover {
     background-image:url("images/th/gran-deltoid-tr4b.png");
}


 .gdeltr5Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-deltoid-tr5.png");
}
.gdeltr5Button:hover {
     background-image:url("images/th/gran-deltoid-tr5b.png");
}


/*==== ikony dla gran prawidlowego pieciokatnego =====*/ 

 .gpiecHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-piec-h.png");
}
.gpiecHButton:hover {
     background-image:url("images/th/gran-piec-hb.png");
}

 .gpiectr1Button {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-piec-tr1.png");
}
.gpiectr1Button:hover {
     background-image:url("images/th/gran-piec-tr1b.png");
}




 .gpiectr2Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-piec-tr2.png");
}
.gpiectr2Button:hover {
     background-image:url("images/th/gran-piec-tr2b.png");
}



 .gpiectr3Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-piec-tr3.png");
}
.gpiectr3Button:hover {
     background-image:url("images/th/gran-piec-tr3b.png");
}

 
 .gpiectr4Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-piec-tr4.png");
}
.gpiectr4Button:hover {
     background-image:url("images/th/gran-piec-tr4b.png");
}


 .gpiectr5Button {
	right: 4%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-piec-tr5.png");
}
.gpiectr5Button:hover {
     background-image:url("images/th/gran-piec-tr5b.png");
}


 .gpiecpr1Button {
	right: 4%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-piec-pr1.png");
}
.gpiecpr1Button:hover {
     background-image:url("images/th/gran-piec-pr1b.png");
}


 .gpiecpr2Button {
	right: 4%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-piec-pr2.png");
}
.gpiecpr2Button:hover {
     background-image:url("images/th/gran-piec-pr2b.png");
}


/*==== ikony dla gran prawidlowego szesciokatnego =====*/ 

 .gszHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-sz-h.png");
}
.gszHButton:hover {
     background-image:url("images/th/gran-sz-hb.png");
}

 .gsztr1Button {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-sz-tr1.png");
}
.gsztr1Button:hover {
     background-image:url("images/th/gran-sz-tr1b.png");
}




 .gsztr2Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-sz-tr2.png");
}
.gsztr2Button:hover {
     background-image:url("images/th/gran-sz-tr2b.png");
}



 .gsztr3Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-sz-tr3.png");
}
.gsztr3Button:hover {
     background-image:url("images/th/gran-sz-tr3b.png");
}

 
 .gsztr4Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-sz-tr4.png");
}
.gsztr4Button:hover {
     background-image:url("images/th/gran-sz-tr4b.png");
}


 .gsztr5Button {
	right: 4%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-sz-tr5.png");
}
.gsztr5Button:hover {
     background-image:url("images/th/gran-sz-tr5b.png");
}

 .gsztr6Button {
	right: 4%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-sz-tr6.png");
}
.gsztr6Button:hover {
     background-image:url("images/th/gran-sz-tr6b.png");
}


 .gszpr1Button {
	right: 4%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-sz-pr1.png");
}
.gszpr1Button:hover {
     background-image:url("images/th/gran-sz-pr1b.png");
}



/*==== ikony dla gran prawidlowego osmiokatnego =====*/ 

 .granprawosmHButton {
	right: 15%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-h.png");
}
.granprawosmHButton:hover {
     background-image:url("images/th/gran-praw-osm-hb.png");
}

 .granprawosmtr1Button {
	right: 15%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-tr1.png");
}
.granprawosmtr1Button:hover {
     background-image:url("images/th/gran-praw-osm-tr1b.png");
}




 .granprawosmtr2Button {
	right: 15%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-tr2.png");
}
.granprawosmtr2Button:hover {
     background-image:url("images/th/gran-praw-osm-tr2b.png");
}



 .granprawosmtr3Button {
	right: 15%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-tr3.png");
}
.granprawosmtr3Button:hover {
     background-image:url("images/th/gran-praw-osm-tr3b.png");
}

 
 .granprawosmtr4Button {
	right: 15%;
	top: 70%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-tr4.png");
}
.granprawosmtr4Button:hover {
     background-image:url("images/th/gran-praw-osm-tr4b.png");
}


 .granprawosmtr5Button {
	right: 4%;
	top: 10%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-tr5.png");
}
.granprawosmtr5Button:hover {
     background-image:url("images/th/gran-praw-osm-tr5b.png");
}

 .granprawosmtr6Button {
	right: 4%;
	top: 25%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-tr6.png");
}
.granprawosmtr6Button:hover {
     background-image:url("images/th/gran-praw-osm-tr6b.png");
}


 .granprawosmpr1Button {
	right: 4%;
	top: 40%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-pr1.png");
}
.granprawosmpr1Button:hover {
     background-image:url("images/th/gran-praw-osm-pr1b.png");
}



 .granprawosmpr2Button {
	right: 4%;
	top: 55%;
	width: 120px;
	height: 100px;
	 background-image:url("images/th/gran-praw-osm-pr2.png");
}
.granprawosmpr2Button:hover {
     background-image:url("images/th/gran-praw-osm-pr2b.png");
}















































 
 
 
 
 
 
  /*================================================================================================================*/ 
 @media (max-width: 991px) {
	.info {
font-size:12px;		
	}	
.info3 {
	top: 60px;
	margin-left: 15px;
	font-size: 11px;
	}
	.info4 {
	position: absolute;
	top: 6%;
	right:8%;
	font-family: Verdana;
	text-align: center;
	z-index: 100;
	display:block;
	color: #00ffff;
	font-size: 12px;
}
		.uwaga {
    color: #00ffff;
	font-size:12;
}
.tr2Button {
	right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
  }

.tr1Button {
	right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
  }
.tr3Button {
	right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
  }
.tr4Button {
	right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
  }
.HButton {
	right: 15%;
	top: 47%;
	width: 100px;
	height: 80px;
	background-size: contain;
  }
.SbButton {
	right: 15%;
	top: 59%;
	width: 100px;
	height: 80px;
	background-size: contain;
  }

 .otSbButton {
	right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
  .otHButton {
	right: 15%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 
  .ottr1Button {
	right: 15%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


  .ottr2Button {
	right: 15%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
 /*==== min res dla ostroslupa praw czworokatnego =====*/ 
.opcSbButton {
	right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
  .opcHButton {
	right: 15%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 
  .opctr1Button {
	right: 15%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


  .opctr2Button {
	right: 15%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


  .opctr3Button {
	right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

/*==== min res dla ostroslupa praw trojkatnego =====*/ 
.optSbButton {
	right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
  .optHButton {
	right: 15%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 
  .opttr1Button {
	right: 15%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


  .opttr2Button {
	right: 15%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


  .cztr3Button {
	right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
/*==== min res dla ostroslupa o podst tr rownoramiennego =====*/
 .otrwnSb2Button {
right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
.otrwnHButton {
right: 25%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 .otrwnHbButton {
right: 15%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 .otrwntr1Button {
right: 15%;
	top: 52%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
 .otrwntr2Button {
right: 15%;
	top: 65%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 .otrwntr3Button {
right: 15%;
	top: 78%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


/*==== min res dla ostroslupa o podst rombu =====*/
 .orombSbButton {
right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
 .orombHButton {
right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
 }
.orombtr1Button {
right: 15%;
	top: 38%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

/*==== min res dla ostroslupa o podst rownolegloboku =====*/

 .orownoltr2Button {
right: 15%;
	top: 65%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

/*==== min res dla ostroslupa o podst trapezu rownoramiennego =====*/

 .otrapezSbButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.otrapezHButton {

right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.otrapeztr1Button {

right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.otrapeztr2Button {

right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.otrapeztr3Button {

right: 15%;
	top: 58%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


.otrapeztr4Button {

right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.otrapeztr5Button {

right: 15%;
	top: 82%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


/*==== min res dla ostroslupa o podst deltoidu =====*/

.odelSbButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.odelHButton {

right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.odeltr1Button {

right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.odeltr2Button {

right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.odeltr3Button {

right: 15%;
	top: 58%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


.odeltr4Button {

right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.odeltr5Button {

right: 15%;
	top: 82%;
	width: 100px;
	height: 80px;
	background-size: contain;
}



/*==== min res dla ostroslupa o podst trapezu prost =====*/
 .otrapezprostSbButton {
right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.otrapezprostHButton {

right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


.otrapezprosttr1Button {

right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


.otrapezprosttr2Button {

right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 /*==== min res dla ostroslupa prawidlowego pieciokatnego =====*/ 


 .opiecHButton {
right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 .opiectr1Button {
right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 .opiectr2Button {
right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 .opiectr3Button {
right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

/*==== min res dla ostroslupa prawidlowego osmiokatnego =====*/ 


 .oosmHButton {
right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


 .oosmtr1Button {
right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 .oosmtr2Button {
right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

 .oosmtr3Button {
right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


 .oosmtr4Button {
right: 15%;
	top: 58%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


/*==== min res dla szescianu =====*/ 

.szSbButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.szHButton {

right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.sztr1Button {

right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.sztr2Button {

right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.sztr3Button {

right: 15%;
	top: 58%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


/*==== min res dla gran praw trojkatnego =====*/ 

.gptSbButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gptHButton {

right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpttr1Button {

right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpttr2Button {

right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpttr3Button {

right: 15%;
	top: 58%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


/*==== min res dla gran praw trojkatnego POZIOM =====*/ 

.gptpSbButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gptpHButton {

right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gptptr1Button {

right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gptptr2Button {

right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gptptr3Button {

right: 15%;
	top: 58%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


/*==== min res dla gran o podst tr rownoramiennego =====*/ 


.gtrHButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtrtr1Button {

right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtrtr2Button {

right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtrtr3Button {

right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtrtr4Button {

right: 15%;
	top: 58%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtrtr5Button {

right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

/*==== min res dla gran o podst rombu =====*/ 

.grombHButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.grombtr1Button {

right: 15%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.grombtr2Button {

right: 15%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.grombtr3Button {

right: 15%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.grombtr4Button {

right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.grombtr5Button {

right: 4%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.grombtr6Button {

right: 4%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


.grombtr7Button {

right: 4%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


.grombtr8Button {

right: 4%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}



/*==== min res dla gran o podst trap rownoramiennego =====*/ 

.gtrapHButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtraptr1Button {

right: 15%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtraptr2Button {

right: 15%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtraptr3Button {

right: 15%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtraptr4Button {

right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtraptr5Button {

right: 4%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gtraptr6Button {

right: 4%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


.gtraptr7Button {

right: 4%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


.gtraptr8Button {

right: 4%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


/*==== min res dla gran o podst deltoidu =====*/ 

.gdelHButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gdeltr1Button {

right: 15%;
	top: 22%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gdeltr2Button {

right: 15%;
	top: 34%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gdeltr3Button {

right: 15%;
	top: 46%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gdeltr4Button {

right: 15%;
	top: 58%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gdeltr5Button {

right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}


/*==== min res dla gran prawidlowego pieciokatnego =====*/ 

.gpiecHButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
.gpiectr1Button {

right: 15%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpiectr2Button {

right: 15%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpiectr3Button {

right: 15%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpiectr4Button {

right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpiectr5Button {

right: 4%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpiecpr1Button {

right: 4%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gpiecpr2Button {

right: 4%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}



/*==== min res dla gran prawidlowego szesciokatnego =====*/ 

.gszHButton {

right: 15%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}
.gsztr1Button {

right: 15%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gsztr2Button {

right: 15%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gsztr3Button {

right: 15%;
	top: 55%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gsztr4Button {

right: 15%;
	top: 70%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gsztr5Button {

right: 4%;
	top: 10%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gsztr6Button {

right: 4%;
	top: 25%;
	width: 100px;
	height: 80px;
	background-size: contain;
}

.gszpr1Button {

right: 4%;
	top: 40%;
	width: 100px;
	height: 80px;
	background-size: contain;
}