body{
margin: 0px;
background-image: url('ICONES/fundoCinza.png');
background-repeat: repeat;
}

.branco{ /*quadrado branco de fora a fora no topo*/
margin: 0 auto;
width: 100%;
height: 120px;
background-color: white;
}

.transparente{
margin: 0 auto;
width: 100%;
height: 12px;
background-color: rgba(0,0,0,0.1);
margin-top: -5px;
box-shadow: 0px 2px 3px rgba(0,0,0,0.7);
}

.conteudo_cabecalho{
margin:0 auto; /*centraliza objetos horizontalmente, na tela de forma que fique sempre centralizado, não importando a resolução do usuário*/
width:1300px; 
margin-top: -100px;
}

.clear{
clear: both;
}



/*inicio cabeçalho*/

.cabecalho p{
display: block;
float: right;
background-color: rgba(0,0,0,0.1);
padding: 10px;
margin-top:-10px;
box-shadow: 0px -0px 3px rgba(0,0,0,0.4) inset;
}

.cabecalho img{
margin-top: -5px;
}

/*fim do cabeçalho*/



/*inicio menu*/

.conteudo_menu{
margin: 0px;
width: 200px;
margin-top: 50px;
}

.conteudo_menu ul{
display: inline-block;
list-style: none;
margin-left:0px;
margin-top: 0px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}

.conteudo_menu li{
background-color: white;
padding: 1px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
margin-left: -40px;
}

.conteudo_menu li:hover{
background: #d7181f;
}

.conteudo_menu li:active{
background: #b00f15;
}

.conteudo_menu a{
font-family: arial;
text-decoration: none;
color: black;
display: block; /*aumentando a area de clique da âncora*/
width: 200px;
height: 20px;
padding: 10px 15px;
font-size: 0.9em;
} 

.conteudo_menu a:hover{
color: white;
}

.conteudo_menu a:active{
color: white;
}

/*fim menu*/


/*inicio destaque*/
.destaque{
font-family: arial;
font-size: 1.5em;
color: white;
background-color: red;
padding: 10px;
text-shadow: 2px 2px 3px rgba(0,0,0,1);
}

.conteudo{
background-color: white;
width: 1040px;
float: right;
margin-top: -310px;
}

.nome{
float: left;
padding: 20px;
}

.doisemum{
padding: 30px;
float: left;
margin-left: 230px;
margin-top: -450px;
}

.doisemum:hover{
-webkit-transform: scale(1.5) rotate(-5deg); /*PARA CHROME*/
-webkit-transition: all 0.2s linear; /*PARA CHROME*/
transform: scale(1.5) rotate(-5deg);
transition: transform 0.2s linear;
} 

.descricaoDoisemUm{
display: block;
width: 200px;
font-family: arial;
line-height: 1.8;
padding: 20px;
margin-top: 150px;
font-size: 0.8em;
text-align: justify;
}

.doisemumverso{
float: right;
margin-top: -350px;
margin-right: 100px;
}

figcaption{
margin-top: -50px;
float: right;
margin-right: 50px;
font-family: arial;
font-size: 0.8em;
color: gray;
}

/*fim destaque*/

/*destaqueDois*/

.destaqueDois{
background-color: white;
width: 1040px;
float: right;
}

.nomeBiscuit{
float: left;
padding: 20px;
margin-top: 10px;
}

.descricaoBiscuit{
display: block;
width: 200px;
font-family: arial;
line-height: 1.8;
padding: 20px;
margin-top: 100px;
font-size: 0.8em;
text-align: justify;
}

.biscuitPanificadora{
float: left;
padding: 50px;
margin-top: -300px;
margin-left: 207px;
}

.biscuitPanificadora:hover{
transform: scale(1.5) rotate(5deg);
-webkit-transform: scale(1.5) rotate(5deg); /*PARA CHROME*/
-webkit-transition: all 0.2s linear; /*PARA CHROME*/
transform: scale(1.5) rotate(5deg);
transition: transform 0.2s linear;
}

.biscuit_igreja{
    float: right;
    margin-top: -280px;
}

.biscuit_igreja:hover{
transform: scale(1.5) rotate(5deg);
-webkit-transform: scale(1.5) rotate(5deg); /*PARA CHROME*/
-webkit-transition: all 0.2s linear; /*PARA CHROME*/
transform: scale(1.5) rotate(5deg);
transition: transform 0.2s linear;
}

.biscuit_verso{
    margin-left: -150px;
    padding: 20px;
}

/*fim destaqueDois*/

/*LINK E-MAIL*/
.link_email{
text-decoration: none;
color: black;
padding: 5px;
}

.link_email:hover{
color: white;
background-color: red;
}

.designer{
margin-top:1350px;
font-family: arial;
font-size: 0.8em;
text-align: center;
margin-left: 220px;
}