﻿body { background: #D4D4D4 url(../images/bg.jpg) no-repeat top center; font-family: PTSansNarrowRegular, Arial Narrow, Helvetica Narrow; font-size: 15px; margin: 0; padding: 0; color: #646363; }

h1, h2, h3, h4, h5, h6 { margin: 10px 0; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

img { border: none; }
.clear { clear: both; height: 0; visibility: hidden; display: block; }

.opacity_70 { -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha" (Opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); }

#container { display: block; width: 930px; margin: 0 auto; padding: 30px 0; }

#header { display: block; height: 207px; }
#header .left { float: left; }
#header .right { float: left; display: block; width: 228px; height: 193px; text-align: right; border-bottom: 1px solid #615E5B; }

#header .logo { display: block; width: 600px; height: 125px; }
#header #menu { display: block; padding: 30px 0 0 0; }
#header #menu ul { list-style: none; margin: 0; padding: 0; }
#header #menu ul li { float: left; width: 100px; height: 38px; text-align: center; border-bottom: 1px solid #615E5B; }
#header #menu ul li.lnk:hover, #header #menu ul li.active { height: 51px !important; background: url(../images/bg_top_menu_active.png) no-repeat bottom center; border: none; }
#header #menu ul li.active a { color: #C38155 !important; }
#header #menu ul li.spc { width: 70px !important; }
#header #menu ul li.lnk a:link, #header #menu ul li.lnk a:visited, #header #menu ul li.submenu a:link, #header #menu ul li.submenu a:visited { position: relative; z-index: 10; display: block; height: 38px; line-height: 38px; text-decoration: none; font-size: 20px; color: #0F0F0F; }

#header #menu ul li.submenu a:hover, #header #menu ul li.submenu a:active { color: #FFF; }
#header #menu ul li.submenu { position: relative; width: 120px !important; }
#header #menu ul li.submenu:hover > a { color: #FFF; }
#header #menu ul li.submenu:hover > span.bg_sub { display: block; }
#header #menu ul li.submenu:hover ul { display: block; }
#header #menu ul li.submenu ul { position: relative; display: none; z-index: 2; width: 120px; }
#header #menu ul li.submenu ul li { float: none !important; display: block; width: 100px; height: auto !important; margin: 0 10px !important; padding: 3px 0; border-bottom: 1px solid #999; }
#header #menu ul li.submenu ul li a:link, #header #menu ul li.submenu ul li a:visited { display: block; font-size: 14px !important; padding: 0; color: #FFF !important; }
#header #menu ul li.submenu ul li a:hover, #header #menu ul li.submenu ul li a:active { background: #C38155; }
#header #menu ul li.submenu div { position: relative; }
#header #menu ul li.submenu span.bg { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #00135F; }
#header #menu ul li.submenu span.bg_sub { display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #00135F; }

#header .lang { padding: 40px 0 0 0; }
#header .lang span { margin: 0 3px 0 0; }
#header .lang span a:link, #header .lang span a:visited { text-decoration: none; color: #FFF; padding: 3px 8px; }
#header .lang span.active a { background: #C38155; }
#header .lang span a { background: #00135F; }
#header .logo_mm { padding: 70px 0 0 0; }

#mainContent { background: url(../images/bg_content_vertical.png) no-repeat 700px top; }
#content { float: left; width: 670px; text-align: justify; padding: 10px 30px 0 0; }

#rightMenu { float: left; width: 220px; padding: 0 0 0 10px; }
#rightMenu ul { list-style: none url(../images/bg_node.png) outside; }
#rightMenu ul li { padding: 10px 0; }
#rightMenu ul li a:link, #rightMenu ul li a:visited { text-decoration: none; font-size: 20px; color: #333; }
#rightMenu ul li a:hover, #rightMenu ul li a:active { text-decoration: underline; }

#footer { border-top: 1px solid #BCBCBC; text-align: center; margin-top: 13px; padding: 30px 0 50px 0; }

.wellcome { position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; display: block; width: 406px; height: 345px; margin-left: -203px; margin-top: -160px; }
.wellcome .lang { display: block; height: 41px; text-align: center; font-size: 22px; margin: 200px 0 0 0; }
.wellcome .lang span { margin: 0 20px; }
.wellcome .lang span a:link, .wellcome .lang span a:visited { text-decoration: none; color: #333; }
