﻿/* elements default */
img{border:0;}
p{padding:0; margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
form{padding:0px; margin:0px;}
ul, li{list-style:none; margin:0; padding:0;}
h1, h2 {margin:0; text-indent:-9999px;}
h2 {margin:5px 0 0 0;}
form.bg_news fieldset { border:0; padding:0; margin:0;}
label.hide {display:none;}
.breakeronly {clear:both; height:0px; font-size:0px; margin: 0; padding: 0px; line-height:0px;}
body { margin:0; padding:0; background:#336699 url(../images/bg.jpg); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:12px; clear:both; }
.clr {clear:both;}


/* Containers e fundos */
#all { width:917px; background:url(../images/bg_all.png); *background:url(../images/bg_all.gif); margin:0 auto 0 auto; clear:both; overflow:hidden;}
#all .ct { width:886px; height:auto; background:#444 url(../images/bg_ct.jpg); background-repeat:repeat-x; margin:0 auto 0 auto; border:solid #ff6600 1px;} 


/* menu topo */
#all .ct .menu { width:870px; height:52px; margin:6px auto 6px auto; } 
#all .ct .menu .mn_top li { float:left;}
#all .ct .menu .mn_top li a {text-indent:-9999px;}
#all .ct .menu .mn_top li a.aempresa, #all .ct .menu .mn_top li a.servicos, #all .ct .menu .mn_top li a.clientes, #all .ct .menu .mn_top li a.cases, #all .ct .menu .mn_top li a.parcerias, #all .ct .menu .mn_top li a.contato { background:url(../images/bg_menu_top.png); background-repeat:no-repeat; height:52px; display:block; }

#all .ct .menu .mn_top li a.aempresa {width:183px;}
#all .ct .menu .mn_top li a.servicos {width:140px; background-position:-183px 0;}
#all .ct .menu .mn_top li a.clientes {width:134px; background-position:-323px 0;}
#all .ct .menu .mn_top li a.cases {width:116px; background-position:-457px 0;}
#all .ct .menu .mn_top li a.parcerias {width:147px; background-position:-573px 0;}
#all .ct .menu .mn_top li a.contato {width:150px; background-position:-720px 0;}

#all .ct .menu .mn_top li a:hover.aempresa {width:183px; background-position:0 -52px;}
#all .ct .menu .mn_top li a:hover.servicos {width:140px; background-position:-183px -52px;}
#all .ct .menu .mn_top li a:hover.clientes {width:134px; background-position:-323px -52px;}
#all .ct .menu .mn_top li a:hover.cases {width:116px; background-position:-457px -52px;}
#all .ct .menu .mn_top li a:hover.parcerias {width:147px; background-position:-573px -52px;}
#all .ct .menu .mn_top li a:hover.contato {width:150px; background-position:-720px -52px;}


#all .ct .menu .jqueryslidemenu li a.aempresa, #all .ct .menu .jqueryslidemenu li a.servicos, #all .ct .menu .jqueryslidemenu li a.clientes, #all .ct .menu .jqueryslidemenu li a.cases, #all .ct .menu .jqueryslidemenu li a.parcerias, #all .ct .menu .jqueryslidemenu li a.contato { background:url(../images/bg_menu_top.png); background-repeat:no-repeat; height:52px; display:block; overflow:hidden; text-indent:-9999px;}

#all .ct .menu .jqueryslidemenu li a.aempresa {width:182px;}
#all .ct .menu .jqueryslidemenu li a.servicos {width:139px; background-position:-183px 0;}
#all .ct .menu .jqueryslidemenu li a.clientes {width:134px; background-position:-323px 0;}
#all .ct .menu .jqueryslidemenu li a.cases {width:115px; background-position:-457px 0;}
#all .ct .menu .jqueryslidemenu li a.parcerias {width:147px; background-position:-573px 0;}
#all .ct .menu .jqueryslidemenu li a.contato {width:149px; background-position:-720px 0;}

#all .ct .menu .jqueryslidemenu li a:hover.aempresa {width:182px; background-position:0 -52px;}
#all .ct .menu .jqueryslidemenu li a:hover.servicos {width:139px; background-position:-183px -52px;}
#all .ct .menu .jqueryslidemenu li a:hover.clientes {width:134px; background-position:-323px -52px;}
#all .ct .menu .jqueryslidemenu li a:hover.cases {width:115px; background-position:-457px -52px;}
#all .ct .menu .jqueryslidemenu li a:hover.parcerias {width:147px; background-position:-573px -52px;}
#all .ct .menu .jqueryslidemenu li a:hover.contato {width:149px; background-position:-720px -52px;}


/* menu bottom */
#all ul.mn_bot { width:870px; margin:6px 15px 6px 20px; clear:both; margin-top:60px; overflow:hidden; } 
#all ul.mn_bot li a { color:#99ccff; display:block; height:14px; border-right:solid 1px #99ccff; padding:0 10px 0 10px; _width:50px;}
#all ul.mn_bot li a.aempresa { _width:70px!important;}
#all ul.mn_bot li { float:left; color:#99ccff; width:600px!important;}
#all ul.mn_bot li.r  { float:right; width:130px!important;}
#all ul.mn_bot li.r a { margin-right:10px;}
#all  p.copy { clear:both; padding:16px 15px 6px 28px;}

#bt { width:917px; background:url(../images/bg_bt.png); *background:url(../images/bg_bt.gif); margin:0 auto 50px auto; height:21px; clear:both;}



/* Títulos */
h4 { margin:30px 30px 30px 55px;}
h4 a { background:url(../images/logo.jpg); background-repeat:no-repeat; width:137px; height:37px; display:block; text-indent:-9999px;}




/* colunas */
#all .ct .r { width:234px; *width:224px; overflow:hidden; height:612px; border:solid #000 1px; float:right; margin:0 7px 6px 0; background:#333333 url(../images/microsoft_partner.png); background-position: bottom center; background-repeat:no-repeat; *margin:0 4px 6px 2px;}
#all .interna .r {  _width:244px; *width:237px; *margin:0 7px 6px 6px;}
#all .ct .l { width:630px; float:left; margin:0 0 6px 8px;} 
#all .interna .l { *width:620px; }
/* conteúdo l */
#all .ct .l .flash { height:375px; margin-bottom:6px;} 
#all .ct .l .bx_cat {background:#333333; border:solid #000 1px; width:310px; height:230px; float:left; overflow:hidden;}
#all .ct .l .bx_cat h3 {padding:0; margin:0;}
#all .ct .l .bx_cat h3 a {background:url(../images/tit_cat.png); background-repeat:no-repeat; width:310px; height:51px; display:block; text-indent:-9999px;}
#all .ct .l .bx_cat p, #all .ct .l .bx_cat form  { padding:10px 14px 15px 18px;}
#all .ct .l .bx_cat fieldset {border:#444444 solid 1px; padding:20px 20px 10px 20px; *padding:20px 0 10px 2px; margin:0 20px 0 20px;}
#all .ct .l .bx_cat legend { display:none;}
#all .ct .l .bx_cat input { font-size:11px; background:url(../images/bg_input_cat.png); background-repeat:repeat-x; color:#ccc; border:solid 1px #000; padding:3px; float:left; width:155px; margin-bottom:7px;} 
#all .ct .l .bx_cat input.ok  {background:url(../images/bg_input_ok.png); width:56px; height:49px; float:right; border:none; margin-left:5px;}

#all .ct .l .bx_twit {background:#333333; border:solid #000 1px; width:310px; height:230px; float:left; overflow:hidden; margin-left:4px;}
#all .ct .l .bx_twit h3 {padding:0; margin:0;}
#all .ct .l .bx_twit h3 a {background:url(../images/tit_twit.png); background-repeat:no-repeat; width:310px; height:51px; display:block; text-indent:-9999px;}
#all .ct .l .bx_twit p { padding:10px 10px 15px 15px;}
#all .ct .l .bx_twit strong {color:#ff6600;}


/* conteúdo r */
#all .ct .r h2 { margin:0;}
#all .ct .r h1.fab, #all .ct .r h2.fab {background:url(../images/bg_h1_fab.png); height:51px;}
#all .ct .r h1.fab_on a, #all .ct .r h2.fab_on a {background:url(../images/bg_h1_fab_on.png); height:51px; width:120px; display:block;}
#all .ct .r h2.share-point {background:url(../images/bg_h2_sha.png); height:51px;}
#all .ct .r h2.share-point_on {background:url(../images/bg_h2_sha_on.png); height:51px;}
#all .ct .r h2.outsourcing {background:url(../images/bg_h2_out.png); height:51px;}
#all .ct .r h2.outsourcing_on {background:url(../images/bg_h2_out_on.png); height:51px;}
#all .ct .r h2.test-center {background:url(../images/bg_h2_test.png); height:51px;}
#all .ct .r h2.test-center_on {background:url(../images/bg_h2_test_on.png); height:51px;}

#all .ct .r .prodts { padding:20px 14px 40px 14px; font-size:12px; color:#cccccc;}
#all .ct .r .prodts a { color:#ff6600;}




/* conteúdo l internas */
#all .interna { padding-bottom:30px;}
#all .interna .r { background:none; border:none; padding-bottom:30px!important; height:auto;}
#all .interna .r .services { border:solid #000 1px; }
#all .interna .r .services a, #all .interna .r .services a:hover, #all .interna .r .services a:active {border:0; text-decoration:none;}
#all .interna .r .services a.ico {overflow:hidden; width:125px!important;}
#all .interna .l p { padding:20px 110px 0 45px; color:#cccccc; line-height:18px;}
#all .interna .l ul { padding:20px 110px 0 75px; margin-bottom:20px; color:#cccccc; line-height:18px;}
#all .interna .l ul li { list-style:circle;}
#all .interna .l p strong { color:#97CBFE;}
#all .interna .l ul.list li { padding:20px 110px 0 65px; color:#cccccc;} 
#all .interna .l h3 { font-size:20px; color:#97cbfe; font-weight:normal; padding-left:45px; margin-top:35px;}
#all .interna .l table h3 { margin:0 0 10px 0; padding:0;}
#all .interna .l a { color:#97cbfe; }
#all .interna .l img {  float:right; margin:20px 30px 20px 20px; border:1px solid #000;}
#vsmAlerta { padding-left:45px;}

/* conteúdo l internas titulos */
#all .interna .l h1.perfil { background:url(../images/h1_perfil.png); background-repeat:no-repeat; width:106px; height:37px; margin-left:45px; }
#all .interna .l h1.missao { background:url(../images/h1_missao.png); background-repeat:no-repeat; width:521px; height:45px; margin-left:45px; }
#all .interna .l h1.outsourcing { background:url(../images/h1_outsourcing.png); background-repeat:no-repeat; width:271px; height:50px; margin-left:45px; }
#all .interna .l h1.fabrica { background:url(../images/h1_fabrica.png); background-repeat:no-repeat; width:447px; height:39px; margin-left:45px; }
#all .interna .l h1.testcenter { background:url(../images/h1_testcenter.png); background-repeat:no-repeat; width:256px; height:39px; margin-left:45px; }
#all .interna .l h1.sharepoint { background:url(../images/h1_sharepoint.png); background-repeat:no-repeat; width:532px; height:49px; margin-left:45px; }
#all .interna .l h1.manutencao { background:url(../images/h1_manutencao.png); background-repeat:no-repeat; width:492px; height:49px; margin-left:45px; }
#all .interna .l h1.clientes { background:url(../images/h1_clientes.png); background-repeat:no-repeat; width:180px; height:40px; margin-left:45px; }
#all .interna .l h1.cases { background:url(../images/h1_cases.png); background-repeat:no-repeat; width:139px; height:40px; margin-left:45px; }
#all .interna .l h1.fale_conosco { background:url(../images/h1_faleconosco.png); background-repeat:no-repeat; width:308px; height:40px; margin-left:45px; }
#all .interna .l h1.oportunidades { background:url(../images/h1_oportunidades.png); background-repeat:no-repeat; width:332px; height:49px; margin-left:45px; }
#all .interna .l h1.trabalhe { background:url(../images/h1_trabalhe.png); background-repeat:no-repeat; width:403px; height:49px; margin-left:45px; }
#all .interna .l h1.parcerias { background:url(../images/h1_parcerias.png); background-repeat:no-repeat; width:206px; height:39px; margin-left:45px; }



#all .interna .r .bx_twit { border:solid #000 1px; margin-top:6px; background:#333333; }
#all .interna .r .bx_twit h3 { background:url(../images/hr_twitter.gif); background-repeat:repeat-x; background-position:bottom; margin:0; padding:0; font-size:12px;}
#all .interna .r .bx_twit h3 a { height:42px; color:#97cbfe; display:block;  font-weight:normal; background:url(../images/bg_twitter.png); background-repeat:no-repeat; background-position:right; padding:26px 0 0 16px;}
#all .interna .r .bx_twit p { padding:16px; background:url(../images/hr_twitter_p.gif); background-position:center bottom;  background-repeat:no-repeat; color:#cccccc;}
#all .interna .r .bx_twit p strong { color:#ff6600;}
/* caminho de pao */
#all .ct ul.path { clear:both; width:570px; height:30px;  margin:25px 0 25px 45px; background:url(../images/border_path.gif); background-repeat:repeat-x; background-position:bottom; padding:0;}
#all .ct ul.path li { float:left; color:#ccc; margin-right:4px; list-style:none; padding:0 4px 0 4px;}
#all .ct ul.path li a {color:#ffffff;  padding:0 8px 0 4px;}


/* Contato //////////////////////////////////// */
#all  form.contato { width:420px; padding:10px 0 30px 45px; float:left; }

#all  form.contato .CaixaTextoLivre, #all  form.contato .txtMensagem {
	font-size:11px;
	width:420px;
	border:solid 1px #000;
	background:url(../images/bg_input_cat.png); background-repeat:repeat-x; color:#ccc; border:solid 1px #000; padding:3px;
	margin:6px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
}
#all  form.contato textarea.CaixaTextoLivre { background:#545454 url(../images/bg_input_txt.png)!important; background-repeat:repeat-x; height:118px;}


#all form.contato fieldset { border:none;}
#all form.contato fieldset legend { display:none;}
#all form.contato fieldset label { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:14px; color:#cccccc;}
#all form.contato .BotaoEmail { float:right!important; cursor:pointer; margin-right:4px !important;}
#all form.contato .bt_ok { float:right;}
*form.contato .bt_ok { margin-right:23px;}
#all form.contato input.ok  {background:url(../images/bg_input_oki.png); width:53px; height:36px; float:right; border:none;}
#all form.contato input.limpar  {background:url(../images/bg_input_limpar.png); width:88px; height:36px; float:right; border:none; margin-right:15px;}

.CaixaTextoLivre 
{
    font-size:11px;
	width:420px;
	border:solid 1px #000;
	background:url(../images/bg_input_cat.png); background-repeat:repeat-x; color:#ccc; border:solid 1px #000; padding:3px;
	margin:6px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.CaixaTextAreaLivre 
{
    background:#545454 url(../images/bg_input_txt.png)!important; 
    background-repeat:repeat-x; 
    height:118px;
}

.Twitter
{
    font-size: 13px;
    color: #FFFFFF;
    list-style-type: disc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#twitter_div ul { width:85%; margin: 5px auto 25px auto;} 
 
#twitter_div ul li 
{
    font-size: 13px;
	color: #FFFFFF;
	padding: 15px 0 15px 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #444444;
	list-style: 'created_at';
}

#twitter_div ul li a {
	text-decoration: none;
	color: #97CBFE;
}

 
#all ul.mn_bot li a {text-decoration:none;}
#all ul.mn_bot li a:hover {color:#ffffff;}
a.sample_attach, a.sample_attach:visited, div.sample_attach {display: block; padding: 2px 5px; text-decoration: none; float:left;}
a.sample_attach:hover { text-decoration:none;}
.sample_attach_child { height:22px;}
a.sample_attach, a.sample_attach:visited { border-bottom: none;  width:auto;}

#sample_attach_menu_child2 { width:680px; overflow:hidden;}
#sample_attach_menu_child4 { width:500px;  overflow:hidden;}
#sample_attach_menu_child6 { width:400px;  overflow:hidden;}

#form1 .pnl { margin:20px 0 0 45px;}
#form1 input, #form1 select, #form1 textarea { background:#525252 url(../images/bg_input_cat.png) repeat-x scroll 0 0; border:1px solid #000000; color:#CCCCCC; margin-right:4px; font-size:12px; padding:2px; }
#form1 textarea {background:#545454 url(../images/bg_input_txt.png)!important; background-repeat:repeat-x; height:118px; border:1px solid #000000; color:#CCCCCC; margin-right:4px; font-size:12px; padding:2px;}

#form1 .bg_botao { background:url(../images/bg_botao.jpg); border:solid 1px #000; height:48px; padding:0 10px 0 10px; color:#e25e05; text-transform:uppercase; margin-top:20px;}

 #all .interna .l .bx_clientes {}
#all .interna .l .bx_clientes .bx_client1 { height:200px; *width:144px; width:150px; border:solid 1px #000; background:#333333; float:left; margin:20px 4px 20px 0;}
#all .interna .l .bx_clientes .bx_client1.u { margin:20px 0 20px 0;}
#all .interna .l .bx_clientes .bx_client1 img { margin:6px; *margin:4px; float:none;}
#all .interna .l .bx_clientes img { margin:0 16px 23px 0; float:left;}
#all .interna .l .bx_clientes img.i { margin:0 16px 23px 7px; float:left;}
#all .interna .l .bx_clientes img.u { margin:0 0 23px 0; float:left;}

#all .interna .l  .bx_clientes .bx_client1 a { display:block; padding:25px 10px 10px 10px; height:25px; border:solid 1px #444444; margin:4px; background:url(../images/bt_ok_client.png) no-repeat; background-position: 100px 16px ; }