body
{
background:url(imagens/fundo.gif) repeat-x top #fff;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px auto auto auto;
color:#514c48;
}
a{
text-decoration:underline;
color: #333;
}
p{
text-align:justify;
line-height:15px;
padding:5px 0 5px 0;
font-size:11px;
margin:0px;
}
p.enviado{ text-align:justify;
line-height:15px;
font-size:14px;
margin-left:6px;
color: #000;
text-decoration:underline;}

p.voltar{ 
margin-left:6px;
margin-top: 15px;
}


span{
color: #CC0000;
}
p.clear{
clear:both;
}
p.servicos{
clear:both;
height: 25px;
text-align: center;
background: url(imagens/servicos_paragrafo.gif) no-repeat;
}
p.servicos a:hover{
color: #003399;
}
p.eventos{
clear:both;
border-bottom:1px #CCCCCC dashed;
font-size:10px;
margin:5px 0 5px 0;
height: 60px;
}
p.galeria { clear:both; margin-left: 40px;}
h1.eventos { text-align:center}
img.esq_img{
float:left;
padding:5px 12px 0 0;
}
img.borda_img{
float:left;
margin:5px 12px 0 0;
border:3px #CCC solid;
}
h1{
font-size:18px;
color:#514c48;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 0 5px 5px;
margin:0px;
}
h3{
font-size:16px;
color:#514c48;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 0 5px 5px;
margin:0 auto;
text-align:center
}
h1.marinho{
font-size:18px;
color:#514c48;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 0 5px 5px;
height:35px;
margin:0px;
text-indent:-9000px;
background:url(imagens/esquerda-fundo.gif) no-repeat left top;
}
h1.pagina_servicos{ margin-top: 20px;}
h2.servicos{
font-size:18px;
color:#514c48;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 20px 0 5px 0;
margin-top: 10px;
margin-bottom:0px;
text-indent:-9000px;
background:url(imagens/servicos.gif) no-repeat left top;
}
#geral{
width:677px;
height:auto;
margin:auto;
padding:0px;
position:relative;
}
.logotipo_topo{
position:absolute;
top:0px;
left:-11px;
}
#cabecalho{
width:677px;
height:62px;
margin:auto;
}
.logo{
padding:15px 0 0 120px;
}

.logo img { border:none;}

/*---------------- Menu Topo ----------------------*/
#menu_topo{
width:677px;
height:52px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
background:url(imagens/menu_fundo.gif) no-repeat center;
}

ul.menu {
list-style-type:none; display:block; width:595px; margin: 0 auto; padding:0px;}

ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:52px;}

ul.menu li.divider {
display:block;
float:left;
width:1px;
height:52px;
padding:0px ;
margin:0px;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#534848;}

a.nav_selecao:link, a.nav_selecao:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #000; text-decoration:underline}

a.nav:hover {
color: #333; text-decoration: underline;}


/*---------------- Meio ----------------*/
#meio{
width:auto;
clear:both;
background-color:#FFFFFF;
height:auto;
}
#banner_meio{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/marinho-representacoes.gif) no-repeat center;
text-indent: -9000px;
}
#banner_servicos{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/topo-servicos.jpg) no-repeat center;
text-indent: -9000px;
}
#banner_contato{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/topo-contato.gif) no-repeat center;
text-indent: -9000px;
}
#banner_realizacao_eventos{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/topo-realizacao-eventos.jpg) no-repeat center;
text-indent: -9000px;
}
#banner_parceiros{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/topo-parceiros.gif) no-repeat center;
text-indent: -9000px;
}
#banner_merchandising{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/topo-merchandising.jpg) no-repeat center;
text-indent: -9000px;
}
#banner_leandro{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/leandro-leis.jpg) no-repeat center;
text-indent: -9000px;
}
#banner_marinho{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/mario-leis.jpg) no-repeat center;
text-indent: -9000px;
}
#banner_representante{
width:651px;
height:205px;
margin:auto;
padding:20px 0 0 0;
background:url(imagens/representantes.jpg) no-repeat center;
text-indent: -9000px;
}
.mensagem_banner{
padding:2px 0 0 0;
}

