@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);
body { background:url(../images/container_ship.jpg) no-repeat fixed; background-color:#19283b;   font-family: 'Roboto', sans-serif; sans-serif; font-weight:400; font-style:normal; color:#404040; font-size:14px;}
h1, .h1 { margin-top:0;  font-size: 30px; color:#003366; } 
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 12px; }
h6, .h6 { font-size: 12px; }

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: #003366;
	background-image: none;
	border: 1px solid #FFF;
	border-radius: 4px;
}

.navbar-default .navbar-toggle { border-color: #FFF; }

.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #990000; }

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -5px;
font-size: 30px;
margin-right: -2px;
}

.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 5%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}

blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #e7e7e7; }

.navbar { position: relative; min-height: 0; margin-bottom: 0px; border: 0px solid transparent; }

.nav > li > a { position: relative; display: block; padding: 15px 15px; border-right:0px solid #FFF; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #990000;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #990000;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu > li > a {
display: block;
padding: 5px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #FFF; text-decoration: none; background-color: #003366; }


.img-padding{ margin:0 0 15px 0;}
.btn-danger { color: #fff; background-color: #003366; border-color: #003366; float:right; margin:15px 0;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger{ background:#990000; color:#FFF; border-color:#FFF;}

#header{ border-top:5px solid #990000; padding:15px 0; background:#FFF;}
#navbar{ background:#003366; border:0; }
#navbar a{ color:#FFF;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: #990000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555; background: #990000;
}
.top-header-menu{ display:block;}



#content{ background:#FFF; padding:20px; margin:30px 0; border-radius:4px;}
#content h2{ margin-top:0; color:#990000; }
.bg-color{ background:#e7e7e7; padding:15px; border-radius:4px; margin-top:15px;}

#footer{ background:#003366;font-size:13px; padding:20px; color:#FFF; border-radius:4px;}
#footer a{ color:#FFF;}
.footer-left{ text-align:center;}
.footer-right{ text-align:center;}


.nav-header{ color:#003366 !important; font-size:20px; padding: 20px 15px;}
.inner-nav{ background:none;color:#003366; border:1px solid #003366; padding:0 15px;}
.navbar-default .navbar-nav > li > a { color: #003366; }
.inner-nav-ul > li > a:hover, .navbar-default .navbar-nav > li > a:focus > .active { color: #990000 !important; background: none !important; }
.inner-nav-ul li{ border-left:0px solid #FFF !important;}
.inner-nav-ul li:first-child{ border-left:0 !important;}

.red-color { color: #F00; }

.btn-default { color: #FFF; background-color: #003366; border-color: #003366; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #FFF; background-color: #990000; border-color: #990000; }

@media (min-width: 768px) {
	.top-header-menu{ display:none;}
	.nav > li > a { 	position: relative;	display: block;	padding: 15px 5px;  }
	.nav > li{ border-left:1px solid #fff;}
	.nav > li:first-child{ border:0;}
	.navbar-collapse {
	  max-height: auto;
	  padding-right: 0px;
	  padding-left: 0px;
	  overflow-x: visible;
	  -webkit-overflow-scrolling: touch;
	  border-top: 0;
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
	.container-fluid { padding-right: 0px; padding-left: 3px; margin-right: auto; margin-left: auto; }
	.inner-nav-ul li{ border-left:1px solid #003366 !important;}
	.inner-nav-ul li:first-child{ border-left:0 !important;}
	

}
@media (min-width: 992px) {
	.nav > li > a { position: relative; display: block; padding: 15px 15px; font-weight: 500; font-size:15px; }
	.nav > li{ border-left:1px solid #fff;}
	.nav > li:first-child{ border:0;}
	.footer-left{ text-align:left; padding-left:20px;}
	.footer-right{ text-align:right; padding-right:20px;}
	.top-header-menu{ display:none;}
	.bg-color{ background:#e7e7e7; padding:15px; border-radius:4px; margin-top:0px;}
	.navbar-collapse {
	  max-height: auto;
	  padding-right: 0px;
	  padding-left: 0px;
	  overflow-x: visible;
	  -webkit-overflow-scrolling: touch;
	  border-top: 0;
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
	.container-fluid { padding-right: 0px; padding-left: 12px; margin-right: auto; margin-left: auto; }
	.inner-nav-ul li{ border-left:1px solid #003366 !important;}
	.inner-nav-ul li:first-child{ border-left:0 !important;}

}

@media (min-width: 1200px) {
	.nav > li > a { position: relative; display: block; padding: 20px 26px; font-weight: 500; font-size:15px; }
	.nav > li{ border-left:1px solid #004182;}
	.nav > li:first-child{ border:0;}
	.footer-left{ text-align:left; padding-left:20px;}
	.footer-right{ text-align:right; padding-right:20px;}
	.top-header-menu{ display:none;}
	.bg-color{ background:#e7e7e7; padding:15px; border-radius:4px; margin-top:0px;}
	.navbar-collapse {
	  max-height: auto;
	  padding-right: 0px;
	  padding-left: 0px;
	  overflow-x: visible;
	  -webkit-overflow-scrolling: touch;
	  border-top: 0;
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
	.container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
	
	.inner-nav-ul li{ border-left:1px solid #003366 !important;}
	.inner-nav-ul li:first-child{ border-left:0 !important;}

}




#navi { height: auto; margin: 30px 0; }

#menu { background: #003366; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 0 auto; padding: 0; }

.default { width:auto; max-width:1140px; margin:0 auto;}

.fixed { position: fixed; 	top: 0px; 	left: 0; right:0;	width: 100%; z-index:999; }