@charset "UTF-8";
@font-face{
	font-family:'FonteLogo';
	src: url("../fontes/MATURASC.TTF");
}
/*============== parte externa da página==============*/
body{
		width:90%;
		margin:0;
		padding:0;
		margin-left:5%;
		margin-right:5%;
		font-family:arial,sans-serif;
		background-color:black;
		color: rgba(0,0,0,1);
		text-align:center;
	}
	span{
		font-size:15pt;
		color:blue;			
	}
	/*==============tudo que é parágrafo==============*/
	p{
		text-align:justify;
		/*text-indent:50px;*/
		font-size:13pt;
		font-weight:bold;
		margin-top:0px;
	}

	a:link{
	text-decoration:none;
	}
	
	a{
		text-decoration:underline;
		color:blue;
	}
	a:hover{
		text-decoration:underline;
	}
	h4 {
		margin-top:0px;
		margin-bottom:5px;
		text-align:center;
	}	
	h5 {
		font-size: 12pt;
		margin-top:0px;
		margin-bottom:10px;
	}
	/*==============toda a página==============*/
	div#interface{
		width:90%;
		background-color:#ffffff;
		box-shadow:0px 0px 10px rgba( 0,0,0,0.5);
		padding:20px;
	}
	
	/*==============cabeçalho==============*/
	/*CarimbosAqui no cabeçalho*/
	header#cabecalho h1{
		font-family:'FonteLogo', sans-serif;
		font-size:22pt;
		color:red;
		text-shadow:1px 1px 1px rgba(0,0,0,0.6);
		padding:0px;
		margin-bottom:0px;			
	}
	/*nosso número do whatsapp*/
	header#cabecalho h2{	
		font-family:arial,sans-serif;
		font-size:15pt;
		margin-top:5px;
		margin-bottom:0px;
		color:#FF0000;			
	}
	/*Vendas Online*/
	header#cabecalho h3{	
		font-family:arial,sans-serif;
		font-size:13pt;
		margin-top:0px;
		margin-bottom:0px;
	}
	/*São Gonçalo*/
	header#cabecalho h4{	
		font-family:arial,sans-serif;
		font-size:17pt;
		margin-top:0px;
		margin-bottom:0px;
	}
	/*Entregas em menos de 24 horas*/
	header#cabecalho h5{
		font-family:arial,sans-serif;
		font-size:15pt;
		margin-top:5px;
		margin-bottom:0px;
		color:#0000FF;			
	}
	/*icone*/
	header#cabecalho img{
		width:80%;		
	}
	.marquee {
		font-weight: bold;
		color:#0000FF;
		font-size: 20px;
		font-family: arial,sans-serif;
		width: 100%;
	}	
	
	/*==============Formatação do Menu==============*/
	.empresa {
		background-color:black;
		display:block;
		text-transform:uppercase;
		text-align:center;
	}
	.empresa h4{
		color: #00ffff;	
		font-weight:bold;
		font-size:12pt;			
	}
	.empresa li {
		display: inline-block;
		background-color:#000000;
		padding: 6px;
		transition:background-color 1s;
	}
	.empresa li:hover {
		background-color:#FFFFFF;	
	}
	.empresa h1{
		display:none;
	}
	.empresa a {
		color:#000000;
		text-decoration: none;
	}	
	.empresa a:hover{
		color:#ffffff;
		text-decoration:underline;
	}
	/*===================MENU====================================*//*
	.produtos {
		display:block;
		text-align: center;
	}
	.produtos h4{
		color:white; 
		font-weight:bold;
		font-size: 12pt;
	}
	.produtos li {
		margin-bottom:3px;
		display: inline-block;
		background-color:#000000;
		height:20px;
		padding: 6px;
		transition:background-color 1s;
	}
	.produtos li:hover {
		background-color: #909090;			
	}
	.produtos a {
		color:#000000;
		text-decoration: none;
	}
	.produtos a:hover{
		color:yellow; 
	}
	/*==============inicio==============*/
	.inicio h3{
		color: red;
	}
	.inicio h6{
		font-size:14pt;
		margin-top: 0;
	}
	.inicio a{
		text-decoration: none;
	}
	article#inicio{
		margin-top:70px;
	}
	/*==============Section==============*/
	section#foto {
		display:block;
		width: 90%;
		margin-left:5%;
	}
	section#corpo {
		display:block;
		width: 98%;
		padding-right:10px;
		padding-left:10px;
	}
	section h6{
		background-color:#cccccc;
		color:blue;
	}
	/*==============class principal dentro da Section==============*/
	/*texto Entregas gratuitas.*/
	.principal h2{
		font-size:13pt;
		background-color:#CCFFCC;
		padding:5px 0px 5px 10px;
		margin:10px 0px 10px 0px;
		text-align:center;
	}
	.principal h3{
		text-align:center;
	}
	.principal h3 span{
		font-size:13pt;
		color:red;			
	}
	/*==============rodapé==============*/
	.rodape{
		clear:both;
		border-top:1px solid #606060;
		border-bottom:1px solid #606060;
		background-color:#cecece;
		text-align:center;
		padding-top:10px;
	}
	.rodape h2{
		font-family:'FonteLogo', sans-serif;
		background-color:#cecece;
		font-size:15pt;
		color:#0000ff;
		margin-top:0px;
		margin-bottom:0px;
	}		
	.rodape h3{
		margin-top:0px;
		background-color:#cecece;
		font-family:Arial;
		font-size:10pt;
	}