@charset "utf-8";
body { 
	font-family: Arial,Verdana,Helvetica,Geneva,sans-serif;
	color:rgb(204,204,204); 	
	background-color:#fdfdfd;	
	font-size: 120%; 
	width:100%;
}
body,nav{padding:0; margin:0;}
.wrapper{
	max-width:960px;
	margin:20px auto;
	background-color:#fff; 
	box-shadow: 0 3px 3px 2px rgba(100, 100, 100, 0.5);	
}
header {
	text-transform:none;
	height:4em;	
	line-height:0.9;
	background:rgb(38,56,130);
	background-image:url('../img/quadrat.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
	font-weight:lighter;	
	font-size:2em;
	padding:1em;
	padding-left:2em;	
	}
header .banner{	 
	font-weight:lighter; 
	padding-top:0.3em;
	padding-bottom:0.3em;
	font-variant:small-caps;
	letter-spacing:2px;
	}	
/* custom nav style*/
.navbar{border-radius:0;}
@media (min-width: 766px) {
	.navbar .nav {
		position:absolute;
		margin:auto;
		left:26%;
		width:100%;
		text-align:center;
		}
}
.navbar-default {
	background-color: #263882;
	border-color: #ffffff;
	margin:0px;
	padding:0px;
	height:4em;  
	width:100%;
	text-align: center;	
}
.navbar-default li{
	text-transform:uppercase;		
	font-weight:800;	
	text-align: center;	
	margin:0 0.1em;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #263882;}
.navbar-default .navbar-text {color: #ffffff;}
.navbar-default .navbar-nav > li > a {color: rgb(134,143,186);}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #ffffff;	background-color:#263882;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #263882;	background-color: #ffffff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #263882;	background-color: #ffffff;}
.navbar-default .navbar-toggle {	border-color: #ffffff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #263882; border-color:rgb(134,143,186);}
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color: #ffffff;}
.navbar-default .navbar-link {color: #ffffff;}
.navbar-default .navbar-link:hover {	color: #263882;}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #ffffff;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #263882;	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #263882;	background-color: #ffffff;}
}
/* End of custom nav-style  * */
.footer:after, .navigation:after, .content:after, header:after{
	content:"."; 
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.main{
	margin:20px ;	
	color:rgb(134,143,186);
	min-height:350px;
	height:100%;
	font-size:1.2em;	
}
.main h1{color:rgb(38,56,130);}
.main h2, .main h3{padding-left:2%;}
a {	color:rgb(134,143,186);	text-decoration:none;}	
a:hover{color:rgb(204,204,204);}
.footer{
	float:right;
	padding-right:2%;
	display:block;	
	font-variant:small-caps;
	letter-spacing:2px;
}		
img {
	max-width:100%;
	height:auto;
	display: block;
}
.google-maps {
	position: relative;
	padding-bottom: 75%;	
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}