@charset "UTF-8";

/* *
 * Layout reset */
body {
	font-size: 13px;
	font-family: Roboto;
	text-align: justify;
	
	background: #EEE;
}

iframe {
	display: block;
	padding: 1px;
	
	width: 100%;
	border: none;
	
	border: 1px solid #DDD;
}

h1, h2, h3, h4 {
	color: #111;
	font-family: Exo;
}

label {
	display: inline-block;
	
	text-align: left;
}

.form-horizontal .control-label {
	text-align: left;
}

.control-group {
	padding: 5px 0;
}

.page-header {
 	margin-bottom: 5px;
 }

/* *
 * Bootstrap buttons */
.btn {
	/* border-radius: 2px; */
	border-radius: 0px !important;
	border: none !important;
}

.btn-primary {
	background-color: #2B79AD;
	border-color: #266C9B;
}

/* *
 * Bootstrap navbar */
.navbar {
	margin-bottom: 0;
	border-radius: 0 !important;
	box-shadow: 0px 0px 10px #CCC;
}

a.navbar-brand {
	color: #FFF !important;
}

.navbar a.dropdown-toggle {
	padding-right: 30px;
	
	background-image: url(../images/icon_arrow_down_wh_10px.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.navbar-inverse,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
	background-color: #2B79AD;
}

.navbar-inverse,
.navbar-nav > li > .dropdown-menu {
	border-color: #2872A3;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #E8EEF2;
}

.navbar-nav > li > .dropdown-menu {
	margin-top: -1px;
	padding: 5px;
	
	font-size: 13px;
	
	background: #2B79AD;
	border-radius: 0;
	border-top: 0px;
	box-shadow-color: #CCC;
}

.navbar-nav > li > .dropdown-menu > li > a {
	padding: 7px 20px;
	background-color: #2B79AD !important;
}

.navbar-nav > li > .dropdown-menu > li > a:hover {
	color: #FFF !important;
}

/* *
 * Bootstrap message system */
.alert-message {
	color: #31708F;
	background-color: #D9EDF7;
	border-color: #BCE8F1;
}

/* *
 * Intro image */
.item-image img {
	margin: 0 10px 0 0;
	padding: 1px;				
	
	border: 1px solid #DDD;
}

/* *
 * Template content */
.content-hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	display: none;
} 
 
.content-containter {
}

.content-container > .container {
	padding: 15px;
	
	background: #FFF;
	box-shadow: 0px 0px 10px #CCC;
	border: 1px solid #DDD;
	border-top: none;
	border-bottom: none;
}

.blog-featured {
	margin-top: 30px;
}

/* *
 * Main logo */
div#logo {
	text-align: center;
}

	div#logo img {
		max-width: 100%;
	}

/* *
 * Boostrap carousel */
.carousel {	
	margin: 0;
	padding: 0;
	
	background-color: #FFF;
	border: 1px solid #DDD;
}
 /*
.carousel-inner .item > .item-fulltext {
	position: absolute;
	bottom: 0;
	left: 0;
	
	padding: 20px;
	
	width: 245px;
	height: 100%;
	overflow: hidden;	
	
	color: #FCFCFC;
	font-size: 13px;
	text-align: justify;
	
	background-color: #2C2D2E;
	opacity: 0.85;
}

.carousel-inner .item > .item-fulltext h3 {
	margin-top: 0px;
}
*/
.carousel-inner .item > .item-title {
	position: absolute;
	top: 20px;
	right: 0;
	
	padding: 15px 85px 15px 15px;
	
	max-width: 440px;
	
	color: #FFF;
	
	background-color: #000;
	opacity: 0.85;
}

	.carousel-inner .item > .item-title h3 {
		margin: 0;
		padding: 0;
		
		color: #FFF;	
	}

.carousel-inner .item > .item-image {
	text-align: center;
}

.carousel-indicators {
	display: none;
}

/* *
 * Right content */
.right-content {
	text-align: left;
} 

.right-content .moduletable {
	margin: 0 0 15px 0;
	padding: 2px;
	
	background-color: #FCFCFC;
	border: 1px solid #DDD;
}

.right-content > .moduletable .custom > p,
.right-content > .moduletable .mod-languages {
	padding: 10px;	
}

.right-content h3 {
	display: inline-block;
	
	margin: 20px 0 10px -2px;
	padding: 5px 10px;
	
	color: #FFF;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	
	background: #EC3234;
}

.right-content h3::before {
}
 
/* *
 * Appendix content */
.appendix-container {
	margin-top: 20px; 
	padding: 10px 0;
} 

/* *
 * Footer content */
.footer-container {
	padding: 10px;
	
	font-size: 11px;
	text-align: right;
}