/*CONFIG*/
html{ overflow:auto;}
*{ margin:0px; padding:0px; border:0px;}
body
{
    background: #e0dfd4 url('../../../Admin/Imagem/bg.jpg') repeat-x top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5a5a5b;
}
a{ text-decoration:none; color:#403b3b; font-family:Arial, Helvetica, sans-serif;}
a:hover {text-decoration: underline}
a#active { color:#FFE800;}
p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5a5a5b;}
h1{  font-family:Helvetica, sans-serif, "Trebuchet MS", Arial; font-size:21px; color:#081555;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#019cb8; margin-left:10px; margin-top:10px;}
img, div { behavior: url("iepngfix.htc");}

/*TOPO*/
#topo_geral{ height:16px; background:#fff; width:100%; padding:6px 0px;}
#topo{ width:960px; margin:0 auto;}
#topo a#hkl{ float:right; text-indent:-999999px; background:url(../Imagem/logo_hkl.jpg) no-repeat left top; width:132px; height:22px;}
#topo a#hkl:hover{ background-position:bottom;}

/*LOGIN*/
#login{ width:708px; margin:0 auto; margin-top:150px; background:url(../Imagem/bg_login.jpg) repeat-y; position:relative;}
#top_login{ position:absolute; top:0px; left:0; width:100%; height:19px; background:url(../Imagem/login_top.jpg) no-repeat;}
#cont_login{ width:100%; float:left; height:auto; display:table; padding:48px 32px;}
#bottom_login{ position:absolute; bottom:0px; left:0; width:100%; height:19px; background:url(../Imagem/login_bottom.jpg) no-repeat top;}
#logo{ width:400px; float:left;}
#login .box_login{ width:250px; float:left;}
    #login .box_login table {
    width:250px;
    }
        #login .box_login table tr td {
         padding-bottom:5px;
        }

            #login .box_login table tr td .validador {
             color:#ff0000;
            }

            #login .box_login table tr td a {
             float:right;
            }

#titulo{ margin-bottom:15px;}
#login input{ width:240px; border:1px solid #666666; padding:4px; margin-top:-1px; *margin-top:-3px; font-size:11px; color:#000; height:15px;}
#login select{ width:250px; border:1px solid #666666; padding:4px; font-size:11px; color:#000; height:25px;}
#login input#imgEntrar{ width:auto; height:auto; border:none; float:right; position:relative; top:50px; z-index:999;}

/*INTERNA*/
#corpo{ width:911px; margin:0 auto; background:url(../Imagem/bg_corpo.png) repeat-y; position:relative; padding:20px 20px 20px 40px;}
#top_corpo{ width:971px; height:15px; background:url(../Imagem/topo_corpo.png) no-repeat; margin:0 auto;  margin-top:17px;}
#bottom_corpo{ width:971px; margin:0 auto; height:7px; background:url(../Imagem/bottom_corpo.png) no-repeat top;}

/*ESQUERDA*/
#esquerda{ width:247px; float:left;}
#esquerda #logo{ display: table-cell; height:168px; text-align: center; vertical-align: middle;  width:235px;}
#esquerda #logo * {vertical-align:middle;}
#esquerda #logo span { display: inline-block;  height: 100%;  width: 1px;}
#esquerda ul{ float:left; background:url(../Imagem/bg_menu.jpg) repeat-y; width:93%;}
#esquerda li{ width:200px; margin-left:17px; border-bottom:1px solid #fff; list-style:none; float:left;}
#esquerda li:hover{ background:url(../Imagem/bg_link.png) repeat left;}
#esquerda li a{ width:100%; padding:7px 0 5px 18px; float:left; font-size:11px; color:#898888; text-transform:uppercase; font-weight:bold;}
#esquerda li a:hover{background:url(../Imagem/bullet_menu.gif) no-repeat; background-position:1px 7px;  text-decoration:none; color:#484847; }

