/*----------------------------------------------------------------------------- v_belaevke version: 1.0 date: 09.05.2009 author: Khvorostovskaya Antonina email: antonina_odessa@ukr.net -----------------------------------------------------------------------------*/ /* GLOBAL*/ * { padding:0; margin:0; } html, body { margin:0; padding:0; height: 100%; } * html #wrapper { height: 100%; padding:0; } body { font-family: Arial, Helvetica, sans-serif; background:#19425E /*url(/templates/softserver/image/bg_bodi.jpg) 0 100% repeat-x*/; color:#fff } body {background: #19425e url(/templates/softserver/image/oo/bg.jpg) no-repeat 50% 0; padding-top:193px; //padding-top:179px;} .oo-logo { position: absolute; top: -124px; left: 364px; } div.oo-banner { position: relative; width: 100px; height: 300px; } div.oo-banner div { position: absolute; margin-left: -49px; margin-top: 20px; } .clears:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clears {display: inline-block;} * html .clears {height: 1%;} .clears {display: block;} .clear { clear:both; padding:0; margin:0; height:1px; width:1px } /* LINKS */ a img { border: 0; } a { color: #fff; text-decoration: none; } a:hover, a:focus, a:active { cursor:pointer!important; text-decoration:underline; } :focus { -moz-outline-style: none; } /* BLOKS */ #wrapper { min-height:100%; padding: 0; text-align:center; margin: 0 auto; position:relative; width:960px;} #content {display:table; vertical-align:middle; position:absolute; top:0; left:0; margin-left:0px; } /*BG*/ #border_up { background:#fff url(/templates/softserver/image/top_podl.png) no-repeat; width:960px; height:24px } /*CONTENT*/ #logo { float:left; width:231px; height:15px; padding:40px 0 30px 0; margin-left:50px } #all_cont { background:url(/templates/softserver/image/centr_podl.png) repeat-y; width:960px; text-align:left; display:table; vertical-align:middle } #top_menu { float:right; font-size:12px; line-height:18px; padding-top:10px} #top_menu ul { list-style:none; margin-right:76px; display:block } #top_menu ul li { float:left; margin-left:10px; text-align:center } #top_menu ul li span { padding-top:50px; display:block } a.tel { display:block; background:url(/templates/softserver/image/tel_one.png) no-repeat; width:68px; height:58px;} a.tel:hover {display:block; background:url(/templates/softserver/image/tel_hover.png) no-repeat; width:68px; height:58px } p.tel { display:block; background:url(/templates/softserver/image/tel_aktiv.png) no-repeat; width:68px; height:58px } a.akci {display:block; background:url(/templates/softserver/image/moneta_one.png) no-repeat; width:68px; height:58px } a.akci:hover { display:block; background:url(/templates/softserver/image/moneta_hover.png) no-repeat; width:68px; height:58px } p.akci { display:block; background:url(/templates/softserver/image/moneta_aktiv.png) no-repeat; width:68px; height:58px } a.tender { display:block; background:url(/templates/softserver/image/pen_one.png) no-repeat; width:68px; height:58px } a.tender:hover { display:block; background:url(/templates/softserver/image/pen_hover.png) no-repeat; width:68px; height:58px } p.tender { display:block; background:url(/templates/softserver/image/pen_aktiv.png) no-repeat; width:68px; height:58px } #konsult { clear:both } #all_konsult { margin-left:28px } #konsult ul { list-style:none; } #konsult ul li { float:left; } /* #bg { background:url(/templates/softserver/image/podl_one.png) no-repeat; width:301px; height:238px }*/ .aktiv { background:url(/templates/softserver/image/podl_one.png) no-repeat; width:301px; height:238px } #face { margin-left: 29px;} #fase_img { width:90px; height: 45px; padding-top:12px;margin-top: 3px; float:left; background:url(/templates/softserver/image/logo_kons_win.png) no-repeat center bottom;} #bord { border:1px #fff solid } #opis_kons { float:left; line-height:18px; padding-left:14px } #sait { font-size:11px; display:block; margin-top:28px;} #opis_kons span { display:block;} #opis_kons span span { font-size:12px; line-height:18px; padding:0px; margin: 7px 0 4px 0 } #fio { font-size:12px; line-height:16px } #ikon { width:100px; margin-left:-1px; padding-top:6px } #ikon li { margin-left:1px; } a.poisk { display:block; background:url(/templates/softserver/image/poisk_one.jpg) no-repeat; width: 23px; height:18px } a.poisk:hover { display:block; background:url(/templates/softserver/image/poisk_hover.jpg) no-repeat; width: 23px; height:18px } p.poisk { display:block; background:url(/templates/softserver/image/poisk_aktiv.jpg) no-repeat; width: 23px; height:18px } a.mail { display:block; background:url(/templates/softserver/image/mail_one.jpg) no-repeat; width: 22px; height:18px } a.mail:hover { display:block; background:url(/templates/softserver/image/mail_hover.jpg) no-repeat; width: 22px; height:18px } p.mail { display:block; background:url(/templates/softserver/image/mail_aktiv.jpg) no-repeat; width: 22px; height:18px } a.baks { display:block; background:url(/templates/softserver/image/baks_one.jpg) no-repeat; width: 23px; height:18px } a.baks:hover { display:block; background:url(/templates/softserver/image/baks_hover.jpg) no-repeat; width: 23px; height:18px } p.baks { display:block; background:url(/templates/softserver/image/baks_aktiv.jpg) no-repeat; width: 23px; height:18px } a.telek { display:block; background:url(/templates/softserver/image/telek_one.jpg) no-repeat; width: 23px; height:18px } a.telek:hover { display:block; background:url(/templates/softserver/image/telek_hover.jpg) no-repeat; width: 23px; height:18px } p.telek { display:block; background:url(/templates/softserver/image/telek_aktiv.jpg) no-repeat; width: 23px; height:18px } /*Button*/ #pad_right { margin-left:-21px; clear:both; padding-top:14px} #button1, #button2, #button3, #button4, #button5, #button6, #button7, #button8, #button9 {background:url(/templates/softserver/image/buttons_ten.png) no-repeat; width: 256px; height:55px; cursor:pointer!important } a.but { display:block; background:url(/templates/softserver/image/but_one.gif) no-repeat; width: 256px; height:55px } a.but:hover { display:block; background:url(/templates/softserver/image/but_hover.gif) no-repeat; width: 256px; height:55px; cursor:pointer!important } p.but { display:block; background:url(/templates/softserver/image/but_aktiv.png) no-repeat; width: 256px; height:55px } a.but_red { display:block; background:url(/templates/softserver/image/but_red_one.gif) no-repeat; width: 256px; height:55px } a.but_red:hover { display:block; background:url(/templates/softserver/image/but_red_hover.gif) no-repeat; width: 256px; height:55px } p.but_red { display:block; background:url(/templates/softserver/image/but_red_aktiv.gif) no-repeat; width: 256px; height:55px } #cont_text { z-index:1 } #all { margin:0; padding:10px 0 0 0; text-align:left; background:url(/templates/softserver/image/podl_all.png) no-repeat; width: 468px; height: 295px } .pad_centr_logo { margin-left:26px } .pad_centr { margin-left:30px } #podpis { padding-bottom:10px; padding-top:4px } #podpis h3 { color:#909090; font-size:12px; line-height:18px; font-weight:normal; } #podpis h3 span { color:#3e7ca9;font-weight:normal; } #podpis_2 { padding:6px 0 16px 0 } #podpis_2 h3 { color:#909090; font-size:12px; line-height:18px; } #sek ul { list-style:none; display:table; vertical-align:middle } #sek ul li { float:left; line-height:54px; font-size:18px; color:#8f8f8f;font-weight:normal; } #widh_sek h2 { width:154px; text-align:right; color:#004f8c; font-size:36px; line-height:40px; font-weight:normal; margin-right:6px } /*Form*/ #message { color:#5a5a5a; font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding-top:20px; margin-left:19px } #message input { color:#5a5a5a; width:170px; height:15px; padding: 4px 5px 6px 5px } #pad_input { margin-right:12px } #message input, #message textarea { border:1px #389abf solid; } #message textarea { height:100px; width:378px; overflow:auto; display:block; margin-top:20px } #message_chat { color:#5a5a5a; font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding-top:20px; margin-left:19px } #message_chat input { color:#5a5a5a; width:170px; height:15px; padding: 4px 5px 6px 5px } #pad_input { margin-right:12px } #message_chat input, #message_chat textarea { border:1px #389abf solid; } #message_chat textarea { height:100px; width:378px; overflow:auto; display:block; } .css_bus { display:block; background:url(/templates/softserver/image/button.png) no-repeat; width:137px; height:37px; text-align:center; text-decoration:none; margin-top:0px } #fr_log { display:table; vertical-align:middle; width:100% } #fr_log input { float:left; width: 273px; line-height:20px; font-size:14px; color:#5c6061; } #frm a { float:left; margin-left:10px; cursor:pointer} #frm { clear:both; display:table; vertical-align:middle; width:100% } #bg_modl { background:url(/templates/softserver/image/mod_podl_face.jpg) no-repeat; width:278px; height:154px; margin-left:70px } #face_modl { margin-left: 17px;} #fase_img_modl { width:90px; padding-top:0px; float:left } .mod_opis { float:left; line-height:18px; padding-left:14px } .mod_opis span { display:block;} .mod_opis span span { font-size:12px; line-height:18px; padding:0px; margin: 7px 0 4px 0 } #sait_mod { font-size:11px; display:block; margin-top:16px;} /*MODAL*/ .mod_opis ul { list-style:none } .mod_opis ul li { float:left } .sent_btn { display:block; background:url(/templates/softserver/image/send_one.png) no-repeat; width:132px; height:38px; } .sent_btn:hover { display:block; background:url(/templates/softserver/image/send_hover.png) no-repeat; width:132px; height:38px; } a.close_btn { display:block; background:url(/templates/softserver/image/close_aktiv.png) no-repeat; width:132px; height:38px; } a.close_btn:hover { display:block; background:url(/templates/softserver/image/close_hover.png) no-repeat; width:132px; height:38px; } a.close_razgovor { display:block; background:url(/templates/softserver/image/end_one.png) no-repeat; width:132px; height: 38px; } a.close_razgovor:hover { display:block; background:url(/templates/softserver/image/end_hover.png) no-repeat; width:132px; height: 38px; } .pad_chat { margin-bottom:12px } .pad_chat2 { margin-top:12px; margin-bottom:12px } .but_all { width:388px; margin-left:15px; margin-top:6px } .pad_centr_close { float:left; width:132px; display:block } .pad_right { float:right } .pad_right_2 { clear:both; width:132px; margin-left:140px } #cont_text_mod_1 { z-index:1 } #pad_centr_big_mod1 { text-align:center; font-size:12px; padding:50px 0 30px 0; color:#fefefe; margin-left:20px;line-height:18px } .bg_mod_1 { background: url(/templates/softserver/image/podl_mes.jpg) no-repeat; width:418px; height:222px; } .bg_mod_2 { background: url(/templates/softserver/image/podl_otpravleno.jpg) no-repeat; width:418px; height:182px; } .bg_mod_3 { background: url(/templates/softserver/image/podl_chat.jpg) no-repeat; width:418px; height:337px; } br.both { clear:both; } #backgroundPopup { display:none; position:absolute; height:100%; width:100%; top:0px; bottom:0px; left:0; background:#165883; z-index:10; } #popupContact { display:none; position:absolute; top:0px; height:490px; z-index:20; } #contactArea { } div.wrapper { padding: 0 10px; background: url(/templates/softserver/image/oo/bg1.gif) repeat-y 0 0; position: relative; } div.wrapper div.shadow-top { position: absolute; width: 1020px; height: 20px; background: url(/templates/softserver/image/oo/bg2.gif) no-repeat 0 0; top: -10px; left: 0px; }