#top {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#98bede+0,fcfdff+100 */
background: #98bede; /* Old browsers */
background: -moz-linear-gradient(top,  #98bede 0%, #fcfdff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #98bede 0%,#fcfdff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #98bede 0%,#fcfdff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bede', endColorstr='#fcfdff',GradientType=0 ); /* IE6-9 */
height:100px;

}

 #mainnav li a{color:#5f0036;
 text-align:center;
 margin-top:40px;
 font-size:18px;
 }
 
 #mainnav li a:hover{
 color:white;
 background-color:#161749;
 }

 #logo{padding-top:0px;}

 /*Page Index.html */
  #about{width:100%;
 text-align:left;
 font-size:20px;
 padding-top:20px;
 }
 
 
 #info_site{margin-top:30px;}
 
 #info_site .container .row{
  border-top:2px solid grey;
 margin-top:20px;
 text-align:center;
 font-size:24px;}
 
  #info_site .container .row .image{
  margin-top:20px;}

   #info_site .container .row .item2{
   border-right:2px solid grey;
   border-left:2px solid grey;
   }
  
  #about p {text-indent:30px;
  margin-bottom:0px;}
  
  
  
  
  
  /*Page Dodatkovi_vidomosti.html, Methnods.html */
 
  #vidomosti{margin-top:30px;
  font-size:22px;}

  #vidomosti img{display: block;
  margin: 0 auto;}
  
  #start h3{text-align:center;
  margin-top:20px;
  font-size:20px;
  font-weight:bold;
  color:#4f0830;
}
  
  
  figure{width:400px;
overflow:hidden;}

figure img{display:block;
transition:500ms;}

figcaption {
 position:absolute;
  bottom: 0;
  left: 0;
  width:100%;
  background-color:#161749;
  padding:10px;
  text-align: center;
  opacity: 0;
  transform: translateY(100%);
  transition: 500ms;
  cursor:pointer;
}

figcaption a{text-decoration:none;
color:white;
font-weight:bold;}

figcaption a:hover{text-decoration:none;
color:black;
font-weight:bold;}

figure:hover figcaption{
opacity:1;
transform:translateY(0);
}

figure:hover img{
transform: scale(0.7);
}

 #info:hover{
 box-shadow: inset 0 0 0 5px #98bede;
}

  
  #gmt{font-size:22px;
 margin-top:50px;
  }
  
  #gmt img{margin-top:20px;}
  
   h2{color:#6664bf;}
  
  .dv_info{text-indent:30px;
  margin-bottom:50px;}
  
  .dv_info1 {margin-top:50px;
  text-indent:30px;
  }
 
  .dv_info1 span{font-weight:bold;
  color:#4f0830;
  font-style:italic;}
  
  #gmt_img{margin-top:50px;}
  
   #symetria1{margin-top:50px;
  }
   
   .dv_info2{margin-top:20px;
   text-indent:30px;}
   
   .dv_info2 span{font-weight:bold;
  color:#4f0830;
  font-style:italic;}
  
   #symetria2{margin-top:50px;
  }
 

  #povorot{font-size:22px;
  margin-top:50px;
  }
  
  #perenesenna{margin-top:50px;
  }
 
 h3{
  font-weight:bold;
  color:#4f0830;
  }
 
  
  /* Page exercise.html*/
  #exercise {font-size:18px;}
  #exercise span{font-weight:bold;}
  
   #exercise img{display: block;
  margin: 0 auto;}

  
  /* Page triangle.html */
  
  #pobydova{font-size:22px;}
  

  

.start {
color:darkred;
cursor:pointer;
margin-top:0px;
width:200px;
height:50px;
border-radius:10px;
font-family:Times New Roman;
font-size:16px;
font-weight:bold;
}

  .p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9, .p10{color:black;
margin-left:20px;
margin-right:10px;
display:none;
}
  
 

.triangle .line1 {width:400px;
height:2px;
margin-top:300px;
margin-left:50px;
background-color:black;
display:none;}


.triangle  .line2 {width:140px;
height:3px;
display:none;
background-color:yellow;
margin-top:25px;
margin-left:246px;
}
	   	
