/* ================================================================ 
            &#212;&#224;&#233;&#235; &#241;&#234;&#224;&#247;&#224;&#237; &#241; &#241;&#224;&#233;&#242;&#224; http://megaweb.su/
=================================================================== */

<body style="position: relative;">
background: url(img/FOTKI/FON1.jpg) no-repeat fixed center top;
	 
#menu { position:relative;  z-index:500; margin-left:10px; width:110px; margin:0 auto;  }
#menu ul { padding:0; margin:0; list-style:none; width:90%; padding:5px; 
background:#FFFF00; /*  kolir zagalnogo fona */
border-radius: 13px; 
}
#menu ul ul { position:absolute; left:-9999px; }
#menu ul li { width:100%; background:#fff; }
* html #menu ul li { float:left; }
#menu ul li a { display:block; width:90%; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif; color:#000; /*  kolir bukvu  */
text-decoration:none; 
background:#D7DF01; /*  kolir #FFFF00 #D7DF01 */
border:1px solid #888; border-color:#ddd #555 #555 #ddd; clear:left; border-radius: 13px; }

#menu ul li a.fly { background:#D7DF01 no-repeat 100px center; }
#menu ul li:hover { position:relative; }
#menu ul li a:hover { direction:ltr; background:#89a; color:#fff; border-color:#89a; position:relative; }
#menu ul li:hover > a { background:#58ACFA; /* kolir fona pru navedenni kursora */
                       color:#fff; /* kolir bukv pru navedenni kursora  */
                       border-color:#89a; }
#menu ul :hover ul, #menu ul :hover ul :hover ul, #menu ul :hover ul :hover ul :hover ul, #menu ul :hover ul :hover ul :hover ul :hover ul { left:112px; top:-5px; }
#menu ul :hover ul ul, #menu ul :hover ul :hover ul ul, #menu ul :hover ul :hover ul :hover ul ul { left:-9999px; }

/*  ..........................................................................  */










.blok00 { 

background: #58ACFA; width: 100% ;height: 50px;
border-radius: 13px;
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
}


.blok0 { background: #F4FA58;width: 100% ;height: 80px;
border-radius: 13px;
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
}
/*  ..........................................................................  */
.blok1 { background: transparent;width: 15%; height: 1000px;position: absolute; top: 391px;/* 
/* top: 50px; /* TOP--  VIDSTUP ZVERHU  */
left: 0%;/*  VIDSTUP ZLIVA  */

border:1px double yellow; 
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border-radius: 13px; 

}
.blok2 { background: transparent;width: 68%; height: 80%;position: absolute;  left: 16%;top: 391px;/*  vidstup zverhu na storintsi  */
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border:1px double yellow; 
border-radius: 13px;
}

.blok3 { background: transparent;width: 15%; height: 1000px;position: absolute;  left: 85%;top: 391px;/* 
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border:1px double yellow; 
border-radius: 13px;
}
.blok4 { 
background: #F4FA58; 
width: 100%; 
height: 100px;
top: 90%;/*  vidstup zverhu na storintsi  */
position: fixed; /*relative;-blok bude pid nuzom vsih blokiv    */ 
 


word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border-radius: 13px;


}
.blok4_2
{
    background: #F4FA58; 
width: 100%; 
  
   
position:fixed;
padding-bottom:50px;
}

.blok5 { background: transparent;width: 100%; 
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border:1px double yellow; 
border-radius: 13px;
}

.blok6 {
 background: transparent;
width: 100%; 
height: 200px;/*  vusota bloka    */
position: absolute; 
 
top: 154px;/*  vidstup zverhu na storintsi  */
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border:1px double yellow; 
border-radius: 13px;
}

.blok6_1 {
 background: transparent;
width: 25%; 
height: 230px;/*  vusota bloka    */
position: absolute; 
 
top: 154px;/*  vidstup zverhu na storintsi  */
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border:1px double yellow; 
border-radius: 13px;
}

.blok6_2 {
 background: transparent;
width: 45%;  
height: 230px;/*  vusota bloka    */
position: absolute; 
 left: 26%;
top: 154px;/*  vidstup zverhu na storintsi  */
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border:1px double yellow; 
border-radius: 13px;
}
.blok6_3 {
 background: transparent;
width: 25%;  
height: 230px;/*  vusota bloka    */
position: absolute; 
 left: 72%;
top: 154px;/*  vidstup zverhu na storintsi  */
word-wrap:break-word;/*  Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV    */
border:1px double yellow; 
border-radius: 13px;
}




.mail {
    background: white;
    border-radius: 13px;
    height: 307px;
    margin-left: 8px;
    width: 10%;
    z-index: 100000;
}
/*  */
