/** * 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:#6F647C url(/media/bg.jpg) repeat-x; font-family: verdana, helvetica, sans-serif, arial; font-size: 12px; color: #fff;} html {scrollbar-track-color:#626A74;scrollbar-face-color:#463D75;scrollbar-arrow-color:#FFFFFF;scrollbar-shadow-color:#BEC3C9;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#52565C;scrollbar-darkshadow-color:#52565C} form {margin: 0px; padding:0px;} .margin5px {margin:5px;} .margin10px {margin:10px;} .margin15px {margin:15px;} .margin20px {margin:20px;} .padding5px {padding:5px;} .padding10px {padding:10px;} .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;} /** document layout */ #lay_site {position:relative; left:auto; top:0px; width:960px; margin:0px auto; background-color:#807987;} .table_site {width:100%} .table_site td.left {width:24px; font-size:1px; background:#6F647C url(/media/lay_site_left_bg.jpg) repeat-y;} .table_site td.right {width:24px; font-size:1px; background:#6F647C url(/media/lay_site_right_bg.jpg) repeat-y;} .table_site td.middle {background-color:#464E59} #lay_header {width:100%; height:313px;} #lay_header .header {width:100%; height:295px; background-color:#37303C;} #lay_header .cutline {width:100%; height:18px; font-size:1px; background-image:url(/media/lay_header_cutline.jpg);} #lay_middle {position:relative; width:100%;} #lay_middle .menu {width:204px; background:#464E59 url(/media/lay_menu.jpg) no-repeat;} #lay_middle .menu_left {width:16px; font-size:1px; background:#595d69 url(/media/lay_menu_left.jpg) repeat-y;} #lay_middle .content {padding-left:10px; padding-top:0px; padding-right:26px; padding-bottom:26px; background-color:#595d69;} #lay_feature {position:relative; width:100%; height:284px; background-image:url(/media/lay_feature.jpg);} #lay_feature .news {position:absolute; left:33px; top:18px; width:250px; height:225px; overflow:hidden;} #lay_feature .news .title {position:absolute; left:0px; top:0px;} #lay_feature .news input.btn {position:absolute; left:165px; top:190px;} #lay_feature .news .news_date {position:absolute; left:0px; top:40px; color:#411763; font-weight:bold; font-size:11px;} #lay_feature .news .news_text {position:absolute; left:0px; top:70px; color:#29282D; font-size:11px; text-align:justify;} #lay_feature .port {position:absolute; left:333px; top:18px; width:250px; height:225px; overflow:hidden;} #lay_feature .port .title {position:absolute; left:0px; top:0px;} #lay_feature .port .hitzone0 {position:absolute; left:19px; top:40px; width:200px; height:128px; text-align:center; border: 2px solid #B3A5BD; background-color:#B3A5BD;} #lay_feature .port .hitzone0 img {} #lay_feature .port input.btn {position:absolute; left:165px; top:190px;} #lay_feature .address {position:absolute; left:633px; top:18px; width:250px; height:225px; overflow:hidden;} #lay_feature .address input.btn_vac {position:absolute; right:2px; top:159px;} #lay_feature .address input.btn_req {position:absolute; right:2px; top:190px;} #lay_footer {position:relative; width:100%; height:58px; background-image:url(/media/lay_footer.jpg);} #lay_footer .menu {position:absolute; top:5px; left:5px; width:800px; overflow:hidden;} #lay_footer .copyright {position:absolute; right:5px; bottom:3px; height:15px; color:#D0D0D0; font-size:10px;} #lay_footer a.copylink {color:#D0D0D0; font-size:10px; padding:4px; margin:2px; font-weight:normal; } #lay_footer a.copylink:hover {color:#fff; background-color:#6c4f91;} /** main menu */ div.mainmenuitem_div {margin-bottom:1px; position:relative; z-index:100;} div.mainmenuitem_div .mainmenuitem {display:block; font-size:11px; font-weight:normal; height:21px; line-height:21px; color:#fff; padding:0px; text-decoration:none; background:url(/media/mainmenuitem.jpg) 1px 0px no-repeat; white-space:nowrap; overflow:hidden;}/**/ div.mainmenuitem_div .mainmenuitem:hover {background:url(/media/mainmenuitem.jpg) 1px -28px no-repeat;} div.mainmenuitem_div .mainmenuitem1 {font-size:12px; height:28px; line-height:28px;} div.mainmenuitem_div .mainmenuitem_active {background:url(/media/mainmenuitem.jpg) 1px -28px no-repeat;} div.mainmenuitem_cutline {height:17px;} div.mainmenu_ahover { position: absolute; background:url(/media/mainmenuitem.jpg) 1px -28px no-repeat; z-index: 99; } /** footer menu */ div.footermenuitem_div {float:left; height:19px; line-height:19px; padding-left:2px; padding-right:4px; background:url(/media/footermenu_cutline.gif) no-repeat right 4px;} div.footermenuitem_div a.footermenuitem {float:left; padding:0px 4px 0px 4px; font-size:11px; font-weight:normal; height:19px; line-height:19px; text-transform:uppercase; text-decoration:none; color:#9c9c9c;} div.footermenuitem_div a.footermenuitem:hover {color:#fff; background-color:#6c4f91;} div.footermenuitem_div a.footermenuitem_active {color:#fff; background-color:#6c4f91;} div.footermenuitem_cutline {float:left; height:27px; width:15px} /** content elements */ div.contentbody {margin-top:30px;} h1 {color:#fff; font-size:16px; font-weight:bold;} p {text-align: justify; text-indent: 0px; margin:0px 0px 15px 0px} a {padding:1px; color:#9f88d3; } a:hover {color:#fff;} a.active {color:#fff; } a.arrow {padding-right:15px; background: url(/media/arrow.gif) no-repeat right 5px;} a.arrow:hover {padding-right:17px;} .decor1 {color:#d5bcfe; font-weight:bold;} .decor2 {color:#d5bcfe;} .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 {padding:10px; margin:10px; list-style-image:url(/media/list_decor.gif);} ul li {text-align:justify; margin-bottom:5px;} span.ok {color:#007F00; display:none;} span.error {color:#E54040; display:inline; font-size:10px;} input.fld, select.fld, textarea.fld {color:#fff; padding:4px 3px 0px 3px; border: 1px #6E7082 solid; font-family:verdana; font-size:12px; height:18px; background:#41435A url(/media/field.jpg) no-repeat 0px 0px;} input.fldfocus, select.fldfocus, textarea.fldfocus {background:#5D577D url(/media/field.jpg) no-repeat 0px -106px;} input.btn {width:107px; height:25px; font-family:arial; color:#fff; font-size:10px; border:0px; text-transform:uppercase; background:url(/media/btn.jpg) no-repeat; cursor:pointer;} input.next_ru {width:80px; height:25px; border:0px; background:url(/media/btn_next_ru.jpg) no-repeat;} input.next_en {width:80px; height:25px; border:0px; background:url(/media/btn_next_en.jpg) no-repeat;} input.next_ua {width:80px; height:25px; border:0px; background:url(/media/btn_next_ua.jpg) no-repeat;} input.request_ru {width:127px; height:25px; border:0px; background:url(/media/btn_request_ru.jpg) no-repeat;} input.request_en {width:127px; height:25px; border:0px; background:url(/media/btn_request_en.jpg) no-repeat;} input.request_ua {width:127px; height:25px; border:0px; background:url(/media/btn_request_ua.jpg) no-repeat;} input.vacancy_ru {width:101px; height:25px; border:0px; background:url(/media/btn_vacancy_ru.jpg) no-repeat;} input.vacancy_en {width:101px; height:25px; border:0px; background:url(/media/btn_vacancy_en.jpg) no-repeat;} input.vacancy_ua {width:101px; height:25px; border:0px; background:url(/media/btn_vacancy_ua.jpg) no-repeat;} input.btnover {background-position: 0px -25px;} img.image {border: 2px solid #543B6B;} a.portfolio_img {float:left; width:130px; height:100px; padding:0px; margin:0px; border: 2px solid #524865; background-color:#524865;} a.portfolio_img:hover {border:2px solid #a9a9a9;} a.portfolio_img img {border:none;} a.portfolio_galery {border:2px solid #524865; float:left; width:147px; height:110px; margin-right:10px; margin-bottom:10px; background-color:#524865;} a.portfolio_galery:hover {border:2px solid #a9a9a9;} a.portfolio_galery img {border: none;} /** loading */ #loading {position:absolute; left:50%; margin-left:-50px; top:350px; width:123px; height:9px; z-index:1000;} #loading .anim {position:absolute; left:0px; top:0px;} /** viewer */ #viewer_swap {position:relative; width:654px; } #viewer_swap .imgwrap {width:650px; border: 1px solid #777777;} #viewer_swap .image {} #viewer_swap .loading {position:absolute; left:50%; margin-left:-55px; top:50%; width:123px; height:9px; z-index:1000;} /** tooltip */ #tooltip {width:203px; height:160px; overflow:hidden;} #tooltip .bg {position:absolute; width:203px; height:640px; background-image:url(/media/tooltip.png); z-index:1;} #tooltip .bg_pos_00 {left: 0px; top: -480px;} #tooltip .bg_pos_01 {left: 0px; top: 0px;} #tooltip .bg_pos_10 {left: 0px; top: -320px;} #tooltip .bg_pos_11 {left: 0px; top: -160px;} #tooltip .message {position:absolute; width:145px; height:85px; z-index:2; overflow:hidden; font-size:12px;} #tooltip .message_pos_00 {left: 28px; top: 45px;} #tooltip .message_pos_01 {left: 28px; top: 25px;} #tooltip .message_pos_10 {left: 28px; top: 45px;} #tooltip .message_pos_11 {left: 28px; top: 25px;}