@import url(https://fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic);
body{background-color:#7da1c1; font-family:RobotoDraft,Arial,sans-serif; font-size: 15px; font-weight:400;}

h1, .h1 {  font-size: 26px; color:#003366; font-weight: 400; }
h2, .h2 { font-size: 22px; font-weight: 400; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 14px; }
h5, .h5 { font-size: 12px; }
h6, .h6 { font-size: 12px; }

h1, h2, h3, h4, h5, h6 { margin: 20px 0; }

.header-info a { padding:15px 0; float: left; }

.margin-bottom { margin-bottom: 20px; }
.active {background-color: #7da1c1;}

.navbar-inner .active {background-color: #003366	;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #036;
}

.slider-data { padding: 2%; background: rgba(0,51,102,0.8); color: #FFF; font-size: 22px; line-height: 130%; }
.slider-data span { font-size: 32px; margin-bottom: 20px; }

.table-scrollable { max-height:387px; }

.bootstrap-validator-form .help-block {
    margin-bottom: 0;
}
.navbar-default .navbar-toggle { border-radius: 0; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }
.btn-primary { color: #fff; background-color: #003366; border-color: #003366; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff;	background-color: #7da1c1; border-color: #7da1c1; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #FFF; cursor: default; background-color: #003366; border: 1px solid #ddd;
border-bottom-color: rgba(223, 30, 30, 0); }
.tab-content{ background-color: #f2f2f2;}
.red-color{ color:#F00;}
.table{ font-size:11px; background:#FFF;}
.table-bordered { border: 1px solid #FFF; }
.whitetext{ color:#FFF;}
.container-fluid { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; }
#wrapper{ width:auto; height:620px; background:#FFF; margin:10px auto 0 auto;}
#header{ padding:10px;}
.pading-top-right-logo{ padding-top:0;}
.slogan{ padding:0 0 0 0; text-align:center; display: none;}
#navbar{ margin-bottom:0px; background:#7da1c1;}
.nav-brand-siza{ font-size:14px; display:block; background:#7da1c1; }
#navbar a{ color:#FFF; font-size:14px;}
#navbar a:hover{ background:#7da1c1; color:#FFF;}
.dropdown-menu > li > a { padding: 10px 20px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #7da1c1; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #7da1c1; color: #FFF; }
.navbar-inner{ background:#7da1c1 !important;}
.navbar-inner a:hover{ background:#003366 !important; color:#FFF;}
.navbar-nav { background-color: #003366; border-bottom: 2px solid #FFF; }
.navbar-collapse{ padding:0 15px;}
#menu-nav{ padding:0 10px; }
#banner{ padding:0 10px; }
#content{ background:#FFF;}
#color-bar{  height:10px; 
background: rgb(125,161,193);
background: -moz-linear-gradient(left,  rgb(125,161,193) 0%, rgb(125,161,193) 25%, rgb(0,51,102) 25%, rgb(0,51,102) 75%, rgb(125,161,193) 75%, rgb(125,161,193) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(125,161,193)), color-stop(25%,rgb(125,161,193)), color-stop(25%,rgb(0,51,102)), color-stop(75%,rgb(0,51,102)), color-stop(75%,rgb(125,161,193)), color-stop(100%,rgb(125,161,193)));
background: -webkit-linear-gradient(left,  rgb(125,161,193) 0%,rgb(125,161,193) 25%,rgb(0,51,102) 25%,rgb(0,51,102) 75%,rgb(125,161,193) 75%,rgb(125,161,193) 100%);
background: -o-linear-gradient(left,  rgb(125,161,193) 0%,rgb(125,161,193) 25%,rgb(0,51,102) 25%,rgb(0,51,102) 75%,rgb(125,161,193) 75%,rgb(125,161,193) 100%);
background: -ms-linear-gradient(left,  rgb(125,161,193) 0%,rgb(125,161,193) 25%,rgb(0,51,102) 25%,rgb(0,51,102) 75%,rgb(125,161,193) 75%,rgb(125,161,193) 100%);
background: linear-gradient(to right,  rgb(125,161,193) 0%,rgb(125,161,193) 25%,rgb(0,51,102) 25%,rgb(0,51,102) 75%,rgb(125,161,193) 75%,rgb(125,161,193) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da1c1', endColorstr='#7da1c1',GradientType=1 );
}
.content-right{
margin-top:20px;
background: rgb(240,240,242);
background: -moz-linear-gradient(top, rgba(240,240,242,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,242,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(240,240,242,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(240,240,242,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(240,240,242,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(240,240,242,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f2', endColorstr='#ffffff',GradientType=0 );	
}
.content-right{ padding:0px 10px 10px 10px; display:inline-block; width:100%;}  
.content-right ul{ padding:0 20px;}
.content-right li{ line-height: 1.7;}
.content-right a{ color:#666;}
.content-right a:hover{ color:#003366;}
#footer{ background:#FFF; margin-top:10px; margin-bottom:5px; padding:10px; font-size:12px;}
.footer-left{ text-align:center;}
.footer-right{ text-align:center;}
.footer-right a{ color:#333;}
.footer-right a:hover{ color:#7da1c1;}

#map{height:300px;}
.pading-top-right-logo{ padding-top:10px;}

@media (min-width: 768px) {
	.pading-top-right-logo{ padding-top:16px;}
	.slogan{ padding:8px; text-align:left;}
	
	
	
}

@media (min-width: 992px) {
	.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
	#wrapper{ width:auto; height:620px; background:#FFF; margin:80px auto 0 auto;}
	#header{ padding:20px 15px;}
	#menu-nav{ padding:0 15px; }
	#banner{ padding:0 15px; }
	.content-left{ padding-bottom: 20px;}
	.content-right{ padding:0px 20px 20px 20px; }
	  
	.slogan{ padding:5px 0 0 0; text-align:left;}
	.nav-brand-siza{ font-size:14px; display:none; }
	.nav > li > a {	position: relative;	display: block;	padding: 15px 15px;	}	
	#footer{ background:#FFF; margin-top:20px; margin-bottom:5px; padding:20px; font-size:12px;}
	.footer-left{ text-align:left;}
	.footer-right{ text-align:right;}
}
@media (min-width: 1024px) {
	.header-info a { padding: 15px; float: left; }
	.nav-brand-siza{ font-size:14px; display:none; }
	.navbar-collapse{ padding:0 0;}
	.nav > li > a {	position: relative;	display: block;	padding: 15px 9px; }
	.navbar-nav {border-right: 2px solid #FFF; border-bottom: 0px solid #FFF; }
	.slogan { display: block; }
}
@media (min-width: 1200px) {
	#wrapper{ width:auto; max-width:1400px; height:620px; background:#FFF; margin:40px auto 0 auto;}
	.nav-brand-siza{ font-size:14px; display:none; }
	
	.slogan{ padding:5px 0 0 0; text-align:left;}
	.nav > li > a {	position: relative;	display: block;	padding: 15px 15px; }
	.footer-left{ text-align:left;}
	.footer-right{ text-align:right;}
	#navbar{ margin-bottom:0px;}
		.navbar-collapse {	padding-right: 15px; padding-left: 0px;	}
}