body{ background:#108fc3 url('../img/bg/body.png') 0 0 repeat-x; color:#2e2e2e; padding:0px 0 20px; text-align:center; }

/* NAVIGATION-SKIP */
#nav-skip { position: absolute; left: -5000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 5000px; }

/* LAYOUT */
.row { position:relative; zoom:1; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.row-main { width:986px; margin-left:auto; margin-right:auto; text-align:left; }
.col{display:inline; float:left; left:100%; position:relative; }
.col-side { width:240px; margin:0 0 0 -986px; background:#f8f8f8; border-right:1px solid #dcdcdc; padding:0 0 20px; }
.col-content { width:715px; margin:0 0 0 -730px; padding:0px 0 24px; }
.col-about { width:340px; margin:0 0 0 -700px; }
.col-news { width:340px; margin:0 0 0 -340px; }
}

/* HEADER */
#header{ border-top:1px solid #eef7fb; }
#header .row { padding:1px 0; min-height:105px; _height:105px; }

#logo { line-height:1; font-size:142%; line-height:1; padding:0; margin:25px 0 0 0px; font-weight:normal; color:#444; }
#logo span { display:block; margin:12px 0 0; }

#search-box { position:absolute; top:41px; right:50%; margin:0 -115px 0 0; }
#search-box fieldset { width:240px; height:28px; overflow:hidden; background:#fff url('../img/bg/search.png') 215px 50% no-repeat; position:relative; border:1px solid #e1e1e1; }
#search-box .inp-text { position:absolute; top:0; left:0; width:195px; padding:7px 0 7px 10px; height:14px; border:none; background:none; font-size:100%; }
#search-box .inp-btn { position:absolute; top:0; right:0; width:28px; height:28px; line-height:28px; margin:0; border:none; background:#fff; padding:0; overflow:hidden; z-index:2; cursor:pointer; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

#lang { position:absolute; left:258px; top:48px; margin:0; font-size:108%; }
#lang a { text-decoration:none; }
#lang a:hover { text-decoration:underline; }

/* MAIN */
#main {  padding:67px 0 0px; }
#main .row-main { background:#fff url('../img/bg/row.png') 0 0 repeat-y; }

/* MOTIVE */
#motive .row-main { background:#fff; padding-top:1px; border-top:5px solid #108fc3; height:214px; overflow:hidden; }
#motive .slide { height:214px; width:100%; position:absolute; top:1px; left:0;opacity:0}
#motive .text { height:92px; line-height:92px; position:absolute; top:92px; background:#065186; color:#fff; font-weight:bold; padding:0 20px; font-size:44px; left: -1000px}
#slide-00 {height:214px; width:100%; position:absolute; top:1px; left:0; background:url('../img/illust/slide-00.jpg') 0 0 no-repeat; }
#slide-01 { background:url('../img/illust/slide-01.jpg') 0 0 no-repeat; }
#slide-02 { background:url('../img/illust/slide-02.jpg') 0 0 no-repeat; }
#slide-03 { background:url('../img/illust/slide-03.jpg') 0 0 no-repeat; }
#slide-04 { background:url('../img/illust/slide-04.jpg') 0 0 no-repeat; }
#slide-05 { background:url('../img/illust/slide-05.jpg') 0 0 no-repeat; }
#slide-06 { background:url('../img/illust/slide-06.jpg') 0 0 no-repeat; }
#slide-07 { background:url('../img/illust/slide-07.jpg') 0 0 no-repeat; }



/* FOOTER */
#footer { color:#fff; padding:6px 0 1px; }
#footer a { color:#fff; }
#footer a:hover, #footer a:focus { color:#003e6a; }
#footer .line { margin:0 2px; }
#footer p { margin:.6em 0; line-height:22px; }


/* MENU MAIN */
#main-menu { position:absolute; right:0; top:49px; font-size:108%; }
#main-menu li { display:inline; margin:0 0 0 26px; line-height:16px; }
#main-menu a, #main-menu strong { display:inline; font-weight:normal; color:#0f87b9; text-decoration:none; }
#main-menu a:hover, #main-menu a:focus, #main-menu .active { text-decoration:underline; }

/* SECTION MENU */
#section-menu { position:absolute; top:333px; left:0; width:100%; text-transform:uppercase; font-weight:bold; }
#section-menu li { float:left; display:inline; width:140px; margin:0 0 0 1px; }
#section-menu .first { margin:0; }
#section-menu a, #section-menu strong { display:block; background:#fff; color:#003b7d; height:55px; line-height:55px; padding:0 7px 0; text-align:center; text-decoration:none; font-weight:bold; overflow:hidden; }
#section-menu a:hover { color:#1891c4; }
#section-menu .hover, #section-menu a.hover:hover { background:#c1e2ef; color:#003b7d; height:53px; line-height:53px; border-top:1px solid #fff;  border-bottom:1px solid #fff; }
#section-menu .active, #section-menu a.active:hover { background:#065186; color:#fff; border:none; height:55px; line-height:55px; }
#section-menu span { display:inline-block; vertical-align:middle; line-height:15px; }

/* SIDE MENU */
.side-menu { padding:1px 0px 0; }
.side-menu h2 { margin:0; background:#105285; color:#fff; font-size:14px; line-height:16px; font-weight:bold; padding:8px 10px; }

.side-menu li { border-bottom:1px solid #dcdcdc; width:100%; vertical-align:bottom; }
.side-menu a, .side-menu strong { display:block; padding:8px 10px 8px 24px; line-height:16px; color:#2e2e2e; text-decoration:none; zoom:1; background:url('/img/bg/arr.png') 13px 12px no-repeat;  }
.side-menu a:hover { color:#065186; background-color:#c6e4f1; }
.side-menu .active { background-color:#b2b2b2; }                         
.side-menu .selected { background-color:#c6e4f1; }
.side-menu li li { border:none; }

.side-menu .level-2 a, .side-menu .level-2 strong { padding-left:36px; background-position:24px 12px; }
.side-menu .level-3 a, .side-menu .level-3 strong { padding-left:48px; background-position:36px 12px; }
.side-menu .level-4 a, .side-menu .level-4 strong { padding-left:60px; background-position:48px 12px; }
.side-menu .level-5 a, .side-menu .level-5 strong { padding-left:72px; background-position:60px 12px; }
.side-menu .level-6 a, .side-menu .level-6 strong { padding-left:84px; background-position:72px 12px; }

.menu { margin:20px 0 30px; }
.menu h2,
.menu ul { font-size:14px; overflow:hidden; zoom:1; margin:0; padding:0; }
.menu h2 { font-weight:bold; float:left; margin:0; }
.menu li { float:left; display:inline; white-space:nowrap; margin:0 0 2px 20px; }

#breadcrumb { color:#1596ca; margin:1.2em 0 .8em; font-size:11px; }
#breadcrumb .arr { font-size:14px; }

/* CONTENT */
.annot { font-size:108%; line-height:21px; margin:0 0 1em; font-weight:bold; }
a.more { padding:0 0 2px 22px; background:url('../img/ico/more.png') 0 0 no-repeat; }
.table-wrap { margin:0 0 1.8em; overflow: hidden; zoom: 1}
.table-wrap table { margin:0; }

/* CROSSROAD */
.crossroad h2 { margin-bottom:0; }
.crossroad ul { font-size:0px; margin:2px -5px 25px -10px; }
.crossroad li { display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:12px; text-align:center; margin: 10px 0 0 10px; border:1px solid #dcdcdc; padding:5px; width:156px; }
/*.r .crossroad li { border: none }*/
.crossroad h3 { margin:12px 0 0; font-weight:normal; font-size:108%; text-decoration:underline; min-height:35px; _height:35px; }
.crossroad a { display:block; text-decoration:none; }
.crossroad img { vertical-align:middle; margin:0 auto; }
.crossroad .img { display:block; height:156px; font-size:0px; line-height:156px; text-align:center; }

/* CATEGORY */
.category { margin:20px 0 30px; }
.category li { overflow:hidden; zoom:1; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e1e1e1; }
.category li a { text-decoration:none; }
.category .title { font-size:14px; font-weight:bold; margin:0 0 10px; }
.category a .title { text-decoration:underline; }
.category a:hover .title { color:#333; } 
.category .img { float:left; display:inline; width:156px; overflow:hidden; margin:0 15px 0 0; }
.category .desc { margin:0; overflow:hidden; zoom:1; }

.search-results li { position:relative; padding:0 0 15px 35px; }
.search-results .num { position:absolute; top:-1px; left:0; width:27px; text-align:right; font-size:18px; font-weight:bold; color:#0f87b9; }
.search-results .section { color:#999; font-size:11px; }
.search-results .section a { text-decoration:underline; }

/* ABOUT */
.side-about { padding:0 18px; }
.box-about p, .side-about { margin:0 0 1.3em; }
.box-about .link { margin:1.5em 0 0;}
.side-about .link { margin:-.4em 0 0; border-top:1px solid #dcdcdc; padding:.9em 0 0 ; }
.box-about h2, .side-about h2 { margin-bottom:.7em; }
.box-about h2 strong, .side-about h2 strong { font-weight:normal; color:#1891c4; }

/* NEWS */
.box-news h2 { margin-bottom:.6em; }
.box-news li { border:1px solid #dcdcdc; background:#f8f8f8; margin:10px 0 0; padding:6px 10px 7px 7px; overflow:hidden; zoom:1; }
.box-news .date { display:block; margin:.2em 0 .4em 90px; color:#919191; font-size:92%; }
.box-news h3 { margin:0 0 .3em 90px; font-size:100%; font-weight:bold; text-decoration:underline; color:#0f87b9; }
.box-news a:hover h3 { color:#003b7d; }
.box-news p { margin:0 0 .2em 90px; line-height:16px; }
.box-news img { float:left; margin:-1.4em 0 0; *margin:-1.2em 0 0; }
.box-news .link { margin:.9em 0 0; }

/* ATT IMAGES */
.att-images h2 { margin-top:0; }
.att-images { margin:1.3em 0; }
.att-images ul { width:100%; font-size:0; margin-bottom:-10px;		 }
.att-images li { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:188px; padding:5px; border:1px solid #dedede; margin: 0 10px 10px 0; text-align:center; }
.att-images a { display:block; height:188px; line-height:188px; width:188px; }
.att-images img { vertical-align:middle; }

/* ATTACHED FILES */
.att-files { margin:2.2em 0 0; }
.att-files h2 { margin-bottom:.5em; }
.att-files ul li {margin: 0 0 4px;}
.att-files a {padding:4px 0 0px 22px; background-image:url('/img/ico/file.png'); background-repeat:no-repeat; background-position:0 0; display:inline-block; line-height: 22px}
.att-files .dm{background-position:0 -100px;}
.att-files .ai{background-position:0 -200px;}
.att-files .avi{background-position:0 -300px;}
.att-files .cdr{background-position:0 -400px;}
.att-files .doc, .att-files .docx, .att-files .odt{background-position:0 -500px;}
.att-files .dwg, .att-files .dxf{background-position:0 -600px;}
.att-files .exe{background-position:0 -700px;}
.att-files .html, .att-files .htm{background-position:0 -800px;}
.att-files .tif, .att-files .png, .att-files .jpg, .att-files .gif, .att-files .bmp{background-position:0 -900px;}
.att-files .mp3, .att-files .wma{background-position:0 -1000px;}
.att-files .pdf{background-position:0 -1100px;}
.att-files .php{background-position:0 -1200px;}
.att-files .ppt, .att-files .pptx{background-position:0 -1300px;}
.att-files .psd{background-position:0 -1400px;}
.att-files .qt{background-position:0 -1500px;}
.att-files .ra{background-position:0 -1600px;}
.att-files .swf{background-position:0 -1700px;}
.att-files .txt, .att-files .css{background-position:0 -1800px;}
.att-files .xls, .att-files .xlsx, .att-files .xlt{background-position:0 -1900px;}
.att-files .zip{background-position:0 -2000px;}

/* FORM */
.form { margin:0 0 1.3em 0; }
.form h2 { background:#f4f4f4; border:1px solid #e1e1e1; border-bottom:none; float:left; margin:0; position:relative; top:1px; font-size:117%; font-weight:bold;line-height:36px; padding:0 15px; white-space:nowrap; }
.form fieldset { background:#f4f4f4; border:1px solid #e1e1e1; padding:14px 15px; clear:both; }
.form p { position:relative; padding:0 0 0 100px; margin:0 0 .5em; zoom:1; }
.form .col-h-l, .form .col-h-r { padding:0 0 0 100px; width:210px; }
.form label { position:absolute; left:0; top:7px; }
.form select.inp-text { *margin:5px 0 4px; }
.form .btns { margin:15px 0 5px; }

.form label.item { position:static; margin:0 20px 5px 0; white-space: nowrap; display: inline-block;}

.message { padding:8px 15px 8px 45px !important; background:#e4f0ff url('../img/ico/info.png') 16px 50% no-repeat; border:1px solid #96d6ec; font-weight:bold; color:#424e9d; margin:5px 0 15px !important; }
.ok-message { border-color:#6ecd04; color:#5cad02; background-image:url('../img/ico/ok.png'); background-color:#e6ffea; }
.error-message { border-color:#cc0000; color:#cc0000; background-image:url('../img/ico/error.png'); background-color:#ffe6e6; }

/* FILTER */
.filter-form { /*width:535px;*/ position:relative; }
.filter-form fieldset { padding:14px 110px 5px 13px; }
.filter-form .btns { position:absolute; bottom:10px; right:10px; padding:0; margin:0; }


.js .jsHide{display:none;}
							 
#actionBanner {padding: 5px 0px 0 0px; margin-bottom: -5px}							
.action li { font-size:12px; margin: 10px 0 0 10px; border:1px solid #dcdcdc; padding:5px; float: left; width: 330px}
.action img { float: left; padding:5px;}
.action h3 { margin:5px; font-weight: bolder;}
.action h4 { text-align: right; font-size: 14px}
.action p { margin:5px;}