body{
margin: 0px;
background-image: url('ICONES/fundoAzul.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 conteudo*/
.conteudo{
background-color: white;
width: 1040px;
float: right;
margin-top: -310px;
}

.individual{
width: 260px;
float: left;
}

.individual1{
width: 260px;
float: left;
background-color: rgba(0,120,255,0.1)
}

.margemFoto{
padding: 20px;
margin-left: 35px;
}


.canetasTitulo{
display: block;
margin-top: -10px;
font-family: arial;
font-size: 1.2em;
color: white;
background-color: rgba(0,0,0,0.2);
padding: 10px;
text-shadow: 2px 2px 3px rgba(0,0,0,1);
}

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

.descricao{
font-family: futura bk bt;
color: white;
padding: 10px;
background-color: #7F8FE8;
font-size: 1.5em;
}


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

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

.designer{
font-family: arial;
font-size: 0.8em;
text-align: center;
}

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

.designer a{
color: white;
}

.reguas{
width: 1000px;
background-color: #7F8FE8; 
padding: 20px;
margin-top: 1040px;
margin-left: 260px;
width: 480px;
}

.regua_branca{
padding: 20px;
margin-left: 50px;
}

.chaveiros{
float: right;
width: 1000px;
background-color: #A8B4FA; 
padding: 20px;
margin-left: 460px;
margin-top: -559px;
width: 480px;
}

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