<style type="text/css">

/*zerar os espaçamentos extras da página*/
*{
	margin:0px;
	padding:0px;
}

#geral{
	position:relative;
	float:left;
	clear:both;
	padding:0px;
	margin:auto;
	width:100%;
	min-width:283px;
	height:auto;
	border:0px solid black;
	background-color:transparent;
	outline:none;
}

body{
	margin:0px;
	padding:0px;
	background-color:#fff;
	outline:none;
}

#topologo1{
	position:relative;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	width:100%;
	height:125px;
	border:0px solid black;
	border-bottom:1px solid #c2c2c2;
	background:#f5f5f5;
	outline:none;
	text-align:center;
	display:flex;
	justify-content:center;
}

#topologo2{
	position:relative;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	width:100%;
	height:80px;
	border:0px solid black;
	border-bottom:1px solid #c2c2c2;
	background:#000;
	outline:none;
	text-align:center;
	display:flex;
	justify-content:center;
}

#logo{
	position:relative;
	margin-top:20px;
	width:480px;
	height:86px;
	background-color:transparent;
	text-align:center;
	border:0px solid black;
	outline:none;
}

#topologin{
	position:relative;
	margin:0px;
	padding:0px;
	margin-left:-1px;
	padding-bottom:60px;
	width:481px;
	height:18px;
	background-color:transparent;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:11px;
	color:#d1d1d1;
	border:0px solid black;
	float:left;
	text-align:left;
	outline:none;
}

#topoemail{
	position:absolute;
	margin:0px;
	padding:0px;
	width:199px;
	height:auto;
	background-color:transparent;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#d1d1d1;
	border:0px solid black;
	text-align:right;
	outline:none;
}

#topobotaoentrar{
	position:relative;
	margin:0px;
	padding:0px;
	margin-top:14px;
	margin-left:417px;
	width:64px;
	height:30px;
	border:0px solid black;
	text-align:left;
	outline:none;
}

#toposenha{
	position:absolute;
	margin:0px;
	padding:0px;
	margin-left:214px;
	width:197px;
	height:30px;
	background-color:transparent;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#d1d1d1;
	border:0px solid black;
	text-align:left;
	outline:none;
}

#topoesqueceusenha{
	position:absolute;
	margin:0px;
	padding:0px;
	margin-top:11px;
	margin-left:254px;
	padding-left:3px;
	width:auto;
	height:14px;
	background-color:transparent;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#d1d1d1;
	text-decoration:none;
	border:0px solid black;
	outline:none;
}

#topocheck{
	position:absolute;
	margin:0px;
	padding:0px;
	margin-top:37px;
	margin-left:45px;
	width:auto;
	height:14px;
	background-color:transparent;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#d1d1d1;
	text-decoration:none;
	border:0px solid black;
	padding-left:4px;
	outline:none;
}

.esqueceusenha{
	position:relative;
	margin:0px;
	padding:0px;
	background-color:transparent;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#d1d1d1;
	text-decoration:none;
	border:0px solid black;
	outline:none;
}

.esqueceusenha:hover{
	text-decoration:underline;
	cursor:pointer;
}

.mantenhaconectado{
	position:relative;
	background-color:transparent;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#d1d1d1;
	text-decoration:none;
	border:0px solid black;
	outline:none;
}

.mantenhaconectado:hover{
	cursor:text;
}

.textboxindex{
	position:relative;
	margin-left:3px;
	padding-left:5px;
	width:139px;
	height:28px;
	border:1px solid #c2c2c2;
	background-color:#fff;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:12px;
	line-height:28px;
	outline:none;
}

.textboxindexs{
	position:relative;
	margin-left:6px;
	padding-left:5px;
	width:139px;
	height:28px;
	border:1px solid #c2c2c2;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:12px;
	line-height:28px;
	outline:none;
}

.botao_entrar, .botao_entrar2{
	position:absolute;
	padding-left:12px;
	padding-right:12px;
	width:auto;
	height:30px;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:11px;
	background-color:#202020;
	color:#e1e1e1;
	font-weight:bold;
	border:1px solid #c2c2c2;
	line-height:30px;
	outline:none;
	cursor:pointer;
}

.botao_entrar:hover, .botao_entrar2:hover{
	background-color:#202020;
	border:1px solid #ffffb9;
	color:#ffffa9;
}

.botao_entrar:active, .botao_entrar2:active{
	line-height:31px;
	padding-left:13px;
	padding-right:11px;
}

#conteudo{
	position:relative;
	margin:0px;
	padding:0px;
	margin-bottom:70px;
	width:100%;
	height:auto;
	background-color:transparent;
	clear:both;
	border:0px solid blue;
	display:flex;
	justify-content:center;
	outline:none;
}

#conteudo2{
	position:relative;
	margin:0px;
	padding:0px;
	margin-bottom:70px;
	width:100%;
	height:auto;
	background-color:#fff;
	clear:both;
	border:0px solid blue;
	display:flex;
	justify-content:center;
	outline:none;
}

#respostalogin{
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	padding-top:13px;
	margin-bottom:2px;
	width:100%;
	height:auto;
	background-color:#fff;
	border:0px solid #c2c2c2;
	font-family: helvetica,'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:13px;
	text-align:center;
	outline:none;
	justify-content:center;
	line-height:19px;
	z-index:5;
}

