/* Common */

body { margin: 0; background-color: #ffffff;}
body, a , td, p { font-family: tahoma, verdana, arial, serif; font-size: 12px; color: #000000;} 
img, a img, form { border: 0; margin: 0;}

strong { font-weight: bold;}
a { color: #0188A9;}
h1, h2 { font-size: 17px; color: #000000; position: relative; left: -1px; font-weight: normal; margin-top: 0; margin-bottom: 25px;}
h2 { font-size: 15px; margin-bottom: 20px; font-weight: bold}
h3 { font-size: 13px; margin-bottom: 18px;}

ul li, ol li { margin-bottom: 10px;}
ul.list li { list-style-image: url("./item.gif"); padding-left: 10px; position: relative; top: -5px;}

.column_l { width: 269px; padding-bottom: 18px;}
.column_r { padding-bottom: 40px;}

.services { width: 169px; height: 50px; background-color: #F7F7F7; margin-left: 100px; text-align: center; position: relative; left: -31px;}
.services .icons { padding-top: 15px;}
.services .icons img.home { margin-right: 30px; position: relative; top: 1px;}
.services .icons img.contacts { margin-right: 30px;}
.services .icons img.sitemap {}
.services img.lb { float: left; display: inline; position: relative; left: -3px; bottom: -40px;}
.services img.rb { float: right; display: inline; position: relative; left: 3px; bottom: -40px;}

html>body .services img.lb { left: 0px;}
html>body .services img.rb { left: 0px;}

img.logo { margin-left: 100px; margin-top: 45px; margin-bottom: 88px;}

.hline_dotted,
.hline_dotted_m, 
.hline_dotted_t { height: 51px; background: url("./6x1.gif") repeat-x 0 25px;}
.hline_dotted_m { height: 39px; background: url("./6x1.gif") repeat-x 0 13px;}
.hline_dotted_t { height: 31px; background: url("./6x1.gif") repeat-x 0 15px;}
.hline_solid,
.hline_solid_c { height: 25px; border-bottom: 1px solid #E5E5E5; margin-bottom: 25px;}
.hline_solid_c { margin-left: 50px; margin-bottom: 30px;}

.currencies { padding-left: 50px; margin-bottom: -20px;}
.currencies .name { font-size: 13px; font-weight: bold; margin-bottom: 15px;}
.currencies .currency { font-weight: bold; text-transform: uppercase; width: 60px; float: left; display; table-cell;}
.currencies .date { width: 42px; float: left; display; table-cell;}
.currencies .rate { font-weight: bold; width: 65px; float: left; display; table-cell; white-space: nowrap;}
.currencies .move { float: left; display; table-cell;}
.currencies .move .up { color: #009900; position: relative; left: 1px;}
.currencies .move .down { color: #B71919;}
.currencies ul { margin-top: 0; margin-bottom: 0;}
.currencies ul li { list-style: none; margin-bottom: 5px; margin-left: -40px;}

html>body .currencies { display: table-cell; margin-bottom: 0;}

.menu_left { margin-left: 69px; width: 169px; margin-bottom: -10px;}
.menu_left a { margin-bottom: 10px; background: url("./item.gif") no-repeat 0 6px; padding-left: 31px; font-size: 13px; display: block; color: #000000;}
.menu_left a:hover { background: url("./item_sel.gif") no-repeat 0 6px; color: #0188A9;}

.accounts { font-size: 13px; margin-left: 50px; width: 219px; background-color: #F7F7F7; padding-top: 30px; padding-bottom: 25px; margin-top: 30px;}
.accounts .name { font-weight: bold; margin-top: 15px; margin-left: 35px;}
.accounts table { width: 160px; margin-left: 45px; margin-top: 15px;}
.accounts table tr td { padding-bottom: 10px;}
.accounts table tr td a { display: block; margin-bottom: 4px;}
.accounts a.merchant { color: #0188A9;}
.accounts img.lt,
.accounts img.rt,
.accounts img.rb { display: inline; position: relative;}
.accounts img.lt { float: left; left: -3px; top: -30px;}
.accounts img.rt { float: right; left: 3px; top: -30px;}
.accounts img.rb { float: right; left: 3px; bottom: -25px;}

img.purse { float: left; display: inline; z-index: 2; position: relative; left: -3px; top: -39px; margin-bottom: 1px; margin-bottom: -39px; margin-bottom: 20px;}

html>body .accounts .name { left: -10px;}
html>body .accounts img.lt { left: 0px;}
html>body .accounts img.rt { left: 0px;} 
html>body .accounts img.rb { left: 0px;}
html>body img.purse { left: 0px;}

html:root .accounts { padding-bottom: 35px;} 
html:root .accounts img.rb { bottom: -25px;}
html:root img.purse { margin-bottom: -20px;}

.head { margin-bottom: 25px;}
.head .bar { height: 5px; width: 100%; background-color: #000000; font-size: 1px; margin-bottom: 45px;}
.head .back_lt { width: 347px; height: 145px; background: url("./head_lt.jpg") no-repeat 0 0;}
.head .back_rt { background: url("./1x145.gif") repeat-x 0 0; text-align: right;}
.head .phone { padding-left: 50px; font-size: 25px; color: #ffffff; position: relative; top: 87px; left: -2px; width: 347px; height: 145px;}
.head .phone span { font-size: 10px; position: relative; top: -15px; left: -15px}
 
.head .menu_top { padding-left: 30px; white-space: nowrap; background: url("./1x65.gif") repeat-x 0 0;}
.head .menu_top a { position: relative; top: -38px; color: #000000; height: 10px;}
.head .menu_top img.space { width: 1px; height: 65px; margin-left: 25px; margin-right: 25px; display: inline;}
.head_add { width: 45px; height: 210px; background: url("./head_add.jpg") no-repeat 0 0; margin-top: 50px;}

.paysystems { border-top: 1px solid #CCCCCC; padding-top: 15px; text-align: center; /*margin-top: 25px;*/}
.paysystems .line, 
.paysystems .line2 { height: 31px; margin-bottom: 20px; white-space: nowrap;}
.paysystems .line2 { margin-top: -10px;}
.paysystems img.space { width: 1px; height: 31px; margin-left: 25px; margin-right: 25px; display: inline;}
.paysystems img.contact { position: relative; top: 3px;}
.paysystems img.anelik { position: relative; top: 4px;}
.paysystems img.rbcmoney { position: relative; top: 4px;}
.paysystems img.alfa { position: relative; top: 6px;}

html:root .paysystems .line2 { margin-bottom: 30px;}

.footer { height: 98px; background-color: #F2F2F2; font-size: 11px; 
white-space: nowrap;}
.footer table { position: realative; top: -10px;}
.footer table td { font-size: 11px;}
.footer .box { height: 98px;}
.footer .box2 { height: 100%; background: url("./1x32.gif") repeat-x 0 100%; padding-left: 50px; padding-right: 50px;} 
.footer .copy { padding-top: 10px; white-space: nowrap;}
.footer .copy a, .footer .copy .creator a { color: #000000; font-size: 11px;}
.footer .copy .creator { margin-top: 15px;}
.footer .counters { width: 409px;}
.footer .counters .box { border-left: 1px solid #B2B2B2; position: relative; left: 17px; text-align: right; position: relative; top: 10px; height: 88px;}
.footer .counters .box .counter { margin-left: 10px; width: 88px; height: 31px;}

.warning { color: #B71919;} 
.report { padding: 20px 25px; background-color: #FEFAFA; color: #B71919; font-weight: bold; margin-bottom: 20px;}
.hint { margin-left: 45px;}

.enter { margin-left: 50px; width: 219px; padding: 20px 25px; padding-left: 49px; background-color: #f7f7f7; margin-bottom: 25px;}
.enter a { font-weight: bold; color: #B71919}
.enter ul { margin-top: 0; margin-bottom: -5;}
.enter ul li { list-style: none; margin-bottom: 12px; margin-left: -40px;}
.enter ul li a { color: #0188A9; font-weight: normal;}
.enter a.registration, 
.enter a.registration { color: #0188A9;}
.enter .reg { margin-top: 10px; margin-bottom: 5px;}

html>body .enter { width: auto;}

table.rounded { background-color: #F7F7F7;}
table.rounded tr.angles { height: 10px;}
table.rounded tr.angles td { padding: 0; margin: 0; width: 25px;}

.code { text-align: center; background-color: #f7f7f7; width: 100%; margin-bottom: 10px;}