/*   стили должны быть под корнем! ссылка на рисунок в папке*/


body
{
   scrollbar-base-color: #B0DAFA;
    scrollbar-arrow-color: red;
    background-color: #F0FFEC;
  
   }

#body2
{
    background-color: #F0FFEC;
   background-image:             url(images/fon.jpg);
     position: absolute;
    top: -4px;
    left: 780px;
    width: 240px;
    height: 1200px;
   }


#top
{
   z-index: 5;
    width: 1000px;
    height: 160px;
    position: absolute;
    top: -4px;
    left: -4px;
    background-image: url(images/top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    
}



#back
{
    z-index: 2;
    width: 843px;
    height: 600px;
    background-repeat: no-repeat;
    background-position: left top;
    border: 1px dotted #775A02;
    background-color: #F0FFEC;
}



#bckgr
{
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: white;
    width: 780px;
    height: 490px;
    border: 1px  dotted #775A02;
}



#fly 
{
    z-index: 5;
    position: absolute;
    top: 360; 
    left: 22px;
}


#fly2 
{
    z-index: 6;
    position: absolute;
    top: 360; 
    left: 155;

    }


#fly3 
{
    position: relative;
    top: 0px; 
    left: 0px;
    
}


#enot_main
{
     position: relative;
    top:0; 
    left: 0
    }




#td
{
    z-index: 3;
    position: absolute;
    top: 160 px;
    left: 370px;
    background-image: url(images/enter2006summer.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 520px;
    font-size: 19pt;
    font-family: Verdana, sans-serif;    
    color: #775A02;
    border-right: 2px dotted #775A02;
}


#text
{  
    z-index: 4;
    position: absolute;
    padding: 12px;
    top: 170 px;
    left: 20px;
    font-size: 13pt;
    font-family: Verdana, sans-serif;    
    color: #775A02;
    width: 340px;
    height: 420px;
    background-color: white;
    border: 1px dotted #775A02;

}

#ball
{z-index: 15;}

#ball2
{z-index: 15;}

#ball3
{z-index: 15;}

#ball4
{z-index: 15;}

#ball5
{z-index: 15;}

#ball6
{z-index: 15;}

#ball7
{z-index: 15;}

#map_af
{
    z-index: 3;
    position: absolute;
    top: 50 px;
    left: 20px;
    width: 900px;
    height: 600px;
    background-image: url(images/map.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 19pt;
    font-family: Verdana, sans-serif;    
     color: #775A02;
}

#enot
{
    z-index: 5;
    position: absolute;
    top: 175 px;
    left: 5 px;
    background-repeat: no-repeat;
    background-position: left top;
}

#zagol1
{
    z-index: 6;
    position: absolute;
    top: 165px;
    left: 244px;
   
    font-family: Verdana, sans-serif;    
    color: #C1A656;
}

#zagol2
{
    z-index: 5;
    position: absolute;
    top: 167px;
    left: 244px;
    font-size: 24pt;
    font-family: Verdana, sans-serif;      color: #000000;
}

#monk
{
    z-index: 7;
    position: absolute;
    top: 170 px;
    left: 0 px;
    background-image: url(images/monk.jpg);
    background-repeat: repeat;
    background-position: left top;
    width: 20px;
    height: 445px;
}

#af_pug

{
   z-index: 12;
    position: absolute;
    top: 50 px;
    left: 20px;
    width: 900px;
    height: 600px;
    background-image: url(images/af_pug1.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 19pt;
    font-family: Verdana, sans-serif;      color: #775A02;
}



#text_kont
{
    z-index: 3;
    position: absolute;
    top: -3px;
    left: -3px;
    background-color: #D3E9FB;
    color: red;
    width: 230px;
    height: 200px;
    padding: 8px;
    padding-top: 115px;  
    font-size: 12pt;
    font-family: Verdana, sans-serif;    
    color: black;
    border: 1px dotted #775A02;

}

#enot1
{
    z-index: 5;
    position: absolute;
    top: 15 px;
    left: 5 px;
    background-repeat: no-repeat;
    background-position: left top;
}




#text1
{
    z-index: 3;
    position: absolute;
    top: 160px;
    left: -3px;
    background-color: #D3E9FB;
    width: 230px;
    height: 200px;
    padding: 8px;
    padding-top: 115px;  
    font-size: 12pt;
    font-family: Verdana, sans-serif;    
    color: black;
    border: 2px dotted  #775A02;

}


#text2
{
    z-index: 3;
    position: absolute;
    top: 245px;
    left: 210px;
    background-color: #F4F9B8;
    width: 270px;
    height: 130px;
    padding: 8px;
    padding-top: 15px;  
    font-size: 12pt;
    font-family: Verdana, sans-serif;    
    color: black;
     border: 2px dotted  #775A02;

}


#text3
{
    position: absolute;
    top: 470px;
    left: 220px;
    background-color: #FCDEA3;
    padding: 8px;
    padding-top: 15px;  
    font-size: 12pt;
    font-family: Verdana, sans-serif;    
    color: black;
    border: 2px dotted  #775A02;

}


#text4
{
    z-index: 3;
    position: absolute;
    top: 720px;
    left: 20px;
    background-color: #E5FEBA;
    width: 99%;
    padding: 8px;
    padding-top: 15px;  
    font-size: 1 em;
    font-family: Verdana, sans-serif;     
 color: black;
    border: 2px dotted  #775A02;
}


#text_left
{
    z-index: 5;
    position: absolute;
    top:350px;
    left: -3px;
    background-color: #E5FEBA;
    width: 230px;
    padding: 8px;
    padding-top: 15px;  
    font-size: 1 em;
    font-family: Verdana, sans-serif;      color: black;
    border: 2px dotted  #775A02;
}



#text_cross
{
    z-index: 5;
    position: absolute;
    top: 200px;
    left: 235px;
    background-color: #F4F9B8;
    width: 580px;
    height: 90%;
    padding: 8px;
    padding-top: 15px;  
    font-size: 1em;
    font-family: Verdana, sans-serif;    
    color: black;
     border: 2px dotted  #775A02;

}


#foto1

{
    z-index: 3;
    position: absolute;
    text-align: center;
    top: 160px;
    left: 450px;
    padding: 8px;
    padding-top: 10px;  
   font-size: 9pt;
    font-family: Verdana, sans-serif;      color: brown;  
    border: 2px dotted  #775A02;
    width: 300px;
    

}

#foto2

{
    z-index: 2;
    position: absolute;
    top: 370px;
    left: -10px;
    padding: 8px;
    font-size: 9pt;
    font-family: Verdana, sans-serif;      color: brown;
     border: 2px dotted  #775A02;
     width: 200px;
}



#foto3
{
    z-index: 6;
    position: absolute;
    top: 360px;
    left: 260px;
    font-size: 9pt;
    font-family: Verdana, sans-serif;      color: brown;  
     width: 170px;
}


#quest1
{   
    background-color: #ffffff;
    padding: 5px;
    font-size: 11pt;
    font-weight: 600;
    font-family: Verdana, sans-serif;      color: #C84E04;
    border: 2px dotted  #775A02;
}

#quest2
{
    font-size: 18pt;
    font-weight: 900;
    font-family: Verdana, sans-serif;  
    color: #C84E04;
     }



#bottom
{
     background-color: #ffffff;
    position: relative;
    width: 100%;
    height: 120%;
    padding: 10px;
    text-align: center;

    font-family: Verdana, sans-serif;  
    color: #775A02;
    border: 2px dotted  #775A02;
    border-top: 4px dotted  #775A02;
 }


#copyr
{
     background-color: #ffffff;
    position: relative;
    width: 100%;
    padding: 3px;
    text-align: center;
    font-family: Verdana, sans-serif;  
    color: #775A02;
    font-size: 7pt;
 }

a
{
    color: #3673A2;
    background-color: transparent;
    }

a:hover
{
    color: #C84E04;
    background-color: #B0DAFA;

}

a:visited
{
    color: #AF06F6;
    background-color: transparent;
   
}

a:active
{
    color: red;
    background-color: #B0DAFA;
   
}