@charset "utf-8";
html { overflow: -moz-scrollbars-vertical; }
* { margin:0px; padding:0px; border:0px; }
img { border:0px; }
table td tr { border:0px; }
div#wn2 { position:relative; width:418px; height:196px; overflow:hidden; }

#home #wn2 { position:relative; width:420px; height:66px; overflow:hidden; }

#portfolio #wn2 { position:relative; width:220px; height:185px; overflow:hidden; }
/* CSS LAYOUT PRINCIPAL */



body { font-family:Tahoma; margin:0px; background-image:url(../images/fundo_site3_ok.jpg); background-position:top center;  }
#layout { margin:0 auto; width:752px; margin-top:20px; }
#topo_left { float:left; width:241px; height:158px; }
#topo_right { float:left; width:241px; height:128px; padding-top:30px; background:url(../images/topo_2.png) no-repeat top; }
#topo_centro { float:left; width:270px; height:158px; background-image:url(../images/centro.gif); }

#caixa_login { width:241px; height:84px; background:url(../images/topo_2b.gif); }
#caixa { height:22px; width:120px; margin-right:15px; margin-bottom:6px; }

#bototes { width:241px; height:44px; }
#rodape { float:left; clear:both; width:752px; height:43px; }
.form { text-align:right; padding-top:5px; width:120px; margin-left:105px; }
input { width:73px; height:15px; border:1px solid #aec2d6; font-family:Arial; font-size:11px; color:#666666; }
textarea { font-family:Arial; font-size:11px; color:#666666; }
.botao { width:43px; height:18px; border:0px; margin-top:1px; }

/* CSS FONTES */

.fonte1_333333_11 { font-size:11px; color:#333333; }
.fonte2_666666_11 { font-size:11px; color:#666666; }
.fonte3_3399cc_11 { font-size:11px; color:#3399cc; }
/* CSS LINKS */

.fonte2_666666_11 p { font-size:11px; color:#666666; }



a { color:#666666; text-decoration:underline; }
a:hover { color:#000000; }
/* CSS HOME PRINCIPAL */



#home_meio1 { float:left; width:294px; height:132px; padding:40px 0 0 20px; background:url(../images/home_1.jpg); line-height:16px; }
#home_meio2 { float:left; width:197px; height:172px; }
#home_meio3 { float:left; width:241px; height:172px; background-image:url(../images/home_3.jpg); }
#player { width:210px; height:129px; margin: 20px 0 0 11px; }
#home_meio4 { float:left; width:241px; height:121px; }
#home_meio5 { float:left; width:504px; height:81px; padding:40px 0 0 7px; background:url(../images/home_5.jpg); line-height:16px; }
/* CSS QUEM SOMOS */



#quem_somos { float:left; width:722px; height:238px; padding:55px 0 0 30px; background:url(../images/quemsomos.jpg); line-height:14px; }

#clientes div#wn2 { position:relative; width:685px; height:196px; overflow:hidden; }

#servicos { float:left; width:722px; height:238px; padding:55px 0 0 30px; background:url(../images/servicos.jpg); line-height:14px; }
#clientes { float:left; width:722px; height:238px; padding:55px 0 0 30px; background:url(../images/clientes.jpg); line-height:14px; }
#painel { float:left; width:722px; }
/* CSS NOSSOS SERVIÇOS */



#nossos_servicos { float:left; width:752px; height:293px; }
#servicos_meio1 { float:left; background-image:url(../images/servicos_01.jpg); width:173px; height:293px; }
#servicos_meio2 { float:left; width:200px; height:293px; }
#servicos_meio3_caixa0 { float:left; background-image:url(../images/servicos_02.jpg); width:200px; height:166px; }
#servicos_meio3_caixa1 { float:left; background-image:url(../images/servicos_04.jpg); width:200px; height:56px; }
#servicos_meio3_caixa1 img { border:1px solid #FFFFFF; margin-left:4px; margin-top:4px; }
#servicos_meio3_caixa1 a { float:left; background-image:url(../images/servicos_borda1.gif); width:64px; height:56px; margin-left:2px; }
#servicos_meio3_caixa1 a:hover { background-image:url(../images/servicos_borda2.gif); }
#servicos_meio3_caixa1 .selecionado { background-image:url(../images/servicos_borda2.gif); }
#servicos_meio3_caixa2 { float:left; background-image:url(../images/servicos_05.jpg); width:200px; height:71px; }
#servicos_meio4 { float:left; width:344px; height:238px; background-image: url(../images/servicos_03.jpg); padding:55px 0 0 35px; line-height:16px; }
#servicos_meio5 { float:left; width:347px; height:278px; background-image: url(../images/servicos_03b.jpg); padding:15px 0 0 32px; line-height:16px; }
/* CSS QUALIDADE */



#qualidade_prazo { float:left; width:722px; height:238px; padding:55px 0 0 30px; background:url(../images/qualidade.jpg); line-height:16px; }
/* CSS FOLOWUP */



#folowups { float:left; width:722px; height:238px; padding:55px 0 0 30px; background:url(../images/folowup.jpg); line-height:16px; }
#folowups_meio1 { width:444px; float:left; height:238px; }
#folowups_meio2 { width:195px; float:left; height:218px; padding-left:55px; padding-right:20px; padding-top:20px; }
#folowups_meio2 img { border:1px solid #FFFFFF; margin-left:4px; margin-top:4px; }
#folowups_meio2 span { float:left; background-image:url(../images/servicos_borda1b.gif); width:82px; height:50px; margin-left:8px; margin-bottom:6px; }
/* CSS FALE CONOSCO */



#fale_conosco { float:left; width:722px; height:238px; padding:55px 0 0 30px; background:url(../images/fale_conosco.jpg); line-height:16px; }
#fale_conosco .form2 { text-align:right; wi
}
#fale_conosco input { width:114px; height:14px; border:1px solid #dddddd; border-top:1px solid #000000; background-color:#f0fbfd; }
#fale_conosco textarea { width:222px; height:70px; border:1px solid #dddddd; border-top:1px solid #000000; background-color:#f0fbfd; }
#fale_conosco .botao { width:43px; height:18px; border:0px; margin-top:1px; }


#menu_n1 { display:block; height:44px; width:95px; background-image:url(../images/layout_final_novo_3D_01.gif); background-position:bottom; cursor:pointer; }
#menu_n2 { display:block; height:44px; width:129px; background-image:url(../images/layout_final_novo_3D_03.gif); background-position:bottom; cursor:pointer; }
#menu_n3 { display:block; height:44px; width:144px; background-image:url(../images/layout_final_novo_3D_05.gif); background-position:bottom; cursor:pointer; }
#menu_n4 { display:block; height:44px; width:80px; background-image:url(../images/novo_menu_07.gif); background-position:bottom; cursor:pointer; }

#menu_n1:hover { background-position:top; }
#menu_n2:hover { background-position:top; }
#menu_n3:hover { background-position:top; }
#menu_n4:hover { background-position:top; }

#topo_logo{ display:block; width:113px; height:84px; background-image:url(../images/topo_logo_01.gif); background-position:bottom; cursor:pointer; float:left; }
#topo_logo:hover { background-position:top; }

#topo_logo2{ display:block; width:128px; height:84px; background-image:url(../images/topo_logo_02.gif); background-position:bottom; cursor:pointer; float:left; }
#topo_logo2:hover { background-position:top; }

#menu_por1 { display:block; height:38px; width:144px; background-image:url(../images/menu_portfolio_01.jpg); background-position:right; float:left; clear:both; cursor:pointer; }
#menu_por2 { display:block; height:28px; width:144px; background-image:url(../images/menu_portfolio_02.jpg); background-position:right; float:left; clear:both; cursor:pointer; }
#menu_por3 { display:block; height:28px; width:144px; background-image:url(../images/menu_portfolio_03.jpg); background-position:right; float:left; clear:both; cursor:pointer; }
#menu_por4 { display:block; height:29px; width:144px; background-image:url(../images/menu_portfolio_04.jpg); background-position:right; float:left; clear:both; cursor:pointer; }
#menu_por5 { display:block; height:26px; width:144px; background-image:url(../images/menu_portfolio_05.jpg); background-position:right; float:left; clear:both; cursor:pointer; }
#menu_por6 { display:block; height:30px; width:144px; background-image:url(../images/menu_portfolio_06.jpg); background-position:right; float:left; clear:both; cursor:pointer; }
#menu_por7 { display:block; height:34px; width:144px; background-image:url(../images/menu_portfolio_07.jpg); background-position:right; float:left; clear:both; cursor:pointer; }
#menu_por8 { display:block; height:32px; width:144px; background-image:url(../images/menu_portfolio_08.jpg); background-position:right; float:left; clear:both; cursor:pointer; }

#menu_por1:hover { background-position:left; }
#menu_por2:hover { background-position:left; }
#menu_por3:hover { background-position:left; }
#menu_por4:hover { background-position:left; }
#menu_por5:hover { background-position:left; }
#menu_por6:hover { background-position:left; }
#menu_por7:hover { background-position:left; }
#menu_por8:hover { background-position:left; }