
.acoes {
    float: right;
    margin: 12px 0 0;
}


.acoes a{
	border: 1px solid #000;
	padding: 0 4px 4px 4px;
	margin: 4px;
}

.acoes-item{
	float: right;
    width: 150px;
    margin: 12px;
}


.acoes-item a{
	border: 1px solid #000;
	padding: 0 4px 4px 4px;
	margin: 4px;
}

.dados_alerta{
	padding: 8px 0;
	border-bottom: 1px solid #999;
}

.dados_alerta label{
	font-weight: bold;
	font-size: 18px;
}


#botao_criar_alerta{
	float: left;
    margin: 40px 0;
}


.ativo{
	background-color: #a2e8a2;
}

.inativo{
	background-color: #e8a2a2;
}


.alerta2{
	width: 100%;
	padding: 8px 0;
	border-bottom: 1px solid #999;
	float: left;
}	

.texto_alerta2{
	margin: 8px 20px;
	font-size: 20px;
	color:#000;
}





p{
	float: left;
}	

.busca{
	color: #fff;
}

#seletor_perfil{
	display: none;
}

.seletor_atividade{
	width: 100%;
	height: auto;
}

.seletor_previsao, .seletor_previsao a, .seletor_previsao select {
	position: unset;
	width:100%!important;
	margin: 7px 0;
}

.seletor_previsao {
    float: unset;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}



.selecione{
	margin: 20px 0 0 0;
	font-size: 16px;
	font-weight: bold;
}



#tab-previsao{
	background-color: #0A2B55;
    display: block;
    height: 300px;
    margin: 20px 0;
    padding: 20px;
    background-color:#0A2B55;
    display:block;
}

#tab-praia{
	position: relative;
}








h3{
	margin: 0 20px;
}


.links_praias{
	background:#fff;
	font-size: 20px;
	line-height: 20px; 
	width:620px;
	height:30px;
	float:left;
	padding:12px 6px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

.links_praias a{
	color: #000;
}

.links_praias a:hover{
	color: #036;
	text-decoration: none;
}


#form-procura{
	float:left;
	width:650px;
	margin:12px 6px;
	position:relative;
	padding: 20px;
	background: #eee;
}

#form-procura label{
	color: #036;
	font-size: 20px;
	margin: 4px 6px 0 0;
	float: left;
}

#nome-procura{
	float:left;
	width:350px;
	margin:2px 0 0 0;
}

#btn-procura{
	float: right;
	margin: 0 12px;
}