* { font-size:100.01%; margin:0; padding:0;}
html, body {height:100%;}
body {font-family:Arial, Tahoma, Verdana, sans-serif; background:#EBD0B4 url(wrap_bg.gif); color:#3D2B24; line-height:1.4; font-size:0.81em; text-align:center;}

a {color:#274468; text-decoration:underline;}
a:hover {color:#5F7896; text-decoration:underline;}

h1, h2, h3, h4 {margin:1em 0 0.5em; line-height:1.3;}
h1 {font-size:1.538em; color:#772D0E; font-weight:normal;}
h2 {font-size:1.25em; font-weight:normal;}
h3 {font-size:1.15em; font-weight: 600;}
h4 {font-size:1em;}
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

ul, ol {margin: 0 0 1em 2em; line-height: 1.3em;}
li {margin: 0.4em 0 0 0;}
dl {margin: 0.5em 0 1em 0;}
dt {font-weight: bold; margin: 0.5em 0 0 0;}
dd {margin: 0 0 0 2em;}

ul.line {list-style:none;}
ul.line li {background:url(li.gif) 0% 9px no-repeat; padding-left:12px; margin: 0 0 0.4em 0;}

p {margin: 0 0 1em 0;}

p + ul {
  margin-top: -0.6em;
}

table {border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none;}
td {vertical-align:top;}

:focus {outline: none;}
img {border-width: 0;}

.clear {clear: both; min-height: 0; height: 0; line-height: 0; font-size: 0;}

.a-left {text-align:left;}
.a-right {text-align:right;}
.a-center {text-align:center;}

.f-left {float: left;}
.f-right {float: right;}
img.f-left {margin: 0 1.5em 0.65em 0;}
img.f-right {margin: 0 0 0.65em 1.5em;}

fieldset {margin-bottom: 1em; border: none;}
legend {font-size: 1em; font-weight: bold; padding-left: 8px 0 5px 135px;}
label {float: left; width: 130px; text-align:right; font-size:12px; cursor:pointer;}
label.checkbox { float: none; width: 100%; text-align: left; }

.f-row {overflow: hidden; margin-bottom: 15px; height:1%;}
.f-inputs {padding-left: 135px;}
.f-inputs-submit {padding-left: 135px;}
.submit {font-size:12px; width: auto; cursor: pointer; padding: 1px 5px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px;}
.remark {font-size:11px;}

.f-inputs input, textarea, select {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background:#fff; border:1px solid #B3B3B3; padding:2px;}
input {vertical-align: middle;}
.i-text {width: 309px;}
.i-select {width: 315px;}
textarea {overflow: auto;}

.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}

/* main */
.empty {width: 100%; height: 140px; clear: both;}

#wrap {background:transparent url(body_bg.jpg) 50% 0% repeat-y; min-height:100%;}

#main {min-height:100%; margin:0 auto; width:1000px; text-align:left; position:relative; background:transparent url(main_bg.jpg) 50% 0% no-repeat;}
#footer {height:115px; margin: -115px auto 0; width:1000px; text-align:left; position:relative;}

#content {padding-top:251px;}
#container {width:100%; float:right; margin-left:-263px;}
#center {margin-left:263px; margin-right:50px;}
#leftcol {float:left; width:240px;}

body.home #container {width:100%; float:right; /*margin-left:-244px;*/ margin-left:-263px;}
body.home #center {margin-left:263px; margin-right:0;}
body.home #canvas {width:100%; float:left; margin-right:-359px;}
body.home .content {margin-right:359px;}
body.home #rightcol {float:right; width:313px;}

body.home .content h1 {margin-top:2px;}

/* top */
#header {position:absolute; top:0; left:0; width:100%; zoom:1;}

#header #logo {float:left; padding-top: 10px;}
#header #logo img {margin:0 18px 0 24px; float: left;}
#header #logo h2 {margin:5px 0 0; float: left; color:#772D0E; font-size: 14px;}

#header #hcontact {float: right; color:#46332C; font-size:1.15em; font-style:italic; padding:15px 50px 0 0; vertical-align: top; overflow: hidden;}
#header #hcontact .phone {font-size:1.33em; line-height:1.1; margin-right: 30px; float: left; text-align: right;}
#header #hcontact .phone small {font-size:0.588em; position: relative; top: -5px;}
#header #hcontact .addr {float: left; text-align: right; margin-top: 2px;}


ul.topmenu {display: block; overflow: hidden; list-style:none; margin:0 50px 0 0; line-height:1.2; position:relative; top:-21px; float: right;}
ul.topmenu li {list-style:none; margin:0 20px 0 0; float:left; font-size:18px; zoom:1;}
ul.topmenu li a {color:#7C2E0A;}
ul.topmenu li a:hover {color:#46332C;}
ul.topmenu li a.act {text-decoration:none;}
ul.topmenu li:last-child {margin: 0;}

/* footer */
#footer .inner {padding-top:6px; margin:0 50px 0 56px; font-size:0.92em; color:#54473A;}
#footer .inner p {margin-bottom: 0.5em;}
#counter {float:left; width:336px;}
#copyright {float:left; width:330px;}

#copy_softart {width:220px; float:right; line-height: 1.3;}
#copy_softart img {float:left; position:relative; top:-3px;}
#copy_softart .ctext {margin-left: 42px;}
.site {margin-top: 7px;}

/* leftcol */
.nav_shadow {width:240px; background:#EFD9BD url(menu_bg.jpg); position:relative; left:-7px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	box-shadow:2px 2px 2px rgba(191, 161, 131, 1);
}

.nav_wrap {background:transparent url(menu_l_bg.png) 0% 0% repeat-y;}

.nav {
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	background: -moz-linear-gradient(-225deg, rgba(188, 113, 41, 0.4), rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.01) 50%, rgba(188, 113, 41, 0.3));
	background: -webkit-gradient(linear, bottom right, left top, color-stop(0%,rgba(188, 113, 41, 0.4)), color-stop(30%,rgba(255, 255, 255, 0.1)), color-stop(50%,rgba(255, 255, 255, 0.01)), color-stop(100%,rgba(188, 113, 41, 0.3)));
	background: -webkit-linear-gradient(-225deg, rgba(188, 113, 41, 0.4), rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.01) 50%, rgba(188, 113, 41, 0.3));
	background: -o-linear-gradient(-225deg, rgba(188, 113, 41, 0.4), rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.01) 50%, rgba(188, 113, 41, 0.3));
	background: linear-gradient(-225deg, rgba(188, 113, 41, 0.4), rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.01) 50%, rgba(188, 113, 41, 0.3));
}
/*
.nav_shadow {width:212px; background:transparent url(nav_shadow.png) 0% 100% no-repeat; padding-bottom:8px; position:relative; left:-7px;}
.nav_wrap {background:transparent url(nav_bg.jpg) 0% 0% repeat-y;}
.nav {background:transparent url(nav_bot_bg.jpg) 0% 100% no-repeat; padding-bottom:10px;}  */
.nav ul {list-style:none; margin:0; /*background:transparent url(nav_top.jpg) 0% 0% no-repeat; */padding:31px 10px 10px 8px; line-height:1.2;}
.nav li {list-style:none; margin:0; padding:0 0 13px 13px; font-size:17px; zoom:1; position:relative;}
.nav li a {color:#425F84;}
.nav li a:hover {color:#5F7896;}
.nav li a.act {text-decoration:none;}
.nav ul ul {padding:5px 0 0 0; margin:0; background-image:none;}
.nav li li {padding:0 0 5px 13px; margin:0; font-size:13px;}
.nav li li a {color:#425F84;}
.nav li li a:hover {color:#5F7896; background-image:none;}
.nav h3 {font-size:14px; font-weight:normal; margin:0;}
/*.nav_bot {background:url(nav_bot.gif) 0% 0% no-repeat; width:205px; height:13px; font-size:0; line-height:0;} */
.nav h3 a {text-decoration:none; border-bottom:1px dotted;}

.nav .plus {display:block; position:absolute; top:3px; left:0; background: url(smenu_plus.png) no-repeat; width:9px; height:9px; cursor:pointer;}
.nav .minus {displayblock; position:absolute; top:3px; left:0; background: url(smenu_minus.png) no-repeat; width:9px; height:9px; cursor:pointer;}
.nav li .plus, .nav li .minus {top:5px;}
.nav li li .plus, .nav li li .minus {top:3px;}

/* rightcol */
.history_wrap1 {margin-top:12px; width:280px; background:url(history_bg.jpg) 0% 0% repeat-y;}
.history_wrap2 {width:280px; background:url(history_top.jpg) 0% 0% no-repeat; position: relative;}
.history {background:url(history_bot.jpg) 0% 100% no-repeat; padding:20px 30px 30px; }
.history h2 {font-size:1.38em; font-weight:normal; margin-top:0;}
.history img {margin-bottom:10px;}
.history p {margin: 0;}
.history .next {
position: absolute; left: 150px; top: 165px; height: 30px; line-height: 25px; width: 100px;
background: url('head_pic_title_bg.png') repeat-x 0 0 transparent;
}
.history .next a, .history .next a:hover {text-decoration:none; cursor: pointer; color: #FFFFFF;}
.history .next .dot {border-bottom:1px dotted /*#274468;*/ #FFFFFF; margin-left: 10px; }
.hidden { display: none; }
.showed { display: block; }

/* content */
.newsbox {background:url(news_bg.png); padding-top:20px; padding-bottom:10px; margin-left:-30px; margin-right:38px;
  -webkit-border-radius:15px;
     -moz-border-radius:15px;
          border-radius:15px;
          box-shadow: 2px 2px 2px rgba(191, 161, 131, 1);
}
.newsbox .news {width:210px; float:left; margin-left:30px;}
.newsbox .news h3 {font-size:1.077em; margin:0 0 3px; font-weight:normal;}
.newsbox .news img {float:left; margin:0 10px 3px 0;}
.newsbox .news .date {margin-bottom:3px;}

#path {font-size:0.92em; margin-top:3px;}

ul.list {list-style:none; margin:0; font-size:1.08em;}

.article {margin-bottom:1em;}
.article h3 {font-size:1.077em; margin:3px 0; font-weight:normal; font-family:Tahoma, Verdana, Arial, sans-serif;}
.article p {margin:0;}
.mr {margin-left:2em;}
.date {font-size:0.92em; color: #46332C; margin-bottom: 5px;}

table.tbl_photo {width:100%; margin:1em 0; line-height:1.2;}
table.tbl_photo td {padding:0 0 10px 0;}
.photo_name {font-style:italic; width:180px; padding-top:5px; clear:both;}

.image {display:block; background:url(news_bg.png); padding:15px; float:left; margin-right:20px; margin-bottom:5px;
  -webkit-border-radius:15px;
     -moz-border-radius:15px;
          border-radius:15px;
          box-shadow: 2px 2px 2px rgba(191, 161, 131, 1);
}
.image img {display:block; vertical-align:top; font-size:0;}
.image div {width:180px; font-style:italic; margin-top:5px;}
.image a {position:relative; zoom:1; display:block;}
.image a .large {display:block; background:url(pic_zoom.png) 0% 0% no-repeat; width:28px; height:26px; position:absolute; z-index:10; right:0; bottom:0px;}

table.tbl_photo td .image {margin-bottom:0;}

.photoreports {margin-bottom:1em;}
.photoreports .col {float:left; margin-right:30px;}
.photoreports .itext {width:300px; margin-top:10px;}

.photoreports .col .image {float:none; margin-right:0px;}

ul.groups {list-style:none; margin:0;}
ul.groups li {font-size:1.17em;}
ul.groups ul {list-style:none; margin:0 0 0 2em;}
ul.groups ul li {font-size:0.93em;}

.pic_left {float:left; width:220px; margin-bottom:5px;}
.pic_left img {margin-bottom:3px;}
.pic_left div {width:220px; font-style:italic;}

#feedback h2 span {color:#274468; cursor:pointer; border-bottom:1px dashed #274468;}
#feedback .text {margin-top:10px;}

table.tbl {width:100%; border:1px solid #A38E85; border-collapse: collapse;}
table.tbl th {padding: 5px 10px; font-size: 1em; border: 1px solid #A38E85; text-align:center; background:#E1C29F;}
table.tbl td {padding: 5px 10px; border: 1px solid #A38E85; vertical-align:top; background:#FAEBD5;}

.sitemap {margin-bottom: 0.65em; font-size: 1.08em;}
.sitemap ul {list-style: none; font-size: 0.92em;}

.itext {font-style:italic; margin-top:5px; line-height:1.2;}
small {font-size: 0.92em;}
.small {font-size: 0.92em;}
.red {color:red;}
.bold {font-weight:bold;}
.big {font-size:1.17em;}

.columns2 .col {float: left; width: 49%;}
.columns3 .col {float: left; width: 33%;}
.columns4 .col {float: left; width: 25%;}

ul.active     {display: block;}
ul.disactive  {display: none;}

.sicons {margin-top:2em; margin-left:15px;}
.sicons .ic {display:block; float:left; margin-right:10px;}

.policy-error {
  display: none;
}