/** * style.css - styles * Copyright (c) 2008 CREATIVE ZONE Studio (http://www.cz-site.com/) */ /** Common */ html, body {height:100%; margin:0px; padding:0px;} body {background-color:#171717; font-family: verdana, helvetica, sans-serif, arial; font-size: 11px; color: #fff;} html {scrollbar-track-color:#304F72; scrollbar-face-color:#E1E5EA; scrollbar-arrow-color:#165593; scrollbar-shadow-color:#BEC3C9; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#8895A2;} form {margin: 0px; padding:0px;} .margin5px {margin: 5px;} .margin10px {margin: 10px;} .margin15px {margin: 15px;} .margin20px {margin: 20px;} .padding5px {padding: 5px;} .block {display:block;} .inline {display:inline;} .none {display:none;} .floatLeft {float:left;} .floatRight {float:right;} .left {text-align:left;} .right {text-align:right;} .center {text-align:center;} .justify {text-align:justify;} /** plastilins */ #pl_lay_site {position:relative; min-width:970px; height:100px;} #pl_lay_header {position:fixed; left:0px; top:0px; width:100%; height:100px; background-color:#000; overflow:hidden; padding:0px; z-index:100;} #pl_lay_header .decor {position:relative; height:28px; background:url(/media/header.jpg) no-repeat bottom left; width:100%;} #pl_lay_header .decor .bg_right {position:absolute; z-index:1; top:0px; left:0px; height:15px; width:100%; background-color:#ED018C; } #pl_lay_header .decor .bg_center {position:absolute; z-index:2; top:0px; left:0px; height:28px; width:100%; background:url(/media/header.jpg) no-repeat bottom left;} #pl_lay_header .bottom {position:absolute; width:100%; height:10px; background-color:#fff; bottom:-1px;} table.wrap {width:100%;} table.wrap td.row0 {width:45px;} table.wrap td.rowm {min-width:970px;} table.wrap td.space {width:30px;} table.wrap td.thd {width:30%;} table.wrap td.thd2 {width:61%;} table.wrap td.panel_aa {} table.wrap td.panel_ab {width:200px;} #pl_lay_header .row {width:74%;} #pl_lay_header .row1 {width:14%; min-width:130px;} #pl_lay_header .row2 {width:14%; min-width:135px;} #pl_lay_header .row3 {width:14%; min-width:130px;} #pl_lay_header .row4 {width:14%; min-width:130px;} #pl_lay_header .row5 {width:12%; min-width:130px;} #pl_lay_header .row6 {width:6%; min-width:35px;} #pl_lay_header .row7 {width:185px; min-width:185px;} #pl_lay_header .menu_main {margin-top:1px;} #pl_lay_header .menu_main a {color:#C8C8C8; font-size:17px; font-family:Georgia; text-decoration:none;} #pl_lay_header .menu_main a:hover {color:#F37054;} #pl_lay_header .menu_main .active {color:#F37054;} #pl_lay_header .menu_main .upper {padding-bottom:2px;} #pl_lay_header .menu_sub {margin-top:17px;} #pl_lay_header .menu_sub a {display:block; color:#99b2be; font-size:14px; font-family:"Trebuchet MS"; padding:2px; text-decoration:none;} #pl_lay_header .menu_sub a:hover {color:#99b2be; text-decoration:underline;} #pl_lay_header a.logo {display:block; background-image:url(/media/logo.jpg); padding:0px; width:145px; height:44px; text-decoration:none;} #pl_lay_header a.logo:hover {background-position:0px -44px;} #pl_lay_header .logo_icon {display:block; background-image:url(/media/logo_icon.jpg); padding:0px; width:141px; height:144px;} #pl_lay_header a.btn_blog_icon {display:block; background-image:url(/media/btn_blog_icon.jpg); padding:0px; width:22px; height:22px; text-decoration:none;} #pl_lay_header a.btn_blog_icon:hover {background-position:0px -22px;} #pl_lay_header a.btn_blog {display:block; background:url(/media/btn_blog.jpg) no-repeat; padding:0px; width:20px; height:158px; text-decoration:none; margin-left:0px;} #pl_lay_header a.btn_blog:hover {background-position:0px -158px;} /** document layout */ #lay_site {position:relative; left:auto; top:0px; width:1002px; margin:0px auto;} #lay_header_top {width:100%; height:28px; background-image: url(/media/lay_top.gif);} #lay_header_left {float:left; width:16px; height:101px; background: url(/media/lay_middle_left.gif) repeat;} #lay_header_right {float:left; width:16px; height:101px; background: url(/media/lay_middle_right.gif) repeat;} #lay_header_bottom {clear:left; width:100%; height:2px; font-size:0px; background:#0B2751 url(/media/lay_headercut.jpg);} #lay_header {float:left; position:relative; width:970px; height:101px; background:#0B2751 url(/media/lay_header.jpg);} #lay_header .html {position:absolute; right:0px; top:0px;} #lay_header .btn_lang_en {display:block; width:67px; height:16px; line-height:16px; background : url(/media/header_btn_lang_en.gif) 0px 0px; text-decoration: none;} #lay_header .btn_lang_en:hover {background-position: 0px 16px;} #lay_header .btn_lang_ru {display:block; width:67px; height:16px; line-height:16px; background : url(/media/header_btn_lang_ru.gif) 0px 0px; text-decoration: none;} #lay_header .btn_lang_ru:hover {background-position: 0px 16px;} #lay_middle {position:relative; width:100%;} .lay_middle_left {width:16px; background: url(/media/lay_middle_left.gif) repeat;} .lay_middle_right {width:16px; background: url(/media/lay_middle_right.gif) repeat;} #lay_menu_td {width:204px; padding-top:25px; background:#4D739A url(/media/lay_cont_menu.jpg) repeat-x;} #lay_menucut {width:2px; background:#D4DBE3 url(/media/lay_cont_menucut.jpg);} #lay_login {padding:15px; background:#3D6189 url(/media/bg_block.jpg) repeat-x; border-top:1px solid #7B94B0; border-bottom:1px solid #7B94B0;} #lay_login span.ok {display:none;} #lay_login span.error {display:inline; font-size:9px; font-weight:normal;} #lay_votings {padding:15px; background:#3D6189 url(/media/bg_block.jpg) repeat-x; border-bottom:1px solid #7B94B0;} #lay_votings span.ok {display:none;} #lay_votings span.error {display:inline; font-size:10px; font-weight:normal;} #lay_content_td {background:#466f97 url(/media/lay_cont_cont.jpg) repeat-x; padding:20px;} #lay_feature_td {width:190px; background-color:#3D6189;} #lay_feature {margin:20px;} #lay_footer {position:relative; width:100%; height:262px; background-image: url(/media/lay_footer.gif);} #lay_footer_contact {position:absolute; left:16px; top:2px; width:318px; height:113px; overflow:hidden;} #lay_footer_contact .html {position:absolute; left:0px; top:0px; width:636px;} #lay_footer_contact .en {position:absolute; left:0px; top:0px;} #lay_footer_contact .ru {position:absolute; left:0px; top:0px;} #lay_footer_contact .btn_contact {float:left; height:113px; width:13px; background-position: 0px 0px;} #lay_footer_contact .btn_contact:hover {background-position: 0px -113px;} #lay_footer_contact .btn_contact1_en {background-image:url(/media/contact1_btn_en.jpg);} #lay_footer_contact .btn_contact1_ru {background-image:url(/media/contact1_btn_ru.jpg);} #lay_footer_contact .btn_contact2_en {background-image:url(/media/contact2_btn_en.jpg);} #lay_footer_contact .btn_contact2_ru {background-image:url(/media/contact2_btn_ru.jpg);} #lay_footer_contact a.email {position:absolute; left:16px; top:82px; width:127px; height:19px; background:url(/media/contact1_btn_email.jpg) 0px 0px;} #lay_footer_contact a.email:hover {background-position: 0px -19px;} #lay_footer_contact a.icq1 {position:absolute; left:19px; top:47px; width:82px; height:17px; background:url(/media/contact1_btn_icq1.jpg) 0px 0px;} #lay_footer_contact a.icq1:hover {background-position: 0px -17px;} #lay_footer_contact a.icq2 {position:absolute; left:19px; top:64px; width:82px; height:17px; background:url(/media/contact1_btn_icq2.jpg) 0px 0px;} #lay_footer_contact a.icq2:hover {background-position: 0px -17px;} #lay_footer_clients {position:absolute; left:336px; top:2px; width:652px; height:205px; overflow:hidden;} #lay_footer_clients .title {position:absolute; left:12px; top:12px;} #lay_footer_clients .client0 {position:absolute; left:18px; top:32px;} #lay_footer_clients .client1 {position:absolute; left:142px; top:32px;} #lay_footer_clients .client2 {position:absolute; left:266px; top:32px;} #lay_footer_clients .client3 {position:absolute; left:390px; top:32px;} #lay_footer_clients .client4 {position:absolute; left:512px; top:32px;} #lay_footer_clients .client0_hitzone {position:absolute; left:18px; top:32px; width:118px; height:70px; background:url(/framework/media/empty1x1.gif) repeat; cursor:help;} #lay_footer_clients .client1_hitzone {position:absolute; left:142px; top:32px; width:118px; height:70px; background:url(/framework/media/empty1x1.gif) repeat; cursor:help;} #lay_footer_clients .client2_hitzone {position:absolute; left:266px; top:32px; width:118px; height:70px; background:url(/framework/media/empty1x1.gif) repeat; cursor:help;} #lay_footer_clients .client3_hitzone {position:absolute; left:390px; top:32px; width:118px; height:70px; background:url(/framework/media/empty1x1.gif) repeat; cursor:help;} #lay_footer_clients .client4_hitzone {position:absolute; left:512px; top:32px; width:118px; height:70px; background:url(/framework/media/empty1x1.gif) repeat; cursor:help;} #lay_footer_counters {position:absolute; left:890px; top:220px; width:100px; height:40px; overflow:hidden; opacity:0.4;} #lay_footer_counters .counter0 {position:absolute; left:0px; top:0px;} #lay_footer_counters .counter1 {position:absolute; left:100px; top:0px;} #lay_footer_counters .counter2 {position:absolute; left:200px; top:0px;} #lay_footer_counters .counter3 {position:absolute; left:300px; top:0px;} #lay_footer_counters .counter4 {position:absolute; left:400px; top:0px;} #lay_footer_counters .counter5 {position:absolute; left:500px; top:0px;} #lay_footer_copy {position:absolute; left:20px; top:235px; opacity:0.6;} /** main menu */ div.mainmenuitem_div {margin-bottom:1px;} a.mainmenuitem {display:block; font-size:11px; font-weight:normal; height:21px; line-height:21px; color:#fff; background-color:#29496E; text-transform:uppercase; text-decoration:none;} a.mainmenuitem:hover {background-color:#395678;} a.mainmenuitem1 {font-size:13px; font-weight:bold; height:29px; line-height:29px;background-color:#203B60;} a.mainmenuitem1:hover {background-color:#3A5273;} a.mainmenuitem_active {background:#395678 url(/media/mainmenu_arrow.gif) no-repeat 177px 5px;} a.mainmenuitem_active1 {background:#3A5273 url(/media/mainmenu_arrow.gif) no-repeat 177px 9px;} div.mainmenuitem_cutline {height:20px;} /** content elements */ h1 {display:inline; line-height:20px; padding:0px; margin:0px; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase;} h1 span.decor {color:#d0980f; font-size:12px;} h1.decor {color:#d0980f;} h1.dark {color:#2F2F2F;} h2 {display:inline; padding:0px; margin:0px; color:#fff; font-size:13px; font-weight:bold;} h2 span.decor {color:#eeaf4c;} h2.decor {color:#eeaf4c;} h2.dark {color:#2F2F2F;} h2.ttnone {text-transform:none;} h3 {display:inline; padding:0px; margin:0px; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase;} h3 span.decor {color:#d0980f;} h2.dark {color:#2F2F2F;} h4 {display:inline; padding:0px; margin:0px; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase;} h4 span.decor {color:#d0980f;} h4.decor {color:#eeaf4c;} p {text-align: justify; text-indent: 0px; margin:0px 0px 15px 0px} .line {clear:both; margin:0px 0px 6px 0px;} .decor1 {color:#C4CEDA;} .decor2 {color:#d0980f;} a {color:#accaee;} a:hover {color:#fff;} a.decor {color:#accaee; padding-bottom:2px; text-decoration:none; background:url(/media/link_out.gif) no-repeat right bottom;} a.decor:hover {color:#fff; background:url(/media/link_over.gif) no-repeat right bottom;} a.active {color:#fff;} a.port_list {float: left; margin-right:20px;} a.port_list:hover img {border: 3px solid #fff;} a.port_list img {border: 3px solid #D5DCE4;} a.port_list_small {display:block; margin-bottom:2px; width:100%;} a.port_galery {float: left; margin-right:12px; margin-bottom:12px;} a.port_galery:hover img {border: 3px solid #fff;} a.port_galery:hover {position:relative; top:1px; left:1px;} a.port_galery img {border: 3px solid #D5DCE4;} a.feature {} a.feature:hover img {border: 1px solid #fff;} a.feature img {border: 1px solid #D5DCE4;} table.grid {border-collapse:collapse; cursor:default;} table.grid td {padding:10px; margin:0px; border:1px solid #8898AF; } /* .hover {position:relative;} .hover a {position:absolute; opacity:0.5; background:url(media/img_hover.gif) repeat-x 0px 0px; z-index:2;} .hover a:hover {background-position: 0px -200px;} .hover img {position:absolute; z-index:1;} .hover_feature {width:148px; height:110px;} .hover_feature a {width:148px; height:110px; border: 1px solid #fff;} .hover_feature a:hover {border: 1px solid #D5DCE4;} .hover_feature img {width:148px; height:110px; border: 1px solid #fff;} .hover_port_list {float: left; margin-right:20px; width:100px; height:74px;} .hover_port_list a {width:100px; height:74px; border: 3px solid #fff;} .hover_port_list a:hover {border: 3px solid #D5DCE4;} .hover_port_list img {width:100px; height:74px; border: 3px solid #fff;} .hover_port_galery {float: left; margin-right:12px; margin-bottom:12px; width:67px; height:56px;} .hover_port_galery a {width:67px; height:56px; border: 3px solid #fff;} .hover_port_galery a:hover {border: 3px solid #D5DCE4;} .hover_port_galery img {width:67px; height:56px; border: 3px solid #fff;} */ img.port5 {border: 5px solid #D5DCE4;} img.port4 {border: 4px solid #D5DCE4;} img.port3 {border: 3px solid #D5DCE4;} img.port1 {border: 1px solid #D5DCE4;} .color1 {color: #accaee;} .color2 {color: #eeaf4c;} .size2 {font-size:11px;} .cutline_h {background: url(/media/cutline_h.gif) repeat-x 0px 6px;} .cutline_v_left {background: url(/media/cutline_v.gif) repeat-y left;} .cutline_v_right {background: url(/media/cutline_v.gif) repeat-y right;} ul.style1 {padding:10px; margin:10px; list-style-type:none;} ul.style1 li {text-align:justify;} ul.style1 li a {width:100%;} ul.style2 {padding:10px; margin:10px; list-style-image:url(/media/list_decor.gif);} ul.style2 li {text-align:justify;} ul.style3 {padding:10px 10px 10px 30px; margin:10px; list-style-image:url(/media/list_decor.gif);} ul.style3 li {text-align:justify; color: #accaee;} form span.ok {color:#A5C5E6; font-weight:bold;} form span.error {color:#d0980f; font-weight:bold;} input.fld, select.fld, textarea.fld {color:#fff; padding:3px 4px 0px 4px; border: 1px #6B91B5 solid; height:20px; background:#224066 url(/media/field.jpg) no-repeat 0px 0px;} input.fldfocus, select.fldfocus, textarea.fldfocus {background:#486A90 url(/media/field.jpg) no-repeat 0px -106px;} input.btn {height:24px; border:0px; background-color:#315178; background-position: 0px 0px;} input.btnover {background-color:#496E98; background-position: 0px -24px;} input.btn_ok {width:55px; background-image: url(/media/bnt_ok.jpg);} input.btn_send_ru {width:74px; background-image: url(/media/bnt_send_ru.jpg);} input.btn_send_en {width:74px; background-image: url(/media/bnt_send_en.jpg);} input.btn_clear_ru {width:74px; background-image: url(/media/bnt_clear_ru.jpg);} input.btn_clear_en {width:74px; background-image: url(/media/bnt_clear_en.jpg);} input.btn_login_ru {width:55px; background-image: url(/media/btn_login_ru.jpg);} input.btn_login_en {width:55px; background-image: url(/media/btn_login_en.jpg);} /** votings */ .votings .question {} .votings .radio {padding:3px 0px 0px 0px; width:25px; padding-bottom:6px;} .votings .answer {padding-bottom:6px;} .votings .result_table {width:100%;} .votings .result_table td {padding:6px;} .votings .result_question {} .votings .result_answer {color:#C4CEDA;} .votings .result_quant {color:#d0980f; font-weight:bold; width:90px; text-align:right;} .votings .result_percent {} .votings .result_bar {position:absolute; left:0px; height:17px; border: 1px solid #8F97A2; background:#C4D1E4 url(/media/votings_bar.jpg) no-repeat right; font-size:1px;} /** loading */ #loading {position:absolute; left:43%; top:250px; width:180px; height:105px; background:url(/media/loading_bg.png); z-index:1000;} #loading .anim {position:absolute; left:45px; top:45px;} #loading .text {position:absolute; left:70px; top:46px; width:70px; height:14px;} /** viewer */ #viewer {position:absolute; overflow:hidden; left:50%; top:50%; width:745px; height:510px; margin-left:-372px; margin-top:-265px; border:#fff 10px solid; background:#183967 url(/media/viewer_bg.jpg); z-index:100;} #viewer .imgwrap {position:absolute; overflow:hidden; left:15px; top:15px; width:715px; height:440px; border: 1px solid #687B99; z-index:1;} #viewer .image {} #viewer .scroll {position:absolute; overflow:hidden; left:20px; top:20px; width:710px; height:415px; background:url(/framework/media/empty1x1.gif) repeat; z-index:2; } #viewer .loading {position:absolute; overflow:hidden; left:50%; top:45%; width:180px; height:105px; margin-left:-90px; margin-top:-52px; background:url(/media/loading_bg.png); z-index:3;} #viewer .loading .anim {position:absolute; left:45px; top:45px;} #viewer .loading .text {position:absolute; left:70px; top:46px; width:70px; height:14px;} #viewer a.btn_full {display:block; position:absolute; left: 15px; bottom:15px; height:24px; background-position: 0px 0px;} #viewer a.btn_full:hover {background-position: 0px -24px;} #viewer a.btn_full_en {width:66px; background-image:url(/media/viewer_btn_full_en.jpg);} #viewer a.btn_full_ru {width:101px; background-image:url(/media/viewer_btn_full_ru.jpg);} #viewer a.btn_close {display:block; position:absolute; right:14px; bottom:15px; height:24px; background-position: 0px 0px;} #viewer a.btn_close:hover {background-position: 0px -24px;} #viewer a.btn_close_en {width:60px; background-image:url(/media/viewer_btn_close_en.jpg);} #viewer a.btn_close_ru {width:76px; background-image:url(/media/viewer_btn_close_ru.jpg);} #viewer a.btn_prev {display:block; position:absolute; left: 310px; bottom:15px; height:24px; width:55px; background:url(/media/viewer_btn_prev.jpg) 0px 0px; } #viewer a.btn_prev:hover {background-position: 0px -24px;} #viewer a.btn_next {display:block; position:absolute; left: 380px; bottom:15px; height:24px; width:55px; background:url(/media/viewer_btn_next.jpg) 0px 0px; } #viewer a.btn_next:hover {background-position: 0px -24px;} /** tooltip */ #tooltip {width:296px; height:220px; overflow:hidden;} #tooltip .bg {position:absolute; width:296px; height:880px; background-image:url(/media/tooltip.png); z-index:1;} #tooltip .bg_pos_00 {left: 0px; top: -660px;} #tooltip .bg_pos_01 {left: 0px; top: 0px;} #tooltip .bg_pos_10 {left: 0px; top: -440px;} #tooltip .bg_pos_11 {left: 0px; top: -220px;} #tooltip .message {position:absolute; width:215px; height:114px; z-index:2; overflow:hidden;} #tooltip .message_pos_00 {left: 40px; top: 66px;} #tooltip .message_pos_01 {left: 40px; top: 40px;} #tooltip .message_pos_10 {left: 40px; top: 66px;} #tooltip .message_pos_11 {left: 40px; top: 40px;}