@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');


html, body{height:100%;}


body{ color: #666; font-family: Roboto, arial; font-size: 14px; font-weight: normal;  line-height: 1.7; }
h1, h2, h3, h4, h5, h6 { color: #00225a;  line-height: 1.3; }
a { color: #0063c9; }

.header{ background: #fff; padding: 6px 0; position: relative; z-index:100;}

.splash-page{position:relative; background:#00225c;}
.splash-page .header{padding:20px 0; border-bottom:5px solid #00225b; background-image: linear-gradient(to top, #dedede, transparent)}


.div-main{height:calc(100% - 215px); position:relative; border: red solid 0; background: url(../images/bg-cover.jpg) center no-repeat;}


.enter-nav{text-align:center; width:100%; margin-bottom:0;  padding:6% 0 8%; position:absolute; bottom:0; background-color:rgba(0,15,41,.75);}

.enter-nav li{margin:3px; display:inline-block; vertical-align: middle; white-space: nowrap;}

.home-btn{color:#fff; font-weight: bold; text-align:center; padding:12px 0; margin-bottom:10px; display:block; cursor:pointer; background-color:#0063c9;}
.enter-nav .home-btn{width:200px; border-radius:6px; margin-bottom:0;background-color:rgba(0,99,201,.85); border: 1px solid #004d9a; text-shadow:0 1px 0 rgba(0,0,0,1); box-shadow:0 1px 0 rgba(0,0,0,.75);}

.home-btn:hover, .home-btn:focus{color:#fff; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,.5); background-color:#007cff;}

.navbar-default{margin-bottom:0; background:#0063c9; border-radius:0; border:none; z-index:1000;}
.navbar-nav{float:none;}
.navbar-nav > li{ text-align: center; width:25%;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a{color:#fff; background: transparent;}

.dropdown-menu{border:none;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: #00225a ;}



.footer {font-size:12px; background:#000f29; padding:30px 0; color:#ccc; border-top:1px solid #004994;}
.footer a{color:#fff;}
.footer .img-responsive{display: inline;}

@media (min-width:769px){ .enter-nav{padding:3% 0 6%;}
}

@media (max-width:991px){ .footer{text-align: center;} }


@media (min-width: 992px){
    .footer .col-md-2{width: 13%;}
    .footer .col-md-10{width: 87%; position: relative; height:66px;}
    .footer p{position:absolute; bottom:10px;}

}

.main-breadcrumb { background: #e4e4e4; }
.breadcrumb { background: none; border-radius: 0; margin: 0;}


.box {border:1px solid #ddd; border-top:5px solid #0063c9; padding:20px; margin: 0 0 40px 0; box-shadow: 0px 5px 0px #f2f2f2; }

.box h2{ color: #0063c9; font-size: 20px;  }
.box h1{ font-size: 26px; margin: 10px 0 15px 0; padding: 0;}
.box p{ }

.box1 { background: #fff;  border: 1px solid #ddd; border-top: 5px solid #0063c9;  padding:10px 0; margin:0 0 20px 0; box-shadow: 0px 5px 0px #f2f2f2; position:relative;    }
.box1 h2{font-size:24px; padding: 0 20px;  margin: 10px 0 12px 0; }
.box1 h1{ font-size: 28px; padding: 0 20px; margin: 10px 0 5px 0;   }
.box1 p{ text-align: justify; }
.box1 img { bottom: 0; position: absolute;}

.content-inner { margin: 50px 0 0 0; }
.content { float: right; width: 100%; }
.content .page-header { margin: 20px 0; }
.content .box { padding: 20px 20px 50px ;}
.content p{  margin:  0 0 20px 0; }
.content img{ float:left; margin:  0 0 20px 20px; }
.content ul{ padding: 0 0 0 20px ; margin: 0 0 20px 0; list-style: none;  }
.content ul li{ padding: 0; margin: 0; list-style: disc; color: #666; }
.content ul li a{ color: #666; }

.content ol{ padding: 0 0 0 20px; margin: 0 0 20px 0; list-style: none;  }
.content ol li{ padding: 0; margin: 0; list-style: decimal; color: #666; }
.content ol li a{ color: #666; }

.box-left{margin:20px 0;}
.translation-link{ display: none;}
/*.last a{color:#bfdeff !important;}
.first a{color:#333 !important;}*/