body {
  font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
  font-size: 13px;
  margin:0px;
  margin-top:20px;
  margin-bottom:20px;
  padding: 0px;
  color: #333333;
  background: #666666;
  background-image:url(../images/fon.jpg);
}

/* main frame */



#main {
  text-align:left;
  vertical-align:top;
  height:auto;
}

#main .around {
  background-image:url(../images/main-fon.jpg);
  background-repeat:repeat;
}

#main .top-left {
  background-image:url(../images/main-top-left.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}

#main .top-right {
  background-image:url(../images/main-top-right.jpg);
  background-repeat:no-repeat;
  background-position:top right;
}

#main .bottom-left {
  background-image:url(../images/main-bottom-left.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
}

#main .bottom-right {
  background-image:url(../images/main-bottom-right.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}

#main .inside {
  line-height:18px;
  padding-left:1px;
  padding-right:1px;
}

#top {
  height:28px;
  line-height:28px;
  border-bottom:1px solid #dddddd;
  display:block;
}

/*  proffesional system text */

#top .left {
  height:28px;
  line-height:28px;
  float:left;
  color:#506A85;
  padding-left:14px;
  font-size:12px;
}

/* lang icons */
#top .right {
  height:28px;
  line-height:26px;
  float:right;
  padding-right:14px;
}

#lang img {
  border:2px solid #FFFFFF;
  margin-left:5px;
  margin-top:7px;
}


#lang img.selected {
  border:2px solid #F1BE12;
  margin-left:5px;
  margin-top:7px;
}

/* logo and google */

#logo-area {
  height:106px;
}

#logo-area .left {
  padding-bottom:27px;
  padding-top:27px;
  float:left;
  width:200px;
  text-align:center;
  vertical-align:middle;
}

#logo-area .right {
  height:96px;
  float:left;
  width:auto;
  text-align:center;
  vertical-align:middle;
  padding-right:15px;
  padding-top:10px;
}

/* main menu */

#mainmenu {
  height:38px;
  line-height:38px;
  background-image:url(../images/navigation-link.jpg);
  background-repeat:repeat-x;
  display:block;
  border-bottom:1px solid #DBA84A;
  border-top:1px solid #DBA84A;
}

#mainmenu a:link, #mainmenu a:visited, #mainmenu a:active {
  line-height:38px;
  background-image:url(../images/navigation-link.jpg);
  background-repeat:repeat-x;
  padding-left:12px;
  padding-right:12px;
  color:#FFFFFF;
  font-size:14px;
  text-decoration:underline;
  display:block;
  float:left;
}

#mainmenu a:hover {
  background-image:url(../images/navigation-hover-2.jpg);
  text-decoration:none;
}

#mainmenu .selected {
  line-height:38px;
  background-image:url(../images/navigation-hover.jpg);
  background-repeat:repeat-x;
  padding-left:12px;
  padding-right:12px;
  color:#FFFFFF;
  font-size:14px;
  text-decoration:none;
  display:block;
  float:left;
}

#mainmenu a.selected:link, #mainmenu a.selected:visited, #mainmenu a.selected:active {
  line-height:38px;
  background-image:url(../images/navigation-hover.jpg);
  background-repeat:repeat-x;
  padding-left:12px;
  padding-right:12px;
  color:#FFFFFF;
  font-size:14px;
  text-decoration:none;
  display:block;
  float:left;
}

#mainmenu a.selected:hover {
  background-image:url(../images/navigation-hover-3.jpg);
  text-decoration:none;
}

#mainmenu img {
  display:block;
  float:left;
  height:38px;
  line-height:38px;
}

/* submenu */

#submenu {
  line-height:30px;
  height:30px;
  background-color:#DBA84A;
  background-image:url(../images/sub-navigation-fon.jpg);
  background-repeat:repeat;
  font-size:13px;
  color:#D69929;
  padding-left:5px;
}

#submenu a:link, #submenu a:visited, #submenu a:active {
  color:#FFFFFF;
  text-decoration:underline;
  padding-left:5px; padding-right:5px;
}

