/* - -------------------------------------------------------------------------- - */

/* - Geral - */

.intro { float: left; width: 57.5%; margin-top: 10px; }

.intro p { margin: 10px 10px 25px 5px; line-height: 14px; }
.intro p span { margin-top: 10px; position: relative; top: 4px; }

.intro div.title span { font-size: 14px; color: #004E96; font-weight: bold; } 

.intro div.video { padding: 10px; border: 3px solid #EDF3F8; width: 220px; margin-left: 90px; }
.intro div.video a { text-decoration: none; }
.intro div.video a span { font-size: 14px; font-weight: bold; text-decoration: underline; position: relative; top: -5px; left: 5px; }

/* - -------------------------------------------------------------------------- - */

/* - Login - Passport - */

#login-form { 
	float: right; 
	width: 300px; 
	margin-top: 10px;
}

.login-help { margin: 10px 0px 0px 0px; text-align: center; }
.login-frame { background-color: #EDF3F8; padding: 5px 5px 15px 5px; }
.login-border { padding: 1px; border: 1px solid #EDF3F8; margin-bottom: 5px; }
.login-title { text-align: center; padding: 5px; }
.login-title span { position: relative; top: -4px; font-weight: bold; font-size: 13px; }
.login-frame iframe { width: 275px; height: 290px; margin-right: 5px; overflow: hidden; overflow-y: hidden; overflow-x: hidden; }
.login-register { text-align: center; padding: 5px 0px 0px 0px; }

#login-loading { position: absolute; }

/* - -------------------------------------------------------------------------- - */