#direita{ width:661px; float:left;}
hr{ border:1px solid #f3f2f0; height:1px; *float:left; margin-bottom:20px;}
.info{ width:45%; float:left;}
.info p{ margin-top:10px;}
#icones li{ width:195px; float:left; list-style:none; height:50px;  margin-top:40px;}
#icones li:hover{ background:url(../Imagem/bg_link.png) repeat;}
#icones a{ background-image:url(../Imagem/bg_opcoes.jpg); height:48px; width:58px; float:left; text-indent:70px; color:#898988; font-family:"Times New Roman", Times, serif; font-size:18px; padding-top:20px;}
a.calendario{ background-position:0px 0px;}
a.galeria{ background-position:58px 0px;}
a.mailing{ background-position:116px 0px;}
a.classificados{ background-position:174px 0px;}
a.usuarios{ background-position:232px 0px;}
a.clubes{ background-position:290px 0px;}

#icones a:hover{ color:#333;}
a.calendario:hover{ background-position:0px 68px;}
a.galeria:hover{ background-position:58px 68px;}
a.mailing:hover{ background-position:116px 68px;}
a.classificados:hover{ background-position:174px 68px;}
a.usuarios:hover{ background-position:232px 68px;}
a.clubes:hover{ background-position:290px 68px;}


/* Lista De usuarios*/
.grade_usuarios .gvUsuarios{ margin-top:10px;}
.grade_usuarios { width:660px; float:left;}
.grade_usuarios p{ width:660px; display:block; font-size:20px; padding:0px; margin-top:20px;}
.grade_usuarios input{cursor:pointer; border: 1px solid #666666; float:left; padding:10px; margin-right:10px; width:150px;}
.grade_usuarios .txt_pesquisa{ margin:0px; padding:2px; cursor:auto;}
.NovoUsuario input{  border: 1px solid #E1E1E1;padding: 3px;}
.NovoUsuario input.adicionar{border: 1px solid #E1E1E1; padding:5px; width:150px; cursor:pointer;}
.grade_usuarios .box_pesquisa{border: 1px solid #E1E1E1;padding: 10px;}




#direita .sair{ float:right; font-size:15px;}
#direita p.titulo_cadastro{ padding:0px; font-size:20px; margin-top:20px; }
#direita .titulo_cadastro a{ float:right;  font-size: 12px;}
#direita .NovoTipo fieldset{border:1px solid #E1E1E1; padding:10px;}
#direita .NovoTipo fieldset legend{ font-size:15px;}

#direita .NovoTipo .vicular span{ font-weight:bold ; font-size:14px;}
#direita .NovoTipo .vicular table{margin:0px; padding:0px;}
#direita .NovoTipo .vicular table tr{margin:0px; padding:0px;}
#direita .NovoTipo .vicular table tr td{margin:0px; padding:0px;}

#direita .NovoTipo .vicular table{ width:300px; border:1px solid #E1E1E1;}

#direita .NovoTipo .vicular table tr.titulo_tipo{background-color:#E1E1E1; font-weight:bold; text-align:center; font-size:16px;}


.NovoTipo input.txtNome{ border: 1px solid #E1E1E1; padding:3px;width: 350px; cursor:pointer;}
.NovoTipo .vicular .drop{ border: 1px solid #E1E1E1; padding:3px;width: 200px;margin-bottom:5px;}
.NovoTipo .vicular .txtUrl{ border: 1px solid #E1E1E1; padding:3px;width: 450px;}
.NovoTipo .vicular .lista { border: 1px solid #E1E1E1; padding:3px;width:100%; height:300px;}
.NovoTipo .vicular .salvar{width:100px; padding:3px; cursor:pointer;border: 1px solid #E1E1E1;}
.NovoTipo input.btnAdicionar{ border: 1px solid #E1E1E1; padding:5px;width: 150px;}
#direita .NovoTipo fieldset .novo{}
#direita .NovoTipo fieldset .novo{}
/* ---------------- */

/* Imprensa */
#direita .box_botoes_imprensa{ margin-top:20px;}
#direita .box_botoes_imprensa p { padding:20px 20px 2px 0px; width:100%;}
#direita .box_botoes_imprensa p span{ font-size:20px;}
#direita .box_botoes_imprensa p .voltar{ float:right;}
#direita .box_botoes_imprensa input{ padding:10px; border: 1px solid #DFDFD3; cursor:pointer; width:33%;}
#direita .box_imprensa input.txt_imprensa_titulo{ border: 1px solid #E1E1E1; padding:3px; width:350px;}
#direita .box_imprensa textarea.txt_imprensa_titulo{ border: 1px solid #E1E1E1; padding:3px; width:350px;}
#direita .box_imprensa textarea.txt_imprensa_descricao{ border: 1px solid #E1E1E1; padding:3px; width:100%; height:200px;}
#direita .box_imprensa input.btn_imprensa_salvar{  border: 1px solid #DFDFD3; width:100px; padding:0px; float:right; margin-top:5px; cursor:pointer;}
#direita .box_imprensa .box_noticia p { padding:0px; }
#direita .box_imprensa .box_noticia p span{ font-size:20px;}
#direita .box_imprensa .box_noticia p a.voltar{ float:right;}
#direita .box_imprensa .box_noticia .btn_novo{ padding:10px;border: 1px solid #DFDFD3; margin:10px 0px 10px 0px; cursor:pointer;}
#direita .box_imprensa .box_noticia .titulo_assessoria{width:661px; display:block; height:30px;}
#direita .box_imprensa .box_noticia .titulo_assessoria li{ width:25%; background-color: #DFDFD3; display:block; font-weight:bold; height:20px; float:left; text-align:center; vertical-align:middle; line-height:20px;}
#direita .box_imprensa .box_noticia .conteudo_assessoria_1{ width:661px; display:block; height:50px; background-color: #FFFFFF;}
#direita .box_imprensa .box_noticia .conteudo_assessoria_2{ width:661px; display:block; height:50px; background-color: #F5F6F1;}
#direita .box_imprensa .box_noticia .conteudo_assessoria_1 li{ line-height:20px; width:25%; float:left; display:block; height:50px; background-color: #FFFFFF; font-weight:bold; overflow:hidden; text-align:center; vertical-align:middle;}
#direita .box_imprensa .box_noticia .conteudo_assessoria_2 li{ line-height:20px; width:25%; float:left; display:block; height:50px; background-color: #F5F6F1; font-weight:bold; overflow:hidden; text-align:center; vertical-align:middle;}
#direita .box_imprensa .box_noticia .separador{ display:block; background-color: #DFDFD3; width:100%; height:3px;}
#direita .box_workable .box_noticia p { padding:0px;margin-top:20px;}
#direita .box_workable .box_noticia p span{ font-size:20px;}
#direita .box_workable .box_noticia p a.voltar{ float:right;}
#direita .box_imprensa .box_noticia .box_pesquisa{border: 1px solid #E1E1E1;padding: 10px;}
#direita .box_imprensa .box_noticia .box_pesquisa .txt_pesquisa{margin:0px; padding:2px; cursor:auto; border: 1px solid #666666;}
/*------------------------*/

/* Work Able */
#direita .box_workable input.txt_work_able_titulo{ border: 1px solid #E1E1E1; padding:3px; width:350px;}
#direita .box_workable textarea.txt_work_able_descricao{ border: 1px solid #E1E1E1; padding:3px; width:100%; height:200px;}
#direita .box_workable input.btn_work_able_salvar{  border: 1px solid #DFDFD3; width:100px; padding:0px; float:right; margin-top:5px; cursor:pointer;}
#direita .box_workable .box_depoimentos p { padding:0px 20px 2px 0px !important; width:100%;}
#direita .box_workable .box_depoimentos p span{ font-size:20px;}
#direita .box_workable .box_depoimentos p .voltar{ float:right;}
#direita .box_workable .box_depoimentos .box_pesquisa {border: 1px solid #E1E1E1;padding: 10px;}
#direita .box_workable .box_depoimentos .box_pesquisa .txt_pesquisa{margin:0px; padding:2px; cursor:auto; border: 1px solid #666666;}

#direita .box_workable .box_depoimentos input{ width:150px; border: 1px solid #DFDFD3; padding:10px; margin-bottom:10px; margin-top:10px; cursor:pointer;}

#direita .box_workable .box_depoimentos ul{ width:661px; display:block; padding:0px; margin:0px;}
#direita .box_workable .box_depoimentos ul li{width:20%; display:block; float:left; text-align:center; vertical-align:middle;}

#direita .box_workable .box_depoimentos .titulo_workable{line-height:30px; width:661px; display:block; height:30px;}
#direita .box_workable .box_depoimentos .titulo_workable li{background-color: #DFDFD3; font-weight:bold; height:30px;}

#direita .box_workable .box_depoimentos .rodape_workable{width:661px; display:block; height:30px;}
#direita .box_workable .box_depoimentos .rodape_workable li{background-color:#DFDFD3; width:100%; font-weight:bold; line-height:30px; height:30px;}

#direita .box_workable .box_depoimentos .conteudo_workable{ width:661px; display:block; height:50px; background-color: #FFFFFF;}
#direita .box_workable .box_depoimentos .conteudo_workable li{ width:20%; display:block; height:50px; line-height:50px; background-color: #FFFFFF; font-weight:bold; overflow:hidden; text-align:center; vertical-align:middle;}

#direita .box_workable .box_depoimentos .separador{ display:block; background-color: #DFDFD3; width:100%; height:3px;}
#direita .box_workable .box_depoimentos p{ padding:0px 20px 2px 0px;}
#direita .box_workable .box_depoimentos p span{ font-size:20px;}
#direita .box_workable .box_depoimentos .titulo{ padding-top:20px !important;}
/*------------------------*/

/* Cases */
#direita .box_cases input.txt_cases_titulo{ border: 1px solid #E1E1E1; padding:3px; width:350px;}
#direita .box_cases textarea.txt_cases_descricao{ border: 1px solid #E1E1E1; padding:3px; width:100%; height:200px;}
#direita .box_cases input.btn_cases_salvar{  border: 1px solid #DFDFD3; width:100px; padding:5px; float:right; margin-top:5px; cursor:pointer;}
#direita .box_cases p. { padding:0px; margin-top:20px;}
#direita .box_cases p span{ font-size:20px;}
#direita .box_cases p .voltar{ float:right;}
#direita .box_cases .btn_remover{ padding:2px; margin-top:0px; border: 1px solid #B2B2B2;}

#direita .box_cases .box_depoimentos input{ width:150px; border: 1px solid #DFDFD3; padding:10px; margin-bottom:10px; cursor:pointer;}
#direita .box_cases .box_depoimentos p. { padding:0px; margin-top:20px;}
#direita .box_cases .box_depoimentos p span{ font-size:20px;}
#direita .box_cases .box_depoimentos p .voltar{ float:right;}
#direita .box_cases .box_depoimentos ul{ width:661px; display:block; padding:0px; margin:0px;}
#direita .box_cases .box_depoimentos ul li{width:16.5%; display:block; float:left; text-align:center; vertical-align:middle;}

#direita .box_cases .box_depoimentos .titulo_case{width:661px; display:block; height:30px;}
#direita .box_cases .box_depoimentos .titulo_case li{background-color: #DFDFD3; font-weight:bold; height:20px; line-height:20px;}

#direita .box_cases .box_depoimentos .conteudo_case{ width:661px; display:block; height:60px; background-color: #FFFFFF;}
#direita .box_cases .box_depoimentos .conteudo_case li{ width:16.5%; display:block; line-height:60px; height:60px; background-color: #FFFFFF; font-weight:bold; overflow:hidden; text-align:center; vertical-align:middle;}

#direita .box_cases .box_depoimentos .separador{ display:block; background-color: #DFDFD3; width:100%; height:3px;}

#direita .box_cases .box_depoimentos .box_pesquisa{border: 1px solid #E1E1E1;padding: 10px;}
#direita .box_cases .box_depoimentos .box_pesquisa .txt_pesquisa{margin:0px; padding:2px; cursor:auto; border: 1px solid #666666;}
/*------------------------*/



/*------------------------*/


/*HACK li:hover*/
* html * { color: expression( (function(who){ if(!who.MXPC){
	who.MXPC = '1';
	if(who.nodeName != 'A'){
		who.onmouseenter=function(){ who.className += ' hover'};
		who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
	(who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }
/*------------------------*/