html {
	background: #1e6bb5;
	background: -moz-linear-gradient(top, #1e6bb5 0%, #207cca 28%, #207cca 32%, #2989d8 78%, #4fa6cf 100%); /* FF3.6+ */;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e6bb5), color-stop(28%,#207cca), color-stop(32%,#207cca), color-stop(78%,#2989d8), color-stop(100%,#4fa6cf)); /* Chrome,Safari4+ */;
	background: -webkit-linear-gradient(top, #1e6bb5 0%,#207cca 28%,#207cca 32%,#2989d8 78%,#4fa6cf 100%); /* Chrome10+,Safari5.1+ */;
	background: -o-linear-gradient(top, #1e6bb5 0%,#207cca 28%,#207cca 32%,#2989d8 78%,#4fa6cf 100%); /* Opera 11.10+ */;
	background: -ms-linear-gradient(top, #1e6bb5 0%,#207cca 28%,#207cca 32%,#2989d8 78%,#4fa6cf 100%); /* IE10+ */;
	background: linear-gradient(to bottom, #1e6bb5 0%,#207cca 28%,#207cca 32%,#2989d8 78%,#4fa6cf 100%); /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e6bb5', endColorstr='#4fa6cf',GradientType=0 ); /* IE6-9 */;
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans serif;
	color: #ffffff;
	font-size: 13px;
}
a {
	text-decoration: none;
	color: #1d6bb5;
}
img {
	border: 0px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-weight: normal;
	text-align: center;
	font-size: 38px;
	margin: 0px;
}
.wrapper {
	width:80%;
	height:450px;
	position:fixed;
	top: 50%;
	left: 50%;
	margin-left: -40%;
	margin-top: -280px;
	z-index:1000;		
}
.home {
	width: 300px;
	height: 80px;
	margin-bottom: 0px;
	background: url('images/home.png');
	margin-left: auto;
	margin-right: auto;
}
.head {
	width: 400px;
	height: 50px;
	margin: 30px auto;
}
.head p {
	font-size: 18px;
	text-align: center;
}
.logos {
	width: 80%;
	margin: 80px auto;
}
.access {
	width: 32%;
	margin: 0px 0.5% 0px 0px;
	float: left;
}
.access:hover {
	background: 1e6bb5;
}
.portal {
	width: 32%;
	margin: 0px 0.5% 0px 0.5%;
	float: left;
}
.fluid {
	width: 32%;
	margin: 0px 0px 0px 0.5%;
	float: left;
}
.fade {
	opacity: 0.1;
}
/* Login Style */
.login {
	height: 300px;
	width: 750px;
	color: #ffffff;
	position:fixed;
	top: 50%;
	left: 50%;
	margin-left: -375px;
	margin-top: -150px;
	z-index:1000;	
}
.logout {
	height: 230px;
	width: 500px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -250px;
	border: 1px #d5e5f2 solid;
	background-color: #eff5fa;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #1d6bb5;
	padding: 10px;
}
.label-login {
	width: 100px;
	height: 30px;
	font-size: 13px;
	float: left;
	text-align: left;
	line-height: 30px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.input-login {
	width: 300px;
	font-size: 13px;
	float: left;
	text-align: left;
	margin:10px 0px 0px 0px;
}
.wrap-login {
	width: 200px;
	height: 50px;
	margin: 100px auto;
}
.button-login {
	width: 100px;
	float: right;
	margin: 10px 0px 0px 0px;
}
.login-button {
	border: 1px #a2d9f2 solid;
	background-color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #1d6bb5;
	display: block;
	line-height: 26px;
}
.login-button span {
	display: block;
	padding: 3px 8px 3px 8px;
	font-size: 16px;
	text-align:center;
}
.login-button:hover {
	background-color: #96d7f6;
}
/* Forms Style */
input[type=text], input[type=password] {
	padding: 10px;
	border: 1px #85aed4 solid;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 13px;
	color: #1d6bb5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover {
	border: 1px #9cd4ee solid;
}