body,html{ border: 0px; padding: 0px; margin: 0px; background-color: #161B40; } #noscript { font: 800 80%/120% sans-serif; color: #777777; } #head{ width: 100%; height: 244px; background-color: #040120; z-index: 100; overflow: show; } #logo { width: 283px; height: 187px; position: relative; left:20px; top:43px; background-image: url(header_img/art_screen.png); background-repeat: no-repeat; z-index: 30; } #logo #art a{ width: 95px; height: 79px; background-image: url(header_img/art.png); position: absolute; left: 0px; z-index: 50; } #logo #art a:hover { left: 5px; } #logo #screen a{ width: 157px; height: 102px; background-image: url(header_img/screen.png); position: absolute; top: 30px; left: 36px; z-index: 40; } #logo #screen a:hover { left: 41px; } #logo #mult a{ width: 197px; height: 130px; background-image: url(header_img/mult.png); position: absolute; top: 57px; left: 86px; z-index: 30; } #logo #mult a:hover { left: 91px; } #header { width: 80%; height: 224px; position: absolute; left:20%; top: 13px; z-index: 10; overflow: hidden; } #slid{ background-image: url(header_img/1.jpg); background-repeat: no-repeat; width: 800px; height: 100%; } #slid #string{ position: absolute; bottom: 30px; left: 0px; width: 770px; height: 30px; background-image: url(header_img/hilight.png); font: 600 120%/150% sans-serif; text-shadow: #6666AA 0px 2px 3px; color: #050590; text-indent: 20%; } #slid #shad{ position: absolute; left: 650px; top: 0px; background-image: url(header_img/shad_r.png); background-repeat: no-repeat; width: 125px; height: 244px; z-index: 20; } #head #shad_l{ position: absolute; top: 0px; left: 0px; background-image: url(header_img/shad_l.png); background-repeat: no-repeat; background-position: 100% 0%; width: 450px; height: 244px; z-index: 20; } #head #shad_r{ position: absolute; top: 0px; right: 0px; background-image: url(header_img/shad_r.png); background-repeat: no-repeat; width: 125px; height: 244px; z-index: 20; } #head #lite{ width: 100%; height: 42px; background-image: url(center_img/lite.png); position: absolute; top: 244px; } #pult{ padding-top: 0px; position: fixed; top: 0px; left: 2%; width: 400px; height: 37px; z-index: 100; } .contacts p{ display: inline; margin-top:0px; margin-left:0px; text-align: center; } .contacts a{ float: left; width: 186px; height: 31px; margin-left: 3px; margin-right: 3px; background-image: url(header_img/contacts.png); background-repeat: no-repeat; font: 600 110%/150% sans-serif; text-align: center; text-decoration: none; text-shadow: #000033 0px 1px 2px; color: #99ccff; } .contacts a:hover{ background-image: url(header_img/contacts_ready.png); text-shadow: #999999 0px 1px 2px; padding-top: 1px; } .contacts a:active{ color: #FFFFFF; text-shadow: #CCAAAA 0px 1px 5px; } .contacts a span{ margin-left: -999em; position: absolute; } .contacts a:hover img { border: 0; margin: -10px 0 0 -55px; left: 25%; float: left; position: absolute; } .contacts a:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 70%; top: 90%; z-index: 99; margin-left: 0; width: 170px; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); } .classic { background: #0095E3; border: 1px solid #00D2F8; } * html a:hover { background: transparent; } /*//////info/////*/ .window { position: relative; width: 98%; margin-left: 1%; margin-right: 1%; clear: both ; } .window .title{ background-image: url(main_img/title.png); background-repeat: no-repeat; position: relative; top: 6px; width: 204px; height: 30px; z-index: 10; } .window .title a { position: relative; top: 5px; padding-left: 7px; font: 600 90%/100% sans-serif; text-decoration: none; text-shadow: #6666AA 0px 1px 2px; color: #99ccff; } .window .title a:hover{ text-shadow: #8888CC 0px 1px 5px; top: 6px; } .window .text { background-color: #040526; width: 100%; padding-bottom: 5px; z-index: 5; border-bottom: solid #00A6ED 1px; border-top: solid 1px #00A6ED; border-right: solid #00A6ED 1px; border-left: solid 1px #00A6ED; overflow: hidden; } .window .text h1 { margin-left: 10px; margin-top: 10px; font: 800 120%/140% sans-serif; color: #99ccff; z-index: 10; text-align: center; } .window .text p { margin-left: 10px; margin-top: 3px; font: 600 90%/140% sans-serif; color: #99ccff; text-indent: 1%; z-index: 10; } .window .text p b { font: 800 100%/100% sans-serif; color: #0095E3; } .window .text p a { font: 800 110%/100% sans-serif; text-decoration: underline; color: #0095E3; } .window .text li { margin-left: 10px; margin-top: 10px; font: 600 80%/140% sans-serif; color: #99ccff; z-index: 10; } .window .text li b { font: 800 100%/100% sans-serif; color: #0095E3; } .window .text li a { font: 800 110%/100% sans-serif; text-decoration: underline; color: #0095E3; } .window .coner_top_left{ position: absolute; left: 0px; background-image: url(main_img/fon_left.png); background-color: #161B40; width: 10px; height: 236px; z-index: 10; } .window .coner_top_right{ position: absolute; right: -2px; margin: 0px; background-image: url(center_img/top_right.png); background-repeat: no-repeat; background-position: 100% 0%; width: 7px; height: 7px; z-index: 10; } .window .coner_bottom_left{ position: absolute; left: 0px; bottom: 0px; padding: 0px; margin: 0px; background-image: url(center_img/bot_left.png); background-repeat: no-repeat; background-position: 0% 100%; width: 7px; height: 7px; z-index: 10; } .window .coner_bottom_right{ position: absolute; right: -2px; bottom: 0px; padding: 0px; margin: 0px; background-image: url(center_img/bot_right.png); background-repeat: no-repeat; background-position: 100% 100%; width: 7px; height: 7px; z-index: 0; } .slider{ overflow: hidden; height: 200px; margin-left: 65px; margin-right: 65px; margin-top: 1%; margin-bottom: 1%; } .but_l{ position: absolute; top: 48px; left: 0px; width: 55px; height: 200px; margin-left: 10px; z-index: 150px; } .but_r{ position: absolute; top: 48px; right: 0px; width: 55px; height: 200px; margin-right: 10px; z-index: 150px; } .lenta{ position: relative; height: 200; padding-right: 45px; z-index: 10px; overflow: hidden; } .lenta img{ border: none; } .lenta a{ z-index: 10px; text-decoration: none; position: relative; } .lenta .item{ position: relative; float: left; width: 190px; height: 190px; margin: 2px; display: block; overflow: hidden; bottom: -5px; } #prod .lenta a{ border: 2px solid #446699; } #prod .lenta a:hover{ border: 2px solid #99ccff; bottom: 0px; } #foto_alb .item h1{ position: absolute; text-align: center; width: 170px; bottom: 20px; font: 800 110%/100% sans-serif; text-shadow: #111166 2px 3px 1px; z-index: 50; } #foto_alb .item p{ position: absolute; text-align: right; width: 170px; bottom: 5px; color: #0095D2; font: 800 70%/100% sans-serif; z-index: 50; } #foto_alb .lenta a:hover{ bottom: 0px; } #foto_alb .item img{ position: absolute; top: 0px; } #vid .lenta a:hover{ bottom: 0px; } #vid .item p{ position: absolute; left: 0px; text-align: right; width: 170px; bottom: 5px; color: #0095D2; font: 800 70%/100% sans-serif; z-index: 50; } #vid .item h1{ position: absolute; left: 0px; text-align: center; width: 150px; margin-left:40px; bottom: 20px; font: 800 110%/100% sans-serif; text-shadow: #111166 2px 3px 1px; z-index: 50; } #prod .lenta .item h2{ margin-top: 135px; margin-left: 2px; margin-right: 2px; margin-bottom: 10px; text-align: center; color: #99ccff; font: 800 130%/120% sans-serif; text-shadow: #111166 2px 3px 1px; } #o_nas{ background-image: url(center_img/o_nas_m.jpg); width: 267px; height: 150px; float: left; margin: 5px; } #galereya{ position: relative; float: right; margin-right: 15px; margin-top: 20px; margin-bottom: 5px; margin-left: 20px; padding: 0px; width: 250px; height: 100%; overflow: auto; overflow-x: hidden; background-color: #333355; } #prod_text{ } #galereya a{ width: 210px; display: block; margin: 3px 15px; border: 1px solid #000000; } #galereya a:hover{ border: 1px solid #99ccff; margin-bottom: 5px; margin-top: 5px; } #foto .lenta a{ border: 2px solid #446699; } #foto .lenta a:hover{ border: 2px solid #99ccff; position: relative; bottom: 0px; } #break{ margin-left: 1%; width: 170px; float: left; } #foto_veiw{ background-image: url(center_img/loading.gif); background-position: 40% 40%; background-repeat: no-repeat; position: relative; left: 1%; right: 5%; top: 20px; width: 70%; overflow: show; } #foto_veiw #esc{ background-image: url(center_img/esc.png); background-repeat: no-repeat; width: 40px; height: 40px; position: absolute; right: 40px; top: -20px; z-index: 100; cursor: pointer; } #foto_veiw img{ border: 5px solid #446699; margin: 0 auto; margin-left: 25%; margin-right: 25%; display: block; } #mediaspace{ margin-left: 27%; margin-top: 3%; margin-bottom: 10%; border: 5px solid #446699; z-index: 300; } #bottom{ width: 100%; height: 150px; z-index: 100; margin-top: 64px; position: relative; background-color: #040526; border-top: 1px solid #0095E3; overflow: show; } #bottom #lite{ display: block; width: 100%; height: 42px; background-image: url(center_img/lite_b.PNG); position: absolute; bottom: 100%; right: 0px; } #bottom div{ display: inline; font: 800 110%/100% sans-serif; color: #0095E3; padding-left: 5px; } #bottom div h4{ margin: 2px; } #contacts_b{ position: absolute; left: 0px; height: 150px; width: 30%; } #contacts_b p{ font: 800 80%/100% sans-serif; color: #99ccff; } #contacts_b #c{ font: 800 50%/100% sans-serif; color: #99aaff; } #partners_b{ position: absolute; left: 30%; height: 150px; width: 30%; border-left: 2px solid #0095E3; } #counters_b{ position: absolute; right: 0px; height: 150px; width: 30%; border-left: 2px solid #0095E3; }