* {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

.topo {
    width: 100%;
	margin: auto;	
	background-color: #cc0001;
}

.topo-info {
	background-color: #000;
	color: #FFF;
	text-align: center;
	width: 100%;
}

.menu {
	text-align: center;
	width: 100%;
	background-color: #cc0001;
}

.menu button {
    width: 95px;
	height: 30px;
    border: none;
    border-radius: 4px;
    padding: 3px;
    cursor: pointer;
	margin-top:3px;
	margin-bottom:3px;
}

.menu button:hover {
    transition: all 0.6s;
    background-color: #685c5c;
    color: #FFF;
}

input[type=text], input[type=email], input[type=file], input[type=password], 
input[type=time], input[type=date], input[type=number], textarea, select {	
	padding: 5px;
	width: 100%;
	border: 1px SOLID #000;
    border-radius: 5px;
    margin-bottom: 10px;
	background-color: #FFF;
}

input[type=text]:focus, input[type=email]:focus, input[type=file]:focus, input[type=password]:focus, textarea:focus, input[type=time]:focus, input[type=date]:focus, input[type=number]:focus, select:focus {	
	background-color: NavajoWhite;
}

input[type=submit] {	
	font-size: 18px;	
	font-weight: bold;	
	cursor: pointer;
	color: #FFF;
	background: #000;
	border: 0px;
	width:100%;
	padding: 8px;	
    border-radius: 5px;
}

button {	
	font-size: 14px;	
	cursor: pointer;
	color: #FFF;
	background: #000;
	border: 0px;
	width: 100%;
	padding: 8px;
	border-radius: 5px;
}

input[type=checkbox] {	
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	border: 1px SOLID #333;
	padding:5px;
}