.triangle  .line3 {width:93px;
height:3px;
display:none;
background-color:yellow;
margin-top:-1px;
margin-left:341px;}   
	   
.triangle .line4{width:143px;
height:3px;
margin-top:38px;
margin-left:260px;
background-color:yellow;
display:none;}

 .triangle  .b {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-4px;
 margin-left:400px;
 display:none;
}

 .triangle .b .tochka {width:5px;
 height:5px;
 border-radius:2px;
 background-color:yellow;
 display:none;
}

 .triangle .c {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-160px;
 margin-left:258px;
 display:none;
 }
.triangle  .c .tochka {width:5px;
 height:5px;
 border-radius:2px;
 background-color:yellow;
 display:none;
}

 .triangle  .a{width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-207px;
 margin-left:370px;
 display:none;}

.triangle  .a .tochka {width:5px;
 height:5px;
 border-radius:2px;
 background-color:yellow;
 display:none;}

 .triangle  .circle {width:300px;
 height:300px;
 border-radius:200px;
 border:1px solid darkred;
 margin-left:260px;
 margin-top:-160px;
 display:none;} 
 
 .triangle  .circle1 {width:200px;
 height:200px;
 border-radius:100px;
 border:1px solid green;
 margin-left:310px;
 margin-top:-110px;
 display:none;} 
 
  .triangle  .circle2 {width:250px;
 height:250px;
 border-radius:150px;
 border:1px solid blue;
 margin-left:150px;
 margin-top:-240px;
 display:none;} 
  
 #analiz_triangle{margin-bottom:50px;}
  
  #analiz_triangle .line31 {width:93px;
height:2px;
background-color:black;
margin-top:50px;
margin-left:50px;}   
	   
#analiz_triangle .line41{width:143px;
height:2px;
margin-top:50px;
margin-left:50px;
background-color:black;}

#analiz_triangle .tochka {width:5px;
 height:5px;
 border-radius:3px;
 background-color:black;
 margin-left:49px;
 margin-top:-4px;
}
#analiz_triangle .tochka:nth-child(3){
margin-left:190px;
width:5px;
 height:5px;
 border-radius:3px;
 background-color:black;
}
#analiz_triangle .tochka:nth-child(7){
margin-left:140px;
width:5px;
 height:5px;
 border-radius:3px;
 background-color:black;
}
#analiz_triangle .tochka:nth-child(11){
margin-left:190px;
width:5px;
 height:5px;
 border-radius:3px;
 background-color:black;
}
#analiz_triangle  .a1 {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-4px;
 margin-left:120px;
}
#analiz_triangle  .c1 {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-4px;
 margin-left:90px;
}
#analiz_triangle  .b1 {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:2px;
 margin-left:110px;
}
  
  
 #analiz_triangle .line21 {width:140px;
height:2px;
background-color:black;
margin-top:27px;
margin-left:50px;
}
  
 /* Page kut.html*/
 
 #analiz_kut{margin-bottom:150px;}
  
  #analiz_kut .line11{height:2px;
width:400px;
margin-left:100px;
margin-top:150px;
background-color:black;}

#analiz_kut .a1{color:black;
font-size:20px;
margin-left:110px;
margin-top:-4px;}
#analiz_kut .a1 .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_kut .f1{color:black;
font-size:20px;
margin-left:124px;
margin-top:-50px;}
#analiz_kut .f1 .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_kut  .e1{color:black;
font-size:20px;
margin-left:225px;
margin-top:58px;}
#analiz_kut .e1 .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_kut .line21 {width:170px;
height:2px;
background-color:black;
margin-top:-80px;
margin-left:35px; 
transform: rotate(97deg);}  
	 
#analiz_kut .line31 {width:170px;
height:2px;
background-color:black;
margin-top:-80px;
margin-left:90px;
transform: rotate(-138deg); }  
  
  
  
  .kut .line1{height:2px;
width:400px;
margin-left:100px;
margin-top:300px;
background-color:black;
display:none;}

