html, body {
height:100%;
}
body {
padding:0;
margin:0;
font-family:Arial;
font-size:12px;
color:#333;
line-height:18px;
text-align:center;
background:#f9f9f9 url(body_bg.jpg) center 210px no-repeat;
}
td, div, span, p, h1, h3, h4 {
margin:0;
padding:0;
font-family:Arial;
font-size:12px;
color:#333;
line-height:18px;
text-align:left;
}
p {
padding:4px 0 20px 0;
line-height:17px;
}
img {
margin:0;
padding:0;
border:0;
}
a {
font-family:Arial;
font-size:12px;
color:#333;
text-decoration:underline;
}
a:hover {
font-family:Arial;
font-size:12px;
color:#000;
text-decoration:none;
}
ul {
margin:0;
padding:0;
list-style:none;
}
form, input, textarea, select {
padding:0;
margin:0;
}
textarea {
border:1px solid #999;
}
#container {
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -120px;
width:994px;
background:#fff;
border-left:3px solid #e2e2e2;
border-right:3px solid #e2e2e2;
}
#top {
padding:0 27px 0 30px;
height:85px;
float:left;
clear:both;
}
#top_left {
width:250px;
height:85px;
float:left;
background:url(logo.jpg) left bottom no-repeat;
}
#logo {
width:250px;
height:52px;
display:block;
float:left;
}
#text {
margin:15px 0 0 2px;
font-family:Arial;
font-size:12px;
color:#dfdfdf;
display:block;
}
#top_right {
width:687px;
height:85px;
float:left;
}
#const {
width:687px;
height:30px;
clear:both;
}
#var {
width:687px;
height:55px;
clear:both;
}
#float_right {
padding-top:11px;
float:right;
}
#about {
padding:2px 0 0 16px;
line-height:15px;
float:left;
}
#lang {
padding-top:8px;
float:right;
}
#lang img {
margin:0 1px -2px 8px;
}
#dopmenu {
margin-right:-3px;
padding-top:27px;
font-family:Arial;
font-size:16px;
color:#000;
float:right;
white-space:nowrap;
}
#dopmenu a {
padding:0 3px 0 3px;
font-family:Arial;
font-size:16px;
color:#000;
text-decoration:underline;
}
#dopmenu a:hover {
padding:0 3px 0 3px;
font-family:Arial;
font-size:16px;
color:#000;
text-decoration:none;
}
#dopmenu a img {
margin:-8px 0 0 -1px;;
position:absolute;
}
#lang a {
font-family:Arial;
font-size:11px;
color:#666;
text-decoration:underline;
}
#lang a:hover {
font-family:Arial;
font-size:11px;
color:#666;
text-decoration:none;
}
.border_blue {
float:left;
border-top:2px solid #239cc9;
border-bottom:2px solid #239cc9;
}
#menu {
width:280px;
height:230px;
float:left;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
background:#239cc9 url(menu_bg.jpg) right top no-repeat;
}
#menu div {
padding:13px 30px 0 30px;
}
#menu div a {
padding:10px 30px 10px 29px;
font-size:16px;
color:#fff;
text-decoration:none;
display:block;
border-bottom:1px solid #057bac;
background:url(arraw.gif) 197px 14px no-repeat;
}
#menu div a:hover {
padding:10px 30px 10px 29px;
font-size:16px;
color:#d9f1fb;
text-decoration:none;
display:block;
border-bottom:1px solid #057bac;
background:#057bac url(arraw_act.gif) 197px 14px no-repeat;
}
#head {
width:714px;
height:230px;
float:left;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
background:#239cc9 url(head_bg.jpg) left top no-repeat;
}
#time {
padding:17px 0 0 0;
width:714px;
font-size:16px;
color:#f3f8ef;
text-align:center;
display:block;
clear:both;
}
div.head_padd {
padding:43px 0 0 0;
width:336px;
float:left;
}
div.head_padd img {
margin:3px 20px 0 60px;
float:left;
}
div.head_padd span {
padding-bottom:8px;
font-size:16px;
color:#666;
line-height:14px;
font-weight:bold;
display:block;
clear:right;
}
#content {
width:994px;
float:left;
clear:both;
}
#cont_left {
padding-bottom:50px;
width:662px;
float:left;
}
#cont_right {
width:332px;
float:left;
}
#cont_padd_left {
padding:40px 30px 50px 30px;
float:left;
}
#cont_padd_right {
padding:40px 30px 50px 0;
float:left;
}
.center {
margin-bottom:30px;
text-align:center;
}
.akc {
margin-bottom:50px;
width:602px;
float:left;
background:url(akc_bg.gif) left top repeat-y;
}
.akc img {
display:block;
clear:both;
}
.akc_padd {
padding:5px 28px 5px 28px;
}
.akc_ico {
margin-right:28px;
float:left;
}
.akc_title {
padding:8px 30px 4px 0;
font-size:14px;
font-weight:bold;
color:#333;
display:block;
}
.red {
color:#c00;
}
h1 {
margin-bottom:25px;
font-family:Arial;
font-size:30px;
color:#666;
}
.h1_padd {
padding-left:32px;
margin-bottom:10px;
font-family:Arial;
font-size:30px;
color:#666;
}
h3 {
padding-left:45px;
padding-top:8px;
font-size:14px;
font-weight:bold;
color:#666;
display:block;
}
h4 {
margin-bottom:10px;
font-family:Arial;
font-size:18px;
color:#333;
}
.obm {
margin-bottom:18px;
width:602px;
background:#f9f1c8 url(round_corners.gif) left bottom no-repeat;
border-top:2px solid #fff;
clear:both;
}
.obm img {
display:block;
}
.obm_padd {
padding:15px 32px 15px 32px;
text-align:center;
background:url(blue_bg_top.jpg) left top no-repeat;
}
td.header_blue {
padding:7px 20px 5px 20px;
background:#057bac;
font-size:14px;
color:#eee;
}
td.line {
padding:5px 20px 5px 20px;
font-size:12px;
color:#fff;
border-bottom:1px solid #057bac;
}
#select {
width:602px;
height:35px;
float:left;
clear:both;
border-bottom:2px solid #f8e894;
}
#first_1 {
width:183px;
height:35px;
display:inline-block;
float:left;
background:url(first_1.gif) left top no-repeat;
}
#first_2 {
width:87px;
height:35px;
display:inline-block;
float:left;
background:url(first_2.gif) left top no-repeat;
}
#first_3 {
width:108px;
height:35px;
display:inline-block;
float:left;
background:url(first_3.gif) left top no-repeat;
}
#second_1 {
width:183px;
height:35px;
display:inline-block;
float:left;
background:url(second_1.gif) left top no-repeat;
}
#second_2 {
width:87px;
height:35px;
display:inline-block;
float:left;
background:url(second_2.gif) left top no-repeat;
}
#second_3 {
width:108px;
height:35px;
display:inline-block;
float:left;
background:url(second_3.gif) left top no-repeat;
}
#last_1 {
width:183px;
height:35px;
display:inline-block;
float:left;
background:url(last_1.gif) left top no-repeat;
}
#last_2 {
width:87px;
height:35px;
display:inline-block;
float:left;
background:url(last_2.gif) left top no-repeat;
}
#last_3 {
width:108px;
height:35px;
display:inline-block;
float:left;
background:url(last_3.gif) left top no-repeat;
}
#first_1 span {
padding:11px 0 0 16px;
font-size:13px;
display:block;
}
a.grey {
font-size:13px;
color:#6a6a6a;
text-decoration:none;
}
a.grey:hover {
font-size:13px;
color:#333;
text-decoration:none;
}
#first_2 a, #first_3 a, #second_3 a, #last_2 a {
padding:11px 0 0 28px;
display:block;
}
#second_1 a, #last_1 a {
padding:11px 0 0 16px;
display:block;
}
#second_2 span, #last_3 span {
padding:11px 0 0 28px;
display:block;
}
#LibertyReserve_usd, #LiqPay_usd, #PerfectMoney_usd, #PrivatBank_usd, #PrivatBank_uah, #Privat24_uah, #Privat24_usd, #UniKarta_usd, #GDPay_usd {
padding:15px 20px 10px 150px;
border-bottom:1px solid #fff;
}
#LibertyReserve_usd {
background:url(LibertyReserve_usd.gif) 16px 19px no-repeat;
}
#LiqPay_usd {
background:url(LiqPay_usd.gif) 16px 19px no-repeat;
}
#PerfectMoney_usd {
background:url(PerfectMoney_usd.gif) 16px 19px no-repeat;
}
#PrivatBank_usd {
background:url(PrivatBank_usd.gif) 16px 19px no-repeat;
}
#PrivatBank_uah {
background:url(PrivatBank_uah.gif) 16px 19px no-repeat;
}
#Privat24_uah {
background:url(Privat24_uah.gif) 16px 19px no-repeat;
}
#Privat24_usd {
background:url(Privat24_usd.gif) 16px 19px no-repeat;
}
#UniKarta_usd {
background:url(UniKarta_usd.jpg) 16px 19px no-repeat;
}
#GDPay_usd {
background:url(GDPay_usd.jpg) 16px 19px no-repeat;
}
/*#obmen_tab tr {
background:url(dashed.gif) left bottom repeat-x;
}
#obmen_tab tr.end {
background:none;
}*/
.long {
padding:10px 10px 8px 10px;
width:190px;
text-align:left;
vertical-align:top;
color:#333;
}
.shot {
padding:10px 0 8px 0;
width:52px;
text-align:center;
vertical-align:top;
}
.prim {
margin-top:-2px;
margin-bottom:-4px;
font-size:10px;
color:#666;
clear:both;
display:block;
}
#all_exchange {
padding:15px 0 15px 0;
text-align:center;
display:block;
}
a.blue {
font-size:14px;
color:#069;
text-decoration:underline;
}
a.blue:hover {
font-size:14px;
color:#069;
text-decoration:none;
}
td.header_empty {
height:17px;
background:#057bac;
font-size:14px;
color:#eee;
}
td.line_black {
padding:5px 20px 5px 20px;
font-size:12px;
color:#333;
border-bottom:1px solid #057bac;
}
td.line_bold {
padding:5px 20px 5px 20px;
font-size:12px;
color:#333;
font-weight:bold;
border-bottom:1px solid #057bac;
}
td.line_bold small {
padding:5px 0 0 10px;
font-size:11px;
color:#999;
font-weight:normal;
white-space:nowrap;
}
.button_blue {
width:99px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
background:#f1f1f1 url(button_blue.gif) left top no-repeat;
}
.button_blue:active {
width:99px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
background:#f1f1f1 url(button_blue_act.gif) left top no-repeat;
}
.instr_ico {
padding:0 0 10px 31px;
clear:both;
background:url(info_ico.gif) 12px 0 no-repeat;
}
.instr {
padding:15px 32px 15px 30px;
margin-top:5px;
background:#f4f4f4;
border:1px solid #ccc;
display: none
}
.bold {
font-weight:bold;
}
#stat {
margin-right:-33px;
margin-top:-9px;
width:335px;
height:118px;
position:absolute;
background:url(stat.jpg) left top no-repeat;
}
#stat span {
padding-left:37px;
margin:26px 0 12px 0;
font-size:16px;
font-weight:bold;
color:#f5d9d9;
display:block;
}
#stat_padd {
padding:0 0 0 48px;
}
.button_red {
margin-left:27px;
width:90px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
background:url(button_red.gif) left top no-repeat;
}
.button_red:active {
margin-left:27px;
width:90px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
background:url(button_red_act.gif) left top no-repeat;
}
.input_red {
width:130px;
height:24px;
font-size:16px;
color:#666;
border:none;
}
* html .input_red {
margin-bottom:3px;
}
*+html .input_red {
margin-bottom:3px;
}
#akc {
margin:140px 0 0 0;
padding:5px 20px 6px 15px;
font-size:14px;
line-height:18px;
background:url(akc_icon.jpg) 15px 0 no-repeat;
}
#news {
padding:30px 20px 0 15px;
background:url(news_icon.jpg) 11px 25px no-repeat;
}
.new {
padding:4px 0 2px 0;
}
.new span {
margin-bottom:0;
display:block;
}
.new span small {
padding:2px 8px 2px 8px;
margin-right:6px;
font-size:11px;
color:#efefef;
font-weight:normal;
background:#999;
}
#partner {
padding:40px 20px 0 15px;
font-size:14px;
line-height:18px;
background:url(partner_icon.jpg) 11px 30px no-repeat;
}
.new p {
padding-bottom:8px;
font-size:14px;
color:#000;
}
a.black {
font-family:Arial;
font-size:14px;
color:#000;
text-decoration:underline;
}
a.black:hover {
font-family:Arial;
font-size:14px;
color:#000;
text-decoration:none;
}
#foot_info {
width:994px;
float:left;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
background:#239cc9;
}
#rev {
width:332px;
float:left;
background:url(foot_left.jpg) right top no-repeat;
}
#inf {
width:330px;
float:left;
background:url(foot_center.jpg) right top no-repeat;
}
#cont {
width:332px;
float:left;
background:url(foot_right.jpg) left top no-repeat;
}
.foot_padd {
padding:28px 30px 25px 30px;
}
a.foot_title {
padding-bottom:12px;
font-family:Verdana;
font-size:16px;
color:#fff;
font-weight:bold;
text-decoration:underline;
display:block;
clear:both;
}
a.foot_title:hover {
padding-bottom:12px;
font-family:Verdana;
font-size:16px;
color:#fff;
font-weight:bold;
text-decoration:none;
display:block;
clear:both;
}
#rev span {
padding-bottom:12px;
font-family:Verdana;
font-size:13px;
color:#fff;
line-height:15px;
display:block;
clear:both;
}
#inf li {
padding-left:13px;
padding-bottom:4px;
background:url(arraw_small.gif) 1px 7px no-repeat;
}
a.white {
font-family:Verdana;
font-size:13px;
color:#fff;
text-decoration:underline;
}
a.white:hover {
font-family:Verdana;
font-size:13px;
color:#fff;
text-decoration:none;
}
.phonee {
padding-left:24px;
padding-bottom:4px;
font-family:Verdana;
font-size:13px;
color:#eaf9fe;
background:url(phone_ico.gif) 2px 2px no-repeat;
}
#mail {
padding-left:24px;
padding-bottom:4px;
font-family:Verdana;
font-size:13px;
color:#eaf9fe;
background:url(mail_ico.gif) 2px 2px no-repeat;
}
#icq {
padding-left:24px;
padding-bottom:4px;
font-family:Verdana;
font-size:13px;
color:#eaf9fe;
background:url(icq_ico.gif) 2px 2px no-repeat;
}
#skype {
padding-left:24px;
padding-bottom:4px;
font-family:Verdana;
font-size:13px;
color:#eaf9fe;
background:url(skype_ico.gif) 2px 2px no-repeat;
}
.reg {
padding:8px 0 8px 0;
width:100%;
font-size:16px;
color:#333;
float:left;
}
.reg img {
margin-left:10px;
float:left;
}
.reg span {
padding-top:9px;
width:260px;
font-size:16px;
color:#333;
float:left;
}
.reg div {
float:left;
}
.input_bg {
width:160px;
height:35px;
background:url(input_bg.gif) left top no-repeat;
float:left;
}
.input_bg input {
margin:6px 0 0 10px;
width:140px;
height:24px;
font-size:16px;
color:#666;
border:none;
}
.reg small {
padding:11px 0 0 10px;
font-size:11px;
color:#999;
float:left;
white-space:nowrap;
}
span.big {
padding:10px 0 10px 0;
font-size:16px;
color:#666;
font-weight:bold;
float:left;
white-space:nowrap;
}
.button_grey {
margin-top:10px;
width:100px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
background:url(button_grey.gif) left top no-repeat;
}
.button_grey:active {
width:100px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
float:left;
background:url(button_grey_act.gif) left top no-repeat;
}
.country {
margin:9px 0 9px 0;
width:160px;
border:1px solid #999;
}
#float_right .butt {
width:100px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
float:left;
background:url(button_grey.gif) left top no-repeat;
}
#float_right .butt:active {
width:100px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
float:left;
background:url(button_grey_act.gif) left top no-repeat;
}
#float_right span {
padding:8px 10px 0 0;
font-size:16px;
color:#333;
float:left;
}
#float_right div {
margin-right:10px;
width:160px;
height:35px;
background:url(input_bg.gif) left top no-repeat;
float:left;
}
#float_right div input {
margin:6px 0 0 10px;
width:140px;
height:24px;
font-size:16px;
color:#666;
border:none;
}
#float_right a {
margin:9px 0 0 10px;
float:left;
}
#float_right2 .butt {
width:100px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
float:left;
background:url(button_grey.gif) left top no-repeat;
}
#float_right2 .butt:active {
width:100px;
height:35px;
font-size:16px;
color:#666;
text-align:center;
border:0px;
float:left;
background:url(button_grey_act.gif) left top no-repeat;
}
#float_right2 span {
padding:8px 10px 0 0;
font-size:16px;
color:#333;
float:left;
}
#float_right2 div {
margin-right:10px;
width:160px;
height:35px;
background:url(input_bg.gif) left top no-repeat;
float:left;
}
#float_right2 div input {
margin:6px 0 0 10px;
width:140px;
height:24px;
font-size:16px;
color:#666;
border:none;
}
#float_right2 a {
margin:9px 0 0 10px;
float:left;
}
#footer, #push {
margin:0 auto;
padding:20px 0 10px 0;
width:994px;
height:90px;
clear:both;
background:#fff;
text-align:center;
}
#footer img {
margin:0 5px -3px 5px;
}
.foot_count {
opacity: 0.5;
text-decoration: none;
}
#foot_corner {
position: fixed;
bottom: 0px;
right: 0px;
width: 100px;
height: 85px;
background:url('cornertrust.gif');
}
a:active {
outline: none;
}
a:focus {
outline-style:none;
border:none
}
/* comment */
.comment_area {
float:left;
width: 584px;
margin: 10px 0px 0px 20px;
border: 1px solid #E6E6E6;
background: url(images/grad3.gif) repeat-x top #FFFFFF;
padding: 5px 15px 15px 15px;
font-size: 11px;
line-height: 18px;
}
.comment_area a {
font-weight: bold;
color:#333333;
text-decoration:none;
}
.comment_area a:hover {
color: #fca238;
text-decoration:underline;
}
.comment_area h2 {
float:left;
width: 584px;
font-weight: normal;
font-size: 14px;
margin-left: 0px;
margin-bottom: 10px;
padding: 0px;
text-transform:uppercase;
}
.comment_box {
float:left;
width: 584px;
margin-bottom: 20px;
}
.comment_alt {
float:left;
width: 584px;
margin-bottom: 20px;
background-color:#f9f9f9;
}
.comment_header {
float: left;
width: 584px;
font-size: 11px;
margin-bottom: 10px;
}
.comment_details {
float: left;
width: 584px;
}
.comment_avatar {
float: left;
width: 60px;
}
.comment_comment {
float: right;
width: 524px;
font-size: 11px;
text-align:justify;
}
/*comment form */
.comment_form {
width: 535px;
}
.comment_form_left {
float: left;
width: 185px;
}
.comment_form_right {
float: right;
width: 340px;
}
.comment_form_instruction {
float:left;
width: 584px;
margin-top: 2px;
font-size: 11px;
}
.comment_form_submit {
float: left;
width: 535px;
margin-top: 10px;
}
.comment_form_right textarea {
width: 320px;
height: 125px;
}
#name_text_box, #email_text_box, #url_text_box {
width: 170px;
height: 25px;
font-size: 10px;
padding: 0px 2px 1px 0px;
}
#text_area_box {
width: 335px;
height: 125px;
padding-top: 0px;
padding-left: 0px;
}
#author, #email, #url {
background: none;
border: 1px solid #CCCCCC;
float: left;
margin: 0px 0px 0px 0px;
padding: 2px 3px 0px 3px;
width: 146px;
height: 18px;
outline: 0;
color:#666666;
font-size:12px;
}
#submit {
width:87px;
height:21px;
float:left;
cursor:pointer;
position:relative;
}
.otz {
padding-left:100px;
margin-bottom:25px;
float:left;
background:url(otz_ico.gif) 24px 20px no-repeat;
}
.otz div {
width:650px;
float:left;
clear:both;
}
.otz div span {
margin-left:12px;
margin-bottom:2px;
font-size:14px;
float:left;
clear:both;
}
.otz div span img {
margin-left:3px;
}
.otz div small {
margin-right:12px;
font-family:Verdana;
font-size:11px;
color:#333;
float:right;
}
.otz_padd {
background:#e8f6fb;
border:1px solid #94ccde;
float:left;
clear:both;
clear:both;
}
.otz_padd p {
padding:12px;
font-size:13px;
}
.new_archive {
padding:12px;
margin-bottom:25px;
background:#e8f6fb;
border:1px solid #94ccde;
}
.new_archive span {
margin-bottom:5px;
display:block;
}
.new_archive span small {
padding:2px 8px 2px 8px;
margin-right:6px;
font-size:11px;
color:#efefef;
font-weight:normal;
background:#94ccde;
}
.new_archive p {
padding:0;
font-size:14px;
color:#000;
}
/*STYLE index step1*/
#obmen_tab tr td li {
width:420px;
padding:10px 10px 8px;
background:url(dashed.gif) left bottom repeat-x;
}
#obmen_tab tr td li:hover {
cursor:pointer;
background:url("dashed.gif") repeat-x scroll left bottom #F8E894
}
#obmen_tab tr td li.end {
background:none
}
#obmen_tab tr td li.end:hover {
cursor:pointer;
background:#F8E894
}