<style>

@import url('https://fonts.googleapis.com/css?family=Days+One&display=swap');
@font-face {
    font-family: "ald";
    src: url("and.otf")/*Para navegadores Internet Explorer*/;
}
.geral{
font-family: 'Open Sans', sans-serif;

	float:left; width:100%;overflow:auto;
}

.conteudo_geral{

	float:left; width:100%;background:rgb(30, 30, 30);height:90%;
}

.slider_principal{

	position:static;float:left; width:100%;height: 100%;
}

.div_img_slider_principal_primeiro{
width:100%;display:block;overflow: hidden;

	
}
.div_img_slider_principal{
width:100%;display:none;overflow: hidden;


}

.img_slider_principal{
	width:100%;height:50%; margin-top: 150px;
}
.rodape_topo{

	background:black;float:left; margin-top: 0px; padding-bottom:0%;color:gold;width:100%;overflow:auto;
}

.div_fundo_rodape_topo{
	position:absolute;width:100%;height:150px;margin-left:px;background-image:url('../img/rodape.png');
	background-size:100% 100%;margin-top:-150px;float:left;
}

.como_pedir{
float:left; padding-top:25%;color:white;width:100%;height:;
			
}

.titulo_como_pedir{
background: black;
border-radius: 20px;
opacity:0.8;
text-shadow: 0px 0px 2px black;
font-family: 'Lemonada', cursive;
	width:100%;text-align: center;color:white;font-size: 40px;
}
.icones_como_pedir{
	width:50%; float:right;height:400px;margin-top: 50PX;
}


.div_img_icones_como_pedir{

	width:50%; margin:0 auto;
}

.img_icones_como_pedir{

	width:100%;border:1px solid #ddd;box-shadow: #ddd 4px 4px 4px;;border-radius:50%;
}


.div_botao_como_pedir{

	margin:0 auto;width:55%;
}

.botao_como_pedir{

	width:100%;color:white;border:none;font-size:40px;padding:5px;
	border-radius:20px;margin-top:-60px;background:rgb(211,27,61);'

}

.view_como_pedir{

position:fixed;top:150px;left:0%;width:100%;height:1250px;background:black;display:none;opacity:0.99;

}
.div_botao_fechar_view_como_pedir{
float: right;width:20%;margin-top:100px; height:100px;


}
.botao_fechar_como_pedir_view{
color:white;float:right;width:100%;height:100%;background: none;border:none;font-size:80px;margin-top: 00px;


}
.div_recebe_ajax_como_pedir{

overflow:auto;float: left;width:90%;margin-left:5%;margin-top:0px;background:; height:80%;border-radius:50px;color:white;

}

.como_pedir_fone{
display:none;
position:absolute;
}



.titulo_como_pedir_telefone{
width:90%;margin-left:5%;font-size:75px;text-align:center;margin-top:20px;

}
.descricao_como_pedir_telefone{
width:99%;margin-left:2%;font-size:60px;color:gold;text-align:center;margin-top:90px;

}
.divisao_como_pedir_telefone{
float:left;background:rgb(211,27,61);border-radius:50%;border:10px solid gold;width:45%;margin-left:1%;padding-top:130px;padding-bottom:130px;font-size:35px;color:white;text-align:center;margin-top:90px;

}



.span_telefone_como_pedir{

	color:gold;font-size:65px;
}


.como_pedir_whats{

display:none;position:absolute;
}
.titulo_como_pedir_whats{
width:90%;margin-left:5%;font-size:75px;text-align:center;margin-top:20px;

	
}
.descricao_como_pedir_whats{
width:100%;margin-left:%;font-size:40px;color:gold;text-align:center;margin-top:90px;	

	
}
.img_como_pedir_whats{
float:left;background:url(../img/icone_whats.png);background-size:90% 100%;background-repeat:no-repeat; border-radius:50%;width:45%;margin-left:5%;padding-top:0px;height:200px;padding-bottom:130px;color:white;font-size:35px;color:white;text-align:center;margin-top:30px;
	
}
.bairro_como_pedir_whats{
float:left;width:50%;color:white;font-size:55px;text-align:center;
	
}




.como_pedir_app{
display:none;position:absolute;

}
.titulo_como_pedir_app{
width:90%;margin-left:5%;font-size:75px;text-align:center;margin-top:20px;

}
.descricao_como_pedir_app{

	width:100%;margin-left:2%;font-size:60px;color:gold;text-align:center;margin-top:90px;
}

