@font-face { font-family: Roboto-Regular; src: url(../files/Roboto-Regular.eot); src: url(../files/Roboto-Regular.ttf), url(../files/Roboto-Regular.eot?#iefix) }
@font-face { font-family: Roboto-Bold; src: url(../files/Roboto-Bold.eot); src: url(../files/Roboto-Bold.ttf), url(../files/Roboto-Bold.eot?#iefix) }
@font-face { font-family: Roboto-Black; src: url(../files/Roboto-Black.eot); src: url(../files/Roboto-Black.ttf), url(../files/Roboto-Black.eot?#iefix) }
@font-face { font-family: Roboto-Italic; src: url(../files/Roboto-Italic.eot); src: url(../files/Roboto-Italic.ttf), url(../files/Roboto-Italic.eot?#iefix) }

a:focus, a:hover { outline: none; text-decoration: none; border: none ;color: #337ab7;}
.fa:before, .fa, i { font-family: FontAwesome !important; font-style: normal }
ul { margin: 0; padding: 0 }

.menu { position: absolute; top: 20px; left: 20px }
.menu i { line-height: normal; font-size: 35px }
.menu-top { padding-bottom: 20px }
.menu-top h2 { color: #2a71b5; font-family: Roboto-Black; font-size: 32px; margin: 30px 0 }
.menu-top .nav { background: rgba(255, 255, 255, 0.75); box-shadow: 0 1px 3px 0 #ccc; border-radius: 5px }
.menu-top .nav ul { list-style: none; float: left }
.menu-top .nav ul li { display: inline-block; text-transform: uppercase; font-size: 0; padding: 10px 15px }
.menu-top .nav ul li a { color: #333; display: block; font-size: 12px }
.menu-top .nav ul li a i { color: #4c7fb0; font-size: 20px }
.menu-top .nav ul.lang { float: right; padding-right: 10px }
.menu-top .nav ul.lang li { padding: 17px 5px }
.line { height: 7px; margin-bottom: 15px }
.slide { margin-bottom: 30px; padding: 4px; background-color: #fff; box-shadow: 0 0 3px 1px #ccc }
.slide .carousel-control .glyphicon { font-size: 46px }
.slide .carousel-control.left .glyphicon-chevron-left { left: 20% }
.slide .carousel-control.right .glyphicon-chevron-right { right: 20% }
.slide .carousel-control.left, .slide .carousel-control.right { background-image: none }
.slide .glyphicon-chevron-left:before, .slide .glyphicon-chevron-right:before { content: no-close-quote }
.main { background: url(../images/nen/menu1.jpg) center 20% no-repeat; background-size: 100% auto }
.main .left ul { list-style: none; background-color: #fff }
.main .left ul li { padding: 6px 10px; border-bottom: 1px solid #aecae6; position: relative }
.main .left ul li:hover { background: url(../images/nen/menu2.jpg) right repeat-y; box-shadow: -1px 0 0 red inset }
.main .left ul li ul.sub-menu { box-shadow: 0 0 3px #999; position: absolute; z-index: 1; display: none; background-color: #cbe0f4; right: -83.4%; width: 83.4%; top: 0; padding: 0 }
.main .left ul li ul.sub-menu li { border-color: #fff }
.main .left ul li ul.sub-menu li:before { content: none }
.main .left ul li ul.sub-menu li a { color: #424242 }
.main .left ul li ul.sub-menu li:hover { background: url(../images/nen/menu4.jpg) right repeat-y; box-shadow: none }
.main .left ul li ul.sub-menu li:last-child { border: none }
.main .left ul li:hover ul.sub-menu { display: inherit; text-transform: capitalize }
.main .left ul li.menu-item-has-children:before { font-family: FontAwesome; background-image:url(../images/nen/next.gif); font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 18px; padding-right: 20px; position: absolute; top: 2px; right: 0 }
.main .left ul a { color: #000; display: block }
.main .left .ckhome { margin-top: 25px;   background-color: #fff; box-shadow: 0 0 2px 1px #ccc }
.main .left .ckhome h3 { background-color: #2a71b5; color: #fff; padding: 10px; margin: 0; font-size: 15px; margin-bottom: 15px }
.main .left .ckhome iframe { width: 90% }
.main h4 { color: #4c7fb0; text-transform: uppercase; margin-top: 0; margin-bottom: 20px }
.main h4.sp { border-bottom: 2px solid #7aa4cc; margin-bottom: 40px; padding-bottom: 10px }
.main .center .pathway { padding: 10px 0;   }
.main .center .pathway a:hover {color: inherit;}
.main .center .pathway ul { padding-top: 0; }
.main .center .pathway ul li {white-space: nowrap; list-style: none; padding: 0;overflow: hidden; border: none; display: inline-block; color: #4c7fb0; font-size: 18px; font-family: Roboto-Bold; text-transform: uppercase }
.main .center .pathway ul li:before { content: none }
.main .center .pathway ul li i { color: #4c7fb0; font-size: 18px; margin: 0 10px }
.main .center .pathway ul li:last-child { color: red ;width: 35%;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;}
.main .center .pathway ul li:last-child i { color: red }
.main .center .line { background-color: #7aa4cc }
.main .center .content{line-height: 20px;}
.main .center .content li, .main .center .content p {margin-bottom: 10px;}
.main .center ul.list-news { padding-top: 30px }
.main .center ul.list-news li { border-top: 1px solid #dedbdb; padding: 20px; list-style: none; position: relative }
.main .center ul.list-news li:before { content: "\f111"; position: absolute; left: 8px; top: 25px; color: #00498f; font-size: 6px; font-family: FontAwesome }
.main .center ul.list-news li a { color: #333 ;text-transform: capitalize;}
.main .center ul.nav-tabs { border: none }
.main .center ul.nav-tabs li { margin: 0 }
.main .center ul.nav-tabs li a { color: #424242; font-family: Roboto-Bold }
.main .center ul.nav-tabs li.active, .main .center ul.nav-tabs li:hover { border-bottom: 3px solid #2a71b5 }
.main .center ul.nav-tabs li.active a, .main .center ul.nav-tabs li:hover a {background: none; color: #2a71b5 }
.main .center ul.nav-tabs li a { border: none }
.main .center ul.nav-tabs li a:hover { background: none }
.main .center .tab-content { border: 1px solid #ccc }
.main .center .tab-content h5 { margin: 0; background: #e5eff9; font-size: 12px; padding: 10px }
.main .center .tab-content td { padding: 10px }
.main .center .tab-content ul ,.main .center .tab-content ol  {margin-top: 10px; padding-left: 30px; -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px;}
.main .center .tab-content ul li ,.main .center .tab-content ol li {float: left;}
.main .center .codong { border: 1px solid #ccc; border-top: none }
.main .center .codong h6 {text-transform: uppercase; background-color: #e5eff9; border-top: 1px solid #ccc; margin: 0; padding: 10px 15px }
.main .center .codong h6 a {display: block;position: relative;color: #333;}
.main .center .codong h6 a.collapsed:before { content: "\f107";
              font-family: FontAwesome;}
.main .center .codong h6 a:before { content: "\f106";
              font-family: FontAwesome;position: absolute;
              top: -1px;
              right: 0;font-size: 16px;}