/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #142E7C url(../img/bg-body.png) repeat-x 0 0; background: #15307F; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin: 0px 0 30px -100%; width: 613px; xbackground: #f3f6fe; }
.col-side { margin: 20px 0 30px -305px; width: 305px; background: #f3f6fe; }

.col-main .bg-col-top { background: url(../img/bg-col-main-top.png) no-repeat 0 100%; height: 20px; width: 100%; xposition: absolute; top: -20px; left: 0; }
.col-main .bg-col-bot { background: url(../img/bg-col-main-bot.png) no-repeat 0 0; height: 20px; width: 100%; position: absolute; bottom: -20px; left: 0; }

.col-side .bg-col-top { background: url(../img/bg-col-side-top.png) no-repeat 0 100%; height: 20px; width: 100%; position: absolute; top: -20px; left: 0; } 
.col-side .bg-col-bot { background: url(../img/bg-col-side-bot.png) no-repeat 0 0; height: 20px; width: 100%; position: absolute; bottom: -20px; left: 0; }

.col-main .inner { padding: 1px 27px 1px 34px; background: #f3f6fe; }
.col-side .inner { margin: 0 27px 0 34px; }

#mother { background: url(../img/bg-mother.jpg) no-repeat 50% -50px; zoom: 1; } 
#mother-in { width: 939px; margin: 0 auto; }

/* Header */
#header {  height: 240px; margin: 0 auto 17px; position: relative; padding-top: 1px; }

#logo { margin: 66px 0 0 35px;  }
#logo a { color: black; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

#header .bnr { width: 656px; height: 105px; position: absolute; top: 64px; right: 0; background: #142D7A; } 

/* Main menu*/
#main-menu { margin: 0; background: url(../img/bg-main-menu.jpg) repeat-x 0 0; zoom: 1; position: absolute; left: 0; bottom: 0; height: 62px; width: 100%; }
#main-menu ul { margin: 20px 0 0 34px; szoom: 1; }
#main-menu ul li { float: left; background: none; padding: 0; margin: 0 15px 0 0; zoom: 1; }
#main-menu ul li a { display: block; text-decoration: none; color: white; _float: left; position: relative; zoom: 1; font-weight: bold; }
#main-menu ul li a:hover { color: #bdd0ed; }
#main-menu ul li.active a { color: #071443; }

#lang-menu { position: absolute; top: 40px; right: 0px; color: #556fb7; font-size: 84%; line-height: 1.1; }
#lang-menu ul { margin: 0; padding: 0; }
#lang-menu ul li { margin: 0; padding: 0 10px; background: none; float: left; border-left: 1px solid #556fb7; }
#lang-menu ul li:first-child { border: 0; }
#lang-menu ul li { _border-left-width: expression(this.parentNode.firstChild == this ? '0' : '1px'); }
#lang-menu a { color: #556fb7; }

#footer { color: #556fb7; margin: 0 20px 20px; =margin-top: 30px; }
#footer p { margin: 0; }
#footer a { color: white !important; }

.breadcrumb { margin: 0 0 20px 0; font-size: 84.615%; }
.breadcrumb p { margin: 0; }

.annot { font-weight: bold; }

#signpost { height: 194px; background: url(../img/bg-signpost.jpg) no-repeat 0 0; color: white; margin: 25px 0 20px 0; }
#signpost ul { width: 100%; float: left; margin: 0; padding: 0; }
#signpost ul li { width: 188px; float: left; margin: 0 0 0 8px; padding: 0 20px; background: none; }
#signpost ul li.first { margin-left: 0; }
#signpost ul li h2 { color: white; margin: 20px 0 15px 0; font-size: 138.46%; }
#signpost ul li ul { float: none;  width: auto; }
#signpost ul li ul li { background: url(../img/bullet-signpost.png) no-repeat 0 1px; margin: 0 0 5px 0; float: none; padding: 0 0 0 25px; font-weight: bold; width: auto; }
#signpost ul li ul li.small { /* font-weight: normal; */ font-size: 84%; line-height: 1.636; }

#signpost a {color: white; text-decoration: none; }
#signpost a:visited { }
#signpost a:hover {color: #bdd0ed; text-decoration: underline; }
 
ul.submenu li { background: url(../img/bullet-menu.png) no-repeat 0 0.1px; padding-left: 25px; font-weight: bold; }
ul.submenu li a { text-decoration: none; color: #0b2268; }
ul.submenu li a:visited { }
ul.submenu li a:hover {text-decoration: underline; }

.news ul { padding: 0; }
.news ul li { padding: 10px 0 0; background: url(../img/bg-hdots.png) repeat-x 0 0; zoom: 1; }
.news ul li.first { background: none; padding-top: 0; }
.news ul li .img-box { float: right; margin: 0 0 10px 20px; 	 }
.news ul li .img-box img { display: block; border: 1px solid #1e3066; margin: 0; padding: 0; }
.news ul li h3 { font-weight: bold; color: #0b2268; }
.news ul li .text-box { }

.bnr-nano { margin: 0 0 20px; position: relative; }
.bnr-nano a {color: black;}

#search-box { position: absolute; right: 20px; bottom: 00px; background: url(../img/bg-searchbox.png) no-repeat 0 0; height: 40px; width: 150px; padding-top: 8px; =padding-top: 4px; font-size: 11px; line-height: 1.1;}
#search-box #q { height: 13px; padding: 0; width: 80px; border: 0; margin: 0 0 0 30px;  background: none; color: white; }
#search-box .search-submit { margin-top: 0;}
#search-box input { vertical-align: middle;}

/* Forms */
form { margin: 0; padding: 0; }
input, textarea { font-size: 100%; font-family: Arial, sans-sserif; }

.form-box { padding: 20px 20px 12px 20px; background: #efefef; zoom: 1; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}