.img_como_pedir_app{
float:left;width:45%;height:150px;border-radius:50px;margin-left:2.5%;margin-top:90px;border:10px solid rgb(211,27,61);
}





.como_pedir_balcao{
display:none;position: absolute;
}
.titulo_como_pedir_balcao{

width:90%;margin-left:5%;font-size:75px;text-align:center;margin-top:20px;position: :absolute;
}
.descricao_como_pedir_balcao{

width:96%;margin-left:2%;font-size:40px;color:gold;text-align:center;margin-top: 20px;
}



.titulo_bairro_como_pedir_balcao{

float:left;text-align:center;width:100%;margin-top:20px;font-size:50px;color:white;text-align:center;
}
.descricao_bairro_como_pedir_balcao{
font-size:50px;background:rgb(211,27,61);color:gold;text-align:center;padding-top:20px;float:left;width:95%;height:140px;border-radius:50px;margin-left:2.5%;margin-top:20px;border:5px solid rgb(30, 30, 30)
}




.redes_sociais{

	color:white;font-size:72px;float:right; width:100%;height: 1200px;

}
.titulo_redes_sociais{


    font-family: 'Numans', sans-serif;



	width:100%;text-align: center;color:black;font-size: 40px;
}
.div_geral_icones_redes_sociais{
color:black;
width:100%;float:left;text-align: center;
}
.div_icones_redes_sociais{
	float:left;height:300px;margin-top:550PX; width:50%;text-align:center;
}

.img_icones_redes_sociais{
	width:80%;
}


.div_detalhes_unidades{
color:black;

text-align:center;font-size:50px;
float:left;
 width:100%;
height:2400px;
}

.titulo_geral_detalhes_unidades{
text-align: center;
padding-top:220px;
padding-bottom:80px;
font-size:75px;
color :gold;

width:50%;
float: left;
    font-family: 'Numans', sans-serif;
opacity: 0.8;
border-radius: 20px;

}

.detalhes_unidades{
color:black;

    font-family: 'Numans', sans-serif;

	float:left; width:80%;height:820px;margin-top:20px;margin-left:8%;text-align: center;;border-radius:20px;padding:30px;background:none ;?>;
}
.titulo_detalhes_unidade{
font-size:65px;color:white;
opacity: 0.8;


    font-family: 'Numans', sans-serif;

}
.descricao_detalhes_unidade{

font-size:45px;
color:black;
float:left;
width:80%;
text-align:center;
margin-left:10%;
color:white;


opacity: 0.8;
}
.maps_detalhes_unidade{
	float:left; width:100%;height:500px;margin-top:20px;border-radius:20px;
color:white;
border:1px solid black;
}

.div_descricao_principal{
font-family:verdana;
	width:100%;
	margin-top:0%	;	
	margin-left:0%	;	
	height:220px;
	float:left;
	color:black;
	background: rgb(224, 159, 0);
}

.titulo_descricao_principal{

	width:100%;
	margin-left:0%	;
	text-align:center;
	float:left;
	font-size:50px;
}
.div_botoes_principal{
float:left;
width:100%;height:1300px;

}
.div_forma_pgto_descricao_principal{
float:left;		
	width:100%;
}

.icone_fone_black{

width:70px;

}
.icone_botao_descricao_principal{
	float: left;
	margin-top: 15px;
	border-right: 1px solid gold;
	margin-left: 15px;
	padding-right:15px;


}
.unidade_ml_descricao_principal{
font-family: 'Open Sans', sans-serif;

	width:49%;
	height:150px;
	font-size:55px;
	text-align: center;
	text-decoration: none;
	border-right:1px solid black;
	float:left;
margin-top: 30px;
color:black;
}
.unidade_piraporinha_descricao_principal{
font-family: 'Open Sans', sans-serif;

width:50%;
	height:150px;
	font-size:55px;
		text-decoration: none;

	text-align: center;
margin-top: 30px;	
	float:left;
	color:black;
}
.unidade_descricao_principal{
float:left;		
	width:70%;
	font-size: 55px;
	text-align: left;
	padding-left:10px;
font-family: 'Open Sans', sans-serif;


}

.icone_botao_descricao_principal{


	float:left;
}


.botoes_principal{
	    font-family: 'Roboto', sans-serif;

float:left;width:85%;margin-top:80px;margin-left:7.5%;background:brown;color:white;border:none;border-radius:20px;font-size:50px;height:150px;
	
}






/*ESTRUTURA DO MENU*/