#esquerda{
width:390px;
float:left;
height:auto;
padding:10px 0 0 20px;
}
#direita{
width:225px;
float:left;
height:auto;
padding:10px 0 0 20px;
}
#servicos_geral{
width:635px;
padding:10px 10px 0 20px;
}
#servicos2_geral{
width:635px;
}
#servicos_geral_eventos{
width:635px;
padding:10px 10px 0 20px;
}

#parceiros_clientes{
width:635px;
padding:10px 10px 0 20px;
height:auto;
}

#parceiros_clientes h1 {border-bottom: 1px dashed #999 }

#parceiros_clientes h2, #servicos_geral h2{
font-size:18px;
color:#514c48;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 0 5px 5px;
margin:0px;
margin-top: 30px;
border-bottom: 1px dashed #999 }

ul.galeria { width: 630px;}
ul.galeria li { list-style:none; float: left}

ul.galeria2 { width: 500px;}
ul.galeria2 li { list-style:none; float: left; margin-bottom: 10px;}

.newsletter{
width:210px;
height:270px;
padding:10px 0 0 10px;
background:url(imagens/newsletter.gif) no-repeat top;
}
.campos_newsletter{
width:200px;
float:left;
padding:4px 0 4px 0;
}
label.login{
width:60px;
float:left;
text-align:right;
padding:4px 8px 0 0;
}
input.nome_input{
width:120px;
height:16px;
background-color:#FFFFFF;
border:1px #CCCCCC solid;
float:left;
}
a.enviar{
width:66px;
height:22px;
float:right;
margin:10px;
background:url(imagens/newsletter-botao.gif) no-repeat center;
display:block;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}
#fotos_galeria{
width:566px;
height:185px;
margin:auto;
margin-top:10px;
background:url(imagens/fundo-galeria.gif) no-repeat center;
}
.projects_navigation{
width:566px;
height:25px;
margin:auto;
padding:10px 0 0 0;
}
.left_nav a{
float:left;
background:url(imagens/flecha-esquerda.gif) no-repeat left;
padding:0 0 0 30px;
font-size:12px;
color:#3e2510;
text-decoration:none;
}
.right_nav a{
float:right;
background:url(imagens/flecha-direita.gif) no-repeat right;
padding:0 30px 0 0;
font-size:12px;
color:#3e2510;
text-decoration:none;
}
.foto{
float:left;
padding:10px 20px 0 40px;
}
div.foto p { color: #FFF}
.project_title{
font-size:12px;
color: #999999;
padding:0 0 5px 0;
}

/*------ Formulário de Contato ------*/
#contato_form{
float:left;
width:300px;
padding:10px 10px 0 30px;
color:#666666;
}
.contato_input{
width:290px;
height:17px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
background-color:#5da1c9;
border:1px #f0e9cf solid;
color: #000;
font-weight:bold;
}
label.contato_form{
width:200px;
padding:0 0 5px 0;
font-size:12px;
color:#333;
}
label.contato_form{
width:200px;
padding:0 0 5px 0;
font-size:12px;
color:#333;
}

input.contato_input:hover, textarea:hover { background: #3589bc}
input.contato_input:focus, textarea:focus {background: #3589bc}
.contato_textarea{
width:290px;
height:80px;
font-size:14px;
float:left;
background-color:#5da1c9;
border:1px #f0e9cf solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-weight:bold;
}
input.contact_submit{
float:right;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}

/*---- Rodapé ---------*/
#rodape{
width:auto;
clear:both;
padding:10px 0 10px 0;
margin-top:40px;
color: #333;
}
#rodape p a img { border:none; text-decoration: none;}
#rodape p a:hover { color: #003366}
#rodape p {text-align:center; clear:both; padding: 0; font-size: 10px;}
#rodape p.esquerda {text-align:left; clear:both; padding: 0; margin-left: 40px; font-size: 10px;}