@charset "utf-8";
/* CSS Document */

* {
position: relative;}


body {
color: #666666;
position: relative;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
background: #ffffff;
line-height: 18px;
}

input, textarea, select {
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

ul, ol, li {
list-style: none;
margin: 0;
padding: 0;}

a {
color: #4c565f;
cursor: pointer;
text-decoration: underline;}

a:hover{
color: #4c565f;
text-decoration: none;}

hr {
display: block;
visibility: hidden;
width: 0;
height: 0;
clear: both;
float: none;
margin: 0;
padding: 0;
border: 0;
font-size: 0;
line-height: 0;
}

hr.solid {
display: block;
visibility: visible;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #f5f5f5;
height: 0;
width: 100%;
margin-bottom: 10px;
}

img, a img {
border: 0;
}

.small {
font-size: 11px;}

form {
margin: 0;
padding: 0;}

/* Header */

.header {
width: 100%;
margin: 0;
padding: 0;
background: #4a575f;
}

.header .bg {
width: 940px;
margin: auto;
height: 30px;
padding: 20px;
text-align: left;
background: url(../img/header-bg.gif) no-repeat 400px top;
}

.header a.logo {
display: block;
width: 377px;
height: 28px;
}

.header .menu,
.header .submenu {
  width: 100%;
  margin: 0;
  background: #ffeb00;  
}

.header .menu {
  height: 30px;
}

.header .menu ul {
  height: 27px;
}
.header .submenu ul {
  height: 20px;
}

.header .menu ul,
.header .submenu ul {
  width: 970px;
  margin: auto;
  text-align: left;
  line-height: 12px;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 0;
}

.header .menu ul li,
.header .submenu ul li {
  display: block;
  float: left;
  background: url(../img/menu-libg.gif) no-repeat right center;
}

.header .menu ul li:hover, .header .menu ul li.last,
.header .submenu ul li:hover, .header .submenu ul li.last {
  background: none;
}

.header .menu ul li.right {
  float: right;
}

.header .submenu ul li a {
  padding: 3px;
}
.header .menu ul li a {
  text-transform: uppercase;
  padding: 6px;
}
.header .menu ul li a,
.header .submenu ul li a {
  font-size: 11px;
  color: #4a5960;
  text-decoration: none;
  display: block;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  left: -1px;
}

.header .menu ul li.right a,
.header .submenu ul li.right a {
  float: right;
  text-transform: none;
  left: -1px;
}

.header .menu ul li.active a,
.header .submenu ul li a.active {
  background: #4a575f;
  color: #ffeb00;
  z-index: 99;
}

.header .menu ul li a:hover,
.header .submenu ul li a:hover {
  background: #ffffff;
  color: #4a5960;
  z-index: 99;
}

.header .bg .lang {
display: block;
background: #626d73;
padding: 6px;
position: absolute;
top: 0;
right: 0;
float: right;
color: #ffffff;
font-size: 10px;
line-height: 12px;}

.header .bg .lang a {
color: #ffffff;
text-decoration: none;}

.header .bg .lang a img {
top: 2px;}

.header .bg .lang a:hover {
color: #ffeb00;
text-decoration: none;}





.content {
background: url(../img/content-bg.gif) repeat-x top;
width: 100%;
border-top: 1px solid #ffffff;
margin: 0;}

.content .bg {
width: 970px;
padding: 10px;
margin: auto;
padding-right: 0;
text-align: left;}

.content .bg .center {
width: 740px;
float: left;
margin-bottom: 20px;
}

.content .bg .center h1 {
font-size: 18px;
color: #4d5760;
margin: 10px;
padding: 0;
font-weight: normal;
line-height: 18px;}

.content .bg .center h3 {
font-size: 14px;
text-transform: uppercase;
color: #4a575f;
}

.content .bg .center h4 {
font-size: 12px;
text-transform: uppercase;
color: #4a575f;
}

.content .bg .center p {
margin-top: 10px;
margin-bottom: 10px;}

.content .bg .center ul, .content .bg .center ol {
margin-top: 10px;
}

.content .bg .center ul li, .content .bg .center ol li{
padding-left: 10px;
line-height: 16px;
background: url(../img/arrow.gif) no-repeat left 5px;
margin-bottom: 10px;}

.content .bg .center ol li {
background: 0;
list-style: decimal;
padding-left: 0;
margin-left: 16px;}

.content .bg .center table {
margin: 0;
margin-top: 10px;
margin-bottom: 20px;
border-collapse: collapse;
}

.content .bg .center table tr td, .content .bg .center table tr th {
padding: 4px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #dbdbdb;
}

.content .bg .center table tr th {
background: #4b575f;
color: #ffeb00;
font-size: 11px;
font-weight: normal;
border: 1px solid #4b575f; }

.content .bg .center label {
width: 80px;
font-size: 12px;
text-align: right;
margin-right: 5px;
float: left;
display: block;
padding: 4px;
margin-bottom: 10px;
}

.content .bg .center form {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;}

.content .bg .center form p {
display: block;
clear: both;
float: none;
}

.content .bg .center input, .content .bg .center textarea {
display: block;
float: left;
border: 1px solid #dbdbdb;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
margin-bottom: 10px;
width: 200px;
overflow: hidden;}

.content .bg .center textarea {
width: 300px;}

.content .bg .center input.submit {
margin-left: 93px;
width: auto;
padding: 6px;
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-weight: bold;
background: #ffeb00;
color: #4b575f;
border: 0;
cursor: pointer;
}

.content .bg .center input.submit:hover {
color: #ffeb00;
background: #4b575f;}

.content .bg a.more {
background: #ffeb01 url(../img/arrow.gif) no-repeat 5px;
text-decoration: none;
display: block;
float: right;
padding: 2px;
padding-right: 5px;
padding-left: 13px;
font-size: 11px;
margin-bottom: 10px;
}

.content .bg .sidebar .ybox a.more {
background: #ffffff url(../img/arrow.gif) no-repeat 5px;
margin-bottom: 5px;}

.content .bg a.more:hover, .content .bg .sidebar .ybox a.more:hover {
color: #ffeb01;
background: #4c575d url(../img/arrow-y.gif) no-repeat 5px;
}

.content .bg .center .box {
display: block;
float: left;
width: 220px;
margin: 10px;
font-size: 11px;}

.content .bg .center .two {
float: right;
width: 460px;
font-size: 12px;}

.content .bg .center .slide {
width: 738px;
height: 363px;
background: url(../img/slide-bg.gif) no-repeat top left;
padding: 8px;
left: -17px;
color: #ffffff;}

.content .bg .center .slide div {
display: block;
height: 280px;
background: #4c5961;
}

.content .bg .center .slide ul {
padding: 10px;
margin: 0;
height: 63px;
background: #4c5961 url(../img/slideul-bg.gif) no-repeat top left;
}

.content .bg .center .slide ul li {
display: block;
width: 199px;
float: left;
padding: 10px;
margin: 10px;
padding-top: 0;
padding-right: 9px;
padding-bottom: 15px;
text-transform: uppercase;
font-weight: bold;
border-left: 1px solid #ffea00;
font-size: 14px;
background: 0;}

.content .bg .center .slide ul li a {
color: #ffffff;
text-decoration: none;
}

.content .bg .center .slide ul li a:hover {
color: #ffea00;}

.content .bg .center .slide ul li a.more {
position: absolute;
font-size: 11px;
background: url(../img/arrow-y.gif) no-repeat left center;
text-decoration: underline;
color: #ffea00;
text-transform: none;
font-weight: normal;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
padding-left: 8px;}

.content .bg .center .slide ul li a.more:hover {
text-decoration: none;}

.content .bg .center .slide h2 {
margin: 0;
padding: 0;
display: block;
float: left;
position: absolute;
left: 20px;
bottom: 20px;}

.content .bg .center .slide h2 a {
background: #ffeb01 url(../img/arrow.gif) no-repeat 5px;
color: #4d5760;
font-size: 11px;
text-transform: uppercase;
padding: 5px;
display: block;
float: left;
margin: 0;
font-weight: normal;
padding-right: 10px;
padding-left: 15px;
line-height: 16px;
text-decoration: none;
}

.content .bg .center .slide h2 a:hover {
background: #ffffff url(../img/arrow.gif) no-repeat 5px;
}

.content .bg .center .slide ul#reflinks {
width: auto;
margin: 0;
padding: 0;
background: 0;
position: absolute;
bottom: -70px;
right: 20px;
z-index: 99;}

.content .bg .center .slide ul#reflinks li {
display: block;
float: left;
width: auto;
margin: 0;
padding: 0;
color: #b5b5b5;
border: 0;
cursor: pointer;
font-size: 20px;
line-height: 5px;
margin-left: 2px;
margin-right: 2px;}

.content .bg .center .slide ul#reflinks li.active {
font-size: 30px;
color: #4d585e;
line-height: 5px;}

.content .bg .center .slide .shadow {
display: block;
width: 738px;
height: 9px;
background: 0;
background: url(../img/shadow-bg.png) no-repeat center;
position: absolute;
top: 91px;
left: 8px;
z-index: 999;}

.content .bg .center .navi {
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
}

.content .bg .center .text {
margin: 10px;}

.content .bg .center .text h2 {
font-weight: bold;
font-size: 16px;}

.content .bg .sidebar {
float: right;
width: 220px;
margin-left: 10px;
}

.content .bg .sidebar h3 {
padding: 7px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
background: #4a575f;
margin-bottom: 10px;
margin-top: 10px;
color: #ffffff; }

.content .bg .sidebar h3 a {
color: #ffeb00;
font-size: 11px;
font-weight: normal;
background: url(../img/arrow-y.gif) no-repeat left center;
padding-left: 8px;
position: absolute;
top: 6px;
right: 10px;}

.content .bg .sidebar a.foto {
display: block;
padding: 1px;
border: 1px solid #a6abae;
margin: 10px;
margin-bottom: 0;
}

.content .bg .sidebar h4 {
margin-left: 10px;
margin-right: 10px;
font-weight: bold;
font-size: 12px;
margin-top: 10px;
margin-bottom: 0;
}

.content .bg .sidebar p {
font-size: 11px;
margin: 10px;
margin-top: 7px;
margin-bottom: 7px;}

.content .bg .sidebar em {
font-size: 10px;
color: #999999;
margin-left: 10px;
margin-right: 10px;
text-transform: uppercase;
font-style: normal;}

.content .bg .sidebar .ybox {
background: #ffeb00;
padding: 10px;
padding-bottom: 5px;
top: -10px;
}

.content .bg .sidebar .ybox p {
margin: 0;
line-height: 16px;
margin-bottom: 5px;}

.content .bg .sidebar .ybox a.map {
display: block;
float: left;
border: 1px solid #4a575f;
padding: 1px;
background: #ffffff;
margin-right: 10px;}


.footer {
width: 100%;
margin: 0;
padding: 0;
background: #4a575f;
clear: both;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer .bg {
  padding: 20px;
  width: 940px;
  margin: auto;
  color: #ffffff;
  font-size: 11px;
  text-align: left;
  background: url(../img/footer-bg.gif) no-repeat top center;  
}

.footer .bg p {
  margin: 0;
}

.footer .copy {
  padding: 5px 0;
}

.footer .author {
  float: right;
}

ul.footerMenu li {
  display: inline;
  border-right: 1px solid #fff;
  padding-right: 5px;
}

ul.footerMenu li#no-line {
  border-right: none;
}