BODY
{
	background-color: white;
	color: black;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size : 12pt;
}

	HEADER
	{
		padding-top: 88px;
		background-image: url('../img/logo/b2o.png?version=13339');
		background-repeat: no-repeat;
		background-position: 10px 10px;
	}

		H1
		{
			font-size: 1.25em;
			font-weight: normal;
			padding: 10px;
			background: #273755;
			color: white;
			margin-top: 0px;
			margin-bottom: 34px;
		}

		HR
		{
			position: absolute;
			left: 50%;
			margin: 0px 0px 0px -20px;
			width: 0px;
			border: 20px solid transparent;
			border-top: 20px solid white;
		}

	ASIDE
	{
		width: 50%;
		height: 374px;
		float: left;
		background-color: #eef2f4;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center center;
		margin-bottom: 10px;
	}

		#inwebo
		{
			background-color: #eef2f4;
			opacity: 0.95;
			margin-top: 10px;
		}

	SECTION
	{
		width: 50%;
		background-color: #eef2f4;
		float: left;
		margin-bottom: 10px;
	}

		H2
		{
			display: none;
		}

		FORM
		{
			min-width: 350px;
			width: 60%;
			background: white;
			padding: 20px 5px;
			text-align: right;
			max-width: 500px;
			height: 134px;
			margin: 100px 0px 100px 0px;
		}

			LABEL
			{
				display: block;
				text-align: left;
				width: 60%;
				line-height: 46px;
				text-indent: 10%;
				float: left;
				color: #4A4F52;
			}

			INPUT[type="text"],
			INPUT[type="password"]
			{
				background: #eef2f4;
				border: 1px solid #dde2e5;
				height: 32px;
				padding-left: 1%;
				border-radius: 0px 5px 5px 0px;
				margin: 5px 0px 5px 0px;
				width: 27%;
				margin-right: 10%;
				float: left;
			}

			INPUT[type="submit"]
			{
				text-align: center;
				cursor: pointer;
				color: #fff;
				transition: all 0.5s;
				-moz-transition: all 0.5s;
				-webkit-transition: all 0.5s;
				-o-transition: all 0.5s;
				background-color: #74A332;
				border: 0;
				padding: 10px 20px;
				border-radius: 4px;
				width: auto;
				display: block;
				float: right;
				margin-top: 10px;
				margin-right: 10%;
			}

			INPUT[type="submit"]:hover
			{
				opacity: 0.75;
			}

	FOOTER
	{
		text-align: center;
		font-size: 8pt;
		border-top: 1px solid #888;
		padding: 6px;
		clear: both;
	}

@media screen and (max-width: 750px), (max-device-width: 750px)
{
	ASIDE
	{
		float: none;
		width: 100%;
		background-size: contain;
		height: 100px;
		margin: 0;
		border-top: 40px solid #eef2f4;
	}

	SECTION
	{
		float: none;
		width: 100%;
		padding: 10px 0px 10px 0px;
	}

		FORM
		{
			width: 60%;
			max-width: none;
			margin: auto;
		}
}