/* ================================================================ Файл скачан с сайта 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:#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; } /* .......................................................................... */ .blokx1100 { background: transparent; border-radius:0px; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ height: 40px; /* 111 */ text-align: center; } .blokx1101 { background: #A3A3A3;/* #D3D3D3 */ border-radius:0px; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ height: 60px; /* 111 */ } .blok100 { background: transparent; width: 100%; /* Dovguna BLOKA DIV */ height: 40px;/* vusota BLOKA DIV */ position: absolute; top: 0px; /* TOP-- VIDSTUP ZVERHU */ left: 20%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0px; } .blok101 { background: #A3A3A3; width: 100%; /* Dovguna BLOKA DIV */ height: 60px;/* vusota BLOKA DIV */ position: absolute; top: 40px; /* 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; } .blok102 { background: #58ACFA; width: 150px; /* Dovguna BLOKA DIV */ height: 40%;/* vusota BLOKA DIV */ position: absolute; top: 9%; /* 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; } .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; } .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; } .blok_kv1{ background: #dddddd; text-align: center; width: 125px; /* Dovguna BLOKA DIV */ height: 125px;/* vusota BLOKA DIV */ position: absolute; top: 10px%; /* 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: 50%; } .blok_kv2{ background: #dddddd; width: 125px; /* Dovguna BLOKA DIV */ height: 125px;/* vusota BLOKA DIV */ position: absolute; top: 155px; /* TOP-- VIDSTUP ZVERHU */ left: 8%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; } .blok_kv3{ background: #dddddd; width: 125px; /* Dovguna BLOKA DIV */ height: 125px;/* vusota BLOKA DIV */ position: absolute; top: 275px; /* TOP-- VIDSTUP ZVERHU */ left: 15%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; } .blok_kv4{ background: #dddddd; width: 125px; /* Dovguna BLOKA DIV */ height: 125px;/* vusota BLOKA DIV */ position: absolute; top: 385px; /* TOP-- VIDSTUP ZVERHU */ left: 25%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 50%; } .blokxx2 { background: transparent;width: 860px; height: 600px;position: absolute; left: 16%; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:0px double yellow; border-radius: 13px; } .blok2 { background: transparent;width: 860px; height: 600px;position: absolute; left: 16%; width: 60%; /* Dovguna BLOKA DIV */ height: 40%;/* vusota BLOKA DIV */ position: absolute; top:100px ; /* TOP-- VIDSTUP ZVERHU */ left: 20%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0px; } .blok1 { background: transparent; width: 100%; height: 30%; position: absolute; left: 0%; top: 60%; /* TOP-- VIDSTUP ZVERHU */ margin-left: 30%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF; border-radius: 13px; } .blok3 { background: transparent; width: 185px; height: 600px; position: absolute; left: 85%; top: 100px; /* TOP-- VIDSTUP ZVERHU */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:0px double yellow; border-radius: 13px; } .blok33 { background: transparent; width: 185px; height: 600px; position: absolute; left: 1%; top: 100px; /* TOP-- VIDSTUP ZVERHU */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:0px double yellow; border-radius: 13px; } .blokx0 { background: #F4FA58; width: 15%; border-radius: 13px; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ } .blok0000: {background: #000555; width: 100%; /* 111 */ height: 600px; /* 111 */ position: relative; /*relative;-blok bude pid nuzom vsih blokiv */ top: 0; /* vidstup zverhu na storintsi */ bottom: 0; left: 0; right: 0; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 13px; } .blokx00 { background: #58ACFA; width: 15%; border-radius: 13px; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ } /* .......................................................................... */ .blok1_2 { background: #E81E25; width: 20%; height: 100%; position: left; /* top: 50px; /* TOP-- VIDSTUP ZVERHU */ left: 20%;/* VIDSTUP ZLIVA */ border:0px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0px; } .blok1_3 { background: #F4FA58; width: 20%; height: 100%;position: right; /* top: 50px; /* TOP-- VIDSTUP ZVERHU */ left: 20%;/* VIDSTUP ZLIVA */ border:1px double #FFFFFF;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 0px; } .blokx2 { background: transparent;width: 860px; height: 600px;position: absolute; left: 16%; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:0px double yellow; border-radius: 13px; } .blok4 { background: #F4FA58; width: 100%; height: 100px; top: 1700px;/* vidstup zverhu na storintsi */ position: relative; /*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 { position: fixed; left: 0; bottom: 0; padding: 20px; background: #F4FA58; color: #fff; width: 100%; } .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; } .mail { background: white; border-radius: 13px; height: 307px; margin-left: 8px; width: 10%; z-index: 100000; } /* */