/* CSS Document */
.cont {
width:799px;
margin-left:8px;
}
.pgs {
width:620px;
margin-left:10px;
}
.fundo_chamada {
padding-left:10px;
width:790px;
height:auto;
background-color:#e3e0d3;
border-bottom:silver 1px solid;
padding-bottom:15px;
}

/* Fix IE. Hide from Mac \*/
*html .chamada {
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
width:245px;
height:auto;
text-indent:5px;
margin:5px 0px auto 10px;
padding-left:0px;
padding-top:5px;
}
/* End */

/* FUNÇÂO TABS */
.barra_chamada {
height:30px;
width:800px;
background-color:white;
padding-top:10px;
}
.bt_chamada {
margin-left:2px;
background:url(../imagens/bt_chamada.gif) no-repeat top;
background-color:#e3e0d3;
width:138px;
height:32px;
cursor:pointer;
}
.bt_chamada label {
color:#383d41;
font:bold 12px Arial, Helvetica, sans-serif;
margin-top:8px;
cursor:pointer;
text-align:center;
width:100%;
}
.bt_chamada_false {
margin:auto auto 5px 2px;
background:url(../imagens/bt_chamada_false.gif) no-repeat top;
background-color:#cec9b4;
width:138px;
height:32px;
cursor:pointer;
}
.bt_chamada_false label {
color:#Fbf7e4;
font:bold 12px Arial, Helvetica, sans-serif;
margin-top:8px;
text-align:center;
width:100%;
cursor:pointer;
}
/* FIM FUNÇÂO TABS */

.chamada {
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
width:250px;
height:auto;
text-indent:5px;
margin:5px auto auto 12px;
padding-left:0px;
padding-top:5px;
border-right:white 0px solid;
}
.chamada img {
margin:5px;
margin-left:0px;
width:82px;
height:82px;
border:1px solid;
border-color:#bad0e1 #9eaebb #9eaebb #bad0e1;
}
.chamada label {
font:16px Arial, Helvetica, sans-serif;
color:#383040;
text-indent:0px;
width:140px;
height:82px;
margin:5px auto auto 5px;
}
.chamada p {
color:#484848;
width:230px;
height:auto;
margin-left:2px;
text-align:left;
text-indent:0px;
font-weight:normal;
}
.lado_e {
padding-top:10px;
padding-left:10px;
width:520px;
}
.lado_d {
width:260px;
}
.chamada a:link { 
margin-top:5px;
width:100%;
font-size:11px;
color:#484848;
}
.chamada a:visited {
color:#484848;
}
.chamada a:hover{
color:#606060;
width:100%;
}
/*ATALHOS DA PÁGINA HOME*/
.chamada_l {
width:253px;
height:200px;
margin:15px auto auto 5px;
text-align:left;
}
/* Fix IE. Hide from Mac \*/
*html .chamada_l {
width:253px;
height:200px;
margin:15px auto auto 3px;
text-align:left;
}
/* End */

.chamada_l b {
text-transform:uppercase;
width:120px;
color:#484848;
font:bold 16px Arial, Helvetica, sans-serif;
margin:40px auto auto 20px;
}
.chamada_l label {
width:195px;
height:55px;
margin:20px auto auto 20px;
color:#606060;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.seta {
margin-top:10px;
text-align:left;
width:253px;
height:34px;
background:url(../imagens/seta.gif) no-repeat left;
cursor:pointer;
}
.seta a {
color:#606060;
font:bold italic 14px Arial, Helvetica, sans-serif;
margin:10px auto auto 20px;
width:213px;
}
.banner_lado {
width:250px;
height:290px;
color:#999;
font:10px Arial, Helvetica, sans-serif;
text-align:center;
margin:25px auto 20px 5px;
}
/*FIM ATALHOS DA PÁGINA HOME*/

