/*Kipparin kala*/

/*General*/

html {
	height: 100%;
}

body {
	font-size: 100%;
    position: relative;
    padding-top: 50px;
    display: block;
    width: 100%;
    overflow-y: scroll;
}

.inner {
	margin:0 auto;
	width:90%;
	max-width:1440px;
}

/* Header */

.jumbotron {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
}

.navbar-inverse {
	margin-bottom:0;
	width: 100%;
	float:left;
	z-index:9999;
	background:#004890;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border:0;
}

.navbar-inverse .navbar-nav>li>a {
	color:#fff;
	text-transform: uppercase;
	font-size:14px;
}

.navbar-nav {
	margin-left: 5em;
}

.languages {
	float:right;
	margin-right: 5em;
}

	.languages li {
		float:right;
		padding-top: 15px;
    	padding-bottom: 15px;
	}

	.languages li a {
		display:block;
		color:#fff;
		text-transform: uppercase;
		font-size:14px;
		line-height: 20px;
	}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #fff;
   }

/* Page */

.banner {
	float:left;
	width:100%;
	display:block;
	position:relative;
	margin-bottom:30px;
}

	.banner img {
		max-width:100%;
		height:auto;
		display:block;
	}
	
	.banner #logo {
		position:absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top:20%;
		max-width: 25%;
	}

.pagetitle, .pageslogan {
	width:100%;
	float:left;
	text-align:center;
}

.pagetitle {
	font-size:32px;
}

.pageslogan {
	font-size: 14px;
}

.container-fluid {
	float:left;
	width:100%;
	padding-right:0;
	padding-left:0;
}

	.container-fluid.section {
		padding-top:50px;
	}

.titlerow {
	width:100%;
	float:left;
}

	.box-title {
		text-align:left;
		max-width:1200px;
		margin:0 auto;
		line-height: 80px;
    	padding-left: 10px;
		margin-bottom:0;
		width:90%;
	}

.holder {
	margin: 0 auto;
    width: 100%;
    padding: 15px 0;
    box-shadow: 0px 1px 10px #dbdbdb;
    -webkit-box-shadow: 0px 1px 10px #dbdbdb;
    -moz-box-shadow: 0px 1px 10px #dbdbdb;
    overflow: hidden;
}

	.box {
		margin: 0 auto;
    	max-width: 1200px;
    	width: 100%;
    	padding: 20px 0 30px 0;
    	overflow: hidden;
	}

	.box .box-img, .box .box-content{
		float:left;
		width:50%;
		-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	padding:10px;
	}
	
		.box .box-img img {
			display:block;
			max-width:100%;
			height:auto;
		}

	.fb-page, .fb-page span, .fb-page span iframe[style] {
    	width: 100% !important;
	}
	
/* Login */

.login {
	float:left;
	width:100%;
	display:block;
}

article.form p {
	text-align:center;
}

/* Footer */

.footer {
	width:100%;
	display:block;
	height:50px;
	background: #C74F3A;
	float:left;
}

/* Responsive */

@media screen and (max-width:1024px) {
    .banner {
    	margin-bottom: 2%;
    }
    
    .pageslogan {
    	margin-bottom: -20px;
    	line-height: 20px;
    }
}

@media screen and (max-width:768px) {
	
	.navbar-inverse .navbar-nav>li>a {
		padding-top:13px;
		padding-bottom:13px;
	}
	
	.navbar-toggle .icon-bar {
   		width: 24px;
    	height: 3px
    }
	
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color:#C74F3A;
	}
	
	.navbar-inverse .navbar-toggle {
		border:none;
	}
	
	.navbar-toggle {
		margin-right:25px;
	}
	
	.navbar-nav {
		margin:0;
	}
	
	.navbar-collapse.in {
    	overflow-y: inherit;
	}
	.nav>li {
		text-align:center;
		margin:0;
	}
	
	.languages {
		float: none;
	    width: 100%;
	    list-style: none;
	    margin: 0;
	    text-align: center;
	    border-top: 1px solid #fff;
	    background:#C74F3A;
	}
	
	.languages li {
		display:inline;
		float:none;
	}
	
	.languages li a{
    	display:inline-block;
    	padding:13px;
	}
	
	.box-title {
		max-width:660px;
	}
	
	.holder {
		max-width:660px;
	}
	
	.banner #logo {
    	top: -2%;
    	max-width: 40%;
	}
	
	.box .box-img, .box .box-content {
		width:100%;
		padding:7px 20px;
	}
}