/* ...................... Geral .................................................................................................................................................. */



html					{ height:100%; }

body					{     height: 100%;width: 100%;margin: 0;background-color: #F7F7F7;font-family: arial;color: #33434E;font-size: 12px;line-height: 160%;}

img					{ border:none; }

a					{ color:#007CB9; text-decoration:none; }

a:hover					{ text-decoration:underline; }

form					{ margin:0; padding:0 }

  fieldset				{ margin:0; padding:0; border:none; }

    label				{ display:block; }

.clear					{ clear:both; }



/* ...................... Estrutura geral do site. Altere somente as propriedades de background. ................................................................................. */



.tudo					{ position:relative; min-height:100%; height:100%; width:1003px; margin:0 auto;}

  .esquerda				{ background-image: url('images/bg_menu.jpg');background-position: -864px top; width:300px; position:absolute; left:0;}
  
    .bg_esquerda			{/*background:url('images/bg.jpg') right repeat-y; background-color:#F2F2F2;*/ min-height:100%; height:100%; width:100%; position:absolute; left:-703px; z-index:-5; }

    .bg_esquerda2			{min-height:100%; height:100%; width:100%; position:absolute; left:-763px; z-index:-5; padding-left:60px;     background: url('images/bg_menu2.jpg') repeat-y;
background-position: right top;}
	
  .direita				{ width:643px; float:right; padding:0 30px 0 30px; position:relative; }

    .direita h2				{ font:normal 20px georgia; margin:15px 0 15px 0; padding:0; color:#115A3C; line-height:100%; }

    .direita p				{ margin:15px 0 15px 0; padding:0; }



/* ...................... Esquerda ............................................................................................................................................... */



.logo			{ width:190px; height:256px; display:block; padding:0 0 10px 56px; }

  .logo a				{ width:190px; height:256px; display:block; background:url(images/logo.jpg); }

.navbar					{ list-style:none; margin:30px 30px 0 30px; padding:0; position:relative; border-top:1px solid #495661; }

  .navbar li				{ margin:0px; padding:0; height:40px; border-bottom:1px solid #495661; }

    .navbar li a			{ display:block; line-height:40px; height:40px; padding:0; color: #007CB9; text-decoration:none; font-weight:normal; font-size:14px; }

      .navbar li a:hover		{ background:none; color:#495661; }

      .navbar li a.ativo		{ font-weight:700; }

.esquerda .wrap				{ padding:0 30px 0 30px; color:#fff; }

  .esquerda h3				{ color:#C2C4C6; font-size:20px; line-height:20px; padding:30px 0 20px 0; margin:0; font-weight:normal; }

  #publicidade_container		{width: 238px;position: relative;z-index: 1;margin: 20px 0;border: 1px solid #007CB9;}

    #publicidade			{    width: 238px;height: 125px;z-index: 5;}

      #publicidade .slide_item		{ width:238px; height:70px; position:absolute; left:300px; text-align:center; }
	  
 .area_left				{ position: relative; float: left; width: 257px ; min-height: 95px; margin-left: -9px; padding: 9px 0; border: solid 1px #007CB9; }
	.area_left_top				{ position: absolute; top: 0; left: 0; width: 257px ; height: 9px;  }
	.area_left_bottom			{ position: absolute; bottom: 0; left: 0; width: 257px ; height: 9px;}
	   .area_left .ar_login				{ padding: 10px 15px; }
	   .area_left .ar_login input.ar_user_user		{ float: left; width: 217px; height: 35px; line-height: 35px; padding: 0 5px; margin-bottom: 4px; background: url(images/ar_user_user.jpg); border: none; }
		.area_left .ar_login input.ar_user_senha		{ float: left; width: 155px; height: 35px; line-height: 35px; padding: 0 5px; margin-right: 4px; background: url(images/ar_user_senha.jpg); border: none; }
		.area_left .ar_login input.ar_user_ok			{ float: left; width: 56px; height: 35px;margin-bottom: 10px; background: #007CB9; border: solid 1px #007CB9; color:#FFFFFF; cursor:pointer; }
		.area_left .ar_login input.ar_user_ok:hover	{ background: #005279; color:#FFFFFF;}
		.area_left .ar_login .forgot							{ display: block; padding: 5px; color: #DDD; font-size: 11px; }
		.area_left .ar_login .forgot:hover				{ color: #FFF; }
		.area_left .ar_login span				{ color: #FFF; font-weight: bold;}
		.area_left .ar_login .ar_login_on			{ position: absolute; right: 52px; bottom: 0; width: 200px; height: 66px; line-height: 24px; text-align: right; color: #FFF; }
		.area_left .ar_login .ar_login_on img			{ width: 20px; height: 18px; margin: 0 8px;}
		.area_left .ar_login .ar_login_on .close			{ width: 13px; height: 13px; margin: 0 11px;}
		.area_left .ar_login .ar_login_on a			{ color: #FFF; float: left;}
		.area_left .ar_login .ar_login_on a:hover			{ color: #DBE6F2; text-decoration: underline;}
	  

/* ...................... Direita ................................................................................................................................................ */



.pd					{ height:60px; }

  .pd form				{ height:59px; border-bottom:1px solid #DBE3E6; line-height:59px; position:relative; }

    .pd span				{ font-weight:700; }

    .pd input[type=text], .pd input[type=password]	{ background:url(images/pd_campo.jpg) left no-repeat transparent; width:135px; height:28px; margin:0; padding:0 10px 0 10px; border:none; position:absolute; top:16px; left:234px; }

    .pd input[type=submit]		{ background:url(images/b_acessar.jpg) left top no-repeat; width:94px; height:33px; margin:0; padding:0; border:none; cursor:pointer; position:absolute; top:16px; right:-2px; }
    .pd input[type=submit]:hover	{ background-position:right bottom; }
	
#demo_container				{ width:633px; height:290px; position:relative; z-index:1; padding:0; border:5px solid #CCCCCC; margin:0 0 30px 0; }

  #items_container			{ width:633px; height:290px; overflow:hidden; position:absolute; z-index:5; }

    #items_container .slide_item	{ width:633px; height:290px; position:absolute; left:633px; }

    #items_container .first_item	{ left:0; }

      .banner1				{ background:url(images/banner01.jpg); width:633px; height:290px; }
      .banner2				{ background:url(images/banner02.jpg); width:633px; height:290px; }
      .banner3				{ background:url(images/banner03.jpg); width:633px; height:290px; }

.box					{ width:201px; height:250px; float:left; }

.box.box_central			{ margin-left:20px; margin-right:20px; }

  .box h3				{ font-size:14px; margin:0; padding:0; line-height:14px; }

  .box ul				{ margin:10px 0 0 0; padding:0; list-style:none;  overflow:auto; overflo-y:auto; overflow-x:hidden; }

    .box ul li				{ margin:0; padding:0; border-bottom:1px solid #DBE3E6; }

    .box ul li:last-child		{ border:none; }

      .box ul li a			{ display:block; line-height:20px; padding:5px 0 5px 0; }

  .vejamais				{ height:26px; width:96px; background:url(images/b_vejamais.jpg) left top no-repeat; display:block; margin-top:12px; }
  .vejamais:hover			{ background-position:right bottom; }

.titulo					{ position:relative; height:117px; margin-bottom:10px; }

  .titulo h1				{ color:#33434D; font:italic normal 26px georgia; margin:0; padding:0; position:absolute; width:100%; bottom: 40px; left:0; line-height:31px; }

.subit					{ margin:30px 0 0 0; padding:0; list-style:none; }

  .subit li				{ margin:0; padding:0; }

    .subit li a				{ display:block; font-weight:normal; text-decoration:none; padding:5px 0 5px 0; border-top:1px solid #DBE3E6; transition:padding-left 0.2s ease-out; -webkit-transition:padding-left 0.2s ease-out; -moz-transition:padding-left 0.2s ease-out; -o-transition:padding-left 0.2s ease-out; }

    .subit li a:hover			{ padding-left:10px; }

/* ...................... Informações On-line .............. */

/* ...................... Indicadores .............. */ 

.indicadores				{ margin:0; padding:0; }
.indicadores span.titulo2			{ display:block; font-weight:700; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; margin-bottom:10px;}
.indicadores ul				{ margin:0; padding:0; height:auto; list-style:none; }
.indicadores li				{ margin:0; padding:0; float:left; width:45px; }
.indicadores li.titulomaior		{ font-weight:700; width:90px; }
.indicadores li.titulo2			{ font-weight:700; }

/* ...................... Obrigações .............. */

.obrigacoes				{ margin:0; padding:0; }
.obrigacoes ul				{ margin:0; padding:0; height:auto; list-style:none; clear:both; }
.obrigacoes li				{ margin:0; padding:5px 0 5px 0; width:200px; border-top:1px solid #E0E0E0; }
.obrigacoes li:first-child		{ padding:0 0 5px 0; border:none; }
.obrigacoes li.titulo3			{ font-weight:700; }

/* ...................... Notícias .............. */

.noticias				{ margin:0; padding:0; }
.noticias ul				{ margin:0; padding:0; list-style:none; clear:both; }
.noticias li				{ margin:0; padding:5px 0 5px 0; border-top:1px solid #E0E0E0; }
.noticias li:first-child			{ padding:0 0 5px 0; border:none; }

/* ...................... Matérias .............. */

.materias				{ margin:0; padding:0; }
.materias ul				{ margin:0; padding:0; list-style:none; clear:both; }
.materias li				{ margin:0; padding:5px 0 5px 0; border-top:1px solid #E0E0E0; }
.materias li:first-child			{ padding:0 0 5px 0; border:none; }


/* ...................... Rodape ................................................................................................................................................. */



.rodape					{ padding:20px 0 20px 0; border-top:1px solid #ccc; line-height:130%; margin-top:60px; font-size:12px; }

  .rodape a				{ font-weight:normal; }



/* ...................... Formularios ............................................................................................................................................ */



.campo					{ background:#fff; border:1px solid #DBE3E6; font-family:arial; font-size:12px; margin-bottom:5px; padding:5px; width:100%; color:#33434E;}
.campo:focus				{ border-color:#C08345; }

.confirma				{ color:#EF9308; border:1px solid #EF9308; text-align:center; display:block; margin:15px 0 15px 0; padding:5px; }

.tde					{ text-align:left; padding:0px 10px 5px 0px; width:40%; }
.tdd					{ text-align:left; padding-bottom:5px; }

.envia					{ margin:0; background:url(images/b_enviar.jpg) left top no-repeat; padding:0; margin:0; width:76px; height:28px; border:none; cursor:pointer; }
.envia:hover				{ background-position:right bottom; }

.vota					{ margin-top:10px; background:url(images/b_votar.jpg) left top no-repeat; padding:0; width:73px; height:28px; border:none; cursor:pointer; }
.vota:hover				{ background-position:right bottom; }

#cotacao .tde				{ width:100px; }
#curriculum .tde			{ width:300px; }

.campotitulo				{ font-weight:700; color:#036; font-size:14px; margin:10px 0px 10px 0px; }

/* ++++++++++++  Certificado Digital ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.icones			{ width:222px; height:140px; background:url(images/cnpj.jpg) top no-repeat; position:relative; margin:20px 0 0 65px; display:block; float:left;}
.icones_two			{ width:220px; height:149px; background:url(images/cpf.jpg) top no-repeat; position:relative; margin:20px 0 0 78px; display:block;  float:left; }
.icones_three			{ width:197px; height:184px; background:url(images/nfe.jpg) top no-repeat; position:relative; margin:20px 0 0 670px;  display:block; }
.agendamento			{ margin:0 0 30px 0; }


dir							{ width:580px; float:right; }

.dir .diretorio					{  font-size:11px; font-weight:normal; margin:0; padding:0 20px 20px 20px; line-height:100%; }

  .dir .caixa_sup				{ height:15px; overflow:hidden; width:550px; margin:0; }
  
  .dir .caixa_back				{ width:550px; padding:0; margin:0 auto; }
  
    .dir h1						{ color:#202671; font-family:Arial; font-size:22px; font-weight:normal; margin:0; padding:0 20px 20px 20px; line-height:100%; }

  .dir .caixa_inf				{ border:2px solid red; background:url(images/caixa_inf.jpg); height:15px; overflow:hidden; width:750px; margin:0; }


.logincertificado						{ padding:20px 0 20px 75px; }

.logincertificado label					{ display:inline-block; padding:0; margin:0; font-weight:700;}
	
.logincertificado input[type=text]		{ width:150px; margin:0; padding:0 2px 0 2px; margin:0 10px 0 10px;  font-family:arial; }

.logincertificado input[type=password]	{ width:150px; margin:0; padding:0 2px 0 2px; margin:0 10px 0 10px;  font-family:arial; }

.logincertificado .botao					{ width:100px; background-color:#B70100; color:#fff; border:none; margin:0 0 0 10px; padding:1px; cursor:pointer; }

.logincertificado .botao:hover			{ background-color:#A20000; color:#fff; }


#crt_content_max				{ width:100%; height:auto; }

	#crt_content_limit			{height:auto; margin:0 auto; position:relative; }
	#crt_content_limit	h1		{ height:60px; font-size:20px; font-weight:normal; font-family:arial; color:#fff; background:url(images/certificado/titulo.jpg); margin:20px 0 0 0; padding:0 0 0 20px; line-height:60px; }
	#crt_content_limit	p		{ font-size:12px; color:#999999; font-family:arial; margin:20px 0 0 0; padding:0; line-height:20px; }
	#crt_content_limit	span	{ font-size:22px; color:red; font-family:arial; font-weight:700; margin:20px 0 0 0; padding:0; line-height:20px; text-decoration:underline; }
	
		#crt_nav_btn_one			{ height:54px; position:relative; margin:-20px 0 0 15px; }
			
			#crt_nav_btn_one	a	{ height:54px; float:left; display:block; background-position:top; background-repeat:no-repeat; cursor:pointer; margin:55px 0px 0 5px; }
			#crt_nav_btn_one	a:hover	{ background-position:bottom; }
			
			.renovacao { width:225px; height:54px; background:url(images/certificado/bt_renovacao.jpg); }
			
			a.crt_confira			{ width:225px; height:54px; background:url(images/certificado/confira.jpg); position:relative; margin:0 0 0 30px; }
			a.crt_certificado		{ width:225px; height:54px; background:url(images/certificado/certificado.jpg);  }
			a.crt_agendamento	{ width:225px; height:54px; background:url(images/certificado/agendamento.jpg); }
			a.crt_midias { width:225px; height:54px;background:url(images/certificado/midias_.jpg);}
			a.crt_suporte	{ background:url(images/certificado/bt_suporte.jpg); }
			a.crt_via { width:225px; height:54px;background:url(images/certificado/bt_boleto.jpg);}
			a.revogacao { width:225px; height:54px; background:url(images/certificado/bt_revogacao.jpg); }
			a.suporte { width:225px; height:54px; background:url(images/certificado/bt_suporte.jpg); }

		.abas		{ margin:0 auto; padding:0; list-style:none; font-size:12px; height:23px; line-height:23px; width: 430px;}
			
			.abas li	{ float:left; padding:0 17px; border-left:1px solid #ccc; }
			.abas li:first-child	{ padding-left:5px; border:none; }

			.abas .ativo		{ background:#34434f; }
			.abas .ativo a		{ color:#ffffff; }
			
			#item	{ height:auto; position:relative; padding:10px; }
			#item-certificacoes	{ border:2px solid red; height:auto; position:relative; padding:10px; }
			
				.crt_chamada		{ padding: 10px; margin: 10px 0 50px; line-height: 30px; text-align: center; color: #047; font-size: 16px; } 
				.crt_fone_chamada		{ width: 500px; height: 50px; line-height: 50px; margin: 20px 0 0 100px; background: url(images/certificado/icon-fone.png) no-repeat left center; font-size: 24px; color: #900;  text-align: left; padding-left: 80px; }			
			
				.crt_tit		{ height:30px; line-height:30px; color: #3B8DC9; font-size:17px; margin:0 0 0 80px; padding:30px;}
			
				.crt_item	{ width:650px; }
						
				.crt_img			{ width:160px; height:100px; float: left; margin:20px 20px 0px 20px; border:1px solid #333333;}
				.crt_img img			{ width:160px; height:100px; }
				
				.crt_desc_item		{ width:300px; float:left; margin:0; }
				.crt_desc_item h3	{ font-family:arial; font-size:16px; color:#3B8DDB; margin:15px 0 0 0; padding:0; }
				
					.crt_apartir		{ font-family:arial; font-size:12px; color:red; }
				
				.crt_btn_area		{ float:right; width:102px; margin-left:-300px;}
				
					.crt_btn_area .crt_btn			{ width:102px; height:44px; background:url(images/certificado/btn-comprar-blue.jpg) top left no-repeat; border:none; cursor:pointer; }
					.crt_btn_area .crt_btn:hover	{ background-position:left bottom; }
					
	.dv_renovacao{ margin-top:50px;}
	.dv_renovacao a {display: block;float: left;width: 214px;text-align: center;}