.prg {
text-indent:20px;
font:12px Arial, Helvetica, sans-serif;
margin:15px auto 5px 55px;
width:470px;
text-align:left;
color:black;
background-color:#FFF;
}
.prg span {
font-weight:bold;
width:99%;
height:20px;
}
.prg a:link {
color:blue;
text-decoration:none;
font:11px Verdana, Arial, Helvetica, sans-serif;
}
.prg a:visited {
color:blue;
text-decoration:none;
font:11px Verdana, Arial, Helvetica, sans-serif;
}
.prg a:hover {
text-decoration:underline;
}


/*LINKS RELACIONADOS */
.barra{
text-align:left;
width:90%;
height:20px;
margin-left:20px;
}
.barra a:link {
font-size:12px;
text-align:left;
color:blue;
text-decoration:none;
margin:10px auto auto 10px;
width:90%;
}
.barra a:visited {
font-size:12px;
text-align:left;
color:blue;
text-decoration:none;
margin:10px auto auto 10px;
width:90%;
}
.barra a:hover {
text-decoration:underline;}
/*fim de LINKS RELACIONADOS */
p b {
margin-right:3px;
}

/*PÁGINA A EMPRESA*/
.pg_aempresa {
background:url(../imagens/Aempresa_grande.gif) no-repeat top right;
width:800px;
}

/*títulos de serviços*/
.indice{
font:bold 20px Verdana, Arial, Helvetica, sans-serif;
margin-left:10px;
color:#484848;
width:390px;
}
#sol_visita {
font:12px Verdana, Arial, Helvetica, sans-serif;
width:100%;
height:15px;
margin-top:15px;
text-decoration:none;
text-transform:uppercase;
color:blue;
text-align:center;
}
.tudo {
width:100%;
}
.form_contato {
width:530px;
height:auto;
border-right:0px;
}
.form_contato span {
margin-left:120px;
display:block;
}
.text_form {
text-align:right;
padding-right:5px;
margin:auto auto 5px 20px;
width:100px;
}
.dados_form {
width:400px;
float:none;
margin-bottom:5px;
}
.dados_form input {
color:#484848;
background-color:#e6e7e8;
border:0px;
height:18px;
}
/* Fix IE. Hide from Mac \*/
*html .text_form {
text-align:right;
padding-right:5px;
margin:auto auto 5px 10px;
width:100px;
display:block;
float:none;
}
*html .dados_form {
width:385px;
float:right;
display:block;
margin:auto 0px 5px auto;
}
*html .dados_form input {
color:#484848;
background-color:#e6e7e8;
border:0px;
height:18px;
}
*html .form_contato span {
margin-left:43px;
padding:0px;
display:block;
width:auto;
}
/* End */
.dados_form textarea {
color:#484848;
background-color:#e6e7e8;
border:0px;
}
.dados_adicionais {
margin:18px auto auto 8px;
width:220px;
border:1px solid;
border-color:#bad0e1 #9eaebb #9eaebb #bad0e1;
padding-left:15px;
padding-bottom:10px;
background-color:#eee;
}
/* Fix IE. Hide from Mac \*/
*html .dados_adicionais {
margin:18px 10px auto 0px;
width:220px;
border:1px solid;
border-color:#bad0e1 #9eaebb #9eaebb #bad0e1;
padding-left:15px;
padding-bottom:10px;
background-color:#eee;
}
/* End */
.dados_adicionais input {
background-color:#FFF;
border:1px solid;
border-color:#bad0e1 #9eaebb #9eaebb #bad0e1;
height:16px;
}
.dados_adicionais span {
width:100%;
margin-top:5px;
}
.dados_adicionais label {
width:100px;
}
.sublinks{
margin-top:3px;
padding-left:2.5px;
width:797.5px;
}
/*///////////////////////Página websites ////////////////////////////////*/
#websitesSub{cursor:pointer;}
#recursosSub{cursor:pointer;}
#investirSub{cursor:pointer;}
#aplicativosSub{cursor:pointer;}
.p1 {
width:400px;
height:315px;;
}
/* Fix IE. Hide from Mac \*/
*html .p1 {
width:360px;
height:315px;
float:left;
display:block;
margin:0px;
}
/* End */
.p2 {
width:384px;
height:315px;
}
.prg_websites {
font:12px Arial, Helvetica, sans-serif;
text-align:left;
color:#555;
width:350px;
margin:15px auto auto 20px;
}
.pgs_websites {
width:800px;
height:auto;
}
/* Fix IE. Hide from Mac \*/
*html .pgs_websites {
width:800px;
height:auto;
display:block;
}
/* End */
/*Lista dos recursos*/
.lista {
margin:50px auto auto 40px;
width:400px;
}
.lista span {
background:url(../imagens/recursos_icone1.gif) no-repeat left;
width:325px;
height:29px;
font-size:14px;
text-indent:40px;
font-weight:bold;
margin-bottom:2px;
}
.lista label {
margin-top:7px;
}
.investir {
width:380px;
height:480px;
margin:25px auto auto 0px;
border:#ddd 1px solid;
background-color:#ececec;
}
.investir *{
float:none;
}
.form_td {
width:375px;
}
.investir label {
margin:auto auto 5px 10px;
width:75px;
text-align:right;
}
.inp {
padding-left:15px;
margin-bottom:5px;
width:275px;
}
.inp input {
border:#7f9cb8 1px solid;
font-size:14px;
}
.td_radio {
margin:auto auto 10px 0px;
width:360px;
padding-left:40px;
}
/* Fix IE. Hide from Mac \*/
*html .investir {
width:370px;
height:480px;
padding:inherit;
margin:25px auto auto 0px;
border:#ddd 1px solid;
background-color:#ececec;
}
*html .td_radio {
margin:auto 0px 10px 0px;
width:360px;
height:auto;
padding-left:40px;
}
*html .td_radio span {
width:95px;
margin-bottom:0px;
padding-top:4px;
height:auto;
}
*html .td_radio input {
padding:0px;
height:auto;
} 
/* End */
.td_radio div {
width:20px;
}
.td_radio span {
width:100px;
}

