/* Sidebar-left css
---------------------------------------- */

#page-body {
	width:80%;
	float:right;
}

.page-sidebar {
	float:left;
	margin-top: 53px;
	width:18%;
}

.page-sidebar-portal {
	float:left;
	margin-top: 14px;
	width:18%;
}

.page-sidebar-guest {
	float: left;
	margin-top: 35px;
	width: 18%;
}

.bg1-sidebar {
	padding: 5px 0 5px 7px;
	border-bottom: 1px solid #00608f;
}

.bg1-sidebar:hover {
	background-color: #bfd5e3;
}

.bg2-sidebar {
	padding: 5px 0 5px 7px;
	border-bottom: 1px solid #00608f;
}

.bg2-sidebar:hover {
	background-color: #cddee9;
}

@media only screen and (max-width: 650px), only screen and (max-device-width: 650px)
{
.page-sidebar {
	float:bottom;
	margin-top: 10px;
	width:98%;
}

.page-sidebar-guest {
	display: none
}

#page-body {
	clear: both;
	width:100%;
}
}