* { margin: 0px; padding:0px;}
/* typography.css */
body {font-size:75%;color:#fff;background:#000;font-family: Arial, Verdana, Helvetica, sans-serif;}
img { border: none; outline: 0; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

a:link, a:visited{
  text-decoration: none;
  color: #790000;
}
a:hover, a:active{
  text-decoration: underline;
}

#outline-wrapper{
  width: 100%;
  background: url(../../images/frontend/outline-wrapper-bg.png) left bottom repeat-x;
}

#wrapper{
  background: url(../../images/frontend/wrapper-bg.gif) repeat;
}

#outline{
  margin: 0px auto;
  width: 960px;
  background: url(../../images/frontend/outline-bg.png) top right no-repeat;
}

#header,
#menu,
#content,
#footer{
}

#top-links {
  width: 100%;
  background: #333 url(../../images/frontend/top-links-bg.gif) repeat-x;
}

#top-links .top-menu {
  margin: 0px auto;
  padding: 0px 10px;
  width: 940px;
}

#top-links ul{
  list-style-type: none;
  float: right;
  padding: 3px 0px;
}

#top-links ul li {
  float: left;
  margin: 4px 1px;
}

#top-links ul li a:link,
#top-links ul li a:visited{
  padding: 4px;
  color: #cccccc;
  text-decoration: none;
}

#top-links ul li a:hover,
#top-links ul li a:active{
  text-decoration: underline;
}

.sub-logo{
  padding-left: 32px;
  position: relative;
  top: -24px;
}

.sub-logo h3{
  font-family: Georgia, 'Times new roman', serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0px;
}

#inner{
  width: 720px;
}
#menu{
  margin-bottom: 6px;
}
#top-nav {
  background: #222 url(../../images/frontend/top-nav-bg.gif) 0 0 repeat-x;
  height: 38px;
}
#top-nav ul{
  list-style-type: none;
}

#top-nav ul li{
  float: left;
}

#top-nav ul li a:link,
#top-nav ul li a:visited{
  background: #222 url(../../images/frontend/top-nav-button-bg.gif) 0 0 repeat-x;
  height: 18px;
  color: #ebebeb;
  font-size: 13px;
  text-decoration: none;
  padding: 10px 32px;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  display: block;
}

#top-nav ul li a:hover,
#top-nav ul li a:active{
  background: #222 url(../../images/frontend/top-nav-button-bg.gif) 0 -38px repeat-x;
}

#top-nav ul li a.selected:link,
#top-nav ul li a.selected:visited{
  background: #222 url(../../images/frontend/top-nav-button-bg.gif) 0 -38px repeat-x;
}

#content{
  background: transparent url(../../images/frontend/content-bg.png);
  padding: 10px;
}

#body{
  width: 508px;
  min-height: 480px;
  border: 1px solid #000;
  color: #222;
  float: right;
  background-color: #fff;
  padding: 10px;
  font-family: Georgia, "Times new roman", serif;
}

#body h1,
#body h2,
#body h3,
#body h4,
#body h5,
#body h6 {color:#111;}

div.content {
  line-height: 1.6;
  text-align: justify;
  font-size: 14px;
}

#body div.content h1{
  font-size: 30px;
  margin-bottom: -36px;
  color: #dfdfdf;
  letter-spacing: 12px;
  margin-left: 3px;
}

#body div.content h2{
  font-size: 28px;
  margin-bottom: 20px;
  letter-spacing: 5px;
}

div.content p{
  margin: 0 0 1.2em
}

div.welcome {
  width: 45%;
  float: left;
  margin: 10px 5px;
}

#body div.welcome h1,
#body div.about h1{
  font-size: 24px;
  color: #790000;
  letter-spacing: normal;
  margin: 0px 0px 10px 0px ;
}

div.about{
  width: 45%;
  float: right;
  margin: 10px 5px;
  padding-left: 18px;
}

#body div.news h2{
  font-size: 20px;
  margin-bottom: 10px;
  letter-spacing: normal;
}

div.new-item {
  margin-bottom: 10px;
  border-bottom: 1px dotted #ededed;

}

div.new-item.last {
  border-bottom: none;
}