.kut  .o{color:black;
font-size:20px;
margin-left:110px;
margin-top:-4px;
display:none;}
.kut  .o .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;}
 
.kut  .circle1{height:200px;
width:200px;
margin-left:10px;
margin-top:-129px;
border-radius:100px;
border:1px solid red;
display:none;}


.kut  .b{color:black;
font-size:20px;
margin-left:207px;
margin-top:-105px;
display:none;
}
.kut  .b .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;
}


.kut  .circle2{height:260px;
width:260px;
margin-left:75px;
margin-top:-155px;
border-radius:130px;
border:1px solid green;
display:none;
}

.kut  .c{color:black;
font-size:20px;
margin-left:123px;
margin-top:-235px;
display:none;
}
.kut .c .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;
}

.kut  .line2 {width:170px;
height:2px;
background-color:black;
margin-top:10px;
margin-left:36px;
display:none;
}   
  
  /* Page bisectrisa.html */
  
  .bisectrisa .line1{height:2px;
width:400px;
margin-left:100px;
margin-top:300px;
background-color:black;
display:none;
}
.bisectrisa .line2 {width:300px;
height:2px;
background-color:black;
margin-top:-123px;
margin-left:75px;
display:none;
}
.bisectrisa .o{color:black;
font-size:20px;
margin-left:110px;
margin-top:-4px;
display:none;
}

.bisectrisa .o .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;
}
 .bisectrisa .cicle1{height:200px;
width:200px;
margin-left:10px;
margin-top:-2px;
border-radius:100px;
border:1px solid red;
display:none;
}


.bisectrisa .b{color:black;
font-size:20px;
margin-left:209px;
margin-top:-107px;
display:none;
}
.bisectrisa .b .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;
}


 .bisectrisa .cicle2{height:200px;
width:200px;
margin-left:85px;
margin-top:-130px;
border-radius:100px;
border:1px solid yellow;
display:none;
}

.bisectrisa .cicle3{height:200px;
width:200px;
margin-left:105px;
margin-top:-133px;
border-radius:100px;
border:1px solid green;
display:none;
}

.bisectrisa .c{color:black;
font-size:20px;
margin-left:183px;
margin-top:-94px;
display:none;
}

.bisectrisa  .c .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;
}

.bisectrisa .a{color:black;
font-size:20px;
margin-left:283px;
margin-top:-165px;
display:none;
}
.bisectrisa .a .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;
}

.bisectrisa	.line3 {width:300px;
height:2px;
background-color:black;
margin-top:-24px;
margin-left:103px;
 display:none;
}   
  
   #analiz_bisectrisa{margin-bottom:50px;}
 

#analiz_bisectrisa .line11{height:2px;
width:300px;
margin-left:100px;
margin-top:220px;
background-color:black;
}
#analiz_bisectrisa .line21 {width:300px;
height:2px;
background-color:black;
margin-top:-120px;
margin-left:75px;
transform:rotate(140deg);
}
#analiz_bisectrisa .o1{color:black;
font-size:20px;
margin-left:118px;
margin-top:-4px;}

#analiz_bisectrisa  .o1 .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;
}

#analiz_bisectrisa .b1{color:black;
font-size:20px;
margin-left:290px;
margin-top:-61px;
}
#analiz_bisectrisa .b1  .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;
}

#analiz_bisectrisa .c1{color:black;
font-size:20px;
margin-left:285px;
margin-top:110px;}
#analiz_bisectrisa .c1 .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_bisectrisa	.line31 {width:300px;
height:2px;
background-color:black;
margin-top:-81px;
margin-left:101px;
transform:rotate(-20deg);
}  

#analiz_bisectrisa	.line41{width:100px;
height:1px;
background-color:black;
margin-top:-65px;
margin-left:269px;
transform:rotate(-133deg);}  

#analiz_bisectrisa	.line51{width:110px;
height:1px;
background-color:black;
margin-top:78px;
margin-left:262px;
transform:rotate(125deg);
}  
 
 #analiz_bisectrisa .a1{color:black;
