body, html {
	height: 100%;
	overflow:hidden;	 
	
	background-color:white !important;
}

.index-bg {
	/* The image used */
	background-image:url('/javax.faces.resource/images/bg-index5.jpg.xhtml');

	/* Full height */
	height: 100%;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.index-bg2 {
	/* The image used */
	background-image:url('/javax.faces.resource/images/bg-index5-mobile.jpg.xhtml');

	/* Full height */
	height: 100%;

	/* Center and scale the image nicely */
	background-position: bottom 10px right 50%;
	background-repeat: no-repeat;
	background-size: cover;
	/*padding-top:10px;*/
}


.bg-button{
    background: lightgreen;
    width: 100%;
    height: 360px;
    background:rgba(255, 255, 128,0.3);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}


.contentBg{
	background: rgba(119, 182, 172, 0.3);/*#77b68e;/*rgba(255, 255, 255, 0.8);*/
	height:100%;
	border-left:1px solid gray;
	border-right:1px solid gray;
	float:left;
	margin-left:20px;
}

.lang{
	text-align:center;
	padding:10px;
	margin:10px;
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
}

.lang2{
	text-align:center;
	margin:10px;
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
}

.langBt{
	background-image:url('/javax.faces.resource/images/menu-bg-index.jpg.xhtml') !important;
	background-repeat:x-repeat !important;
	color:white !important;
	border:0px !important;
	width:200px !important;
	font-weight:normal !important;
}

.langBt:hover{
	/*background-image:none !important;
	background-color:#00e1ff !important;*/
	background-image:url('/javax.faces.resource/images/menu-bg-index-hover.jpg.xhtml') !important;
	background-repeat:x-repeat !important;
	color:#083d0b !important;
	border:0px !important;
	border-radius: 5px !important;
	font-weight:normal !important;
}

.header {
	background:white;
	height:154px;
}

.logo {
	position:relative;
	top:32px;
	left:65px;
}

.green-bar{
	background:#06644F;
	height:10px;
}

.green-bar-mobile{
	background:#06644F;
	height:15px;
	margin-top:10px;
}

.nav-bar {
	background-image:url('/javax.faces.resource/images/nav-fade-layer.png.xhtml');
	background-repeat:repeat-y;
	height:40px;
	display:flex;
	flex-direction:row;
	align-items:center;
}

.nav-bar{
	margin:0px;
	list-style: none;
	padding-left: 66px;	
}

.seperator{
	color:white;
    font-weight:bold;	
}

.nav-bar a{
	text-decoration:none;
	color:white;
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
}

.nav-bar a:hover{
	text-decoration:none;
	color:green;
	background-color:#E5FFCC;
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
}

.bottom {
	width: 100%;
	position: absolute;
	bottom: 0px
}

/*
.lang a{
}

.lang a:hover{
	color:#0a58ff;
	text-decoration: underline;
}*/