@charset "utf-8";
* {vertical-align: baseline; outline: 0; padding: 0; margin: 0;}
*:focus {outline: none;}

html {font-size: 100.01%; height: 100%;}
body {height: 100%; font: 62.5% "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; background: #fff;}

ul, ol {margin: 1em 0 1em 2em;}
p {margin-bottom: 1em;}
table {border-collapse: collapse;}
table p {margin: 0;}
a {color: #018aa4; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: 0;}
img {vertical-align: middle;}
input, select, textarea {font-size: 100%; font: 11px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #666;}
label {cursor: pointer;}

.clear {clear: both; margin: 0; font-size: 1px; line-height: 1px;}

h1 {font: normal 1.85em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 2px 0 1em 0;}
h2 {font: normal 1.38em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 1.5em 0 .69em 0;}
h3 {font: bold 1.15em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 1.5em 0 1em 0;}
h4 {font: bold 1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 1.5em 0 1em 0;}
h5 {font: bold 1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 1.5em 0 1em 0;}
h6 {font: bold 1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 1.5em 0 1em 0;}

blockquote {font-style: italic; margin: 1em 0; padding: 3px 1px 3px 14px; border-left: 5px solid #1ebccb; clear: left;}
blockquote p {margin: 0;}
pre, code {font: 1.2em/1.8em "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee;}
code {padding: .2em .5em;}


/* --- container
----------------------- */

#container {/*min-height: 100%; */min-width: 1000px; max-width: 1256px; margin: 0 auto/* -388px*/; background: url("images/style/bg.gif") center top no-repeat; font-size: 1.3em; line-height: 1.08em;}

#index #container {min-width: 1000px; max-width: 100%; margin: 0/* 0 -173px*/;}
#index #header,
#index #content_1,
#index #content_2,
#index #content_3,
#footer,
#footer_1,
#footer_2 {min-width: 970px; max-width: 1226px; margin: 0 auto;}

#index h1 {margin: 0 0 .69em 0;}
#index h2 {font: normal 1.85em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 0 0 .69em 0;}


/* --- header
----------------------- */

#header {padding: 31px 20px 0 10px;}

.search {float: right; background: url("images/style/search_2.gif") 47px top no-repeat; width: 157px; padding: 0 18px 0 25px;}
.search input {vertical-align: top; background: 0; border: 0;}
.search .i_text {width: 122px; height: 17px; padding: 2px 5px 0 7px;}

.lang {float: right; margin: 0; list-style: none; color: #999; font-size: 0.85em;}
.lang li {float: left; padding: 1px 6px 0;}

#login_form {float: right; width: 218px; text-align: center; padding: 0 6px 0 0; font-size: 0.85em; line-height: 1.5em; position: relative;}
#login_form .login_form {width: 100px; margin: 0 auto;}
#login_form .login_form a {position: relative;}
#login_form .login_href {padding: 0 0 10px;}
#login_form .iepng {position: absolute; left: 0; display: none; width: 198px; height: 88px; padding: 24px 10px 0; background: url("images/style/form.png") left top no-repeat; text-align: left; color: #fff;}
#login_form .show_form {display: block;}
#login_form .iepng a {color: #023161;}
#login_form .iepng .input input {width: 129px; height: 16px; padding: 3px 2px 0 2px; border: 1px solid #e3e3eb; border-top: 1px solid #aaadb2; background: #fff; float: right;}
#login_form .iepng .submit {line-height: 2em;}
#login_form .iepng .submit input {float: right; width: 75px; height: 22px; color: #000;}
#login_form .iepng p {padding: 0 0 6px; margin: 0; height: 21px; clear: both;}

.mini {margin: 0; padding: 0; float: right; list-style: none;}
.mini li {float: left; padding: 1px 13px 0;}

.phone {float: right; clear: right; padding: 29px 17px 0 0;}

.logo {padding: 5px 0 0 44px;}

.menu {margin: 36px 40px 0 90px;}
.menu table {width: 100%;}
.menu td {width: 1%; padding: 0 0 8px;}
.menu .space {width: auto; font-size: 1px; line-height: 1px;}
.menu img {padding: 0 0 7px 0;}
.menu a {text-decoration: none;}
.menu a img {background: url("images/style/menu_line.gif") left 16px repeat-x;}
.menu a:hover img {background: none;}
.menu .active {background: url("images/style/menu_a.gif") center 20px no-repeat;}
.menu .active img, .menu .active a img {background: none;}

.beauty_pic {background: url("images/style/bg_2.jpg") 66px top no-repeat;}
.beauty_pic div {background: url("images/style/bg_1.gif") left top no-repeat;}
.beauty_pic div div { height: 155px; background: url("images/style/bg_3.gif") right top no-repeat;}
.beauty_pic .slogan {height: auto; background: none; margin: 0 0 0 50%; padding: 36px 0 0 20px;}
.beauty_pic .slogan img {width: 431px; height: 87px;}


/* --- content
----------------------- */

.content {padding: 35px 30px 115px 30px;}

.content ul {margin: 1em 0; list-style: none; line-height: 1.08em;}
.content ul li {padding: 0 0 4px 16px; background: url("images/style/bullet.gif") left 0.4em no-repeat;}

#content_1 {padding: 35px 20px 53px 10px;}
.pics {width: 100%;}
.pics td {width: 21%; padding: 28px 20px 6px;}
.content .pics ul, .pics ul {font-size: 0.85em; line-height: 1.36em; margin: 1em 0 1em 1px;}
.pics ul li {background-position: left 0.5em; padding-bottom: 0;}
.pics img {padding: 0 0 27px;}

.pics2 td {width: 48%; padding: 34px 0 6px 0;}
.pics2 .space {width: 35px;}
.pics2 .space div {width: 35px;}
.pics2 img {padding: 0 0 16px;}

#content_2_bg {background: #e6e6e6 url("images/style/shadow.gif") center top no-repeat;}
#content_2 {padding: 38px 20px 40px 10px;}

#content_3_bg {background: #003f62 url("images/style/shadow_2.gif") center top no-repeat; color: #fff;}
#content_3 {padding: 35px 20px 35px 10px;}

.c_left {float: left; width: 50%;}
.c_l_text {padding: 0 20px;}
#content_2 .c_l_text ul {margin: 0;}
#content_2 .c_l_text ul a {color: #00547b;}
#content_2 .c_l_text ul ul {font-size: 0.85em; line-height: 1.27em; padding: 1px 0 1px 8px;}
#content_2 .c_l_text ul ul li {background: none; padding: 0;}
#content_2 .c_l_text ul ul li a {color: #7e7e7e;}

.c_right {float: right; width: 50%;}
.c_r_text {padding: 0 20px;}

.n_date {margin: 0; font-size: 0.85em; line-height: 1.27em;}
.n_title {margin: 0 0 4px;}
.n_anons {font-size: 0.85em; line-height: 1.27em; margin: 0 0 28px;}

.sub {width: 100%; height: 46px; background: #16b6ca url("images/style/subscr.gif") left top no-repeat; color: #fff;}
.sub td {vertical-align: middle;}
.sub .td_n1 {width: 142px; text-align: center;}
.sub .td_n2 {}
.sub .td_n2 input {width: 93%; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; background: #fff; padding: 4px 5px 0; height: 16px;}
.sub .td_n3 {width: 127px;}
.sub .td_n3 input {width: 110px; margin: 0 0 0 7px; color: #000; font-size: 12px;}
.sub .td_s {width: 8px;}

#content_3 a {color: #60d4e2;}
#content_3 .c_l_text {}
#content_3 .c_r_text {color: #7db4d3;}
#content_3 .c_r_text h1, #content_3 .c_r_text h2, #content_3 .c_r_text h3, #content_3 .c_r_text h4, #content_3 .c_r_text h5, #content_3 .c_r_text h6 {color: #fff;}

.totop {text-align: right;}
.q_title {color: #074568; margin: 2em 0 1em;}
.c_l_t_left {width: 50%; float: left;}
.c_l_t_left .question {padding: 0 20px 0 0;}
.c_l_t_left .question .q_title {color: #60d4e2; margin-top: 0;}
.c_l_t_left .question .q_text,
.c_l_t_left .question .q_more {margin: 0 0 1em; color: #fff; font-size: 1em; line-height: 1.08em;}
.col_l_t .question .q_title {color: #074568; margin-top: 0;}
.col_l_t .question .q_text,
.col_l_t .question .q_more {font-size: 0.85em; line-height: 1.27em; color: #333; margin: 0 0 1em;}

.block_200_120 {margin: 0 0 15px;}
.block_715_90 {padding-top: 75px;}

.c_l_t_right {width: 50%; float: right;}
.c_l_t_right .vote {padding: 0 0 0 20px;}
.c_l_t_right .vote div {color: #7DB4D3; line-height: 1.2em;}
.c_l_t_right .vote .v_title {color: #fff; line-height: 1.08em;}
.c_l_t_right .vote .graph-bar {margin: 0 0 3px;}
.content .v_variants {margin: 1em 0;}
.content .v_variants li {background: none; height: 19px; padding: 0; color: #7db4d3;}
.content .v_variants li input {background: none; margin: 0 8px 0 0; vertical-align: top;}
.v_result input {width: 81px; color: #000;}

/*inner*/

.col_l {width: 21%; float: left;}
.col_l_t {padding: 2px 0 0;}

.content .col_l .menu_2 {font-size: 1.38em; line-height: 2em; margin: 0 0 45px;}
.content .col_l .menu_2 a {color: #004c77;}
.content .col_l .menu_2 li {background: none; padding: 0;}
.content .col_l .menu_2 li a.active, .content .col_l .menu_2 li span.active {color: #333;}
.content .col_l .menu_2 .menu_3 {margin: 0; padding: 3px 0 0 0; list-style: none; font-size: 0.72em; line-height: 1.08em;}
.content .col_l .menu_2 .menu_3 li {padding: 5px 6px 5px 16px; clear: left; background: url("images/style/bullet.gif") left 0.75em no-repeat;}
.content .col_l .menu_2 .menu_3 li.active {padding: 0 0 0 13px; min-height: 1.2em;}
.content .col_l .menu_2 .menu_3 li.active a, .content .col_l .menu_2 .menu_3 li.active span {background: #0095ae; color: #fff; padding: 5px 6px 5px 3px; display: block; float: left;} 

.words {margin: 0 0 65px; line-height:1.5em;}
.words h2 {font: normal 1.85em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 0 0 .69em 0;}
.words a {color: #004C77;}

.hot {color: #333; font-size: 0.85em; line-height: 1.27em; margin: 0 0 78px; padding: 16px 0 0 0;}
.hot h2 {font-size: 1.64em; line-height: 1.1em; margin-bottom: 1em; margin-top: 0; color: #000;}
.hot h2:first-line {color: #cc0000; font-size: 1.33em;}
/*.hot .h_more {font-size: 1.18em; line-height: 1.08em;}*/

.col_l .question h2 {font: normal 1.85em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 0 0 .69em 0;}

.col_r {width: 76%; float: right;}
.col_r_t {padding: 0;}

.content div.navi {height: 17px;}
.content ul.navi,
.content div.navi ul {margin: 0; list-style: none; color: #999; font-size: 0.85em;}
.content .navi li {padding: 0 10px 0 0; margin: 0 7px 0 0; background: url("images/style/bullet_2.gif") right 0.45em no-repeat; float: left; line-height: 1.3em;}
.content .navi li.n_f,
.content .navi li.n_l {background: none; color: #000; padding: 0;}
.content .navi li a {color: #999;}

.img_l {float: left; margin: 10px 35px 3px 0;}
.img_r {float: right; margin: 10px 0 3px 35px;}

.table {border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; margin: 1em 0;}
.table th {background: #0095ae; border-left: 1px solid #0095ae; border-right: 1px solid #0095ae; padding: 7px 11px 9px; color: #fff; text-align: left;}
.table thead td {border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; padding: 7px 11px 9px; color: #004c77; font-weight: bold;}
.table td {border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; padding: 7px 11px 9px;}
.table .tr td {background: #e7e7e7;}
.table thead .td1 {font-size: 0.85em; color: #666; font-weight: normal;}

.webform {width: 318px; float: left; padding-top: 1px;}
.webform table {width: 318px;}
.webform td {padding: 0 0 8px 0;}
.webform .i_text {text-align: right; padding: 0 0 8px 0;}
.webform .i_text input {width: 240px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; background: #fff; padding: 4px 5px 0; height: 16px;}
.webform p {margin: 0 0 5px;}
.webform textarea {width: 308px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; background: #fff; padding: 4px 5px 0; height: 120px;}
.webform .submit {text-align: right; padding-top: 2px;}
.webform .submit input {width: 94px; color: #000;}

.search-page {}
.search-page input {width: 94px; color: #000; vertical-align: middle;}
.search-page .i_text {width: 240px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; background: #fff; padding: 4px 5px 0; height: 16px;}
.search-page .search-title {padding: 1em 0 .5em; clear: left; margin: 0;}
.search-page .search-text {padding: 0 0 .5em;}
.search-page .search-text span {font-weight: bold;}
.search-page .search-info {margin: 0 0 1em;}
.search-page .search-info p {margin: 0; font-size: 0.85em;}
.search-page .search-sort {padding-top: 2em; clear: left;}
.search-page .search-sort span {font-weight: bold;}

.b_left {margin: 0 0 0 390px; padding-top: 1px;}

/* cat items */

.c_item {clear: left; padding: 20px 0 34px 0;}
.c_item .c_image {float: left; width: 240px; padding: 5px 0 0 0;}
.c_item .c_text {margin: 0 0 0 274px;}
.c_item .c_more {margin: .3em 0; padding: 0 0 0 21px; background: url("images/style/bullet.gif") 5px 0.4em no-repeat;}
.c_item h2 {margin: 0 0 .3em;}
.c_item p {margin: 0 0 .3em;}

.filters {background: #00a6c6 url("images/style/filters_form.gif") top right no-repeat; height: 30px; padding: 9px 0 0; clear: both;}
.filters select {margin: 0 0 0 10px; height: 20px; vertical-align: middle;}
.filters input {width: 91px; height: 22px; margin: 0 0 0 10px; vertical-align: middle; color: #000;}

/* --- footer
----------------------- */

#footer_bg {background: #e6e6e6 url("images/style/bg_f.gif") left top repeat-x; min-width: 1000px;}
#footer {min-height: 173px; margin: 0 auto; padding: 0 20px 14px 10px;}

#index #footer_bg {background-position: left top; min-width: 1000px;}
#index #footer {height: 173px; background: none; padding: 0 20px 0 10px;}

#footer_1_bg {background: #e6e6e6; padding: 0 0 29px 0; min-width: 1000px;}
#footer_1 {padding: 12px 20px 0 10px; background: url("images/style/shadow.gif") center top no-repeat;}

#footer_2_bg {background: #e6e6e6 url("images/style/bg_f.gif") left top repeat-x; min-width: 1000px;}
#footer_2 {/*height: px; */padding: 0 20px 14px 10px; background: url("images/style/shadow_3.gif") center top no-repeat;}

.footer {font-size: 1.3em; line-height: 1.08em;}
.footer .pics {}
.footer .pics td {padding-bottom: 11px;}
.footer .pics img {padding: 0;}

.menu_f {margin: 0 20px 0 30px; padding: 19px 0 0 0; height: 37px; color: #1ebccb;}
#index .menu_f {background: none;}
.menu_f a {color: #fff;}
.menu_f table {width: 100%;}
.menu_f td {width: 1%; white-space: nowrap;}
.menu_f .space {width: auto; font-size: 1px; line-height: 1px;}

.copyright {float: right; padding: 33px 8px 0 4px; width: 30%; height: 38px; text-align: right; color: #666; font-size: 0.85em; line-height: 1.36em;}
#wp {float: right; width: 30%; text-align: right; clear: right; padding: 0 12px 0 0; color: #666; font-size: 0.85em; line-height: 1.36em;}
#wp img {padding-bottom: 2px;}
#wp a {color: #666; text-decoration: none;}
#wp a:hover {text-decoration: underline;}

.f_text {padding: 32px 0 0 125px; color: #333; font-size: 0.85em; line-height: 1.36em; background: url("images/style/logo_2.gif") 31px 33px no-repeat;}

.content .numpages {margin: 2em 0 0; padding: 0; color: #333; clear: left;}
.content .numpages li {padding: 3px 0 0; margin: 0 2px; height: 19px; width: 22px; background: none; float: left; text-align: center;}
.content .numpages li a {color: #004c77;}
.content .numpages li.active {background: #0095ae; color: #fff;}
.content .numpages li.n_first {width: auto; margin: 0;}
.content .numpages li.n_prev {width: auto; padding: 3px 10px 0 7px; margin: 0;}
.content .numpages li.n_prev a {color: #018aa4;}
.content .numpages li.n_last {width: auto; margin: 0;}
.content .numpages li.n_next {width: auto; padding: 3px 7px 0 10px; margin: 0;}
.content .numpages li.n_next a {color: #018aa4;}


/* --- for bitrix
----------------------- */

/*Data table*/
table.data-table {border-bottom: 1px solid #b2b2b2; margin: 1em 0;}

/*Any cell*/
table.data-table td {padding: 7px 11px 9px; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2;}
table.data-table .tr td {background: #e7e7e7;}

/*Head cell*/
table.data-table thead td, table.data-table th {background: #0095ae; border-left: 1px solid #0095ae; border-right: 1px solid #0095ae; padding: 7px 11px 9px; color: #fff; text-align: left;}

/*Body cell*/
table.data-table tbody td {}

/*Foot cell*/
table.data-table tfoot td {}