/*/////////////////// PÁGINA WEBMARKETING /////////////////*/

#webmarketingSub{cursor:pointer;}
#estrategiaSub{cursor:pointer;}
#investirMSub{cursor:pointer;}

.pgs_webmarketing{
width:780px;
height:auto;
border:red 0px solid;
background:url(../imagens/webmarketing_grande.gif) no-repeat top right;
}
.tit_mark {
color:#62a314;
font-size:12px;
font-weight:bold;
margin:20px auto 15px 55px;
width:500px;
}
.icones_g {
width:200px;
height:200px;
background-color:#CCCC00;
border:red 1px solid;
}
.td_mark {
border-bottom:#c6c6c6 1px solid;
margin:auto auto 15px 15px;
width:765px;
height:auto;
padding-bottom:10px;
}
/* Fix IE. Hide from Mac \*/
.td_mark {
border-bottom:#c6c6c6 1px solid;
margin:auto auto 15px 15px;
width:765px;
text-align:left;
height:auto;
padding-bottom:10px;
}
/* End */
.td_mark span {
font-weight:bold;
font-size:12px;
color:black;
width:140px;
height:auto;
}
.prgM {
font:12px Arial, Helvetica, sans-serif;
width:625px;
text-align:left;
color:black;
}
.info_ad {
margin-left:45px;
width:685px;
height:100px;
border:#97cf54 1px solid;
background-color:#efefef;
}
.info_ad span {
background:url(../imagens/qdinfoa.gif) no-repeat top left;
padding-left:6px;
margin:12px auto auto 50px;
width:150px;
height:auto;
}
.info_add span a:link {
color:#97cf54;
text-decoration:none;
}
.info_add span a:visited {
color:#97cf54;
text-decoration:none;
}