font-size:20px;
margin-left:347px;
margin-top:-40px;}
#analiz_bisectrisa .a1 .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_bisectrisa .red {margin-left:60px;
margin-top :140px;
color:darkred;
margin-right:10px;} 
  
  
  
  /* Prama.html*/
   #analiz_prama{margin-bottom:250px;}
  
  
  
  #analiz_prama .line11 {width:400px;
height:2px;
margin-top:150px;
margin-left:80px;
background-color:black;}

#analiz_prama .line31{width:150px;
height:2px;
margin-top:-170px;
margin-left:235px;
background-color:black;
transform:rotate(55deg);
}

#analiz_prama .line41 {width:150px;
height:2px;
margin-top:99px;
margin-left:235px;
background-color:black;
transform:rotate(-55deg);
}

#analiz_prama  .line51 {width:150px;
height:2px;
margin-top:0px;
margin-left:160px;
background-color:black;
transform:rotate(55deg);
}


#analiz_prama  .line61 {width:150px;
height:2px;
margin-top:-104px;
margin-left:160px;
background-color:black;
transform:rotate(-55deg);
}

#analiz_prama   .a1{width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-110px;
 margin-left:270px;}

 #analiz_prama .a1 .tochka1 {width:5px;
 height:5px;
 border-radius:2px;
 background-color:black;}
 
#analiz_prama  .o1{width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:86px;
 margin-left:270px;}

 #analiz_prama .o1 .tochka1 {width:5px;
 height:5px;
 border-radius:2px;
 background-color:black;}

#analiz_prama .line21 {width:300px;
height:2px;
margin-top:0px;
margin-left:122px;
background-color:black;
transform:rotate(90deg);
}

#analiz_prama .b1 {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-20px;
 margin-left:344px;
}

#analiz_prama .b1 .tochka1 {width:5px;
 height:5px;
 border-radius:2px;
 background-color:black;
}

 #analiz_prama  .c1 {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-22px;
 margin-left:194px;
 }
 #analiz_prama .c1 .tochka1 {width:5px;
 height:5px;
 border-radius:2px;
 background-color:black;
}


 #analiz_prama  .f1{width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:80px;
 margin-left:270px;
}

#analiz_prama   .f1 .tochka1 {width:5px;
 height:5px;
 border-radius:2px;
 background-color:black;}
  
  
  .prama .line1 {width:400px;
height:2px;
margin-top:300px;
margin-left:80px;
background-color:black;
display:none;}


.prama  .line2 {width:200px;
height:2px;
background-color:black;
margin-top:-55px;
margin-left:172px;
display:none;}
	   
.prama .line3 {width:70px;
height:3px;
background-color:yellow;
margin-top:-70px;
margin-left:237px;
display:none;}	   
	   
	

.prama  .b {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-21px;
 margin-left:342px;
 display:none;
}

.prama  .b .tochka {width:5px;
 height:5px;
 border-radius:2px;
 background-color:black;
 display:none;
}

 .prama  .c {width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-35px;
 margin-left:195px;
 display:none;
 }
 .prama  .c .tochka {width:5px;
 height:5px;
 border-radius:2px;
 background-color:black;
 display:none;
}

 .prama   .a{width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-70px;
 margin-left:270px;
 display:none;}

 .prama   .a .tochka {width:5px;
 height:5px;
 border-radius:2px;
 background-color:yellow;
 display:none;}

 .prama  .circle {width:200px;
 height:200px;
 border-radius:100px;
 border:1px solid darkred;
 margin-left:170px;
 margin-top:-120px;
 display:none;} 
 
.prama  .circle1 {width:200px;
 height:200px;
 border-radius:100px;
 border:1px solid green;
 margin-left:100px;
 margin-top:-120px;
 display:none;} 
 
 .prama   .circle2 {width:200px;
 height:200px;
 border-radius:100px;
 border:1px solid green;
 margin-left:243px;
 margin-top:-202px;
 display:none;} 
.prama  .f{width:20px;
 height:20px;
 color:black;
 font-size:20px;
 margin-top:-32px;
 margin-left:270px;
 display:none;
}