#submenu a:hover {
  color:#624613;
  text-decoration: underline;
}

#submenu a.selected:link, #submenu a.selected:visited, #submenu a.selected:active {
  color:#FFFFFF;
  text-decoration:none;
  padding-left:5px; padding-right:5px;
}

#submenu a.selected:hover {
  color:#624613;
  text-decoration: underline;
}




#content {
  padding:10px;
  color:#333333;
  height: 100%;
}

#content h1 {
  font-family:"Trebuchet MS";
  font-size:24px;
  font-weight:normal;
  margin:0px;
  padding:0px;
  margin-bottom:15px;
  color:#7494B4;
}

#content h2 {
  font-family:"Trebuchet MS";
  font-size:18px;
  font-weight:normal;
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  margin-top:15px;
  color:#C29865;
}

#content p {
  padding:0px;
  margin:0px;
  margin-top:5px;
  margin-bottom:5px;
}

/* right block */

#content .rightblock {
  float: right;
  width: auto;
  display: block;
  margin:10px;
  margin-right:0px;
  margin-top:0px;
  border-left:1px solid #cccccc;
  padding:5px;
  padding-left:10px;
  padding-bottom:0px;
  overflow:hidden;

}

#content .rightblock img {
  display:block;
  margin-bottom:10px;
}

/* links */

a:link, a:active {
  color:#2F327F;
  text-decoration:underline;
}

a:visited {
  color:#2F327F;
  text-decoration:underline;
}

a:hover {
  color:#CA3E02;
  text-decoration: underline;
}

#topbanner {
  width:100%;
  height:80px; margin-bottom:10px;
  background-color:#CCCCCC;
  border:1px solid #FFFFFF;
}

#banner {
  padding:20px;
  display:block;
  text-align:center;
}

#banner .second{
  margin-left:20px;
}

#footer {
  height:60px;
}

#footer .right {
  float: right;
  padding:10px;
  padding-right:20px;
}

#footer .left {
  float: left;
  padding:10px;
  color:#777777;
  padding-left:15px;
}

#footer a:link, #footer a:visited, #footer a:active {
  color:#CA3E02;
}

#footer a:hover {
  color:#015C94;
}

#clear {
  height:1px;
  padding-left:10px;
  padding-right:10px;
  line-height:1px;
}

hr.content {
  height:1px;
  background-color:#CCCCCC;
  border:0px;
  margin:0px;
  padding:0px;
  margin-left:10px;
  margin-right:10px;
}



/* news */
#news{
  display: block;
  padding: 14px 15px 0px 15px;
}
.newstime{
  font-weight: bold;
  background-color: #B3DBE8;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 0px;
  color: #3C5B68;
}
.newstitle{
  font-weight: bold;
}
.newstext{
  font-weight: normal;
  display: block;
  padding: 0px 0px 0px 10px;
  font-style: italic;
}


/* small warning */
.develop{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  color: #FF0000;
  text-align: center;
  display: block;
  padding: 20px;
}
/* infobox for VistaPE pages */
#infobox a{
  float: right;
  padding: 1px 5px 1px 5px;
  margin: 0px 10px 0px 0px;
  display: block;
  text-decoration: none;
  color: #506A85;
  background-color: #F3FAFE;
  border: solid #F3FAFE 1px;
}

#infobox a:hover{
         border: solid #ccc 1px;
}

.clearfloat {
            /* this class should be placed on a div or
            break element and should be the final element
            before the close of a container that should fully contain a float
            */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
  width: 1000px;
}

#quota{
  font-family: "Courier New", Courier, monospace;
  padding: 10px 10px 10px 10px;
  margin: 0px 10px 0px 0px;
  background-color: #F3FAFE;
  letter-spacing: 0px;
}
/* infobox for VistaPE pages */
#infobox a{
  float: right;
  padding: 1px 5px 1px 5px;
  margin: 0px 10px 0px 0px;
  display: block;
  text-decoration: none;
  color: #506A85;
  background-color: #F3FAFE;
  border: solid #F3FAFE 1px;
}

#infobox a:hover{
         border: solid #ccc 1px;
}