body{
	margin-bottom: 10px;
}

a{
	text-decoration: none;
}

footer{
	bottom: 0px;
	position: fixed;
	background-color: #eaeaea;
	width: 100%;
	font-size: 12px;
	float: left;
}

.margin-top-220{
	margin-top: 220px;
}

.logo-home{
	width: 70%;
}

.link_search_option{
	color: #333;
	font-size: 12px;
	float: left;
	padding: 10px 20px 10px 20px;
}

.active{
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #333;
}

.search-box{
	width: 50em;
	margin: auto;
}

.btn-custom{
	border-radius: 5px;
	border: thin solid #8FBC8F;
	color: #555;
	padding: 10px;
	background-color: #FFFFFF;
}

.btn-custom:hover{
	border: thin solid #228B22;
	color: #555;
}

.btn-custom:focus{
	border: thin solid #228B22;
	color: #555;
}

.margin-right-20{
	margin-right: 20px;
}

@media only screen and (max-width: 768px) {

	.cls-logo{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.menu-bar-mobile{
		color: #777;
		visibility: visible;
		position: absolute;
		right: 15px;
		top: 20px;
	}

	.menu-bar-desktop{
		visibility: hidden;
	}

	.cls-hidden{
		visibility: hidden;
	}

	.full{
		width: 100%;
	}

}

@media only screen and (min-width: 768px) {
	.menu-bar-desktop{
		visibility: visible;
		color: #777;
	}

	.menu-bar-mobile{
		visibility: hidden;
	}
}

@media only screen and (max-width: 425px) {

	.outosize a{
		font-size: 10px;
		margin: 0px;
	}

}