/* ================================================================ Ôàéë ñêà÷àí ñ ñàéòà http://megaweb.su/ =================================================================== */ 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:transparent; /* kolir zagalnogo fona */ border-radius: 13px; } #menu ul ul { position:absolute; left:-9999px; } /* #menu ul li { width:100%; background:#008080; } ;PODSVETKA KNOPOK MENU */ * html #menu ul li { float:left; } #menu ul li a { display:block; width:50%; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif; color:#eeeeee; /* kolir bukvu */ text-decoration:none; background:transparent; /* kolir #FFFF00 #D7DF01 */ border:1px solid #888; border-color:#ddd #555 #555 #ddd; clear:left; border-radius: 13px; } #menu ul li a.fly { background:transparent 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:#8FBC8F; /* 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; } /* .......................................................................... */ .personPhoto { width: auto; height: 100%; margin: 0 auto; } img { /* vsi img krugli */ width: auto;/* Dovguna na dovgunu DIV */ height: 100%;/* vusota na vusotu DIV */ border-radius: 50%;/* zakruglennja */ margin: 0 auto; } .blok0 { background: #F4FA58; width: 150px; /* Dovguna BLOKA DIV */ height: 40%;/* vusota BLOKA DIV */ position: absolute; top: 50%; /* TOP-- VIDSTUP ZVERHU */ left: 0%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 13px; } .blok1 { background: #4d8067; width: 100%; height: 115px; position: absolute; left: 0%; top: 0%; /* TOP-- VIDSTUP ZVERHU */ margin-left: 0%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF; border-radius: 0px; } .blok1_1 { background: transparent; width: 70%; height: 15%; position: absolute; left: 25%; top: 0%; /* TOP-- VIDSTUP ZVERHU */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:0px double yellow; border-radius: 13px; } .blok1_2{ background: #ffffff; text-align: center; width:7%; /* Dovguna BLOKA DIV */ height: 50%;/* vusota BLOKA DIV */ position: absolute; top: 20%; /* TOP-- VIDSTUP ZVERHU */ left: 7%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; } .blok5 { background: #EEEEEE; width: 100%; height: 160%; position: absolute; left: 0%; top: 230px; /* TOP-- VIDSTUP ZVERHU */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:0px double yellow; border-radius: 0px; } .blok2 { background: #8FBC8F; width:100%; height: 115px; position: absolute; left: 0%; top: 115px; /* TOP-- VIDSTUP ZVERHU */ margin-left: 0%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF; border-radius: 0px; } .blok3 { background: transparent; width: 80%; height: 100%; position: absolute; left: 15%; top: 0%; /* TOP-- VIDSTUP ZVERHU */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:0px double yellow; border-radius: 13px; } .blok9 { background: transparent; text-align: center; width: 100%; /* Dovguna BLOKA DIV */ height: 5%;/* vusota BLOKA DIV */ position: absolute; top: 195%; /* TOP-- VIDSTUP ZVERHU */ left: 0%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0px; } .blok10 { background: #4d8067; text-align: center; width: 100%; /* Dovguna BLOKA DIV */ height: 5%;/* vusota BLOKA DIV */ position: absolute; top: 195%; /* TOP-- VIDSTUP ZVERHU */ left: 0%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0px; } .blok_kv1_1{ background: #ffffff; text-align: center; width:30%; /* Dovguna BLOKA DIV */ height: 20%;/* vusota BLOKA DIV */ position: absolute; top: 0%; /* TOP-- VIDSTUP ZVERHU */ left: 10%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0%; } .blok_x_2{ background: #ffffff; text-align: center; width:25%; /* Dovguna BLOKA DIV */ height: 45%;/* vusota BLOKA DIV */ position: absolute; top: 0%; /* TOP-- VIDSTUP ZVERHU */ left: 30%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; } .blok_x_3{ text-align: center; height: 30%;/* vusota BLOKA DIV */ position: absolute; top: 45%; /* TOP-- VIDSTUP ZVERHU */ left: 10%;/* VIDSTUP ZLIVA */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ } .blok_kv2{ background: #ffffff; text-align: center; width:30%; /* Dovguna BLOKA DIV */ height: 20%;/* vusota BLOKA DIV */ position: absolute; top: 0%; /* TOP-- VIDSTUP ZVERHU */ left: 30%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius:0%; } .blok_kv22{ background: #ffffff; text-align: center; width:30%; /* Dovguna BLOKA DIV */ height: 20%;/* vusota BLOKA DIV */ position: absolute; top: 0%; /* TOP-- VIDSTUP ZVERHU */ left: 60%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius:0%; } .blok_kv3{ background: #EEEEEE; text-align: center; width:30%; /* Dovguna BLOKA DIV */ height: 20%;/* vusota BLOKA DIV */ position: absolute; top: 20%; /* TOP-- VIDSTUP ZVERHU */ left: 0%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0%; } .blok_kv4{ background: #EEEEEE; text-align: center; width:30%; /* Dovguna BLOKA DIV */ height: 20%;/* vusota BLOKA DIV */ position: absolute; top: 20%; /* TOP-- VIDSTUP ZVERHU */ left: 50%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0%; } .blok_kv5{ background: #cccccc; text-align: center; width:30%; /* Dovguna BLOKA DIV */ height:20%;/* vusota BLOKA DIV */ position: absolute; top: 40%; /* TOP-- VIDSTUP ZVERHU */ left: 10%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0%; } .blok_kv6{ background: #cccccc; text-align: center; width:30%; /* Dovguna BLOKA DIV */ height: 20%;/* vusota BLOKA DIV */ position: absolute; top: 40%; /* TOP-- VIDSTUP ZVERHU */ left:60%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0%; } .blok_kv7{ background: #ffffff; text-align: center; width:10%; /* Dovguna BLOKA DIV */ height: 7%;/* vusota BLOKA DIV */ position: absolute; top: 60%; /* TOP-- VIDSTUP ZVERHU */ left: 27%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; } .blok_kv8{ background: #ffffff; text-align: center; width:10%; /* Dovguna BLOKA DIV */ height: 7%;/* vusota BLOKA DIV */ position: absolute; top: 60%; /* TOP-- VIDSTUP ZVERHU */ left: 52%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; } .blok_kv81{ background: #ffffff; text-align: center; width:10%; /* Dovguna BLOKA DIV */ height: 7%;/* vusota BLOKA DIV */ position: absolute; top: 35%; /* TOP-- VIDSTUP ZVERHU */ left: 38%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; } .blok_kv83{ background: #ffffff; text-align: center; width:7%; /* Dovguna BLOKA DIV */ height: 50%;/* vusota BLOKA DIV */ position: absolute; top: 20%; /* TOP-- VIDSTUP ZVERHU */ left: 80%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; }