#respostalogin2{
	position:relative;
	width:800px;
	height:auto;
	background-color:#fff;
	border:0px solid #c2c2c2;
	text-align:center;
	font-family: helvetica,'lucida grande',tahoma,verdana,arial,sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#CC0000;
	text-decoration:none;
	cursor:default;
	line-height:19px;
	outline:none;
	z-index:5;
}

@media only screen and (max-width:1050px){
	
/*zerar os espaçamentos extras da página*/
*{
	margin:0px;
	padding:0px;
}

#geral{
    margin:0px;
    padding:0px;
    width:100%;
    height:auto;
}

body{
	background-image:none;
	background-repeat:none;
	background-color:transparent;
}

#topologo1{
    border-bottom:1px solid #c2c2c2;
}

#logo{
    padding:0px;
    margin:0px;
    padding-top:20px;
    padding-bottom:12px;
    padding-left:12px;
    padding-right:12px;
}

#topologin{
	margin:0px;
	padding:0px;
	text-align:center;
}

.menuprincipal{
	position:relative;
	width:100%;
	height:80px;
	background-color:transparent;
	clear:both;
	text-align:left;
	font-family:normal normal normal 13px/1.1em Arial, helvetica;
	color:#656565;
	text-decoration:none;
	outline:none;
}

.menuprincipal:hover{
	color:#353535;
	text-decoration:underline;
}

.botao_entrar{
	font-size:10.5px;
}

}

@media only screen and (max-width:620px){
	
/*zerar os espaçamentos extras da página*/
*{
	margin:0px;
	padding:0px;
}

body{
	background-image:none;
	background-repeat:none;
	background-color:transparent;
	outline:none;
}

#topologo1{
    height:auto;
}

#topologo2{
	width:100%;
	height:206px;
}

#logo{
    padding-top:18px;
    padding-bottom:18px;
    padding-left:10%;
    padding-right:10%;
    width:80%;
    height:auto;
}

#topologin{
	width:100%;
	height:auto;
}

#topoemail{
	position:relative;
	margin:0px;
	padding:0px;
	margin-top:18px;
	padding-left:16px;
	padding-right:16px;
	width:auto;
	height:auto;
	clear:both;
	display:flex;
	justify-content:center;
	line-height:36px;
}

#topobotaoentrar{
	position:relative;
	margin:0px;
	padding:0px;
	margin-top:33px;
	width:100%;
	height:30px;
	clear:both;
	border:0px solid black;
	text-align:center;
	display:flex;
	justify-content:center;
}

#toposenha{
	position:relative;
	margin:0px;
	padding:0px;
	margin-top:26px;
	padding-left:16px;
	padding-right:16px;
	width:auto;
	height:auto;
	clear:both;
	display:flex;
	justify-content:center;
	line-height:36px;
}

#topoesqueceusenha{
	position:relative;
	margin:0px;
	padding:0px;
	margin-top:-68px;
	padding-left:16px;
	padding-right:16px;
	width:auto;
	height:30px;
	clear:both;
	display:flex;
	justify-content:center;
	line-height:36px;
}

#topoesqueceusenha2{
	position:relative;
	clear:both;
	margin:0px;
	padding:0px;
	margin-left:17%;
	width:83%;
	height:30px;
	background-color:transparent;
	text-decoration:none;
	border:0px solid black;
	text-align:left;
	outline:none;
}

#topocheck{
	position:relative;
	margin:0px;
	padding:0px;
	margin-top:-5px;
	padding-left:16px;
	padding-right:16px;
	clear:both;
	display:flex;
	justify-content:center;
	line-height:36px;
}

#topocheck2{
	position:relative;
	clear:both;
	margin:0px;
	padding:0px;
	margin-left:16%;
	width:84%;
	height:14px;
	background-color:transparent;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#d1d1d1;
	text-decoration:none;
	border:0px solid black;
	text-align:left;
	outline:none;
}

#checkboxmanter{
	position:absolute;
	margin:0px;
	padding:0px;
	margin-top:143px;
	margin-left:51px;
	width:14px;
	border:0px solid #4f0f00;
	outline:none;
}

#conteudo{
	position:relative;
	margin:0px;
	padding:0px;
	padding-bottom:70px;
	width:100%;
	height:auto;
	background-color:transparent;
	clear:both;
	border:0px solid blue;
	outline:none;
}

.textboxindex{
	position:relative;
	margin:0px;
	padding:0px;
	margin-left:5px;
	padding-left:5px;
	width:74%;
	height:30px;
	line-height:30px;
}

.textboxindexs{
	position:relative;
	margin:0px;
	padding:0px;
	margin-left:13px;
	padding-left:5px;
	width:74%;
	height:30px;
	outline:none;
}

.esqueceusenha{
	position:relative;
	margin:0px;
	padding:0px;
}

.esqueceusenha:hover{
	text-decoration:underline;
	cursor:pointer;
}

}

@media only screen and (max-width:580px){

#topocheck2{
    margin-left:17%;
    width:83%;
}
	
#topoesqueceusenha2{
    margin-left:18%;
    width:82%;
}

}

@media only screen and (max-width:480px){

#topocheck2{
    margin-left:18%;
    width:82%;
}
	
#topoesqueceusenha2{
    margin-left:19%;
    width:81%;
}

}

@media only screen and (max-width:400px){

#topocheck2{
    margin-left:19%;
    width:81%;
}
	
#topoesqueceusenha2{
    margin-left:20%;
    width:80%;
}

}

@media only screen and (max-width:355px){

#topoesqueceusenha2{
    margin-left:21%;
    width:79%;
}

}

</style>