body{
margin: 0px;
background-image: url('ICONES/fundoCinza2.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;
}

.designer{
margin-top:1140px;
font-family: arial;
font-size: 0.8em;
text-align: center;
margin-left: 220px;
color:white;
}

.designer a{
color: white
}



/*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;
}

.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);
}

.hover:hover{
transform: scale(1.5) rotate(-5deg);
-webkit-transform: scale(1.5) rotate(-5deg); /*PARA CHROME*/
-webkit-transition: all 0.2s linear; /*PARA CHROME*/
transition: transform 0.2s linear;
} 

.posicao{
padding: 20px;
margin-left: 30px;
}

.descricaoIma{
font-family: arial;
font-size: 1.4em;
float: left;
margin-left: 45px;
margin-top: 55px;
background-color: rgba(0,0,0,0.1);
padding: 15px;
line-height: 2;
}

.descricaoIma2{
font-family: arial;
font-size: 1.4em;
float: left;
margin-left: 45px;
margin-top: 55px;
background-color: white;
padding: 15px;
line-height: 2;
}

.descricaoIma3{
font-family: arial;
font-size: 1.4em;
float: left;
margin-left: 45px;
margin-top: 55px;
background-color: white;
padding: 15px;
line-height: 2;
width: 207px;
}

.faixaCinza{
background-color: rgba(0,0,0,0.2);
}

.warning{
font-family: arial;
font-size: 1.2em;
color: white;
padding: 10px;
background-color: red;
text-align: center;
}

/*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;
}

