body{margin: 0; padding: 0; font-family: Arial, sans-serif, cursive;}

.cursor{cursor: pointer;}

.container{position: relative; float: left; width: 100vw; height: 100vh;}
.row{position: relative; top: 0px; left: 0px; width: 100%; height: 96px; z-index: 3;}
.hidden{display: none;}

.left{position: relative; float: left; width: 20%; height: 100vh; background: #efefef; text-align: center;}
.right{position: relative; float: left; width: 80%; height: 100vh; background: #fff;}
.espaco{padding: 0;}

.left p{text-align: left; font-size: 14px;}

.h3{font-size: 14px; font-weight: bold; padding: 2px 0; line-height: 30px !important;}
.h3-andamento{font-size: 18px; color: #900; }

.black{background: rgba(1,1,1,0.9);}

.logo{background: #000; margin: 0; padding: 0;}
.logo img{width: 100%; padding: 3px 0; }


.topo{position: fixed; top: 20px; left: 50%; height: 70px; width: 100%; transform: translateX(-50%); z-index: 9;}
.topo p{position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 10; color: #fff; font-size: 22px;}

.destinos{position: absolute; top: 105px; left: 50%; transform: translateX(-50%); z-index: 11;}

.botoes{position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 12; background: rgba(230,230,230,0.85); padding: 10px 0; text-align: center;}

.botao{padding: 6px 12px; border: 1px solid #069; border-radius: 8px; cursor: pointer; margin-top: 10px;}
.green{background: #060; color: #fff; border-color: #030;}
.red{background: #c00; color: #fff; border-color: #900;}

.campo{border-radius: 8px; background: #fff; border: 1px solid #999; width: 90%; padding: 4px 10px; font-size: 20px; text-align: center;}

#map{width: 100%; height: 100%;}

.photo-peca{width: 48%; height: auto;}

@media screen and (max-width: 768px){
	.left{width: 100%; height: auto; padding-bottom: 20px;}
	.right{width: 100%; height: auto; }
}

@media screen and (max-width: 490px){
	#map{height: 100vh;}
}

@media screen and (max-width: 360px){
	#map{height: 100vh;}
}