/* Ação Direta - CSS Por: Ação Direta Web Studio - Desenvolvimento: Paulo Marcos Luft */

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
html                                    { background: none; }
body                                    { /*font-family:Arial, Helvetica, sans-serif; font-size:11px; */color:#665A35; background:#031640 url(../imagens/fundo-site.jpg) repeat-x; }
div#container				{ width:980px; margin:auto; background:#fff;  }
div#header				{ }
div#wraper				{ }
div#content_right			{ width:329px; float: left; }
div#content_left			{ margin:0 10px; width:631px; float:left; display:block; }
div#footer				{ border-top:1px solid black; }

strong, th, fieldset,
h1, h2, h3, h4, h5, h6                  { font-weight: bold; }

/* >>> Títulos em geral <<< */
p						{ color:#666666; margin-bottom: 1em; }
p.tags						{ color:#666666; margin-bottom:10px; }
h1						{ font-size:14px; color:#2476B2;  }
h2						{ font-size:14px; color:#2476B2;  }
h3						{ color:#fff; font-size:12px; }
h4						{ font-size:12px; color:#2476B2 }
h4 span						{ font-size:16px; color:#C1DD8F; }
h5						{ font-size:11px; }
a						{ text-decoration:none; color:#2476B2;  }
a:hover						{ text-decoration: underline; color:#1E6193;  }

/* ------------------------------------------*/
/* ------>>> Conteudo Header e MENU <<<------*/
/* ------------------------------------------*/
div.content_menu-2			{ width:980px; height:40px; position:absolute; top:10px; z-index:2; }
div#flash				{ margin-top:50px; _margin-top:40px; *margin-top:40px; }

div#logo_acao				{ width:247px; height:40px; background:url(../imagens/fundo-acao-logo.png) no-repeat; float:left;  }
div#logo_acao img			{  }
div#logo_acao p.tele                    { font-size:14px; color:#fff; font-weight:bold; margin-top: 5px; }
div#menu_site				{ float:left; width:730px;  }
div#menu_site ul li			{ list-style:none; float:left; }
div#menu_site ul li	a		{ text-decoration:none; font-size:12px; color:#85BDE7; font-weight:bold; }
div#menu_site ul li	a.menu_a	{ text-align:center; display:block; padding-top:11px; width:68px; }
div#menu_site ul li	a.menu_b	{ text-align:center; display:block; padding-top:11px; width:110px; }
div#menu_site ul li	a.menu_c	{ text-align:center; display:block; padding-top:11px; width:63px; }
div#menu_site ul li	a.menu_d	{ text-align:center; display:block; padding-top:11px; width:110px; }
div#menu_site ul li	a.menu_e	{ text-align:center; display:block; padding-top:11px; width:93px; }
div#menu_site ul li	a.menu_f	{ text-align:center; display:block; padding-top:11px; width:110px; }
div#menu_site ul li	a.menu_g	{ text-align:center; display:block; padding-top:11px; width:88px; }
div#menu_site ul li	a.menu_h	{ text-align:center; display:block; padding-top:11px; width:68px; }

div#menu_site ul li	a.menu_a:hover	{ text-align:center; display:block; padding-top:15px; width:68px; color:#2476B2}
div#menu_site ul li	a.menu_b:hover	{ text-align:center; display:block; padding-top:15px; width:110px; color:#2476B2}
div#menu_site ul li	a.menu_c:hover	{ text-align:center; display:block; padding-top:15px; width:63px; color:#2476B2}
div#menu_site ul li	a.menu_d:hover	{ text-align:center; display:block; padding-top:15px; width:110px; color:#2476B2}
div#menu_site ul li	a.menu_e:hover	{ text-align:center; display:block; padding-top:15px; width:93px; color:#2476B2}
div#menu_site ul li	a.menu_f:hover	{ text-align:center; display:block; padding-top:15px; width:110px; color:#2476B2}
div#menu_site ul li	a.menu_g:hover	{ text-align:center; display:block; padding-top:15px; width:88px; color:#2476B2}
div#menu_site ul li	a.menu_h:hover	{ text-align:center; display:block; padding-top:15px; width:68px; color:#2476B2}

div#menu_site ul li	a#menu_a_ativo	{ text-align:center; display:block; padding-top:15px; width:68px; color:#2476B2}
div#menu_site ul li	a#menu_b_ativo	{ text-align:center; display:block; padding-top:15px; width:110px; color:#2476B2}
div#menu_site ul li	a#menu_c_ativo	{ text-align:center; display:block; padding-top:15px; width:63px; color:#2476B2}
div#menu_site ul li	a#menu_d_ativo	{ text-align:center; display:block; padding-top:15px; width:110px; color:#2476B2}
div#menu_site ul li	a#menu_e_ativo	{ text-align:center; display:block; padding-top:15px; width:93px; color:#2476B2}
div#menu_site ul li	a#menu_f_ativo	{ text-align:center; display:block; padding-top:15px; width:110px; color:#2476B2}
div#menu_site ul li	a#menu_g_ativo	{ text-align:center; display:block; padding-top:15px; width:88px; color:#2476B2}
div#menu_site ul li	a#menu_h_ativo	{ text-align:center; display:block; padding-top:15px; width:68px; color:#2476B2}

/* -----------------------------------*/
/* ----->>> Conteudo centro <<<-------*/
/* -----------------------------------*/
div.titulo					{ border-top:5px solid #C1DD8F;  }
div.titulo h1,
div.titulo h2					{ padding: 0 2em; background:#C1DD8F; min-width:200px; height:2em; margin-bottom: 1em; }
              
div.espaco					{ width:618px; overflow:hidden;   }
div.espaco p span				{ color:#2476B2; font-weight:bold; }

div.site_foco					{ width:140px; height:135px; margin-left:10px; float:left; display:inline;  }
div.site_foco h3				{ width:140px; height:20px; display:block; background-image:url(../imagens/fundo-site-em-destaque.gif); margin:10px 0 0 0; text-align:center; padding:5px 0 0 0; font-size:11px;  }
div.site_foco h3 a				{ color:#fff; text-decoration:none;  }
div.site_foco h3 a:hover                        { text-decoration: underline; color:#fff;  }

div.titulo_direito				{ border-top:5px solid #D6E9F5; width:330px; }
div.titulo_direito h2                           { padding-left: 20px; background:#D6E9F5; width:200px; height:20px; }

div.suporte_box					{ background:url(../imagens/fundo-suporte.jpg); width:329px; height:107px; margin-top:20px; }
div.suporte_box h3				{ font-size:18px; padding: 3px 10px; }
div.suporte_box p				{ font-size:14px; padding: 3px 10px; }
div.suporte_box a				{ text-decoration:none; color:#307EB6; font-weight:bold; }
div.suporte_box a:hover                         { text-decoration:underline; }

div.nome_empresa 				{ background:#F7F7F7; width:180px; height:140px; float:left; margin:0 10px 5px 0; text-align:center;  }
div.nome_empresa img                            { float:left; margin:0 10px 10px 0;  }
div.nome_empresa img.img_portfolio              { margin:0px 10px 10px 20px;  }
/* -----------------------------------*/
/* --------->>> Footer <<<------------*/
/* -----------------------------------*/
div#footer p.direitos			{ color:#2476B2; margin-left:10px; font-weight:bold; float:left; display:inline;  }
div#footer p.direitos a			{ font-weight:bold; }
div#footer p					{ margin:10px 40px 10px 0px;font-weight:bold;}


/* ----->>>>> formulario <<<<<-------- */
.form input,
.form textarea,
.form select			{ background:#E8F2F9; border:1px solid #B8D8ED; padding:0.2em; }
.form label                     { font-weight: bold; }

.form .button,
.form .button2                  { height:20px; background: url(../imagens/fundo-botao-enviar.png); margin-top:3px; color:#2476B2; font-weight:bold; border:none; font-size:11px }
.form .button2                  { width:70px; background: url(../imagens/fundo-botao-enviar.png); }

.form .escorrega                { margin-left: 5em; }

#form_contato input,
#form_contato textarea          { width: 200px; }
#form_contato                   { padding-right: 20px; border-right: 1px solid #ccc; width: 280px; float: left; margin-bottom: 2em; }

#form_webmail label                   { height:20px; width:50px; display:block; float:left;  }
#form_webmail_email                   { width: 250px; }
#form_webmail_senha                   { width: 197px; }
#form_webmail_submit                  { width: 50px; }

#contato_outros                 { padding: 0 10px; float: left; width: 295px; }

div.nome_empresa img	{ width:140px; height:100px; }
/*
label							{ }
input#enviar					{ }
input#enviar2					{ }

form.webmail					{ width:330px; }
form.webmail label				{ width:50px; margin-top:3px; }
form.webmail input				{ margin-top:3px; }
form.webmail input#e-mail		{ width:240px; background:url(../imagens/input-fundo-webmail.png) no-repeat; border:none; padding:2px 3px 2px 3px; }
form.webmail input#senha		{ width:160px; background:url(../imagens/input-fundo-webmail-senha.png) no-repeat; border:none; padding:2px 10px 2px 3px;}

form.fone						{ width:330px; }
form.fone label					{ width:50px; }
form.fone input#ddd				{ width:50px; background:url(../imagens/input-fundo-webmail-ddd.png) no-repeat; border:none; padding:2px 3px 2px 3px;}
form.fone input#tele_numero		{ width:160px;background:url(../imagens/input-fundo-webmail-senha.png) no-repeat; border:none; padding:2px 10px 2px 3px;}

form.formulario_acao 			{ width:600px;  }
form.formulario_acao fieldset	{ width:600px;  }
form.formulario_acao label		{ margin-top:10px; width:70px; height:15px; }
form.formulario_acao input		{ margin-top:10px; width:300px; background:url(../imagens/input-fundo-form.png) no-repeat; border:none; padding:2px 3px 2px 3px;}
form.formulario_acao input#enviar{ margin-top:10px; width:100px; }
form.formulario_acao textarea	{ margin-top:10px; width:300px; }*/


form.formulario_orcamneto label	{ width:220px;  }
form.formulario_orcamneto input	{ font-size:11px  }
form.formulario_orcamneto fieldset { border:1px solid #999999; width:580px; padding:10px }
form.formulario_orcamneto fieldset.sem_bordas { border:none;}
form.formulario_orcamneto fieldset div.recursos { float:left; width:290px;  }
form.formulario_orcamneto fieldset div.recursos label { width:150px; }
form.formulario_orcamneto fieldset div.recursos input { border:none; background:none; }

form.formulario_orcamneto fieldset div.dado_orcamento { float:left; width:290px;  }
form.formulario_orcamneto fieldset div.dado_orcamento label { width:110px; }
form.formulario_orcamneto fieldset div.dado_orcamento input { width:160px; }
form.formulario_orcamneto fieldset div.radio_solucao label { width:30px  }
form.formulario_orcamneto fieldset div.radio_solucao input { width:20px; border:none; background:none;  }

/* Mensagem form */
p.ok							{ width:100%; height:3em; background:#94AD7A; color:#fff; text-align:center; }
p.unok							{ width:100%; height:3em; background: #990000; color:#fff; text-align:center; }


/*Serviços */
ul.lista_servicos,
ul.lista_servicos li { list-style: square; }
ul.lista_servicos    { margin: 1em 2em }
ul.lista_servicos li { margin-bottom: 1em; }

/* Tutoriais */
ul.tutoriais_passos,
ul.tutoriais_passos li      { list-style: circle;  }

ol.tutoriais_passos,
ol.tutoriais_passos li      { list-style: decimal;  }

.tutoriais_passos           { margin: 1em 2em; }
.tutoriais_passos li        { margin-bottom: 1em; }

.tutoriais_passos ul,
.tutoriais_passos ol        { margin-left: 2em; }

.tutoriais_passos ul,
.tutoriais_passos ul li     { list-style: circle; }
.tutoriais_passos ol,
.tutoriais_passos ol li     { list-style: decimal; }

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}