/* (c)copyright 2009 Risuyu.ru */
body {background: white; padding: 0; margin: 0;}
body, td, th {font: normal 12px Arial, Helvetica, sans-serif; color: #666;}

form, img {margin: 0; padding: 0;}
.hand {cursor: hand; cursor: pointer;}
input, select, button, textarea {font: normal 13px Arial, Helvetica, sans-serif; color: #333;}
select {width: 170px;}

a, a:visited {color: #009c84; text-decoration: underline; outline: none;}
a:visited {color: #666;}
a:hover {color: #009c84; text-decoration: none; outline: none;}

/* Standard HTML elements */
img {border-width: 0;}

h1, h2, h3 {font: 18px/16px normal Corbel, "Trebuchet MS", Tahoma, Arial, sans-serif; text-transform: uppercase; margin: 10px 0 20px 0;}
h1 {color: #999; margin: 20px 0;}
h1.first {margin: 10px 0 20px 0; font: 28px/24px normal Corbel, "Trebuchet MS", Tahoma, Arial, sans-serif; text-transform: uppercase; color: #009c85;}
h1 div {font-size: 18px; color: #999;}
h2 {color: #009c85;}
h2.small {font-size: 21px; margin-top: 30px; margin-left: 20px;}
h2 span {float: right; background: url('img/other.gif') right 5px no-repeat; padding-right: 11px;}
h2 span a, h2 span a:hover, h2 span a:visited {font-size: 11px; color: #333;}
h3 {color: #333;}
h3.mnenie {margin: 10px 0 0 0;}
h3 div {color: #999; font-size: 13px; font-weight: normal;}
h6 {border: 1px solid #090; padding: 5px 10px; color: #090; background: #e2f6e2; font-size: 10px;} 

p {margin: 0 0 1.2em 0; line-height: 1.6em;}
p.before-list {margin-bottom: 0.4em;}
div {line-height: 1.6em;}

ul {margin: 0 0 0.8em 1.2em; padding: 0; list-style: none;}
ul li {margin: 0.6em 0 0.8em 5px; background: url('img/li.gif') left 7px no-repeat; padding-left: 17px; line-height: 1.6em;}

ol {margin: 0 0 1.2em 0; padding: 0;}
ol li {margin: 0.5em 0 0.5em 35px;}

hr {height: 1px; border: none; background: none; border-bottom: 1px dashed #b4b4b4;}

/* Menu */
.menu {background: url('img/menu_b.gif') #edf8f6 right top no-repeat; border-bottom: 1px solid white; border-top: 1px solid white; padding: 12px 0;}
.menu td {height: 30px; background: url('img/menu_td.gif') no-repeat; padding: 4px 10px 2px 51px;}
.menu td.sub_as {background: url('img/menu_td.gif') no-repeat; height: 1px; font-size: 1px; line-height: 1px; margin: 0; padding: 0;}
.menu a, .menu a:hover, .menu a:visited {font-weight: bold; color: #099; font-size: 13px;}
.menu td.activ {background: url('img/menu_li.gif') 35px 13px no-repeat;}
.menu td.none {background: none;}
.menu td.p_none {padding-left: 0;}
.menu td.p_none div {background: url('img/menu_li.gif') 35px 8px no-repeat; padding-left: 51px;}
.menu td div.sub_menu {padding: 4px 10px 10px 17px; line-height: 18px;}
.menu td div.sub_menu a, .menu td div.sub_menu a:hover, .menu td div.sub_menu a:visited {color: #999; font-size: 11px; font-weight: normal;}
.menu td div.sub_menu a.act, .menu td div.sub_menu a.act:hover, .menu td div.sub_menu a.act:visited {color: #099; font-size: 11px; font-weight: normal;}

/* Other */
.h1_title {background: url('img/h1_left.gif') #edf8f6 no-repeat; height: 62px;}
.h1_title td {height: 62px; background: url('img/h1_right.gif') right top no-repeat; padding: 0 20px;}
.h1_title h4 {margin: 5px 0; font: 28px/24px normal Corbel, "Trebuchet MS", Tahoma, Arial, sans-serif; text-transform: uppercase; color: #009c85;}
.top {background: url('img/image_01.jpg') right top no-repeat;}
.top_new {background: url('img/hinoki_new.gif') right top no-repeat;}
.logo {margin: 32px 0 18px 30px;}
.logo2 {margin: 21px 30px 38px 16px;}
.phone {background: url('img/phone_back.gif') #009c84 right top no-repeat; height: 62px;}
.phone2 {background: url('img/phone_back_new.gif') #009c84 right top no-repeat; height: 62px;}
.phone img, .phone2 img {margin: 12px 0 0 61px;}
.search {background: #ccc; border-bottom: 1px solid white; height: 44px;}
.s_bott {background: #ccc; border: none; color: white; text-decoration: underline; font-size: 12px; width: 70px;}
.query {padding-left: 9px;}
.query input {font-size: 12px; color: #a7a7a7; padding-left: 3px; padding-right: 3px; border: 1px solid #ccc; width: 204px; border-top: 1px solid #a7a7a7;}
.news {background: #009c84; height: 44px; border-bottom: 1px solid white;}
.news img {margin-left: 12px;}
#news td {border-bottom: 1px solid white; padding: 15px 0;}
#news td.td1 {background: #edf8f6;}
#news div.avatar, .avatar {border: 1px solid #bdbdbd; width: 66px; height: 66px; background: white;}
#news div.avatar div, .avatar div {margin: 4px;}
#news div.avatar div, .avatar div, #news div.avatar a, #news div.avatar a:hover, #news div.avatar a:visited, .avatar a, .avatar a:hover, .avatar a:visited {width: 58px; height: 58px; display: block;}
#news div.small_news {line-height: 14px; font-size: 12px; color: #666; padding-top: 5px;}

#news2 td {border-bottom: 1px dashed #b4b4b4; padding: 15px 0;}
#news2 td.first {padding-top: 0;}
#news2 div.avatar, .avatar {border: 1px solid #bdbdbd; width: 66px; height: 66px; background: white;}
#news2 div.avatar div, .avatar div {margin: 4px;}
#news2 div.avatar div, .avatar div, #news2 div.avatar a, #news2 div.avatar a:hover, #news2 div.avatar a:visited {width: 58px; height: 58px; display: block;}
#new2s div.small_news {line-height: 14px; font-size: 12px; color: #666; padding-top: 5px;}

.top_slog {font-size: 20px; color: #009c84; line-height: 20px; padding-bottom: 5px;}
.top_slog span {font-size: 18px; color: #666;}
.top_slog a, .top_slog a:hover, .top_slog a:visited {font-weight: bold; font-size: 24px; color: #009c84;}
.partn {background: url('img/p_04.gif') #edf8f6 left bottom no-repeat;}
.partn2 {background: url('img/p_03.gif') #edf8f6 right bottom no-repeat;}
.partn div {background: url('img/p_01.gif') no-repeat; padding: 35px 0;}
.partn2 div {background: url('img/p_02.gif') right top no-repeat; color: #099; padding-top: 20px;}
.partn2 p {color: #333; font-size: 11px;}
.top5 {background: url('img/sp_logo.gif') no-repeat; padding-left: 58px; padding-bottom: 10px;}
.top5 strong, .top5 a, .top5 a:hover, .top5 a:visited {color: #22bba8;}
.top5 ul {margin-left: 5px;}
.top5 li {background: url(img/image_02.gif) no-repeat; line-height: 24px; padding-left: 20px;}
.top5 li a, .top5 li a:hover, .top5 li a:visited {color: #999;}

.copy {background: url('img/small_logo.gif') 53px top no-repeat; padding-left: 157px; font-size: 11px; color: #666;}
.copy a, .copy a:hover, .copy a:visited {font-size: 11px; color: #666;}

/* Products */
.prod_t {background: url('img/b_01.gif') repeat-x; height: 23px;}
.prod_b {background: url('img/b_01.gif') left bottom repeat-x; height: 23px;}
.prod_t div, .prod_b div {background: url('img/u_02.gif') no-repeat; height: 23px; width: 23px; float: right;}
.prod_t b, .prod_b b {background: url('img/u_01.gif') no-repeat; height: 23px; width: 23px; float: left; display: block;}
.prod_b div {background: url('img/u_03.gif') no-repeat;}
.prod_b b {background: url('img/u_04.gif') no-repeat;}
.prod_m {border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.prod_m table {height: 125px;}
.pro_proto {height: 125px; width: 116px;}
.pro_proto a, .pro_proto a:visited, .pro_proto a:hover {height: 125px; width: 116px; display: block; text-decoration: none;}
.prod_title {background: #009c84; color: white; padding: 2px 5px; font-weight: bold;}
.prod_text {padding: 14px 5px; color: #999; font-size: 11px;}

.my_photo table {height: 130px; border: 1px solid #ccc;}
.my_photo td {padding: 3px;}
.my_photo div {width: 172px; height: 130px;}
.my_photo a {display: block; width: 172px; height: 130px;}
.my_title {padding-left: 20px;}
.my_title a, .my_title a:hover, .my_title a:visited {text-transform: none; text-transform: uppercase;}
.my_title a:hover {text-transform: underline;}

/* GuestBook */
.fol_01 {background: url('img/l_02.gif') #edf8f6 right top no-repeat;}
.fol_01 div {background: url('img/l_01.gif') no-repeat; height: 22px; font-size: 1px; line-height: 1px;}
.fol_03 {background: url('img/l_03.gif') #edf8f6 right bottom no-repeat;}
.fol_03 div {background: url('img/l_04.gif') no-repeat; height: 22px; font-size: 1px; line-height: 1px;}
.fol_02 {background: #edf8f6; padding: 0 20px;}
.sub_sum {color: #009c84; text-decoration:underline; cursor: hamd; cursor: pointer;}
#guest_form input, #guest_form textarea {border: 1px solid #ccc;}
#guest_form input.guest_sub {border: none;} 

.metro, .metro a, .metro a:visited, .metro a:hover {color: #999; font-size: 11px;} 

/* Padding and Margin */
.p_20 {padding: 0 40px 40px 20px;}
.ptb_16 {padding: 16px 0;}
.pt_4 {padding-top: 4px;}
.pt_5 {padding-top: 5px;}
.pt_20 {padding-top: 20px;}
.pl_10 {padding: 0 10px;}
.pr_60 {padding-right: 60px;}
.pb_35 {padding-bottom: 35px;}
.pb_40 {padding-bottom: 40px;}
.pb_10 {padding-bottom: 10px;}
.pt_30 {padding: 30px 0 19px 0;}
.w_36 div {width: 36px;}