.prama   .f .tochka {width:5px;
 height:5px;
 border-radius:2px;
 background-color:black;
 display:none;}
 
 
 /* Vidrizok.html*/
 #analiz_vidrizok{margin-bottom:150px;}
 
 
 #analiz_vidrizok  .line11{height:2px;
width:200px;
margin-left:120px;
margin-top:120px;
background-color:black;
}

#analiz_vidrizok .a1{color:black;
font-size:20px;
margin-left:122px;
margin-top:-3px;}

#analiz_vidrizok .a1 .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_vidrizok .b1{color:black;
font-size:20px;
margin-left:318px;
margin-top:-35px;}
#analiz_vidrizok  .b1 .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_vidrizok  .o1{color:black;
font-size:20px;
margin-left:218px;
margin-top:-35px;}

 #analiz_vidrizok  .o1 .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_vidrizok .line21 {width:142px;
height:2px;
background-color:black;
margin-top:-30px;
margin-left:150px;
transform:rotate(90deg);
}  

#analiz_vidrizok .c1{color:black;
font-size:20px;
margin-left:218px;
margin-top:-73px;}

#analiz_vidrizok .c1 .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_vidrizok .f1{color:black;
font-size:20px;
margin-left:218px;
margin-top:103px;}

#analiz_vidrizok  .f1 .tochka1{height:6px;
width:6px;
border-radius:3px;
background-color:black;}

#analiz_vidrizok .line31 {width:122px;
height:1px;
background-color:black;
margin-top:-137px;
margin-left:110px;
transform:rotate(-34deg);
}  

#analiz_vidrizok .line41 {width:125px;
height:1px;
background-color:black;
margin-top:0px;
margin-left:210px;
transform:rotate(34deg);
} 

#analiz_vidrizok .line51{width:122px;
height:1px;
background-color:black;
margin-top:65px;
margin-left:210px;
transform:rotate(-34deg);
} 

#analiz_vidrizok .line61{width:120px;
height:1px;
background-color:black;
margin-top:0px;
margin-left:110px;
transform:rotate(34deg);
}

 

 
 
 .vidrizok  .line1{height:2px;
width:200px;
margin-left:180px;
margin-top:250px;
background-color:black;
display:none;
}


 .vidrizok  .o{color:black;
font-size:20px;
margin-left:278px;
margin-top:-12px;
display:none;}

 .vidrizok  .o .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;}
 
.vidrizok  .cicle1{height:240px;
width:240px;
margin-left:60px;
margin-top:-150px;
border-radius:120px;
border:1px solid red;
display:none;}


.vidrizok .b{color:black;
font-size:20px;
margin-left:375px;
margin-top:-35px;
display:none;}
.vidrizok  .b .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;}


.vidrizok  .cicle2{height:240px;
width:240px;
margin-left:260px;
margin-top:-242px;
border-radius:120px;
border:1px solid green;
display:none;}


.vidrizok  .c{color:black;
font-size:20px;
margin-left:278px;
margin-top:-190px;
display:none;}

.vidrizok  .c .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;}

.vidrizok  .f{color:black;
font-size:20px;
margin-left:278px;
margin-top:102px;
display:none;}

.vidrizok  .f .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;}

.vidrizok  .a{color:black;
font-size:20px;
margin-left:180px;
margin-top:-3px;
display:none;}

.vidrizok  .a .tochka{height:6px;
width:6px;
border-radius:3px;
background-color:black;
display:none;}



.vidrizok .line2 {width:142px;
height:2px;
background-color:black;
margin-top:-95px;
margin-left:210px;
display:none;}   
 
  
  
 footer {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9f4fc+0,161749+100 */
background: #c9f4fc; /* Old browsers */
background: -moz-linear-gradient(top,  #c9f4fc 0%, #161749 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c9f4fc 0%,#161749 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c9f4fc 0%,#161749 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9f4fc', endColorstr='#161749',GradientType=0 ); /* IE6-9 */

 height:100px;
 color:white;
 margin-top:70px;
 

}


 footer .row{
 padding-top:20px;
 font-size:20px;
 }