﻿*{ margin:0px; padding:0px;}
img { border:none;}
/*---------------------------*/
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #525252; }
body { background-color: #fff;min-width:1000px; }
a, a:link { color: #009ec5; }
h1 {font-family: Arial, Helvetica, sans-serif;  font-size: 24px; color: #000; font-weight:normal; margin:0 0 20px 0; }
h2 { font-size: 18px; color: #000; font-weight:normal;margin:0 0 28px 0;}
h3 { font-size: 16px; color: #000; font-weight:normal}
/*---------------------------*/
.wrap { background: url(images/header_line.gif) repeat-x 0px 176px; height: 100%; width: 100%; position: relative;  min-width:1000px;}
.wrap_ind { background: url(images/baba_line.gif) repeat-x 0px 526px; height: 100%; width: 100%; position: relative;  min-width:980px;}
.container { margin: 0px auto; width: 80%; position: relative; min-width:980px; }
.clr { clear:both}

#helpblock { position:absolute; display:none; z-index:20; background-color:#FFC; border-top:1px solid #696969; border-right:2px solid #696969; border-bottom:2px solid #696969; border-left:1px solid #696969; width:350px; }
#helpblock div { padding:7px 10px; }
#helpblock, #helpblock td { line-height:normal; }
.help { cursor:pointer; }


/*-----------шапка-------------*/
.header { height: 176px; width: 100%; position: relative; }
.logo { background: url(images/logo.gif) no-repeat; height: 96px; width: 276px; position: absolute; left: 22px; top: 36px; }
.logo a { display:block; height: 96px; width: 276px; text-indent:-10000px;}

.slogan { background: url(images/slogan.gif) no-repeat 0px 6px; position: absolute; left: 340px; top: 59px; padding: 0px 0px 0px 33px; font-size:14px; font-style:italic; line-height:14px; }

.login_on { position: absolute; top: 50px; right: 18px; }
.login_on a.logout { color:#525252; margin:0 0 0 10px}
.user_name { position:relative; margin:0 0 10px 0;}
.account_money { font-size: 24px; font-weight: bold; margin: 0px 7px 0px 0px; float: left; height: 30px; position: relative; }
.account_curr { position: relative; font-size: 11px; line-height:13px }
.add_money { font-size: 11px; position: relative;line-height:13px }

.login_on label { width:54px; display:block; float:left; line-height:20px; padding:3px 0 0 0;}
.login_on span {line-height:20px; padding:3px 0 0 0;}
.login_on input { height:14px; margin:0px 0 5px 10px; outline: 0; line-height:1; vertical-align: baseline; padding:3px; width:160px;}
.login_on input.enter { background-color:#989898; border:none; color:#fff; margin:4px 10px 0 65px; padding:0px; height:20px; width:46px}

/*-----------меню------------*/
.menu_block { height: 75px; position: relative; color: #fff; min-width:1080px; }

.tab {  height:33px; position: absolute; width: 500px; left: 348px; bottom: 0px;  }
.tab ul { list-style:none; height:33px;}
.tab ul li { height:33px;  float:left;}
.tab ul li a { height:26px; padding:7px 30px 0px 5px; display:block; color:#fff; text-decoration:underline; font-size:18px;}
.tab ul li.active { height:33px; background:#fff url(images/tab_left.gif) no-repeat left top; float:left}
.tab ul li.active a { height:26px; background:url(images/tab_right.gif) no-repeat right top; padding:7px 30px 0px 16px; display:block; color:#00a4c9; text-decoration:none; font-size:18px;}

.menu { position: absolute; height: 33px; right: 18px; bottom: 0px; }
.menu ul {list-style:none; margin:0px 0 0 0;}
.menu ul li {height:33px;  float:left;}
.menu ul li a { height:26px; padding:7px 20px 0px 20px; display:block; color:#fff; text-decoration:underline; font-size:18px; text-align:right}
.menu ul li.active { height:33px; background:#fff url(images/tab_left.gif) no-repeat left top; float:left}
.menu ul li.active a { height:26px; background:url(images/tab_right.gif) no-repeat right top; padding:7px 30px 0px 16px; display:block; color:#00a4c9; text-decoration:none; font-size:18px;}


/*-----------основная часть------------*/
.content { position: relative; padding:40px 0px 70px; }
.content_top { position: relative; margin:10px 0px 10px; overflow:hidden }
.left_column { margin: 0px 34px 0px 0px; float: left; width: 314px; position: relative; }
.right_column { position: relative; margin: 0px 18px 0px 348px; }

/*-----------левая колонка------------*/
.accounting { background: #f6f6f6; padding: 17px 10px 35px 18px; position: relative;}
.accounting td, .accounting th { height:34px; text-align:right; font-size:14px;}
.accounting td.left { text-align:left}
.accounting th { color:#84c130}

.menu_other { line-height: 30px; margin: 17px 0px 34px; position: relative; padding:0 0 0 18px; }
.news { margin: 17px 0px 34px 0; position: relative; padding:0 15px 0 18px;}
.news a { display:block; margin:0 0 15px 0}

/*-----------контент------------*/
.menu_sub { margin: 0px 0px 56px; position: relative; text-align:left; height:30px; }
.menu_sub ul { list-style:none; position: relative; }
.menu_sub li { float:left;}
.menu_sub li a { display:block; height:23px; padding:7px 10px 0px 10px; color:#009ec5; font-size:14px; font-weight:bold; white-space:nowrap}
.menu_sub li a.active { display:block; height:23px; background-color:#009ec5; padding:7px 8px 0px 8px; color:#fff; font-size:14px; font-weight:bold; white-space:nowrap; text-decoration:none;}

.company { position: relative;}
.company table {}
.company th {font-size:11px; font-style:italic; font-weight:normal;padding:0px 5px 6px 5px; vertical-align:middle}
.company td { background-color:#f6f6f6; border-bottom:2px solid #fff; padding:12px 5px 12px 5px; text-align:center; font-size:11px; vertical-align:middle}
.company td.left, .company th.left { text-align:left}
.company td.top { vertical-align:top;}
.company td a, .company a.del  {padding:8px 0 0 0px; line-height:22px}
.company td a.del { color:#7f7f7f; margin:8px 0 0 5px;}

/*-----------подвал------------*/
.footer { height: 100px; border-top: 1px solid #e5e5e5; position: relative; min-width:1000px; }
.copyright { padding: 0px 0px 0px 18px; height: 35px; position: relative; margin: 25px 0px 0px; }
.copyright img { vertical-align:middle; margin:0 15px 0 0;}


.settings, .settings-robo, .interests, .mode, .quote { margin: 17px 0px 34px; position: relative; }

.settings label { width:140px; display:block; float:left; line-height:20px}
.settings span { margin:0px 0 8px 10px; vertical-align:middle; }
.settings input { height:16px; margin:0px 0 8px 10px; outline: 0; line-height:1;vertical-align: baseline; padding:3px;}
.settings select { height:24px; margin:0px 0 8px 10px; outline: 0; line-height:1;vertical-align: baseline; padding:3px;}

.settings-robo-in label { float:left; }
.settings-robo-in input { vertical-align: baseline; padding:3px;   margin: 8px 8px 8px 8px; }
.settings-robo-in select { vertical-align: baseline; padding:3px;  margin: 8px 8px 8px 8px; }


.interests ul { list-style:none;}
.interests ul li { min-height:23px; background:url(images/plus.gif) no-repeat left 5px; padding:0 0 0 15px; position:relative;}
.interests ul li input { vertical-align:middle; margin:0 5px 0 0px;}
.interests li ul { margin:10px 0px 10px 33px;}
.interests li li { min-height:20px; background:none; padding:0px;}
.hidden {display:none;}
input.but { background-color:#989898; border:none; color:#fff; margin:15px 10px 0 0; padding:1px 3px;}

.mode { position: relative;}
.mode table {}
.mode img { vertical-align:middle}
.mode th {font-size:11px; font-style:italic; font-weight:normal;padding:0px 13px 6px 13px; vertical-align:middle; text-align:left;}
.mode td { background-color:#f6f6f6; border-bottom:2px solid #fff; padding:12px 13px 12px 13px; text-align:left; font-size:11px; vertical-align:middle}
.mode td.mid, .mode th.mid { text-align:center}
.mode td.top { vertical-align:top;}
.mode td a, .mode a.del  {padding:8px 0 0 0px; line-height:22px}
.mode td a.del { color:#7f7f7f; margin:8px 0 0 5px;}

.quote { position: relative; background:#f6f6f6; padding:15px 20px; font-size:14px}
.quote em.tl, .quote em.tr, .quote em.bl, .quote em.br { position: absolute; font-size: 1px; }
.quote em.tr { width: 10px; height: 10px; background: url(images/quote_tr.gif); }
.quote em.tl {width: 62px; height: 25px; background: url(images/quote_tl.gif); }
.quote em.br { width: 10px; height: 10px; background: url(images/quote_br.gif); }
.quote em.bl { width: 10px; height: 10px; background: url(images/quote_bl.gif); }
.quote em.tl { left: 0px; top: -15px; } .quote em.tr { right: 0px; top: 0px; } .quote em.bl { left: 0px; bottom: 0px; } .quote em.br { right: 0px; bottom: 0px; }


.faq { position: relative; padding:25px 25px 25px 25px; font-size:18px}
.quote2 { position: relative; background:#f6f6f6; padding:15px 20px; font-size:14px}
.quote2 em.tl, .quote2 em.tr, .quote2 em.bl, .quote2 em.br { position: absolute; font-size: 1px; }
.quote2 em.tr { width: 10px; height: 10px; background: url(images/quote_tr.gif); }
.quote2 em.tl {width: 62px; height: 25px; background: url(images/quote_tl.gif); }
.quote2 em.br { width: 10px; height: 10px; background: url(images/quote_br.gif); }
.quote2 em.bl { width: 10px; height: 10px; background: url(images/quote_bl.gif); }
.quote2 em.tl { left: 0px; top: -15px; } .quote2 em.tr { right: 0px; top: 0px; } .quote2 em.bl { left: 0px; bottom: 0px; } .quote2 em.br { right: 0px; bottom: 0px; }

/*-----------главная------------*/
.banner_block { height: 305px; position: relative; }

.jj p, .twitter p, .user p { position: absolute; bottom:22px; color:#fff; font-size:18px; line-height:18px; padding:0 0 0 27%}
.jj p b, .twitter p b, .user p b { font-size:24px;}
.jj p i, .twitter p i, .user p i   { font-size:12px}

.jj { background: url(images/jj.jpg) no-repeat left top; height: 305px; width: 329px; position: absolute; left:0px; top:0px; }
.twitter { background: url(images/twitter.jpg) no-repeat left top; height: 305px; width: 326px; position: absolute; left:34%; top:0px; }
.user { background: url(images/user2.jpg) no-repeat left top; height: 305px; width: 309px; position: absolute; right:0px; top:0px; }
.plus{ background:url(images/plus_big.gif) no-repeat; height:31px; width:31px; position:absolute; left: 30%; top: 128px; }
.ravno{ background:url(images/plus_big.gif) no-repeat; height:31px; width:30px; position:absolute; left: 67%; top: 128px; }

.main_block { width:96%; height:330px; position:relative; margin:0 auto;}
.main_block div { width:30%;position:absolute; }
.main_block div div { width:100%; position:relative}
.main_block div.a { left:0%}
.main_block div.b { left:35%;}
.main_block div.c { left:70%}

.main_block p { font-size:14px; line-height:18px; margin:0 0 10px 0;}
.main_block ul.num { list-style:none; margin:35px 0 0 0;}
.num li { height:43px; padding:2px 0 0 45px; font-size:14px; font-style:italic;}
.num li.one { background:url(images/li_one.gif) no-repeat;}
.num li.two { background:url(images/li_two.gif) no-repeat;}
.num li.three { background:url(images/li_three.gif) no-repeat;}

.main_news { margin:0px; padding:0px}
.main_news a { display:block; margin:0 0 15px 0}