img {
border: 0;
}

body {
background: #87A1C2 url('../imagens/fundo_body.jpg') 0 0 no-repeat;
width: 98%;
text-align: center;
margin: 0;
padding: 0;
}

br {
clear: both;
}

.esconde {
display: none;
}

#conteiner {
width: 816px;
text-align: left;
margin: 50px auto;
}

#header {
width: 816px;
text-align: left;
float: left;
background: #020726 url('../imagens/fundo_menu.gif') 100% 0 no-repeat;
}

#header h1{
padding: 0;
margin: 0;
clear: left;
}

#header h1 a img{
border: 0;
}

#header ul{
padding: 0;
margin: 48px 18px 0 0;
float: right;
background: transparent url('../imagens/fundo_menu2.gif') 0 100% repeat-x;
}

#header ul li{
padding: 0;
margin: 0 5px 0 0;
height: 30px;
float: left;
list-style-type: none;
}

#header ul li a{
text-decoration: none;
}

#header ul li a img{
border-bottom: 8px solid #F1F5EB;
}

#header ul li a:hover img{
border-bottom: 8px solid silver;
}

#conteudo {
border-width: 0 3px;
border-color: #373765;
border-style: solid;
background-color: #020726;
}

#conteudo #dentro {
background-color: #f1f5eb;
margin: 0 15px;
padding: 50px 45px 20px;
position: relative;
}

#conteudo #dentro p{
margin: 0 0 20px;
padding: 0;
width: 400px;
font-size: 14px;
font-weight: normal;
font-family: Georgia , 'Times New Roman', times, serif;
}

#conteudo #dentro ul{
width: 380px;
font-size: 14px;
font-weight: normal;
font-family: Georgia , 'Times New Roman', times, serif;
list-style: none;
margin-bottom: 0;
padding-bottom: 0;
}

#conteudo #dentro ul li{
background: transparent url('../imagens/bolinha.gif') 0 5px no-repeat;
padding: 0 0 10px 15px;
}

#conteudo #dentro a{
color: black;
text-decoration: underline;
}

#dentro .fotos {
width: auto;
background-color: white;
border: 1px solid black;
position: absolute;
right: 35px;
padding: 8px 8px 0;
text-align: right;
}

#contato form{
margin: 0;
padding: 0;
}

#contato #conteudo #dentro form p{
width: 470px;
}

#portifolio #conteudo #dentro p{
width: 470px;
}

#contato form input, #contato form textarea{
width: 290px;
margin-left: 5px;
}

#contato form textarea{
height: 200px;
}

#contato form label{
width: 160px;
display: block;
text-align: right;
float: left;
}

#contato form button{
float: right;
margin-right: 12px;
}
/* %%%%%%%%%%%%%%%  ilustrações  %%%%%%%%%%%%% */

#home #dentro {
background: #f1f5eb url( '../imagens/ilustra_home.jpg' ) 93% 43% no-repeat;
}

#empresa #dentro {
background: #f1f5eb url( '../imagens/ilustra_empresa.jpg' ) 97% 5% no-repeat;
}

#contato #dentro {
background: #f1f5eb url( '../imagens/ilustra_contato.jpg' ) 95% 10% no-repeat;
}

/* %%%%%%%%%%%%%  menu  %%%%%%%%%%%%%%% */

#empresa #header ul li.empresa a img {
border-bottom: 8px solid #E6E6E6;
}

#portifolio #header ul li.portifolio a img {
border-bottom: 8px solid #E6E6E6;
}

#know-how #header ul li.know-how a img {
border-bottom: 8px solid #E6E6E6;
}

#contato #header ul li.contato a img {
border-bottom: 8px solid #E6E6E6;
}

/*%%%%%%%%%% Empresa %%%%%%%%%%*/

#atuacao{
position: relative;
}

#conteudo #dentro #saibamais a{
text-decoration: none;
}

#conteudo #dentro #saibamais a span{
text-decoration: underline;
}

#conteudo #dentro #atuacao div p {
padding: 0 15px;
width: auto;
}

#mais_info1, #mais_info2, #mais_info3, #mais_info4 {
position: absolute;
left: 350px;
top: 0;
padding: 15px 0;
background-color: #DCE0E5;
font-size: 12px;
font-weight: normal;
font-family: Georgia , 'Times New Roman', times, serif;
width: 350px;
}