/* CSS Document */

body {
	margin: 0;
	font-family: Arial,sans-serif;
	text-align: center;
}

.div-topo {
	margin-top: 270px;
}

.div-login {
	background: url("../img/login.jpg");
	height: 218px;
	margin: 0 auto;
	text-align: left;
	width: 465px;
}

.titulo {
	font-size: 32px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

.usuario {
	margin-left: 118px;
	margin-top: 86px;	
	margin-bottom: 5px;
	width: 124px;
}

.senha {
	margin-left: 118px;
	width: 124px;
}

.div-btn {
	margin-left: 118px;
	text-align: left;
}

.msg {
	color: #AA0000;
	font-size: 12px;
	height: 15px;
}

.botao {
	border: 0;
	background-color: #789678;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	height: 20px;
	width: 140px;
}

a.esqueci {
	color: #c82626;
	font-size: 11px;
	text-decoration: none;
}

a.esqueci:hover {
	text-decoration: underline;
}

.right {
	color: #789678;
	font-size: 13px;
	font-weight: bold;
	padding-right: 20px;
	text-align: right;
}

fieldset {
	font-size: 14px;
	margin: 0 auto;
	width: 250px;
}

legend {
	color: #789678;
	font-size: 14px;
	font-family: inherit;
	text-align: left;
}

.login-cert {
	text-align: center;
	width: 100%;
}

.login-cert a {
	background: url("../img/certificadoOff.png");
	display: block;
	height: 56px;
	margin: 0 auto;
	width: 127px;
}

.login-cert a:hover {
	background: url("../img/certificadoOn.png")
}

.center {
	text-align: center;
}

a.red {
	color: red;
	text-decoration: underline;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.green {
	color: green;
}

.box-assinador {
	color: red;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
}

iframe.logout {
	border: 0;
	height: 0;
}

.div-cas {
	margin-top: 135px;
	text-align: center;
	margin-bottom: 25px;
}

a.btn-cas {
	background-color: #789678;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px;
	text-decoration: none;
}

.msg-erro {
	color: #AA0000;
	font-size: 12px;
	height: 15px;
	margin-top: 12px;
}

.versao {
	font-size: 12px;
	text-align: center;
}

#div-usu-bloqueado {
	display: none;
	position: absolute;
	right: 500px;
	text-align: center;
	top: 56px;
	width: 550px;
}

.opaque {
	cursor: default;
	opacity: .5;
	filter: alpha(opacity=50);
}

/* mobile */
@media (max-width: 600px) {	/* Vertical */
	.box-assinador, .div-login {
		display: none;
	}
}

@media (max-height: 470px) {	/* Horizontal */
	.box-assinador, .div-login {
		display: none;
	}
	
	.div-cas {
		margin-top: 20%;
	}
}