*{
	padding:				0px;
	margin:					0px;
	font-family:			verdana, sans-serif;
	font-size:				12px;
}

html{
	background-color: 		#173aa0;
}

body{
	height: 				100%;
	width: 					100%;
	min-height: 			655px;
}

div.background{
	background:				transparent url(../img/fundo_vetores.png) no-repeat top center;

	position: 				absolute;
	margin: 				0px;
	padding: 				0px;

	height: 				100%;
	width: 					100%;
	min-height: 			655px;
}

h1{
	font-size:				28px;
	color:					#93aaf6;
	padding:				25px;
}

h1.slog{
	text-indent: 			-5000;
	background:				transparent url(../img/frase_registro.png) no-repeat top center;
	padding:				15px;
	color: 					transparent;
}

h1.slog.free{
	background:				transparent url(../img/frase_gratuito.png) no-repeat top center;
	margin-top:				30px;
	padding: 				0;
}

div.logos {
	height: 				64px;
	padding:				60px 14px 0px 6px;
}

div.logos h1.sobope{
	background:				transparent url(../img/logo_sobope.png) no-repeat center left;
	height: 				50px;
	padding: 				0;
	width: 					188px;
	float: 					left;
}

div.logos h1.registro{
	background:				transparent url(../img/logo_registro.png) no-repeat center right;
	height: 				50px;
	padding: 				0;
	width: 					282px;
	float: 					right;
}

form{
	margin-left: 			50%;
	left: 					-500px;
	width: 					1000px;
	position: 				absolute;
	color: 					#b2c2f6;
}

h2{
	font-size:				14px;
	font-style:				italic;

	margin-top: 			0px;
	margin-bottom: 			10px;

	color: 					#93a0ee;
}

div.main{
	position: 				relative;
	padding:				50px;
	margin:					auto;
	height:					760px;
	background:  			transparent url(../img/fundo_login.png) no-repeat center top;
}


/* LEFT COLUMN */

div.left{
	background-color:		transparent;
	width:					30%;
	padding:				0px;
	float:					left;
	height:					auto;
}

div.login{
	min-height: 			80px;
	_height: 				50px;
	padding: 				10px 0px;

	margin-left: 			0px;
	margin-right:			20px;

	border: 				10px solid #220ad4;
	background-color: 		#3e04b5;
}

div.pass, div.user, div.bt  {
	padding: 				12px 30px 16px 30px;
}

label {
	display: 				block;
	margin-bottom: 			5px;
	color:					#b1b3f3;
	font-weight:			bold;
}

input.userData{
	border:					2px solid #9bbdf9;
	color:					#D21CAE;

	font-weight:			bold;
	font-size:				18px;
	text-align:				center;

	height:					30px;
	width:					168px;
	margin:					0px 12px 0px 0px;
}

div.bt{
	display: 				block;
	text-align: 			right;
}

input.loginSubmitButton{
	padding:				5px;
	_margin-right:			12px;
	cursor: 				pointer;

	font-weight: 			bold;

	color: 					#ad017f;
	background:  			#f1f0f9 url(../img/fundo_btEntrar.png) repeat-x left bottom;
	border-color: 			#6d56fd;
}

input.loginSubmitButton:hover{
	border-color:			#8838e2;
}

div.message{
	color:					white;
	background-color:		#a102a3;

	font-weight:			bold;
	text-align:				center;

	margin-top:				70px;
	margin: 				12px 20px 12px 20px;
}

div.message p{
	padding: 				8px 10px;
	line-height:			18px;
}

div.compatibility{
	margin-top: 			50px;
	margin-left:			10px;
	color:					#b3c7ff;
}

div.compatibility a{
	padding-right: 			20px;
	float: 					left;
	text-decoration: 		none;
	border-width: 			0px;
}

div.compatibility a img{
	text-decoration: 		none;
	border-width: 			0px;
}

div.compatibility p.other{
	font-size: 				10px;
	margin-top:				20px;
	line-height:			16px;
}

div.browsers{
	margin-top: 			30px;
	height: 				35px;
}


/* RIGHT COLUMN */

div.right{
	background-color:		#3f39d6;
	border: 				10px solid #220ad4;

	width:					67%;
	height:					auto;/*640px;*/

	vertical-align:			top;
	padding:				24px 0px 10px 0px;
	float:					right;
}

div.right p{
	color: 					#c6c5f2;
	margin-left: 			80px;
	margin-bottom: 			10px;
}

div.news{
	position: 				absolute;
	width: 					125px;
	height: 				125px;

	background:  			transparent url(../img/apoio.png) no-repeat center center;

	margin:					-40px 0px 0px 450px;
	_margin-left: 			370px;
}

div.features{
	width: 					440px;
	color: 					#48484b;

	background-color: 		#f0f0f7;
	border: 				2px solid #9b9bf9;

	margin: 				0px 0px 20px 80px;
	padding-bottom: 		20px;

	cursor: 				pointer;
}

div.features div{
	height:					50px;
	margin-left:			30px;
	margin-top:				20px;
}

div.features div img{
	float: 					left;
}

div.features div p{
	margin: 				0px 10px 0px 70px;
	padding-top: 			10px;

	color: 					#48484b;

	line-height: 			16px;
	font-size: 				11px;
}

div.features div p span{
	display: 				block;
	font-weight: 			bold;
	font-size: 				13px;
	color: 					#000000;
}

div.register_contact{
	margin:					12px 0px 20px 80px;
	padding:				12px 0px;

	position:				relative;
	width:					440px;

	background-color:		#058ac2;
	border:					3px solid #1F46ED;
	color: 					#ffffff; /*#47c7fc;#173aa0;*/

	line-height:			20px;
	text-align: 			center;

	cursor: 				pointer;
}

div.register_contact span{
	display: 				block;
	font-weight: 			bold;
	font-size: 				15px;
	margin-bottom: 			4px;
}

div.register_contact a{
	color: 					#ffffff;
	text-decoration: 		none;
	font-size: 				16px;
}

div.register_contact a:hover{
	text-decoration: 		underline;
}

a.learnMore{
	padding:				7px;
	margin: 				20px 50px 0px 0px;

	color:					#B6C6FA;
	background:  			url("../img/fundo_btConfirmar.png") repeat-x right bottom #133596;

	border-color: 			#0e0791;
	border-width:			1px 2px 2px 1px;
	border-style:			solid;

	font-weight: 			bold;
	text-decoration: 		none;

	cursor: 				pointer;
}

a.learnMore:hover{
	border-color: 			#6d56fd;
}


/* FOOTER */

div.rodape {
	height:					20px;
	background-color:		#b5daa2;
	clear:					both;
}

p.copyright{
	position: 				absolute;
	width: 					100%;

	padding:				0px;
	margin:					900px 10px 10px 10px;  /*50px 10px 10px 10px;*/
	_margin-top:			886px;

	font-size:				10px;
	text-align:				center;

	color:					#087ec2;
}

p.copyright a{
	font-size:				10px;
	font-weight:			normal;
	color:					#087ec2;

	padding:				0px;
	margin:					0px;
}


/* OTHERS */

div.text {
	height:					80px;
	padding: 				40px 40px 0px 40px;
	height: 				150px;
}

div.text p{
	padding: 				20px 10px 0px 20px;
	line-height:			20px;
}

p span.destaque{
	font-weight: 			bold;
	color: 					#d5defa;/*white;*/
}

