html, body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#CCC;
}

.cima
{
	position:fixed!important;
	background-color:#457b9d;
	width:100%;
	height:120px;
	left:0;
	top:0;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
}

.cima2
{
	position:relative;
	width:100%;
	height:120px;
}

.campinho
{
	
	background-color:transparent;
	border:0px solid #161616;
	font: normal 50px verdana, arial, helvetica;
	color: #f1faee;
	outline:none;
	width:100%;
	height:100px;
	box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
	padding-right:20px;
	text-transform:lowercase;
}

.botaozinho
{
	background-color:#ea473b;
	background-image:url(../img/buscar.png);
	background-size: cover;
	width:100%;
	height:100px;
	outline:none;
	box-shadow: 0 0 0 0;
    border: 3px solid #ea473b;
    outline: 0;
	border-radius:10px;
	background-size: 80%;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: center;
}

.botaozinho:hover, .botaozinho:focus
{
	background-color:#ea473b;
	background-image:url(../img/buscar.png);
	background-size: cover;
	width:100%;
	height:100px;
	outline:none;
	box-shadow: 0 0 0 0;
    border: 3px solid #f1faee;
    outline: 0;
	border-radius:10px;
	background-size: 80%;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: center;
}

.botaozinho2
{
	background-color:#ea473b;
	background-image:url(../img/buscar.png);
	background-size: cover;
	width:100%;
	height:120px;
	outline:none;
	box-shadow: 0 0 0 0;
    /*border: 3px solid #ea473b;*/
    outline: 0;
	/*border-radius:10px;*/
	background-size: 70%;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: center;
	  border:none;
}

.botaozinho2:hover, .botaozinho2:focus
{
	background-color:#ea473b;
	background-image:url(../img/buscar.png);
	background-size: cover;
	width:100%;
	height:120px;
	outline:none;
	box-shadow: 0 0 0 0;
    /*border: 3px solid #f1faee;*/
	border:none;
    outline: 0;
	/*border-radius:10px;*/
	background-size: 70%;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: center;
}

.spinner
{
  position:absolute;
  top:10px;
  left:30px;
  border: 20px solid rgba(0, 0, 0, 0.1);
  /*border: 8px solid #e63946;*/
  border-left-color: #ea473b;
  border-left-style:solid;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 0.5s linear infinite;
}

@keyframes spin
{
  to
  {
    transform: rotate(360deg);
  }
}

.meio
{
	position:relative;
	width:90%;
	/*height:100%;*/
}

.error
{
	position:relative;
	width:100%;
	/*height:50px;*/
	background-color:#ea473b;
	border-radius: 10px;
	font: bold 35px verdana, arial, helvetica;
	color: #f1faee;

}

footer {
	background-color: #1d3557;
	color: #fff;
	padding: 20px;
	text-align: center;
	margin-top: 20px;
}

.botaozinho3
{
	background-color:#ea473b;
	/*background-image:url(../img/buscar.png);*/
	font: bold 35px verdana, arial, helvetica;
	color: #f1faee;
	background-size: cover;
	width:100%;
	height:100%;
	outline:none;
	box-shadow: 0 0 0 0;
    border: 3px solid #ea473b;
    outline: 0;
	border-radius:10px;
	background-size: 80%;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: center;
	display: flex;
  justify-content: center; /* Alinhamento horizontal */
  align-items: center; /* Alinhamento vertical */
  cursor:pointer;
  transition: 0.3s ease;

}

.botaozinho3:hover, .botaozinho3:focus
{
	background-color:#457b9d;
	/*background-image:url(../img/buscar.png);*/
	font: bold 35px verdana, arial, helvetica;
	color: #f1faee;
	background-size: cover;
	width:100%;
	height:100%;
	outline:none;
	box-shadow: 0 0 0 0;
    border: 3px solid #457b9d;
    outline: 0;
	border-radius:10px;
	background-size: 80%;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: center;
}