/*##############################################################################
#                                                                              #
#  ABI7 CMS LIGHT                                                              #
#  Writen by Alexander Momot                                                   #
#  http://www.abi7.com                                                         #
#  (c)2001-2007 Abi7 Network Group                                             #
#                                                                              #
##############################################################################*/

body {
   background:url(../images/bg-body.gif) center top repeat-y;
   margin:0;
   padding:0;
   font-family:"Microsoft Sans Serif","MS Sans Serif",tahoma,verdana,arial;
   font-size:11px;
   color:#152F3E;
}
h2 {
   background:url(../images/icon-title.gif) no-repeat;
   color:#2C5161;
   font-family:tahoma,verdana,arial;
   font-size:13px;
   font-weight:bold;
   height:18px;
   line-height:18px;
   margin:0 0 10px 0;
   padding:0;
   text-indent:24px;
}
div#container {
   margin-left:auto;
   margin-right:auto;
   background:#FFF url(../images/bg-container.gif);
   padding:4px 10px;
   _padding:10px;
   width:750px;
}
div#container-background {
   background-color:#8AAEB8;
   padding:0;
   margin:0;
}
div#header {
   background:url(../images/bg-header.gif) repeat-x;
   height:159px;
   margin:0;
   margin-top:6px;
   padding:0;
   position:relative;
}
div#header #logo {
   position:absolute;
   left:50px;
   top:19px;
   margin:0;
   overflow:hidden;
}
div#header #logo a {
   display:block;
   background:url(../images/logo-header.gif) no-repeat;
   height:159px;
   text-indent:-9999px;
   width:167px;
}
div#header #title {
   background:url(../images/logo-title.gif) no-repeat;
   position:absolute;
   left:275px;
   height:45px;
   top:12px;
   margin:0;
   width:198px;
}
div#header #phrase {
   background:url(../images/phrase-header.gif) 0 top no-repeat;
   position:absolute;
   left:280px;
   height:32px;
   top:30px;
   margin:0;
   width:180px;
}
div#header #palm {
   background:url(../images/icon-palm.gif) no-repeat;
   height:37px;
   position:absolute;
   left:570px;
   top:30px;
   width:31px;
}
div#header #addr {
   background:url(../images/icon-mail.gif) 60px 10px no-repeat;
   color:#6F97A3;
   position:absolute;
   left:565px;
   top:20px;
   margin:0;
   text-align:right;
   width:160px;
}
div#footer {
   background:#7DA4AE url(../images/logo-footer.gif) 80px center no-repeat;
   border-top:4px solid #6F97A3;
   height:70px;
   margin:0;
   margin-bottom:6px;
   padding:0;
   position:relative;
}
div#footer #block {
   background-color:#8AAEB8;
   border-left:1px solid #6F97A3;
   float:left;
   height:60px;
   left:224px;
   padding-left:10px;
   padding-top:10px;
   position:absolute;
   width:515px;
}
div#footer a {
   color:#152F3E;
   text-decoration:none;
}
div#footer a:hover {
   border-bottom:1px solid #152F3E;
   text-decoration:none;
}
div#footer p {
   margin:2px;
   padding:2px;
}
div#menu {
   background:#D2E3E6 url(../images/bg-menu.gif) repeat-x;
   height:60px;
   left:225px;
   margin:0;
   padding:0;
   top:75px;
   position:absolute;
}
div#menu ul {
   list-style:none;
   width:527px;
   margin:0;
   padding:0;
   overflow:hidden;
   position:absolute;
}
div#menu ul li {
   float:left;
   margin:0;
}
div#menu ul li a {
   display:block;
   background:url(../images/nav-matrix.gif) no-repeat;
   color:#D1E2E5;
   font-weight:bold;
   height:60px;
   line-height:60px;
   text-align:center;
   text-decoration:none;
   width:105px;
}
div#menu ul li a:hover {
   background-position:0 -60px;
   color:#D1E2E5;
}
div#menu ul li a.active {
   background-position:0 -120px;
   color:#D1E2E5;
}
div#menu-border {
   background:url(../images/bg-menu-border.gif) no-repeat;
   height:60px;
   left:-1px;
   margin:0;
   padding:0;
   position:absolute;
   width:2px;
}
div#content {
   border-left:1px solid #6F97A3;
   background-color:#A9C6CD;
   float:left;
   padding:0;
   margin:0;
   width:525px;
}
div#content #picture {
   background:#5D8794 url(../images/bg-picture.jpg) no-repeat;
   border:3px solid #D2E3E6;
   border-right:none;
   height:230px;
   width:522px;
}
div#content #text {
   padding:0 15px;
   margin:15px 0;
}
div#text img {
   background-color:#D2E3E6;
   border:1px solid #6F97A3;
   float:left;
   padding:2px;
   margin:0 20px 10px 0;
}
div#text p {
   text-align:justify;
}
div#text p.li {
   background:url(../images/icon-li.gif) 0 center no-repeat;
   margin:0;
   padding:2px 0 2px 10px;
}
div#sidebar {
   float:left;
   padding:10px;
   width:204px;
}
div#sidebar h2 {
   background:url(../images/icon-title-news.gif) no-repeat;
   height:29px;
   line-height:29px;
   text-indent:36px;
}
div#sidebar-menu {
   background:url(../images/bg-sidebar-menu.gif) center center no-repeat;
   margin-bottom:30px;
   width:204px;
}
div#sidebar-menu ul {
   list-style:none;
   margin:0;
   padding:0;
}
div#sidebar-menu li {
   border-bottom:1px solid #5D8794;
   margin:0;
   padding:0;
}
div#sidebar-menu a {
   background:url(../images/icon-point.gif) 4px center no-repeat;
   color:#2C5161;
   display:block;
   font-weight:bold;
   height:31px;
   line-height:31px;
   text-decoration:none;
   text-indent:20px;
   width:100%;
}
div#sidebar-menu a:hover {
   background-color:#7DA4AE;
}
div#page {
   border-left:1px solid #6F97A3;
   background-color:#A9C6CD;
   float:left;
   _height:300px;
   min-height:300px;
   padding:15px;
   margin:0;
   width:495px;
}
div#page a {
   border-bottom:none;
   color:#152F3E;
   text-decoration:none;
}
div#page a:hover {
   border-bottom:1px solid #152F3E;
   color:#152F3E;
   text-decoration:none;
}
div#page h2 {
   background:url(../images/icon-title-news.gif) no-repeat;
   font-size:20px;
   font-weight:normal;
   height:38px;
   line-height:36px;
   text-indent:46px;
}
div#page img {
   background-color:#D2E3E6;
   border:1px solid #6F97A3;
   padding:2px;
}
div#pagebar {
   background:url(../images/bg-pagebar.gif) center 30px no-repeat;
   float:left;
   padding:0;
   margin:5px 0;
   padding:0 10px;
   min-height:360px;
   _height:360px;
   width:205px;
}
div#contact{
   margin:0;
   padding:0;
   padding-bottom:20px;
   _padding-bottom:10px;
}
div#contact form {
   margin:0;
   padding:0;
}
div#contact form p {
   margin:0;
   padding:0 25px;
}
div#contact form p.error {
   background-color:#FFFAF7;
   border:1px solid #FAAF7D;
   color:#E9803A;
   font-size:11px;
   margin:10px 25px;
   padding:5px 10px;
   width:380px;
}
div#contact form p.label {
   font-size:11px;
   margin-top:8px;
}
div#contact form p#button {
   margin-top:15px;
}
div#contact input.value {
   border:1px solid #547E8C;
   background-color:#D7E5E9;
   width:200px;
}
div#contact textarea {
   background-color:#D7E5E9;
   border:1px solid #547E8C;
   height:150px;
   width:400px;
}
.clearfix {
   display: inline-table;
}
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
* html .clearfix {
   height:1%;
}
.clearfix {
   display:block;
}
.date {
   background:url(../images/icon-point.gif) 0 center no-repeat;
   color:#2C5161;
   line-height:10px;
   margin:0;
   padding:4px 0;
   margin:10px 0;
   text-indent:15px;
}
.line-left {
   border-left:1px dotted #5D8794;
}
.line-bottom {
   border-bottom:1px dotted #5D8794;
}
.line-right {
   border-right:1px dotted #5D8794;
}
.line-top {
   border-top:1px dotted #5D8794;
}
.text {
   margin:0;
   padding:0;
   padding-bottom:10px;
   text-align:justify;
}