.info_ad_dc {/* Informações adicionais localizadas no rodapé da página de webmarketing */
margin-left:45px;
width:685px;
height:auto;
padding-top:10px;
padding-bottom:15px;
color:#FFFFFF;
border:#97cf54 1px solid;
background-color:#666666;
}
.info_ad_dc strong {
padding-left:45px;
color:white;
font-size:14px;
font-weight:bold;
width:780px
}
.info_ad_dc .prg {
text-indent:0px;
color:#FFFFFF;
width:580px;
background-color:#666666;
}
/* Fix IE. Hide from Mac \*/
*html .info_ad_dc .prg {
text-indent:0px;
color:#fff;
margin-left:30px;
width:580px;
background-color:#666666;
}
/* End */

/*//////////////// PÁGINA SERVIÇOS //////////////////////////*/
.cont_serv {
margin-left:0px;
width:780px;
height:478px;
}
.cont_serv a:hover{text-decoration:underline}

.com_online {
width:211px;
height:271px;
margin-left:80px;
padding-top:50px;
background:url(../imagens/fundo_serv_comunicacao_online.gif) no-repeat;
}
.com_externa {
width:211px;
height:363px;
margin-left:40px;
padding-top:55px;
background:url(../imagens/fundo_serv_design.gif) no-repeat;
}
.bts {
background:url(../imagens/ponto.gif) no-repeat left center;
width:145px;
height:15px;
margin:5px auto 5px 40px;
padding-left:10px;
}
/* Fix IE. Hide from Mac \*/
*html .bts {
background:url(../imagens/ponto.gif) no-repeat left center;
width:auto;
display:block;
height:15px;
margin:5px auto 5px 30px;
}
*html .c_s_d {
color:#909090;
width:auto;
display:block;
margin-left:15px;
margin-top:60px;
font-size:10px;
}
/* End */
.bts a {
text-align:center;
color:#4800ff;
}
.c_s_d {/* texto 'Clique no serviço desejado' */
color:#909090;
width:180px;
margin-left:28px;
margin-top:60px;
font-size:10px;
}
.com_ext_info {
background:url(../imagens/ponto.gif) no-repeat left center;
width:145px;
height:15px;
margin-left:40px;
padding-left:10px;
}

/*PLANEJAMENTO*/
.topicos_plan {
color:#606060;
margin:5px auto auto 60px;
width:720px;
}
.span_tit {
color:#606060;
margin:10px auto auto 40px;
font-weight:bold;
width:740px;
}

/* DESIGN GRÁFICO ============================================================================= */
img#banner_design {
width:800px;
border:0;
margin-bottom:3em;
}
div#info_design {
display:block;
background:#fff url(../imagens/lateraldesinggrafico.gif) no-repeat 95% bottom;
width:auto;
height:auto;
padding-bottom:0;
overflow:hidden;
margin:0;
}
*:first-child+html div#info_design {
width:100%;
}
div#info_design h1 {
font-size:2em;
font-weight:normal;
padding:0 1em 0 0.6em;
clear:left;
}
h1#design_tit1 { color:#f96;
}
div#info_design h1#design_tit2 { color:#ff993b;padding-top:1em;
}
div#info_design h1#design_tit3 { color:#ff4f3b;padding-top:1em;
}
div#info_design blockquote, div#info_design p {
padding:0 0 0 2em;
width:70%;
line-height:1.4em;
font-size:1.1em;
text-indent:1em;
}
div#info_design p {
width:95%;
padding-left:0;
font-size:1em;
padding-top:1em;
}
div#info_design span {
display:block;
overflow:hidden;
clear:left;
color:#36c;
cursor:pointer;
float:none;
font-size:1.4em;
margin:1em 1em 0 2em;
}
*:first-child+html div#info_design span {
margin-top:0;
}
div#info_design a {
margin:0;
padding:0;
}