@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
@font-face {
	font-family: 'FonteLogo';
	src: url(../_fonts/bubblegum-sans-regular.otf);
}

*{
	margin:0;
	padding:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			vertical-align:middle;
}
body,html{height:100%;}
body{font-family: 'Roboto', sans-serif; font-size:0.85em; color:#737384; background:#E6E6E6}
h1,h2,h3,h4,h5,h6{text-transform:uppercase; font-weight:40;}
p{line-height:1.2em; letter-spacing:0;}
input, select, textarea{width:100%; padding:10px; background:#EEE; border:0}
ul,li,ol{list-style:none;}

::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:#DDD}
::-webkit-scrollbar-thumb{ background:rgba(100,100,115,0.24)}

.base-login{
	width:100%;
	float:left;

}
.base-login .caixa-login{
	width:350px;
	height:395px;
	margin:-51px auto;
	background:rgba(255,104,31,0.5);
	padding:20px 40px;
	border-radius:5px;
	-webkit-border-radius:8px;
		-moz-border-radius:8px;
			-o-border-radius:8px;
	position:relative;
	margin-bottom:0;
	border: 5px solid white;
}

.base-topo{
	width:100%;
	height: 50px;
	float:left;
	padding:10px 0;
	background:#4C3C94;
	position:relative;
}

.base-login .caixa-login h1{
	display:block;
	margin-top:20px;
	text-align:center;
	color:#043a5c;
	padding-bottom:20px;
}
.base-login .caixa-login label{
	display:block;
	margin-bottom:15px;
}


div#interface {
	width: auto;
	margin: -10px auto 10px auto;
	padding: 5px;
	background-color: #ffffff;
}

section#areamenu nav#menu{
	display: block;
	height: 50px;
	background-color: #4682b4;
	padding: 1px;
	position: relative;
	top: 130px;
} 

.menuprincipal{
	list-style:none;
}
.menuprincipal li{
	float:left; 
	margin: 5px;
	border:2px solid #ff8c00;
	border-radius:5px;	
}
.menuprincipal li a{
	display: block;	
	padding:5px; 
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
	background-color: #999999;
	margin: 5px;
 }
.menuprincipal li a:hover{
	text-decoration: underline;
	transition:background-color 1s;
	background-color: #606060;	
}
.menuprincipal li:hover ul, .menuprincipal li.over ul{
	display:block;
}

.acessorestrito{
	list-style:none;

}
.acessorestrito li{
	float:right; 
	margin: 6px;
	border:2px solid #ff8c00;
	border-radius:5px;	
}
.acessorestrito li a{
	display: block;	
	padding:5px; 
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
	background-color: #999999;
	margin: 2px;
 }
.acessorestrito li a:hover{
	text-decoration: underline;
	transition:background-color 1s;
	background-color: #606060;	
}
.acessorestrito li:hover ul, .acessorestrito li.over ul{
	display:block;
}
.sub{
	position:absolute; 
	background-color:#4682b4; 
	display:none;	
}  
.sub li{
	border:2px solid #ff8c00; 
	display:flex;
	width:auto;
}

.conteudo{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0 25px;
}

.titulo{
	display:block;
	color:#686880;
	font-size:1em;
	text-transform:initial;
	font-weight:700;
	position:relative;
}


section#corpo {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 680px;
	margin-top: 50px;
	padding:2px;
	background: url(../imagens/logoreinvente01.png);
	background-size: contain;
	background-position: center;
	background-repeat:no-repeat;
	border-bottom: 5px #aa0000 solid;
}

.container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.box {
    width: 500px;
    height: 300px;
    
}
.box div#borda{
	display: block;
	float: center;
	height: 220px;
	
	padding:20px;
	position:relative;
	
	margin: 20px;
}
.box  div#borda h1{
	text-align: center;
	text-transform: uppercase;
	padding:10px;
	font-family: cursive;
	font-size: 20pt;
	color: #191970;
	border-bottom: 1px solid #aa0000;
}
.box  div#borda h2{
	text-align: center;
	padding:10px;
	font-family: cursive;
	font-size: 15pt;
	color: #191970;	
}
.box div#borda nav#acesso{
	list-style: none;
	position: relative;
}
.box div#borda nav#acesso ul {
	display:flex;
	text-transform: uppercase;
	position: relative;
	flex-direction: row;
	justify-content: center;
    align-items: center;
	top: 50px;
}
.box div#borda nav#acesso ul li {
	display:block;
	border-radius: 20px;
	background-color: #ffa500;
	padding: 8px;
	margin: 2px;
	transition:background-color 1s; 
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
}
.box div#borda nav#acesso li:hover {
	background-color: #ff4500;
}
.box div#borda nav#acesso a {
	color: #ff0000;
	text-decoration: none;
}
.box div#borda nav#acesso a:hover {
	color: #ffffff;
	text-decoration: underline;
}

footer#rodape {
	clear: both;
	border-bottom: 1px solid #606060;
	background-color: #ffffff;
	
	
}
footer#rodape p {
	text-align: center;
	text-decoration: none;
	color: #000000;
}
footer#rodape a {
	text-align: center;
	color: #000000;
}
footer#rodape a:hover {
	color: blue;
}