/* CSS Document */

body {font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; background-color: #FFFFFF; background-image: url(fon.gif); background-repeat: repeat-x; color: #000000;}

h1 {font-size: 26px; font-weight: normal; padding: 0px; margin: 0px;}

img {border: 0px;}

p {line-height: 140%; margin-top: 7px; margin-bottom: 7px;}

a {color: #038df7;}

.top {width: 100%; height: 180px; float: left;}
.top .logo {padding: 20px 20px; padding-bottom: 20px; padding-left: 30px; margin-top: 8px; float: left;}
.top .logo div {width: 420px; margin-top: 20px;}
.top .top_navigation {position: absolute; left: 265px; top: 13px; float: left;}
.top .top_navigation a,
.top .top_navigation span {margin-right: 30px;}

.top .personal {margin-top: 25px; padding-right: 10px; width: 35%; position: absolute; right: 0%;}
.top .personal p {padding-left: 60px;}

/* Навигация на главной */
.navigation {background-color: #ff9a16; overflow: hidden; width: 59%; clear: both; position: relative; padding:10px 0; margin-left: 15px; float: left;}
.navigation .navi_content {padding: 0px 15px; padding-top: 15px;}
.navigation .cn {position:absolute; width: 20px; height: 20px; left: -10px; top: -10px; background-image: url(ugol_navigation.gif);}
.navigation .cn.tr,
.navigation .cn.br {margin-left:100%; //width: 100%;}
.navigation .cn.bl,
.navigation .cn.br{top:auto;}
.navigation .navi_content span {margin-right: 20px;}


/* Каталог на главной */
.catalog {background-color: #f2f1e9; overflow:hidden; width: 100%; clear: both; position: relative; padding:10px 0; padding-right: 15px; margin-top: 40px; margin-left: -15px;}
.catalog .catalog_content {padding: 5px 15px;}
.catalog .cn {position:absolute; width: 20px; height: 20px; left: -10px; top: -10px; background-image: url(ugol_catalog.gif);}
.catalog .cn.tr,
.catalog .cn.br {margin-left:100%; //width: 100%;}
.catalog .cn.bl,
.catalog .cn.br{top:auto;}
.catalog p {margin-top: 4px; margin-bottom: 4px;}
.catalog .category {margin-top: 10px; padding-right: 15px; float: left; width: 45%;}



.middle {width: 100%; float: left;}

/* Главная */
.middle .main {padding-left: 15%; margin-bottom: 20px; width: 45%; padding-top: 5px; float: left;}
.middle .main p {line-height: 150%;}
.middle .main h1 {margin-bottom: 15px;}
.middle .main ol {margin: 25px 20px; padding: 0px;}
.middle .main li {margin-bottom: 10px;}
.middle .main dl,
.middle .main dt,
.middle .main dd {margin: 0px; padding: 0px; float: left; width: 100%;}
.middle .main dt {padding-bottom: 3px;}
.middle .main dd {padding-bottom: 10px;}

.middle .main_right {margin-top: 20px; padding-right: 10px; width: 35%; position: absolute; right: 0px;}
.middle .main_right p {padding-left: 60px;}


/* Новости */
.middle .news {padding-left: 15%; width: 45%; padding-top: 5px;}
.middle .news h1 {margin-bottom: 15px;}
.middle .news .date {float: left; margin-left: -65px; width: 65px; padding-top: 3px;}
.middle .news p {margin-bottom: 12px;}

/* Как работает система */
.middle .main #country {float: left; width: 100%;}
.middle .main .country {float: left; width: 20%; font-size: 12px; margin-bottom: 25px; padding-left: 10px; padding-right: 10px; color: #029f11;}

/* Частые вопросы */
.question {background-color: #f2f1e9; overflow:hidden; width: 100%; clear: both; position: relative; padding:10px 0; padding-right: 15px; margin-left: -15px;}
.question .question_content {padding: 0px 15px;}
.question .cn {position:absolute; width: 20px; height: 20px; left: -10px; top: -10px; background-image: url(ugol_catalog.gif);}
.question .cn.tr,
.question .cn.br {margin-left:100%; //width: 100%;}
.question .cn.bl,
.question .cn.br{top:auto;}
.question p {margin-top: 0px; padding-top: 0px;}
.question {line-height: 150%;}


/* Вход */
.middle .enter {padding-left: 15%; margin-bottom: 20px; width: 45%; padding-top: 5px; float: left;}
.middle .enter h1 {margin-bottom: 25px;}
.middle .reg_link {margin-left: 35%; margin-bottom: 2px; padding: 5px; width: 290px; clear: both; text-align: right;}
.middle .enter dl, .middle .enter dd {margin: 0px; padding: 0px;}
.middle .enter dl {margin-bottom: 15px;}
.middle .enter dt {margin-bottom: 3px;}
.middle .enter dd {margin-bottom: 10px; float: left; width: 100%;}

/* Регистрация */
.middle .reg {padding-left: 15%; margin-bottom: 20px; width: 45%; padding-top: 5px; float: left;}
.middle .reg h1 {margin-bottom: 25px;}
.middle .reg_index dl,
.middle .reg_index dt,
.middle .reg_index dd {margin: 0px; padding: 0px; float: left; width: 100%;}
.middle .reg_index dt {padding-bottom: 3px;}
.middle .reg_index dd {padding-bottom: 10px;}


/* Личный кабинет (первые шаги) */
.middle .user_pre {padding-left: 20%;}
.middle .user_pre h1 {margin-bottom: 25px;}
.middle .user_pre .form {}
.middle .user_pre dl {margin: 40px 0px;}
.middle .user_pre dt {margin: 0px; float: left; padding: 5px 0px;}
.middle .user_pre dd {margin: 0px; padding: 0px 5px; float: left; width: 50%;}
.middle .user_pre textarea {width: 500px;}
.middle .user_pre .spisok {margin-top: 10px; margin-bottom: 12px;}


/* Личный кабинет (главная) */
.middle .user h1 {padding-bottom: 15px;}
.middle .user {padding-left: 30px; width: 65%; padding-bottom: 40px; float: left;}
.middle .user .stat_table {margin-top: 9px;}
.middle .user .stat_table td {padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 10px;}
.middle .user .stat_table .stat_tr {background-color: #efefef; font-size: 11px;}
.middle .user .stat_table .stat_tr td {padding-bottom: 5px;}
.middle .user .stat_table .ditaled {margin-top: 6px;}
.middle .user .stat_table .td_line {padding: 0px;}
.middle .user .stat_table .td_line div {background-color: #dddddd; height: 1px; margin-bottom: 5px;}
.middle .user .select_period {margin-bottom: 30px;}
.middle .user .select_period select {font-size: 15px; padding: 3px;}

/* Личный кабинет (статистика) */
.middle .user .day_form {font-size: 14px; padding: 3px; width: 20px;}
.middle .user .month_form {font-size: 14px; padding: 3px;}
.middle .user .year_form {font-size: 14px; padding: 3px;}
.middle .user .day_form2 {font-size: 12px; padding: 2px; width: 20px;}
.middle .user .month_form2 {font-size: 12px; padding: 2px;}
.middle .user .year_form2 {font-size: 12px; padding: 2px;}
.middle .user .button_form {font-size: 12px; padding: 2px;}
.middle .user .button_form2 {font-size: 11px; padding: 1px;}
.middle .user .days_table {margin-top: 15px;}
.middle .user .days_table td {padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}
.middle .user .days_table .stat_tr {background-color: #efefef; font-size: 11px;}
.middle .user .days_table .td_line {padding: 0px;}
.middle .user .days_table .td_line div {background-color: #dddddd; height: 1px; margin-bottom: 2px;}
.middle .user .days_table .ditaled {margin-top: 6px;}
.middle .user textarea {width: 500px;}
.middle .user .year_selector {font-weight: bold; color: #000000; background-color: #F0F0EE; padding: 3px 5px;}
.middle .user .year_selector_activ {border-bottom: 1px dashed #33CC00; color: #33CC00; text-decoration: none;}

/* Личный кабинет (установка) */
.middle .user_set {padding-left: 30px;}
.middle .user_set h1 {margin-bottom: 30px;}
.middle .user_set dl {margin: 20px 0px;}
.middle .user_set dt {margin: 0px; float: left; padding: 5px 0px;}
.middle .user_set dd {margin: 0px; padding: 0px 5px; float: left; width: 50%;}
.middle .user_set textarea {width: 500px;}
.middle .user_set input {font-size: 16px; padding: 3px;}
.middle .user_set p,
.middle .user_set div { clear: both;}
.middle .user_set .link_pwd {padding-top: 20px; padding-bottom: 20px;}
.middle .user_set .password_table {margin-bottom: 30px; margin-top: 10px;}
.middle .user_set .password_table td {padding-bottom: 10px; padding-right: 5px;}
.middle .user_set .spisok {margin-top: 10px; margin-bottom: 12px;}

/* Личный кабинет (информер справа) */
.middle .user_info {float: left; width: 25%; padding-left: 20px; margin-top: 0px;}


/* Подвал */
.zero_level {clear: both; padding-left: 30px; padding-right: 30px; padding-top: 70px; padding-bottom: 20px;}
.zero_level hr {height: 1px; border: 0px; background: #CCCCCC; color: #CCCCCC;}


.line_div {background-color: #dddddd; height: 1px; margin: 0px; padding: 0px;}



.changer {text-decoration: none; border-bottom: 1px dashed #33CC00; color: #33CC00;}
.changer_select {text-decoration: none; font-weight:bold; color: #33CC00;}



.f_small {font-size: 12px;}
.f_big {font-size: 19px;}

.f_black_ms {color: #000000; font-size: 12px;}
.f_black {color: #000000; font-size: 14px;}
.f_black_b {color: #000000; font-weight: bold; font-size: 14px;}

.f_dred {color: #cb3820;}

.f_green {color: #33CC00;}
.f_green_ms {color: #33CC00; font-size: 12px;}

.f_white_b {color: #ffffff; font-weight: bold; font-size: 14px;}

.f_red {color: #FF0000;}
.f_red_ms {color: #FF0000; font-size: 12px;}

.f_gray_small {font-size: 11px; color: #8e8e8e;}
.f_gray_ms {font-size: 12px; color: #8e8e8e;}
.f_gray {color: #8e8e8e;}