body{
margin: 0px;
background-image: url('ICONES/fundo.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;
}

.botaoClicado{
background-color: #d7181f !important;
}

.botaoClicado a{
color: white !important;
}

/*fim menu*/

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

/*formatacao cartao*/
.divcartoes{ 
padding: 30px;
}

.titulo{
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);
}

.verso{
margin-left: 15px;
}

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

.cartaoSombra{
box-shadow: 7px 7px 5px rgba(0,0,0,0.2);
}

.descricaoCartao{
display: block;
font-family: arial;
font-size: 0.8em;
line-height: 1.8;
float: right;
background-color: rgba(0,0,0,0.1);
padding-left: 20px;
padding-right: 20px;
width: 350px;
margin-right: -50px;
height: 140px;
}

.margemEntreDescricao{
margin-top: 50px;
}

.cantosArredondados{
border-radius: 15px;
box-shadow: 7px 7px 5px rgba(0,0,0,0.2);
}

.doisCantos{
border-radius: 15px 0px 15px 0px;
box-shadow: 7px 7px 5px rgba(0,0,0,0.2);
}

.doisCantosVerso{
border-radius: 0px 15px 0px 15px;
box-shadow: 7px 7px 5px rgba(0,0,0,0.2);
}
/*fim formatacao cartao*/

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

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

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

.separacao{
margin-bottom: 70px;
}

.margin{
margin-top: 40px;
}