html, body {margin: 0; padding: 0; font-family: 'Roboto', sans-serif; background-image: url('./img/background.jpg'); font-weight: 300; background-position: center; background-size: 100% auto; background-attachment: fixed; background-repeat: no-repeat;}
img {border: none;}
div {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.xsize {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, textarea, select {border-radius: 0;}
.inline {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.content {width: 1400px;}
div.whitehider {position: absolute; width: 100%; height: 20px; background: url('./img/whitehider.png'); bottom: 0;}
/***********************************************/
div#enter {display: none; position: fixed; width: 100%; height: 100%; z-index: 10000; background: url('./img/popup_blue.png');}
#enter div.inside {display: table; width: 100%; color: #fff;}
#enter div.head {display: table-cell; padding-right: 60px; vertical-align: middle; text-align: right; font-size: 60px; font-weight: 200; text-transform: uppercase; line-height: 70px;}
#enter div.form {display: table-cell; width: 260px; vertical-align: middle; text-align: center;}
#enter div.form div.input {width: 100%; height: 45px; margin-bottom: 10px;}
#enter div.form input.text {width: 100%; height: 45px; font-size: 20px; color: #0096db; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; border: none; background: #fff;}
#enter div.form input.submit {width: 100%; height: 45px; font-size: 20px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; border: none; background: #004f73; text-transform: uppercase; cursor: pointer;}
#enter div.form input.submit:hover {background: #006694;}
#enter div.desc {display: table-cell; padding-left: 60px; vertical-align: middle; text-align: left; font-size: 20px;}
#enter div.desc p {margin: 5px 0;}
#enter div.links {display: table-cell; padding-left: 60px; vertical-align: middle; text-align: left; line-height: 28px;}
#enter div.links a {color: #fff; font-size: 20px;}
#enter div.links a:hover {text-decoration: none;}
/***********************************************/
div#register {display: none; position: fixed; width: 100%; height: 100%; z-index: 10000; background: url('./img/popup_blue.png');}
#register div.inside {display: table; width: 100%; color: #fff;}
#register div.head {display: table-cell; padding-right: 60px; vertical-align: middle; text-align: right; font-size: 40px; font-weight: 200; text-transform: uppercase; line-height: 70px;}
#register div.form {display: table-cell; width: 260px; vertical-align: middle; text-align: center;}
#register div.form div.input {width: 100%; height: 45px; margin-bottom: 10px;}
#register div.form input.text {width: 100%; height: 45px; font-size: 20px; color: #0096db; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; border: none; background: #fff;}
#register div.form input.submit {width: 100%; height: 45px; font-size: 20px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; border: none; background: #004f73; text-transform: uppercase; cursor: pointer;}
#register div.form input.submit:hover {background: #006694;}
#register div.links {display: table-cell; padding-left: 60px; vertical-align: middle; text-align: left; line-height: 28px;}
#register div.links a {color: #fff; font-size: 20px;}
#register div.links a:hover {text-decoration: none;}
/***********************************************/
div#gp {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background: url('./img/popup_white.png');}
#gp div.ctrl {position: absolute; width: 50px; height: 50px; cursor: pointer;}
#gp div.cleft {background: url('./img/popup_left.png'); left: 0;}
#gp div.cright {background: url('./img/popup_right.png'); right: 0;}
#gp div.image {display: none; position: absolute; top: 50%; left: 50%;}
#gp div.image div.cover {position: absolute;}
#gp div.image div.in {position: relative; background-size: 100%;}
#gp div.image div.in div.left {position: absolute; width: 50%; height: 100%; left: 0; top: 0; cursor: pointer;}
#gp div.image div.in div.right {position: absolute; width: 50%; height: 100%; right: 0; top: 0; cursor: pointer;}
/***********************************************/
div#topfix {position: fixed; top: -40px; width: 100%; height: 40px; background: #0096db; z-index: 6000;}
#topfix div.inside {position: relative; margin: 0 auto; height: 40px;}
#topfix .inside a.logotype {position: absolute; height: 40px; top: 0; left: 20px; background: no-repeat left center;}
#topfix .inside a.logotype_en {background-image: url('./img/logo_small_en.png'); width: 125px;}
#topfix .inside a.logotype_ru {background-image: url('./img/logo_small_ru.png'); width: 135px;}
#topfix .inside a.logotype_kg {background-image: url('./img/logo_small_kg.png'); width: 96px;}
#topfix .inside div.options {float: right; font-size: 14px; line-height: 14px; font-weight: 400; color: #fff;}
#topfix .inside div.account {float: left; margin-right: 30px;}
#topfix .inside .account a.button {display: block; padding: 0 10px; float: left; height: 40px; background: #0ea3e7; text-decoration: none; text-transform: uppercase; color: #fff;}
#topfix .inside .account a.button:hover {background: #18adf1;}
#topfix .inside .account a.button div.icon {float: left; height: 40px; margin-right: 10px; background: no-repeat center;}
#topfix .inside .account a.button div.text {display: table-cell; height: 40px; vertical-align: middle;}
#topfix .inside .account a.enter {margin-right: 10px;}
#topfix .inside .account a.enter div.icon {width: 17px; background-image: url('./img/account_icon_key_white.png');}
#topfix .inside .account a.register {}
#topfix .inside .account a.register div.icon {width: 15px; background-image: url('./img/account_icon_person_white.png');}
#topfix .inside .account div.info {padding: 0 10px; margin-right: 10px; float: left; height: 40px; text-decoration: none; color: #fff; font-weight: 300;}
#topfix .inside .account .info div.text {display: table-cell; height: 40px; vertical-align: middle;}
#topfix .inside div.search {position: relative; margin-right: 30px; float: left; width: 200px; height: 40px; background: #0ea3e7;}
#topfix .inside div.search input.icon {position: absolute; width: 15px; height: 40px; right: 10px; background: url('./img/search_icon_white.png') no-repeat center; border: none; cursor: pointer;}
#topfix .inside div.search input.word {width: 100%; height: 40px; padding: 0 30px 0 10px; background: none; border: none; color: #fff;}
#topfix .inside div.social {margin-right: 10px; float: left;}
#topfix .inside div.social a {display: block; float: left; margin-left: 3px; width: 30px; height: 40px;}
#topfix .inside div.social a:hover {background: #0ea3e7;}
#topfix .inside div.social a div.icon {width: 30px; height: 40px; background: no-repeat center center;}
#topfix .inside div.social a div.facebook {background-image: url('./img/social_icon_facebook.png');}
#topfix .inside div.social a div.twitter {background-image: url('./img/social_icon_twitter.png');}
/*#topfix .inside div.social a div.gplus {background-image: url('./img/social_icon_gplus.png');}*/
#topfix .inside div.social a div.linkedin {background-image: url('./img/social_icon_linkedin.png');}
#topfix .inside div.social a div.youtube {background-image: url('./img/social_icon_youtube.png');}
/***********************************************/
div#links {position: fixed; top: 104px; width: 100%; height: 40px; z-index: 5000; font-size: 11px; text-transform: uppercase; font-weight: 400;}
#links div.mobile_menu {display: none;}
#links div.content {position: relative; margin: 0 auto; padding-left: 15px; height: 40px; background: #fff; border-bottom: 1px solid #f2f2f2; }
#links div.link {position: relative; float: left; padding: 0 7px;}
#links div.link a.head {display: table-cell; height: 40px; vertical-align: middle; color: #666; text-decoration: none; font-size: 11.5px;}
#links div.link div.sub {display: none; position: absolute; top: 40px; left: -5px; background: #fff; border: 1px solid #f2f2f2;}
#links div.link div.sub a {display: block; width: 100%; padding: 10px 10px; white-space: nowrap; color: #666; text-decoration: none;}
#links div.link div.sub a:hover {background: #f2f2f2;}
#links div.lang {float: right;}
#links div.lang a {display: table-cell; height: 40px; padding: 0 10px; vertical-align: middle; color: #666; background: #f7f7f7; text-decoration: none; font-size: 12px;}
#links div.lang a:hover {background: #f2f2f2;}
#links div.lang a.select {background: #0096db; color: #fff;}
/***********************************************/
div#topline {width: 100%; height: 4px; background: #0096db;}
/***********************************************/
div#content {margin: 0 auto; background: #fafafa;
-webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.3);
box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.3);}
/***********************************************/
div#top {width: 100%; height: 100px; background: #f2f2f2; vertical-align: middle;}
#top a.logotype {display: block; float: left; margin: 10px 20px 0; height: 80px; background: no-repeat left center;}
#top a.logotype_en {background-image: url('./img/logotype_en.png'); width: 197px;}
#top a.logotype_ru {background-image: url('./img/logotype_ru.png'); width: 208px;}
#top a.logotype_kg {background-image: url('./img/logotype_kg.png'); width: 162px;}
#top div.options {float: right; height: 36px; margin-top: 32px; font-size: 14px; line-height: 14px; font-weight: 400;}
#top .options div.account {float: left; margin-right: 30px;}
#top .options .account a.button {display: block; padding: 0 10px; float: left; height: 36px; background: #fff; text-decoration: none; text-transform: uppercase; color: #999;}
#top .options .account a.button:hover {background: #fafafa;}
#top .options .account a.button div.icon {float: left; height: 36px; margin-right: 10px; background: no-repeat center;}
#top .options .account a.button div.text {display: table-cell; height: 36px; vertical-align: middle;}
#top .options .account a.enter {margin-right: 10px;}
#top .options .account a.enter div.icon {width: 17px; background-image: url('./img/account_icon_key_blue.png');}
#top .options .account a.register {}
#top .options .account a.register div.icon {width: 15px; background-image: url('./img/account_icon_person_blue.png');}
#top .options .account div.info {padding: 0 10px; margin-right: 10px; float: left; height: 40px; text-decoration: none; font-weight: 300;}
#top .options .account .info div.text {display: table-cell; height: 40px; vertical-align: middle;}
#top .options div.search {position: relative; margin-right: 30px; float: left; width: 200px; height: 36px; background: #fff;}
#top .options div.search input.icon {position: absolute; width: 15px; height: 36px; right: 10px; background: url('./img/search_icon_gray.png') no-repeat center; border: none; cursor: pointer;}
#top .options div.search input.word {width: 100%; height: 36px; padding: 0 30px 0 10px; background: none; border: none; color: #999; font-weight: 400;}
#top .options div.social {margin-right: 10px; margin-top: 3px; float: left;}
#top .options div.social a {display: block; float: left; margin-left: 3px; width: 30px; height: 30px;}
#top .options div.social a:hover {background: #0ea3e7;}
#top .options div.social a div.icon {width: 30px; height: 30px; background: no-repeat center center;}
#top .options div.social a div.facebook {background-image: url('./img/social_icon_facebook.png');}
#top .options div.social a div.twitter {background-image: url('./img/social_icon_twitter.png');}
/*#top .options div.social a div.gplus {background-image: url('./img/social_icon_gplus.png');}*/
#top .options div.social a div.linkedin {background-image: url('./img/social_icon_linkedin.png');}
#top .options div.social a div.youtube {background-image: url('./img/social_icon_youtube.png');}
/***********************************************/
div#linkspace {width: 100%; height: 40px;}
#linkspace div.mobile_menu { display: none; }
#linkspace div.menu_content { display: none; }
/***********************************************/
div#banner {position: relative; width: 100%; height: 300px; font-size: 14px; line-height: 18px; color: #fff; font-weight: 300; overflow: hidden;}
#banner div.ctrl {position: absolute; width: 100%; height: 15px; top: 20px; right: 20px; z-index: 300; text-align: right;}
#banner div.ctrl div.dot {width: 15px; height: 15px; margin-right: 10px; background: url('./img/banner_dots.png') no-repeat top; cursor: pointer;}
#banner div.ctrl div.select {background-position: bottom;}
#banner div.banner {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 300px; overflow: hidden; z-index: 200;}
#banner div.banner div.blue {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 300px; z-index: 210; background: url('./img/banner_blue.png');}
#banner div.banner a {display: block; width: 100%; height: 300px; color: #fff; text-decoration: none;}
#banner div.banner div.desc {position: absolute; bottom: -100px; width: 100%; background: url('./img/banner_black.png'); z-index: 220; padding: 15px 0;}
#banner div.banner div.desc div.head {font-size: 30px; padding: 0 20px 10px;}
#banner div.banner div.desc div.text {padding: 0 20px;}
#banner div.banner a:hover div.desc div.text {text-decoration: underline;}
#banner div.banner div.image {width: 100%; height: 300px; background: no-repeat center;}
/***********************************************/
div#main {width: 100%; margin-top: 25px; overflow: hidden; color: #666;}
#main div.cont {display: table; width: 100%; overflow: hidden;}
#main div.header {display: table-cell; width: 100%; height: 30px; vertical-align: middle; font-size: 16px;}
#main div.header a.head {margin-right: 20px; font-size: 30px; line-height: 30px; color: #0096db; text-decoration: none; text-transform: uppercase; font-weight: 300; vertical-align: middle;}
#main div.header a.head:hover {text-decoration: underline;}
#main div.header a.small {font-size: 16px; line-height: 16px; color: #0096db; font-weight: 300; font-style: italic;}
#main div.header a.small:hover {text-decoration: none;}
#main div.news {display: table-cell; width: 55%; height: 300px; vertical-align: top;}
#main div.news div.header {padding-left: 20px;}
#main div.news div.list {width: 100%; margin: 20px 0 0 0; padding: 0 10px;}
#main div.news div.list div.boxs {width: 100%; font-size: 0;}
#main div.news div.list div.boxs div.new {width: 25%; margin-bottom: 20px; padding: 0 10px; font-size: 12px;}
#main div.news div.list div.boxs div.new a {display: block; color: #0096db; font-size: 12px; text-decoration: none;}
#main div.news div.list div.boxs div.new a:hover {text-decoration: underline;}
#main div.news div.list div.boxs div.new a img {width: 100%;}
#main div.news div.list div.boxs div.new a div.name {width: 100%; font-size: 12px;}
#main div.news div.list div.boxs div.new div.date {font-size: 11px; margin: 2px 0 0;}
#main div.blocks {display: table-cell; width: 45%; padding: 0 20px 0 10px; vertical-align: top;}
#main div.blocks div.top {position: relative; width: 100%; height: 115px; margin-top: 25px; padding-left: 190px; overflow: hidden; font-weight: 400;}
#main div.blocks div.top a.image {position: absolute; display: block; width: 180px; height: 115px; left: 0; top: 0;}
#main div.blocks div.top a.name {font-size: 14px; color: #0096db; vertical-align: top;}
#main div.blocks div.top a.name:hover {text-decoration: none;}
#main div.blocks div.top div.sub {margin-top: 5px; font-size: 14px; line-height: 14px; font-style: italic;}
#main div.blocks div.top div.desc {margin-top: 5px; font-size: 12px; line-height: 14px;}
#main div.blocks div.subs {position: relative; font-size: 0;}
#main div.blocks div.subs div.box {position: relative; width: 100%; height: 120px; padding: 20px 10px 0 110px; overflow: hidden; font-size: 14px;}
#main div.blocks div.subs div.box div.image {position: absolute; width: 100px; left: 0; top: 20px;}
#main div.blocks div.subs div.box div.date {position: absolute; top: 100px; left: 0; width: 100px; height: 20px; padding: 6px 0 0 5px; background: #f2f2f2; font-size: 10px; line-height: 10px; font-weight: 400;}
#main div.blocks div.subs div.box div.name {margin: 0;}
#main div.blocks div.subs div.box a.name {font-size: 12px; line-height: 12px; color: #0096db; vertical-align: top; text-decoration: none;}
#main div.blocks div.subs div.box a.name:hover {text-decoration: underline;}
#main div.blocks div.subs div.box div.desc {margin-top: 0; font-size: 12px; line-height: 14px;}
#main div.blocks div.subs div.box div.desc div.sub {background: #f0f0f0; float: right; margin: 0 0 10px 10px;}
#main div.pe {width: 100%; display: table; background: #fff;}
#main div.pe div.left {width: 70%; display: table-cell;}
#main div.pe div.right {width: 30%; display: table-cell;}
#main div.pe div.full {width: 100%;}
#main div.pubs {width: 100%; margin-top: 20px;}
#main div.pubs h1 {width: 100%; font-size: 30px; line-height: 30px; padding: 20px 0 0 20px; text-transform: uppercase; font-weight: 300; color: #0096db;}
#main div.pubs h1 a {color: #0096db; text-decoration: none;}
#main div.pubs h1 a:hover {text-decoration: underline;}
#main div.pubs div.list {width: 100%; padding: 0 10px 20px;}
#main div.pubs div.list div.ins {width: 100%; font-size: 0;}
#main div.pubs div.list a.box {width: 20%; padding: 10px; font-size: 14px; color: #0096db; text-decoration: none;}
#main div.pe div.full div.pubs div.list a.box {width: 14.2857%;}
#main div.pubs div.list a.box:hover {text-decoration: underline;}
#main div.pubs div.list a.box img {width: 100%;}
#main div.pubs div.list a.box div.name {text-align: left;}
#main div.events {width: 100%; margin-top: 20px;}
#main div.events h1 {width: 100%; font-size: 30px; line-height: 30px; padding: 20px 0 0 0; text-transform: uppercase; font-weight: 300; color: #0096db;}
#main div.events h1 a {color: #0096db; text-decoration: none;}
#main div.events h1 a:hover {text-decoration: underline;}
#main div.events div.list {width: 100%;}
#main div.events div.list a.event {position: relative; display: table; width: 100%; margin-bottom: 10px; text-decoration: none;}
#main div.events div.list a.event div.date {display: table-cell; width: 28px; font-weight: 300;}
#main div.events div.list a.event .date div.cell {width: 100%; width: 28px; padding: 5px; background: #0096db; color: #fff; font-size: 10px; line-height: 12px; text-align: center; text-transform: uppercase;}
#main div.events div.list a.event .date .cell span {font-size: 16px;}
#main div.events div.list a.event div.name {display: table-cell; width: 100%; padding-left: 10px; padding-right: 15px; color: #666; font-size: 14px; line-height: 16px; vertical-align: top;}
#main div.events div.list a.event:hover div.name {text-decoration: underline;}
#main div.gallery {width: 100%; margin-bottom: 20px;}
#main div.gallery h1 {width: 100%; font-size: 30px; line-height: 30px; padding: 0 0 0 20px; text-transform: uppercase; font-weight: 300; color: #0096db;}
#main div.gallery h1 a {color: #0096db; text-decoration: none;}
#main div.gallery h1 a:hover {text-decoration: underline;}
#main div.gallery div.photos {width: 100%; padding: 0 20px;}
#main div.gallery div.photos div.in {position: relative; width: 100%; overflow: hidden;}
#main div.gallery div.photos div.lines {position: absolute; top: 0; left: 0; width: 100%; font-size: 0; z-index: 10;}
#main div.gallery div.photos div.lines a.box {width: 12.5%;}
#main div.gallery div.photos div.lines a.box img {width: 100%;}
/***********************************************/
div#body {position: relative; display: table; width: 100%;}
#body div.edge {display: table-cell; width: 240px; padding: 20px; vertical-align: top; background: #fff;}
#body div.edge h1 {margin: 0 0 15px; font-size: 24px; color: #0096db; text-transform: uppercase; font-weight: 300;}
#body div.edge h1 a {text-decoration: none; color: #0096db;}
#body div.edge h1 a:hover {text-decoration: underline;}
#body div.edge div.events {width: 100%; margin-bottom: 20px;}
#body div.events a.event {position: relative; display: table; width: 100%; margin-bottom: 10px; text-decoration: none;}
#body div.events a.event div.date {display: table-cell; width: 35px; font-weight: 300;}
#body div.events a.event .date div.cell {width: 100%; width: 35px; padding: 5px; background: #0096db; color: #fff; font-size: 12px; line-height: 16px; text-align: center; text-transform: uppercase;}
#body div.events a.event .date .cell span {font-size: 20px;}
#body div.events a.event div.name {display: table-cell; width: 100%; padding-left: 10px; color: #666; font-size: 12px; line-height: 16px; vertical-align: top;}
#body div.events a.event:hover div.name {text-decoration: underline;}
#body div.edge div.pubs {width: 100%; margin-bottom: 20px;}
#body div.edge div.pubs a.pub {width: 100%; text-decoration: none; color: #0096db; text-align: center;}
#body div.edge div.pubs a.pub:hover {text-decoration: underline;}
#body div.edge div.pubs a.pub img {width: 100%;}
#body div.edge div.news {width: 100%; margin-bottom: 20px;}
#body div.edge div.news a.new {display: block; margin: 5px 0 10px; color: #666; font-size: 11px; line-height: 16px; text-decoration: none;}
#body div.edge div.news a.new b {font-weight: 500;}
#body div.edge div.news a.new span {text-decoration: none;}
#body div.edge div.news a.new:hover span {text-decoration: underline;}
#body div.edge div.adv {width: 100%; margin-bottom: 10px;}
#body div.edge div.adv a.ad {display: block; width: 100%; margin-bottom: 10px; text-decoration: underline; color: #666; text-align: left; font-size: 12px;}
#body div.edge div.adv a.ad:hover {text-decoration: none;}
#body div.edge div.adv a.ad h1 {font-size: 14px; margin: 0;}
#body div.edge div.adv a.ad img {width: 100%;}
#body div.body {display: table-cell; vertical-align: top;}
#body div.body h1 {font-size: 26px; color: #0096db; font-weight: 300;}
#body div.body h1 a {color: #0096db; text-decoration: none; font-size: 26px;}
#body div.body h1 a:hover {text-decoration: underline;}
#body div.body h1 span {font-size: 35px;}
/***********************************************/
div#article {width: 100%; padding: 20px;}
#article h1 {margin: 0 0 15px;}
#article div.subs {width: 100%; overflow: hidden; margin-bottom: 20px;}
#article div.subs div.path {float: left; font-size: 16px; line-height: 16px; color: #666;}
#article div.subs div.path a {color: #0096db;}
#article div.subs div.path a:hover {text-decoration: none;}
#article div.subs div.date {float: right; font-size: 14px; line-height: 14px; background: #f2f2f2; padding: 5px;}
#article div.text {width: 100%; margin-bottom: 20px; overflow: hidden;}
#article div.text div.information {width: 100%; padding: 5px; background: #f2f2f2; font-size: 12px; clear: both; overflow: hidden;}
#article div.text div.information div.author {float: left;}
#article div.text div.information div.date {float: right;}
#article div.text h2 {margin: 10px 0; font-size: 30px; color: #0096db; font-weight: 300;}
#article div.text h3 {margin: 10px 0; font-size: 24px; color: #0096db; font-weight: 300;}
#article div.text h4 {margin: 10px 0; font-size: 20px; color: #0096db; font-weight: 300;}
#article div.text div.block {overflow: hidden; clear: both;}
#article div.text p {font-size: 14px; margin-bottom: 10px;}
#article div.text p.center {text-align: center;}
#article div.text p.right {text-align: right;}
#article div.text b {font-weight: 600;}
#article div.text a {color: #0096db;}
#article div.text a:hover {text-decoration: none;}
#article div.text img.left {float: left; margin: 10px 20px 20px 0; clear: left;}
#article div.text img.right {float: right; margin: 10px 0 20px 20px; clear: right;}
#article div.text div.wide {width: 100%; clear: both;}
#article div.text div.wide img {width: 100%;}
#article div.text div.center {width: 100%; clear: both; text-align: center;}
#article div.text div.center img {text-align: center;}
#article div.text div.spoiler {width: 100%; margin: 10px 0; border: 1px solid #cef0ff;}
#article div.text div.spoiler div.spheader {width: 100%; padding: 10px; background: #f5f5f5; cursor: pointer;}
#article div.text div.spoiler div.spheader div.sph {width: 100%; background: url('./img/article_spoiler_icon.png') no-repeat left center; padding-left: 25px;}
#article div.text div.spoiler div.spinside {display: none; width: 100%; padding: 5px 10px 10px;}
#article div.text a.fileline {display: block; width: 100%; margin: 10px 0; padding: 10px; border: 1px solid #cef0ff; text-decoration: none;}
#article div.text a.fileline:hover {background: #0096db; color: #fff;}
#article div.text a.fileline div {width: 100%; background: url('./img/article_download_icon.png') no-repeat left center; padding-left: 20px;}
#article div.text table {width: 100%; clear: both; border-collapse: collapse; font-size: 12px;}
#article div.text table td {padding: 10px; vertical-align: top;}
#article div.text div.staff {width: 100%; margin: 10px 0; clear: both; overflow: hidden; font-size: 0; text-align: center;}
#article div.text div.staff div.box {width: 25%; margin-bottom: 30px; font-size: 14px; padding: 0 7px; text-align: center;}
#article div.text div.staff div.box img {width: 100%; clear: both; float: none; margin-bottom: 5px;}
#article div.text div.staff div.box div.name {margin-bottom: 5px; font-size: 18px; color: #0096db; font-weight: 300;}
#article div.text div.staff div.box div.prop {margin-bottom: 5px; font-size: 14px; font-style: italic;}
#article div.text div.staff div.box div.txt {font-size: 12px;}
#article div.text div.logos {width: 100%; margin: 10px 0; clear: both; overflow: hidden; font-size: 0; text-align: center;}
#article div.text div.logos div.box {width: 20%; margin-bottom: 10px; font-size: 12px; padding: 0 7px; text-align: left;}
#article div.text div.logos div.box img {width: 100%;}
#article div.text div.logos div.box div.name {margin: 0 0 5px; font-size: 14px; color: #0096db; font-weight: 300;}
#article div.text div.logos div.box p {margin: 0 0 5px; font-size: 11px;}
#article div.text div.li {margin: 10px 0; padding-left: 20px; background: url('./img/article_dot.png') no-repeat 0 7px;}
#article div.text div.space {margin: 30px 0;}
#article div.text div.form {width: 100%; margin: 10px 0; clear: both;}
#article div.text div.form div.email {width: 75%; float: left; padding-right: 5px;}
#article div.text div.form div.email input {width: 100%; padding: 10px; background: #fff; border: 1px solid #f0f0f0; font-size: 16px; line-height: 16px; font-family: 'Roboto', sans-serif; color: #0096db;}
#article div.text div.form div.button {width: 25%; float: right; padding-left: 5px;}
#article div.text div.form div.button input {width: 100%; padding: 13px 10px; font-size: 16px; line-height: 16px; text-transform: uppercase; font-family: 'Roboto', sans-serif; background: #0096db; color: #fff; border: none; cursor: pointer;}
#article div.share {display: table; width: 100%; height: 40px; padding: 0 15px; background: #f6f6f6; font-size: 24px; vertical-align: middle;}
#article div.share div.text {display: table-cell; width: 15%; height: 40px; text-align: left; vertical-align: middle;}
#article div.share div.buttons {display: table-cell; width: 85%; height: 40px; text-align: right; padding-top: 8px;}
#article div.other {width: 100%; margin-top: 20px;}
#article div.other h1 {color: #666; font-size: 24px;}
#article div.other div.cols {width: 100%; display: table;}
#article div.other .cols div.col {display: table-cell; width: 33%; padding-right: 20px;}
#article div.other .cols .col a {color: #0096db; font-size: 14px; line-height: 16px;}
#article div.other .cols .col a:hover {text-decoration: none;}
#article div.other .cols .col div.text {margin-top: 5px; font-size: 12px; line-height: 16px;}
/***********************************************/
div#msg {width: 100%; padding: 150px 0;}
#msg div.inside {width: 80%; margin: 0 auto; text-align: center; font-size: 20px;}
#msg h1 {font-size: 40px; color: #0096db; font-weight: 300;}
#msg p {margin: 5px 0;}
#msg form {margin: 10px 0;}
#msg input.line {width: 250px; height: 45px; font-size: 20px; color: #0096db; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; background: #fff; border: 1px solid #e5e5e5;}
#msg input.submit {width: 250px; height: 45px; font-size: 20px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; border: none; background: #004f73; text-transform: uppercase; cursor: pointer;}
#msg input.submit:hover {background: #006694;}
/***********************************************/
div#pages {position: relative; width: 100%; clear: both; margin-bottom: 20px; padding: 0 20px; text-align: right;}
#pages div.text {position: absolute; left: 20px; font-size: 16px; line-height: 16px; margin-top: 6px;}
#pages div.textleft {position: absolute; left: 20px; font-size: 16px; line-height: 16px; margin-top: 6px;}
#pages a.page {width: 30px; height: 30px; padding-top: 8px; font-size: 12px; line-height: 12px; background: #f2f2f2; color: #666; text-decoration: none; text-align: center; border: 1px solid #e5e5e5; border-radius: 30px; overflow: hidden;}
#pages a.page:hover {background: #0096db; color: #fff;}
#pages a.current {background: #666; color: #fff;}
#pages a.arr {font-size: 15px; padding-top: 7px;}
#pages div.dots {font-size: 16px;}
/***********************************************/
div#events {width: 100%; padding: 20px;}
#events h1 {margin: 0 0 10px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #0096db; font-size: 40px; text-align: center;}
#events div.option {position: relative; width: 100%; clear: both; overflow: hidden;}
#events div.option a.ctrl {position: absolute; display: block; font-size: 20px; line-height: 20px; text-decoration: none;}
#events div.option a.ctrl:hover {text-decoration: underline;}
#events div.option a.cleft {top: 0; left: 0; background: url('./img/events_left.png') no-repeat left 5px; color: #0096db; padding-left: 25px;}
#events div.option a.cright {top: 0; right: 0; background: url('./img/events_right.png') no-repeat right 5px; color: #0096db; padding-right: 25px;}
#events div.option div.name {width: 100%; text-align: center; font-size: 24px; line-height: 24px;}
#events div.event {display: none; position: absolute; top: 250px; left: 50%; z-index: 300;}
#events div.event div.in {position: absolute; width: 500px; margin-left: -250px; background: #fff; border: 1px solid #e5e5e5; text-align: left; padding: 10px;
-webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.5);
box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.5);}
#events div.event h1 {font-size: 20px; text-align: left;}
#events div.event p {margin: 5px 0; font-size: 14px;}
#events div.event a {color: #0096db;}
#events table {position: relative; width: 100%; margin-top: 20px; border-collapse: collapse; clear: both; font-size: 12px;}
#events table td {position: relative; vertical-align: top; padding: 5px; height: 60px; border: 1px solid #e5e5e5;}
#events table td.event {background: #e3f6ff;}
#events table tr.header td {height: 20px; background: #e5e5e5; color: #666; text-align: center;}
#events table td.day1, #events table td.day2, #events table td.day3, #events table td.day4, #events table td.day5 {
width: 14%;}
#events table td.day6, #events table td.day7 {
width: 15%;
}
#events table td div.num {float: right; margin: 0 0 10px 10px; font-size: 12px;}
#events table td a {display: block; margin-bottom: 5px; color: #0096db; text-decoration: none;}
#events table td a div.name {font-size: 14px; text-decoration: underline;}
#events table td a div.text {font-size: 11px; color: #666;}
#events table td a:hover div.text {text-decoration: underline;}
/***********************************************/
div#news {width: 100%;}
#news h1 {margin: 20px 20px 15px; font-size: 35px !important;}
#news div.list {width: 100%; overflow: hidden; padding: 0 10px; font-size: 0;}
#news div.list div.boxs {width: 100%; font-size: 0;}
#news div.list div.boxs div.new {width: 25%; margin-bottom: 20px; padding: 0 10px; font-size: 12px;}
#news div.list div.boxs div.new a {display: block; color: #0096db; font-size: 12px;}
#news div.list div.boxs div.new a:hover {text-decoration: none;}
#news div.list div.boxs div.new a img {width: 100%;}
#news div.list div.boxs div.new a div.name {width: 100%; font-size: 12px;}
#news div.list div.boxs div.new div.date {font-size: 11px; margin: 2px 0 0;}
/***********************************************/
div#blog {width: 100%;}
#blog h1 {margin: 20px 0 0 20px; font-size: 35px !important;}
#blog div.list {width: 100%; margin-bottom: 20px; overflow: hidden; font-size: 0;}
#blog div.list div.box {position: relative; width: 50%; min-height: 140px; padding: 20px 10px 0 130px; overflow: hidden; font-size: 16px;}
#blog div.list div.image {position: absolute; width: 100px; left: 20px; top: 20px;}
#blog div.list div.date {position: absolute; top: 100px; left: 0; width: 100px; height: 20px; padding: 6px 0 0 5px; background: #f2f2f2; font-size: 10px; line-height: 10px; font-weight: 400;}
#blog div.list a.name {font-size: 14px; line-height: 12px; color: #0096db; vertical-align: top;}
#blog div.list a.name:hover {text-decoration: none;}
#blog div.list div.desc {margin-top: 5px; font-size: 12px; line-height: 14px;}
/***********************************************/
div#search {position: relative; width: 100%; padding: 20px;}
#search h2 {font-size: 20px; font-weight: 200;}
#search div.info {position: absolute; top: 55px; right: 20px;}
#search div.form {position: relative; width: 100%; padding-right: 200px;}
#search div.form input.word {width: 100%; height: 40px; padding: 0 10px; font-size: 16px; background: #fff; border: 1px solid #e5e5e5; color: #666; font-family: 'Roboto', sans-serif; font-weight: 300;}
#search div.form input.submit {position: absolute; top: 0; right: 0; width: 190px; height: 40px; font-size: 16px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; border: none; background: #004f73; text-transform: uppercase; cursor: pointer;}
#search div.form input.submit:hover {background: #006694;}
#search div.list {width: 100%; margin: 20px 0 30px;}
#search div.list div.text {width: 100%; margin: 10px 0; padding: 10px; text-align: center; background: #fff; border: 1px solid #e5e5e5;}
#search div.list div.rec {width: 100%; margin: 10px 0; border-bottom: 1px solid #e6e6e6;}
#search div.list div.rec div.header {width: 100%; margin: 0 0 10px; font-size: 20px;}
#search div.list div.rec div.header a {color: #0096db; text-decoration: none;}
#search div.list div.rec div.desc {width: 100%; margin: 0 0 10px; font-size: 12px;}
#search div.list div.rec div.path {width: 100%; margin: 0 0 10px; font-size: 12px;}
#search div.list div.rec div.path a {color: #0096db; text-decoration: underline;}
#search div.list div.rec div.path a:hover {text-decoration: none;}
/***********************************************/
div#reg {width: 100%;}
#reg h1 {margin: 20px 0 0 20px;}
#reg div.list {width: 100%; margin-bottom: 40px; font-size: 0;}
#reg div.list div.doc {width: 50%; margin-top: 20px; padding: 0 20px 0 50px; min-height: 20px; font-size: 11px; background: url('./img/document_icon.png') no-repeat 20px 6px;}
#reg div.list .doc div.header {font-size: 14px;}
#reg div.list .doc .header a {color: #0096db;}
#reg div.list .doc .header a:hover {text-decoration: none;}
#reg div.list .doc .header span {white-space: nowrap;}
#reg div.list .doc div.desc {width: 100%; margin-top: 5px;}
/***********************************************/
div#pub {width: 100%;}
#pub h1 {margin: 20px 20px 0 20px;}
#pub a.download {display: block; float: right; margin: 37px 20px 0 20px; height: 40px; padding: 10px; text-decoration: none; border: 1px solid #f2f2f2; border-radius: 40px; color: #666;}
#pub a.download:hover {background: #0096db; color: #fff;}
#pub a.download div {height: 20px; background: url('./img/download_icon.png') no-repeat; padding-top: 2px; padding-left: 25px; font-size: 16px; line-height: 16px;}
#pub div.viewer {width: 100%; margin: 20px 0; padding: 0 20px;}
#pub div.viewer iframe {width: 100%; height: 500px;}
#pub div.text {width: 100%; margin: 10px 0; padding: 0 20px;}
#pub div.list {width: 100%; margin-bottom: 20px; font-size: 0; overflow: hidden; padding: 0 20px; text-align: center;}
#pub div.list div.ins {width: 100%;}
#pub div.list a.box {width: 25%; margin: 10px 0; padding: 10px; font-size: 16px; text-align: center; text-decoration: none; color: #666; border: 1px solid transparent;}
#pub div.list a.box:hover {text-decoration: underline; color: #0096db; background: #f2f2f2; border: 1px solid #0096db;}
#pub div.list a.box img {width: 100%;}
#pub div.list a.box div.name {margin-top: 5px;}
/***********************************************/
div#gallery {width: 100%;}
#gallery h1 {margin: 20px 0 0 20px;}
#gallery div.albums {width: 100%; margin-top: 20px; margin-bottom: 20px; padding: 0 10px; font-size: 0;}
#gallery div.albums a.box {width: 25%; margin-bottom: 20px; padding: 0 10px; color: #666; font-size: 14px; line-height: 18px; text-align: center; text-decoration: none; overflow: hidden;}
#gallery div.albums a.box img {width: 100%; margin: 0;}
#gallery div.albums a.box div.date {width: 100%; margin: 0; padding: 5px 0; background: #f2f2f2; font-size: 10px; line-height: 10px; font-weight: 400;}
#gallery div.albums a.box:hover div.text {text-decoration: underline;}
#gallery div.text {width: 100%; margin: 10px 0 5px; padding: 0 20px; font-size: 14px;}
#gallery div.text p {margin: 5px 0;}
#gallery div.photo {width: 100%; padding: 20px; font-size: 0; text-align: center;}
#gallety div.photo div.wrap {width: 100%;}
#gallery div.photo .wrap div.box {width: 20%; cursor: pointer;}
#gallery div.photo .wrap .box div.pic {width: 100%; height: 176px; background: no-repeat center center; background-size: 100%;}
/***********************************************/
div#footer {display: table; width: 100%; height: 120px; background: #f2f2f2;}
#footer div.logos {display: table-cell; width: 70%; padding: 20px 20px 0;}
#footer div.logos div.header {width: 100%; margin-bottom: 10px; font-size: 24px;}
#footer div.logos .logo {height: 80px; margin-right: 10px; margin-bottom: 20px;}
#footer div.logos .logo div {display: table-cell; height: 80px; vertical-align: middle;}
#footer div.contacts {display: table-cell; width: 30%; padding-bottom: 20px;}
#footer div.contacts div.header {width: 100%; margin-bottom: 10px; font-size: 24px;}
#footer div.contacts div.ins {display: table; width: 100%; font-size: 14px; line-height: 17px;}
#footer div.contacts div.ins div.in {display: table-cell; width: 50%; vertical-align: top; padding-right: 20px;}
#footer div.contacts div.ins a {color: #0096db;}
#footer div.contacts div.ins a:hover {text-decoration: none;}