@charset "utf-8";
* {margin: 0px; padding: 0px;}
*:focus {outline: none;}
* html .iepng, * html img {filter:expression(fixPNG(this));}

html {font-size: 100.01%; height: 100%;}
body {height: 100%; font: 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; background: #fbe47e url("/images/style/bg-container-i.gif") left top repeat-x;}
* html body {height: 100%;}

ul, ol {margin: 10px 0 10px 20px;}
table {border-collapse: collapse; width: 100%; margin: 0;}
a img {border: none;}
p {margin-bottom: .8em;}
a {color: #000; text-decoration: underline;}
a:hover {text-decoration: none;}

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

h1 {font: normal 1.83em Georgia, "Times New Roman", Times, serif; line-height: 1.22em; margin: 0 0 1em 0; color: #024289;}
h2 {font: normal 1.83em Georgia, "Times New Roman", Times, serif; line-height: 1.22em; margin: 1em 0 1em 0; color: #014188;}
h3 {font: normal 1.83em Georgia, "Times New Roman", Times, serif; line-height: 1.22em; margin: 1em 0 1em 0; color: #014188;}
h4 {font: normal 1.83em Georgia, "Times New Roman", Times, serif; line-height: 1.22em; margin: 1em 0 1em 0; color: #014188;}
h5 {font: normal 1.83em Georgia, "Times New Roman", Times, serif; line-height: 1.22em; margin: 1em 0 1em 0; color: #014188;}
h6 {font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; margin: 1em 0 .6em 0; color: #014188;}

.ba {padding-right: 29px; background: url("/images/style/hotspots-arrow.gif") right 1px no-repeat; color: #0c76ed;}
.bimg {padding: 8px 6px; background: #fff; border: 1px solid #b3a45f; margin: 0 22px 0 0;}
.btable {margin: 10px 0;}
.btable th, .btable thead td {color: #4a3e35; text-align: left; padding: 10px 10px 10px 24px;}
.btable td {color: #816a3e; text-align: left; padding: 10px 10px 10px 24px;}
.btable .dark td, .btable .dark th {background: #e5c870;}
.btable p {margin: 0;}


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

#container {min-height: 100%; width: 100%; min-width: 1000px; margin: 0 auto; position: relative; font-size: 1.2em; line-height: 1.33em; color: #353333; background: #fbe47e url("/images/style/bg-container-i.gif") left top repeat-x;}
* html #container {height: 100%; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "100%");}


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

#header {}
#header .container {width: 1000px; margin: 0 auto 0; height: 122px; position: relative;}
.iheader {height: 122px; position: relative;}

.logo {position: absolute; left: 52px; top: 23px; width: 274px; height: 89px;}

#header #menu {position: absolute; left: 37px; top: 122px; width: auto;}
#menu td {padding: 0; vertical-align: top; color: #fff;}
#menu .middle td {background: #014188 url("/images/style/menu-r.gif") left bottom repeat-x;}
#menu .middle .left div {background: url("/images/style/menu-lt.gif") left top no-repeat; width: 10px; height: 10px;}
#menu .middle .right div {background: url("/images/style/menu-rt.gif") right top no-repeat; width: 10px; height: 10px;}
#menu .middle .centerdiv {position: relative; padding: 15px 0 0;}
#menu .middle .topdiv {position: absolute; top: -18px; left: 24px; background: url("/images/style/menu-top.gif") left top no-repeat; width: 13px; height: 18px;}
#menu .bottom td {height: 10px; font-size: 1px; line-height: 1px;}
#menu .bottom .left {background: url("/images/style/menu-lb.gif") left bottom no-repeat; width: 10px;}
#menu .bottom .center {background: url("/images/style/menu-br.gif") left bottom repeat-x;}
#menu .bottom .right {background: url("/images/style/menu-rb.gif") right bottom no-repeat; width: 10px;}
#menu ul {margin: 0; list-style: none;}
#menu ul .menu1 {margin-bottom: 14px; padding: 0 10px 0 42px; background: url("/images/style/menu-li.gif") 9px .4em no-repeat;}
#menu ul .last {margin-bottom: 8px;}
#menu a {color: #ffffff;}

#quick-links {width: 76px; height: 21px; margin: 0; list-style: none; position: absolute; top: 4px; right: 27px;}
#quick-links li {float: left; display: block; background: url("/images/style/quick.gif") left top no-repeat; padding-right: 4px;}
#quick-links li a {float: left; display: block;}
#quick-links .active {background: url("/images/style/quick-a.gif") left top no-repeat;}

.hotspot1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.50em; line-height: 1.33em; width: 406px; background: url("/images/style/hotspot.gif") right top no-repeat; position: absolute; top: 33px; right: 29px; text-align: right;}
.hotspot1 table {width: 164px; margin: 0 21px 5px auto;}
.hotspot1 table p {margin: 0;}
.hotspot1 .number {font-size: 1.17em; line-height: 1.33em; margin: 0; color: #04448b; padding-left: 20px;}
.hotspot1 .orange {color: #ea9203;}

.hotspot1 .htable {color: #04448b; font-style: italic;}
.hotspot1 .htable td {padding: 10px 0 0 0;}
.hotspot1 .htable .htr td {color: #fff; text-align: right; padding: 0 0 9px 0;}


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

#content {padding: 0 0 200px 0; background: url("/images/style/bg-header-i.jpg") center top no-repeat;}
#content .container {width: 1000px; margin: 0 auto;}
#content .ctext {margin-left: 334px; padding-top: 187px; padding-right: 29px;}
* html #content .ctext table {width: 99%;}

#content .ctext ul {margin: 10px 0 10px 20px;}
#content .ctext li {margin-bottom: 5px;}

#content .cleft {vertical-align: top; padding: 3px 29px 0 34px;}
#content .cright {vertical-align: top; width: 10%;}

#content .hotspot .first div {width: 311px; padding: 0 12px 0 0;}
#content .hotspot .first {height: 12px; background: url("/images/style/hotspots-top.gif") left top no-repeat; font-size: 1px; line-height: 1px;}
#content .hotspot .middle {background: url("/images/style/hotspots-repeat.gif") left top repeat-y; padding: 0 13px; padding: 0 12px 0 0; vertical-align: top;}
#content .hotspot .last {height: 12px; background: url("/images/style/hotspots-bottom.gif") left top no-repeat; font-size: 1px; line-height: 1px; padding: 0 12px 0 0;}

#content .hotspot .title {margin-bottom: 14px; color: #0e49b0; font-size: 1.50em; line-height: 1.33em; font-family: Georgia, "Times New Roman", Times, serif;}
#content .hotspot .title td {vertical-align: middle;}
#content .hotspot .title .circle {background: url("/images/style/hotspots-circle.gif") 13px top no-repeat; text-align: center; padding: 0 14px 0 13px; color: #02428a; font-size: 14px; line-height: 14px; vertical-align: top; width: 68px; height: 68px;}
#content .hotspot .title .circle div {width: 68px; height: 68px; overflow: hidden;}
#content .hotspot .title .circle td {vertical-align: middle; width: 68px; height: 68px;}
#content .hotspot .img {padding: 10px 0 11px; background: url("/images/style/hotspots-img-top.gif") left top no-repeat; width: 274px; margin: 0 auto;}
#content .hotspot .img div {padding: 0 11px 10px; background: #dbd3af url("/images/style/hotspots-img-bottom.gif") left bottom no-repeat;}
#content .hotspot .img img {display: block;}
#content .hotspot .text {padding: 0 30px; color: #333;}

#content .menu {width: 256px; float: left; padding-left: 49px; color: #ffd419;}
#content #menu .middle td {background: #014188 url("/images/style/menu-r-i.gif") left bottom repeat-x;}

#menu .submenu1 {padding: 4px 0 0 0;}
#menu .menu2 {margin-bottom: 4px; padding: 0 10px 0 10px; background: url("/images/style/menu-li2.gif") left .6em no-repeat;}
#menu .menu2 a {color: #84befe;}

#menu .submenu2 {padding: 8px 0 10px 15px;}
#menu .menu3 {margin-bottom: 4px;}
#menu .menu3 a {color: #a5bfdc;}

.navibar {min-height: 25px; color: #8d845b; padding-bottom: 15px;}
* html .navibar {height: 25px;}
.navibar ul {margin: 0; list-style: none;}
.navibar ul li {display: block; float: left; padding: 0 0 0 14px; background: url("/images/style/arrows.gif") left .6em no-repeat; margin-right: 8px;}
.navibar ul .first {background: none; padding: 0;}
.navibar ul li a {display: block; float: left; color: #8d845b;}

.photoitems {padding-top: 27px;}
.photoitem {float: left; padding: 0 90px 20px 10px; width: 218px;}
.photoitem .title {background: url("/images/style/li.gif") 4px 20px no-repeat; padding: 12px 22px; font-size: 1.50em; line-height: 1em;}
.photoitem .title a {color: #044c9d;}
.photoitem .image {background: url("/images/style/photo.png") left top no-repeat; width: 210px; height: 208px; text-align: center; vertical-align: middle; padding: 2px 14px 7px 2px; filter:expression(fixPNG(this));}
.photoitem .image img {border: 1px solid #d9dcd9;}

.photos {width: auto; margin-bottom: 30px;}
.photos td {background: url("/images/style/photo2.png") left top no-repeat; width: 170px; height: 176px; text-align: center; vertical-align: middle; padding: 1px 40px 8px 2px; filter:expression(fixPNG(this));}
* html .photos td a {position: relative;}
.photos td img {border: 1px solid #d9dcd9;}

.numpages {width: auto; margin: 0 auto 10px; color: #94653e; font-size: 1.50em; line-height: 1.20em;}
.numpages a {color: #94653e;}
.numpages img {display: block;}
.numpages .toprev {padding: 0 17px 0 7px;}
.numpages .tonext {padding: 0 7px 0 17px;}
.numpages .navi-item {padding: 0 4px; vertical-align: middle;}

.catalog td {background: url("/images/style/balloon.gif") left top no-repeat; padding: 0 50px 47px 0; vertical-align: top; height: 100px;}
.catalog .image {float: left; padding: 8px 0 0 23px;}
.catalog .image img {border: 3px solid #fff;}
.catalog .text {margin-left: 97px; font-size: 0.92em; line-height: 1.36em;}
.catalog .title {font-size: 1.09em; line-height: 1.33em; margin: 0 0 3px;}
.catalog .title a {color: #044c9d; font-weight: bold;}
.descr {margin-bottom: 2em;}

.catobject {}
.catobject .text {margin-bottom: 30px;}
.catobject .flesh {margin: 30px 0 15px; float: left; width: 100%;}

.catphotos {padding: 0;}
.catphoto {float: left; padding: 0 20px 20px 10px; width: 179px;}
.catphoto td {background: url("/images/style/photo2.png") left top no-repeat; width: 179px; height: 176px; text-align: center; vertical-align: middle; padding: 2px 6px 7px 2px; filter:expression(fixPNG(this));}
.catphoto td img {border: 1px solid #d9dcd9;}

/* Webforms_ex1
------------------------------ */

.webforms_ex1 { padding-top: 30px; }
.webforms_ex1 label { display:block; margin:0 0 10px 0; }
.webforms_ex1 label span { display:block; margin:0 0 3px 0; }
.webforms_ex1 label.input input { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:311px; color:#333; background-color:#fff; border:1px solid #988475; padding:3px 5px; }
.webforms_ex1 label.textarea textarea { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:311px; color:#333; background-color:#fff; border:1px solid #988475; padding:3px 5px; overflow:auto; height: 90px; }
.webforms_ex1 label.file input { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:311px; color:#333; background-color:#fff; border:1px solid #988475; padding:3px 5px; }
.webforms_ex1 label.select select { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:321px; color:#333; background-color:#fff; border:1px solid #988475; }
.webforms_ex1 label.captcha input { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:311px; color:#333; background-color:#fff; border:1px solid #988475; padding:3px 5px; }

.webforms_ex1 label.captcha img { border:1px solid #aaa; display: block; margin: 5px 0; }
.webforms_ex1 .submit { padding-top: 10px; text-align: left; }
.webforms_ex1 .submit input { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:84px; color:#353333; background-color:#e5c870; padding:3px 5px; text-align:center; border-top:1px solid #9c8875; border-right:1px solid #9c8875; border-bottom:1px solid #9c8875; border-left:1px solid #9c8875; cursor: pointer; }
.webforms_ex1 label.checkbox span { display:inline; padding:0 0 0 10px; }
.webforms_ex1 label.checkbox input { }

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

#footer {position: absolute; left: 0; bottom: 0; height: 176px; width: 100%; background: #fff url("/images/style/bg-footer.jpg") center bottom no-repeat; color: #000000; line-height: 1.75em;}
#footer .container {width: 1000px; margin: 0 auto;}

#wp {width: 204px; padding: 69px 0 0 4px; background: url("/images/style/wp.gif") left 37px no-repeat; color: #345a66; float: right; font-size: 0.92em; line-height: 1.36em;}
#wp a {color: #345a66;}

.contacts {float: left; padding: 40px 0 0 254px; background: url("/images/style/logo-footer.gif") 47px 38px no-repeat;}

.phones {padding: 31px 0 0 86px; margin: 0 280px 0 467px;  background: url("/images/style/call.gif") left 38px no-repeat; color: #04448b; font-size: 1.50em; line-height: 1.67em; font-family: Georgia, "Times New Roman", Times, serif;}