.kvest_karta img{	
	width:140px;
	height:90px;
   padding:5px;	
   }
.leftimg {
    float: left; 
    margin: 0px 0 2px 2px;
}
.rightimg {
    float: right; 
    margin: 0px 0 2px 2px;
}

/* label */

#n1pna {
  height:60px;
  width:90px;
  position: absolute;    
  top:100px;
  left:395px;
    -background: green;
    opacity: 0;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 5px 5px 5px 5px;
}
#-n1pna:hover {opacity: 1;}
#n2pna {
  height:90px;
  width:70px;
  position: absolute;
  left:290px;
  top:270px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 5px 5px 5px 5px;
}
#-n2nna:hover {opacity: 1;}
#n3pna {
  height:20px;
  width:20px;
  position: absolute;
  left:240px;
  top:345px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 5px 5px 5px 5px;
}
#-n3pna:hover {opacity: 1;}
#n4pna {
  height:10px;
  width:20px;
  position: absolute;
  left:375px;
  top:290px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 5px 5px 5px 5px;
}
#-n4pna:hover {opacity: 1;}
#n5pna {
  height:30px;
  width:20px;
  position: absolute;
  left:360px;
  top:375px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 5px 5px 5px 5px;
}
#-n5pna:hover {opacity: 1;}
#n6pna {
  height:20px;
  width:40px;
  position: absolute;
  left:340px;
  top:350px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 7px 7px 7px 7px;
}
#-n6pna:hover {opacity: 1;}
#n7pna {
  height:40px;
  width:20px;
  position: absolute;
  left:390px;
  top:340px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 5px 5px 5px 5px;
}
#-n7pna:hover {opacity: 1;}
#n8pna {
  height:10px;
  width:10px;
  position: absolute;
  left:420px;
  top:315px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 5px 5px 5px 5px;
}
#-n8pna:hover {opacity: 1;}
#n9pna {
  height:150px;
  width:30px;
  position: absolute;
  left:240px;
  top:190px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 10px 10px 10px 10px;
}
#-n9pna:hover {opacity: 1;}
#n10pna {
  height:40px;
  width:15px;
  position: absolute;
  left:415px;
  top:335px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 10px 10px 10px 10px;
}
#-n10pna:hover {opacity: 1;}
#n11pna {
  height:30px;
  width:75px;
  position: absolute;
  left:345px;
  top:475px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 10px 10px 10px 10px;
}
#-n11pna:hover {opacity: 1;}
#n12pna {
  height:80px;
  width:45px;
  position: absolute;
  left:250px;
  top:365px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 10px 10px 10px 10px;
}
#-n12pna:hover {opacity: 1;}
#n13pna {
  height:30px;
  width:75px;
  position: absolute;
  left:290px;
  top:445px;  
    -background: green;
    opacity: 1;
    cursor:pointer;
    -border: 2px solid #AAB7B8;
    -border-radius: 10px 10px 10px 10px;
}
#-n13pna:hover {opacity: 1;}



/* text+img */

#no1pna {
  width: 250px;
  position: absolute;
  z-index:99;
  top:180px;
  left:370px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;

}
#no2pna {
  width: 250px;
  position: absolute;
  z-index:99;
  top:150px;
  left:320px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no3pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:215px;
  left:260px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no4pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:170px;
  left:80px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no5pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:245px;
  left:175px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no6pna {
  width: 250px;
  position: absolute;
  z-index:99;
  top:375px;
  left:360px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no7pna {
  width: 250px;
  position: absolute;
  z-index:99;
  top:215px;
  left:380px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no8pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:345px;
  left:345px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no9pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:225px;
  left:280px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no10pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:190px;
  left:150px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no11pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:225px;
  left:210px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no12pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:225px;
  left:210px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}
#no13pna {
  width: 300px;
  position: absolute;
  z-index:99;
  top:225px;
  left:210px;
  background: #c1c8c7 ;
  color:#252b31;
  display: none;
  border-radius: 10px 15px 10px 15px;
  box-shadow: 2px 2px 4px 2px #fff;
}



#t_i {  
   text-shadow: 0px #c1c8c7;
   font-size: 1.2em;   
}
.t_n {
   padding:0 0 5px 20px;
   font-size: 0.9em;
   display: block;
}
.t_b {   
   font-size: 1.1em;
   font-style: bold;
   color: #F5F187;
}
.t_z {
  font-size: 0.9em;
  font-weight: normal;
  text-shadow: 0 0 0 crimson;
   padding:2 0 2 25px;
  color: transparent;
  animation: shadows 4s infinite ease-in;
}
@keyframes shadows {
  60% { text-shadow: 0 0 0 crimson;  }
  90% { text-shadow: 0 30px 40px transparent;  }
  100% { text-shadow: 0 0 0 transparent;  }
}


/* label+img */

.fix_n1pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:105px;
  left:665px;
}
.fix_n2pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:135px;
  left:665px;
}
.fix_n3pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:162px;
  left:665px;
}
.fix_n4pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:190px;
  left:665px;
}
.fix_n5pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:220px;
  left:665px;
}
.fix_n6pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:250px;
  left:665px;
}
.fix_n7pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:278px;
  left:665px;
}
.fix_n8pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:305px;
  left:665px;
}
.fix_n9pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:350px;
  left:665px;
}
.fix_n10pna {
  display: none;
  position: absolute;
  padding:2 5 2 5px;
  z-index:99;
  top:380px;
  left:665px;
}


.mapa_zagol{  
  width:620px;
  top:100px;
  left:100px;
  position: relative;
  padding: 10px;
  text-align: center;
  font-size:32px;
  text-shadow: 6px 6px 0px rgba(0,0,0,0.2);}
.mapa_karta{  
  display: flex;
  width:600px;
  height:360px;
  position: relative;
  box-shadow: inset 0 0 6px;}
.mapa_text{ 
  display: flex;
  width:580px;  
  top:10px;
  position: relative;
  text-decoration: none;
  font-size:16px;
  padding:10px;
  box-shadow: inset 0 0 6px;}


.kvest_zagol{display:block;
  width:800px;
  height:620px;
  top:100px;
  left:100px;
  position: absolute;
  box-shadow: inset 0 0 6px;
  padding: 10px;
  font-size:32px;
  text-shadow: 6px 6px 0px rgba(0,0,0,0.2);}
.nazva{
  padding: 10px;
  b-ox-shadow: inset 0 0 6px;}
.kvest_karta{ 
  width:648px;
  height:453px;
  float: left;
  text-shadow: none;
  background-image:url("../img/pivn_amerika_k.png");
      font-size: 0.3em;}

.kvest_tabl{  
  width:145px;
  height:453px;
  float: right;
  font-size:15px;
  box-shadow: inset 0 0 6px;
  text-shadow: 0px 0px 0px rgba(0,0,0,0);}  
.kvest_text{  
  width:800px;
  float: left;  
  top:10px;
  position: relative;
  text-decoration: none;
  font-size:16px;
  padding:0px;
  box-shadow: inset 0 0 6px;
  margin-bottom: 0;}
.kvest_text p{
   text-align: center;}