@charset "windows-1251";
* {margin: 0px; padding: 0px;}
html {background: url(../img/bg1.gif); height: 100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2E353D; background: url(../img/bg2.jpg) #DAE6F0 repeat-x; min-width: 1000px; height: 100%;}
#outer {width: 1000px; min-height: 100%; margin: 0px auto; position: relative;}

a {color: #496B94; text-decoration: underline; outline: none;}
a:hover {text-decoration: none;}
img {border: none;}
.self {width: 100%; overflow: hidden;}

#header {background: url(../img/bg3.jpg) no-repeat; width: 100%; height: 210px; position: relative;}
#header h1 {background: url(../img/logo.jpg) no-repeat; width: 137px; height: 94px; position: absolute; left: 78px; top: 37px;}
#header h1 a {text-indent: -9000px; display: block; width: 137px; height: 94px; overflow: hidden;}
#header ul {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; height: 114px; position: absolute; left: 357px; top: 21px; list-style: none; overflow: hidden;}
#header ul li {text-align: center; width: 110px; height: 114px; float: left; overflow: hidden;}
#header ul li a {color: #9FA8AF; display: block; width: 110px; height: 15px; padding-top: 99px;}
#header ul li a span {color: #4C5866;}
#header ul li.a0 {margin-right: 39px;}
#header ul li.a0 a {background: url(../img/a0.jpg) no-repeat;}
#header ul li.a1 {margin-right: 25px;}
#header ul li.a1 a {background: url(../img/a1.jpg) no-repeat;}
#header ul li.a2 {margin-right: 11px;}
#header ul li.a2 a {background: url(../img/a2.jpg) no-repeat;}
#header ul li.a3 a {background: url(../img/a3.jpg) no-repeat;}
#header ul li a:hover {background-position: 0px -114px;}
#header ul li a.active {text-decoration: none; background-position: 0px -114px;}
#header ul li a.active span {color: #7F94AB;}

#content {width: 840px; margin: 0px auto; padding-bottom: 140px; overflow: hidden;}

#main {width: 100%;}
#main h2 {font-size: 22px; font-weight: normal; color: #FFFFFF; margin-bottom: 20px;}
#main h3 {font-size: 18px; font-weight: normal; margin: 20px 0px 10px;}
#main p {margin: 6px 0px 6px 40px;}
#main p.map {margin: 0px 0px 0px 440px;}
#main p.warntext {font-weight: bold; margin-left: 0px;}
#main ul {margin: 10px 0px 10px 40px; list-style: none;}
#main ul li {background: url(../img/marker.gif) no-repeat 0px 2px; margin: 3px 0px; padding-left: 16px;}
#main dl {margin: 10px 0px 10px 40px;}
#main dl dt {text-align: right; width: 200px; float: left;}
#main dl dd {margin: 0px 0px 6px 205px;}
#main img.fl {margin: 3px 15px 10px 0px; border: 5px #FFFFFF solid; float: left;}
#main img.fr {margin: 3px 0px 10px 15px; border: 5px #FFFFFF solid; float: right;}

#main ul.entities {margin: 30px 0px 30px 40px;}
#main ul.entities li {background: none; width: 100%; margin: 30px 0px; padding: 0px; overflow: hidden;}
#main ul.entities li p.image {width: 130px; margin: 0px; float: left;}
#main ul.entities li p.image img {display: block; width: 130px; height: 100px;}
#main ul.entities li div {margin-left: 150px;}
#main ul.entities li div h3 {font-size: 18px; font-weight: normal; margin: 0px;}
#main ul.entities li div p {margin: 10px 0px 0px;}

#main ul.groups {width: 100%; margin: 0px; padding: 0px; overflow: hidden;}
#main ul.groups li {background: none; width: 49.9%; height: 230px; margin: 0px 0px 20px; padding: 0px; float: left; overflow: hidden;}
#main ul.groups li p.image {width: 130px; margin: 0px; float: left;}
#main ul.groups li p.image img {display: block; width: 130px; height: 100px;}
#main ul.groups li div {margin: 0px 40px 0px 150px;}
#main ul.groups li div h3 {font-size: 18px; font-weight: normal; color: #4C5866; margin: 0px 0px 6px;}
#main ul.groups li div ul {margin: 0px;}
#main ul.groups li div ul li {background: url(../img/marker.gif) no-repeat 0px 2px; width: auto; height: auto; margin: 3px 0px; padding-left: 16px; float: none;}

#main div.contacts {width: 410px; float: left;}
#main div.contacts dl {margin: 0px 0px 10px;}
#main div.contacts dl dt {width: 95px;}
#main div.contacts dl dd {margin: 0px 0px 10px 100px;}
#main div.contacts p {margin-left: 0px;}

#main ul#map {margin: 0px 0px 0px 95px;}
#main ul#map li {margin: 3px 0px;}
#main ul#map li ul {margin: 6px 0px 6px 15px;}
#main ul#map li li {background: none; padding: 0px;}
#main ul#map li li li {background: url(../img/marker.gif) no-repeat 0px 2px; padding-left: 16px;}
#main ul#map li a.group {font-weight: bold; color: #4C5866; text-decoration: none;}

#main div.table {margin: 10px 0px 10px 40px;}
#main div.table table {width: 100%; border: 1px #7F94AB solid; border-collapse: collapse;}
#main div.table table th {background: #BCD2E5; padding: 8px 7px; border: 1px #7F94AB solid;}
#main div.table table td {background: #FFFFFF; text-align: center; padding: 5px 7px; border: 1px #7F94AB solid;}
#main div.table table td.lt {text-align: left;}

#sec {position: absolute; left: 240px; top: 40px;}
#sec ul {width: 13px; list-style: none; overflow: hidden;}
#sec ul li {width: 13px; height: 9px; margin-bottom: 10px; float: left;}
#sec ul li a {text-indent: -9000px; display: block; width: 13px; height: 9px; overflow: hidden;}
#sec ul li a.map {background: url(../img/bgmap.gif) no-repeat;}
#sec ul li a.letter {background: url(../img/bgletter.gif) no-repeat;}

#footer {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; background: url(../img/bg4.jpg) no-repeat; width: 1000px; height: 100px; margin: -100px auto 0px; position: relative;}
#footer address {font-style: normal; background: url(../img/address.jpg) no-repeat; width: 132px; height: 65px; position: absolute; left: 79px; top: 32px;}
#footer address span.phone {display: none;}
#footer address span.email {text-align: right; display: block; padding: 40px 2px 0px 0px;}
#footer address span.email a {color: #9FA8AF;}
#footer address span.email a span {color: #4C5866;}
#footer p {color: #4C5866; position: absolute; left: 686px;}
#footer p.copy {top: 31px;}
#footer p.webdev {top: 50px;}
#footer p.webdev a {color: #4C5866; text-decoration: none; cursor: default;}
#footer p.webdev a span {line-height: 20px; margin-right: 5px; float: left;}
#footer p.webdev a strong {text-indent: -9000px; background: url(../img/artline.gif) no-repeat; width: 77px; height: 17px; float: left; cursor: pointer;}
#footer ul {position: absolute; left: 350px; top: 34px; list-style: none; overflow: hidden;}
#footer ul li {margin-right: 14px; float: left;}
#footer ul li img {width: 88px; height: 31px; opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);}

/* Forms ------------------------------------------------------------------------------------------------*/
form {margin-top: 20px;}
input, textarea {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; color: #2E353D;}

label {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; text-align: right; width: 95px; margin: 2px 5px 0px 0px; float: left;}
label.warn {font-weight: bold; color: #496B94;}

input.txt {width: 300px; height: 17px; margin-bottom: 6px; border: 1px #9FA8AF solid;}
input.w192 {width: 192px;}

input.but {text-indent: -9000px; background: url(../img/b_send.gif) no-repeat; width: 194px; height: 27px; margin: 3px 0px 6px 100px; border: none; cursor: pointer;}

textarea {width: 300px; margin: 0px 0px 6px; border: 1px #9FA8AF solid; overflow: auto;}

#captcha {margin: 8px 0px 10px 100px;}
#captcha label {text-align: left; width: auto; margin: 0px; float: none;}
#captcha img {display: block; width: 194px; height: 30px; margin: 7px 0px 0px;}
#captcha input.txt {width: 192px; margin: 7px 0px 0px 0px;}
/* Forms ------------------------------------------------------------------------------------------------*/

#shadow {background: #000000; display: none; min-width: 1000px; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 30;}

#popup {display: none; width: 250px; height: 130px; margin: -35px 0px 0px -125px; position: fixed; left: 50%; top: 50%; z-index: 40;}
#popupinner {background: url(../img/bgpopup.png) no-repeat; width: 250px; height: 130px; overflow: hidden;}
#popupinner p {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; color: #4C5866; text-align: center; line-height: 17px; margin: 32px 20px 0px;}
#popupinner p.buttons {width: 100%; margin: 0px; position: absolute; bottom: 21px;}
#popupinner p.buttons span {text-indent: -9000px; background: url(../img/b_ok.gif) no-repeat; display: block; width: 44px; height: 27px; margin: 0px auto; cursor: pointer;}

#imagepopup {background: #FFFFFF; display: none; width: 664px; height: 534px; margin: -268px 0px 0px -333px; border: 1px #9FA8AF solid; position: fixed; left: 50%; top: 50%; overflow: hidden; z-index: 40;}
#imagepopupinner {background: url(../artbox/wait.gif) no-repeat center -9000px; width: 664px; height: 534px; position: relative;}
#imagepopupinner p {margin: 0px; padding: 0px; position: absolute;}
#imagepopupinner p.title {font-weight: bold; padding-right: 125px; left: 12px; bottom: 14px; overflow: hidden; z-index: 50;}
#imagepopupinner img {display: block; margin: 0px auto; padding-top: 12px;}
#imagepopupinner p.control {height: 25px; right: 12px; bottom: 9px; z-index: 60;}
#imagepopupinner p.control span.close {text-indent: -9000px; background: url(../artbox/close.gif) no-repeat 0px 0px; width: 25px; height: 25px; float: left; overflow: hidden; cursor: pointer;}
#imagepopupinner p.control span.close:hover {background-position: 0px -25px;}