div.new-item .date{
  font-size: 12px;
  float: left;
  margin: 5px;
  padding: 5px;
  background-color: #f6f6f6;
  border: 1px solid #ededed;
  text-align: center;
  line-height: 1;
}

div.new-item .date .day {
  font-size: 16px;
  font-weight: bold;
  color: #790000;
}

div.new-item .date .month {

}

div.new-item .date .year{

}

div.new-item .text {
  margin-bottom: 10px;
}

div.catalog{
  text-align: center;
  margin-bottom: 10px;
}

div.catalog img{
  padding: 2px;
  border: 1px solid #333;
  width: 118px;
}

div.catalog .borderless{
  border: 0px none;
}

#side-bar {
  float: left;
  width: 160px;
}

#side-bar h3{
  background-color: #333;
  margin-bottom: 3px;
  font-size: 110%;
  text-align: center;
  padding: 1px 0px;
  line-height: 18px;
  width: 160px;
}

#side-images{
  margin-bottom: 10px;
}

#partners{
  list-style-type: none;
  width: 100px;
  margin: 0px 30px;
}

#partners li{
  margin: 5px 0px;
}

#footer a:link,
#footer a:visited{
  color: #d6d6d6;
  text-decoration: none;
}

#footer a:hover,
#footer a:active{
  text-decoration: underline;
}

#footer{
  width: 100%;
  background: #000 url(../../images/frontend/footer-bg.gif) repeat-x;
  height: 50px;
  font-size: 11px;
  line-height: 1.4;
}

#footer-inner{
  width: 960px;
  margin: 0px auto;
  padding-top: 15px;
}

#body p.ornament-bottom{
  margin-top: 30px;
}

/*forms*/
input{
  padding: 5px;
  margin-bottom: 5px;
  background: url(../../images/frontend/input_bg.gif) top left repeat-x;
  border: 1px solid #c2c2c2;
  float: left;
}

input {  width: 250px; margin: 10px 0px;}
select {  width: 250px; }
.tiny { width: 26px; }
.small { width: 32px; }
.medium { width: 60px; }
.normal { width: 100px; }

input:focus, select:focus{
  background: url(../../images/frontend/input_bg.gif) 0px -26px repeat-x;
}

input.submit{
  background: url(../../images/frontend/button.gif) 0 0 no-repeat;
  width: 102px;
  height: 27px;
  border: 0px none;
  margin: 10px 0px;
  color: #ffffff;
  padding-bottom: 10px;
  float: none;
  margin-left: 130px;
}

.input-info,
.input-error{
  margin:0.5em;
  padding: 5px;
  float: left;
  font-style: italic;
}

.input-info{ color: #666666;}
.input-error{ color: #8A1F11;}

label {
  width: 130px;
  float: left;
  padding: 5px 0px 5px 0px;
  font-size:  14px;
  clear: left;
  margin: 5px 0px;
}

textarea {
  width: 260px;
  height: 120px;
  border: 1px solid #c2c2c2;
  background: #ffffff;
  float: left;
  margin: 10px 0px;
}
/*eof forms*/

.error ul{
  margin-left: 30px;
}

.important-notice{ font-size: 10px; color: #dd0000;}
.error,
.notice{
  width: 90%;
  margin: 10px;
  padding:  10px;
  border: 1px solid;
}

.error{
  background-color: #FAC5BD;
  color: #dd0000;
  border-color: #dd0000;
}
.notice{
  background-color: #BDFAC5;
  color: #288600;
  border-color: #288600;
}

#map{
  padding: 3px;
  border: 1px solid #c2c2c2;
  margin-bottom: 20px;
}
#map-canvas{
  width: 502px;
  height: 350px;
}

.paginate {
  line-height: 0.75;
  text-align: left;
}

.paginate .title{
  float: left;
  padding: 6px;
}
.paginate .current{
  float: left;
  padding: 6px;
  border: 1px solid #ffffff;
  color: #999999;
  margin: 0px 1px;
}

.paginate a:link,
.paginate a:visited{
  float: left;
  padding: 6px;
  border: 1px solid #790000;
  text-decoration: none;
  color: #790000;
  margin: 0px 1px;
}

.paginate a:hover,
.paginate a:active{
  border: 1px solid #313131;
  background-color: #313131;
  color: #ffffff;
}

.center{text-align: center;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}