body {
	margin:0;
	padding:0;
	background:url(../images/bg.jpg) no-repeat center top #6b6b6b;
	font-family: 'Open Sans', sans-serif;
}

#logo{
	margin-top:36px;
	max-width:444px;
	position:relative;
	z-index:100000;
}

.navbar {
  	margin-top:-95px;
   	height:95px;
	border-radius:0px;
	margin-bottom:0px;
	z-index:1000;
}

.navbar-default, .navbar-collapse{
	background:#727377;
	border:none;	
}


.navbar-brand{
	padding:0px 0px;
	margin:0 0px;
}

.navbar-default .navbar-nav > li > a{
	color:#fefefe;
	font-size:130%;	
	padding:37px 15px;
	font-weight:bold;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover{
	background:#0098db;
	color:#fefefe;

}

.dropdown:hover .dropdown-menu {
display: block;
}

.page-header{ border-bottom:1px solid #002656;}
.breadcrumb { background:none; float:right; width:100%; margin:-46px 0px 0 0; padding-right:0;  text-align:right; }

.breadcrumb > li + li:before {
    color: #0a98e0;
    content: "> ";
    padding: 0 5px;
}

#content{ background:#f1f1f1; min-height:400px;}

.form-horizontal .control-label{ text-align:left; font-family: 'Open Sans', sans-serif; font-size:120%;}

.has-warning .control-label{ color:#002656; }
mark{ background:none;}

.footer{ width:100%; background:#6b6b6b; color:#ffffff; padding:15px 0;}

/* only for large screens greater than 1000 px*/
@media screen and (min-width: 1000px){
	#content{ padding-left:5%; padding-right:5%;}
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	
	.navbar {
		margin-top:0px;
		height:95px;
	}

}
@media screen and (min-width:481px) and (max-width:767px){
	.navbar {
		margin-top:0px;
		height:95px;
	}
	.navbar-brand>img{ width:100%;}
}
@media screen and (min-width:240px) and (max-width:480px){
	.navbar {
		background:none;
		margin-top:1px;
		height:auto;
	}
	.navbar-toggle, .navbar-toggle:active{ background:#727377;}
	.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#002655;}
	.navbar-brand>img{ width:100%; margin-top:7px;}
	.navbar-default .navbar-nav > li > a{
		padding:8px 10px;	
	}
}