 
 
/*-------Início Estrutura---------*/
    
    /*-------Estrutura geral---------*/
    body {text-align: center;}
    #wrap {position: relative; width: 973px; margin: 0 auto;}
    #topo, #banner_destaque, #destaques_wrap, #rodape { width: 970px; margin: 0 auto; text-align: left; }
    
    /*-------Estrutura topo---------*/
    #topo {height: 133px;}
    #topo h1 a {display: block; width: 192px; height: 42px; float: left;}
    
    /*-------Estrutura banner---------*/
    #banner_destaque {height: 216px;}
    ul.banner_wrap li {display: block; float: left;}
    ul.banner_wrap li.botao_volta, ul.banner_wrap li.botao_avanca {width: 33px; height: 191px;}
    ul.banner_wrap li.banner {width: 624px; height: 191px;}
    
    /*-------Estrutura menu---------*/
    ul.nav, #rodape {clear: both;}
    ul.nav li {float: left;}
    ul.nav li a {display: block; width: 137px; height: 30px; float: left;}
    
    ul.painel li a.simples {display: block; width: auto; padding: 0 15px; height: 30px; float: left;}
    
    /*-------Estrutura destaques---------*/
    #destaques {width: 736px;}
    .destaque {width: 242px; height:214px; float: left; margin:10px 0px 10px 0;}
    #destaques_wrap {margin:0 0 50px 0; display: table;}
    
    /*-------Estrutura noticias---------*/
    #noticias {position: absolute; width: 246px; height: 442px; right: 0px; top: 133px;}
    
    /*-------Estrutura rodape---------*/
    ul.nav_rodape {text-align: center;}
    ul.nav_rodape li {display: inline;}
    ul.nav_rodape li a {padding: 0 10px 0 10px;}
    #rodape p {text-align: center;}
    
/*-------Fecha Estrutura---------*/

/*-------Início Estilos ---------*/
    
    #capa {background: #f5f5f5 url(../img/bg_wrap_topo_banner.jpg) repeat-x top; }
    
    /*------- Topo - Marca e frase ---------*/
    #topo {background: url(../img/topo_bg.jpg) no-repeat top left; position: relative;}
    #topo h1 a {background: url(../img/extradigital.jpg) no-repeat top left; text-indent: -2000px; overflow: hidden; margin: 27px 0 20px 38px; display: inline;}
    #topo h2 {color: #666; font: 11px Verdana, Arial, Helvetica, sans-serif; width: 250px; position: absolute; top: 30px; left: 245px;}
    
    /*------- Menu ---------*/
    ul.nav {margin-left: 5px;}
    
    ul.painel li a {
    	font-family: Arial;
    	background: url(../img/bt_simples.jpg) repeat-x 0 0; 
    	text-align: center; 
    	line-height: 30px; 
    	text-transform: uppercase; 
    	overflow: hidden;
    	font-size: 11px;
    	color: #646464;
    	text-decoration: none;
    	font-weight: bold;
    	border: 1px solid #c4c4c4;
    	border-bottom: 0;
    	border-top: 0; 
    }
    ul.painel li a:hover {background: url(../img/bt_simples.jpg) repeat-x 0 -30px;}
    
    ul.nav li.a_empresa a {background: url(../img/bt_aempresa.jpg) no-repeat 0 0; text-indent: -2000px; overflow: hidden;}
    ul.nav li.a_empresa a:hover {background: url(../img/bt_aempresa.jpg) no-repeat 0 -30px;}
    
    ul.nav li.produtos a {background: url(../img/bt_produtos.jpg) no-repeat 0 0; text-indent: -2000px; overflow: hidden;}
    ul.nav li.produtos a:hover {background: url(../img/bt_produtos.jpg) no-repeat 0 -30px;}
    
    ul.nav li.suporte a {background: url(../img/bt_suporte.jpg) no-repeat 0 0; text-indent: -2000px; overflow: hidden;}
    ul.nav li.suporte a:hover {background: url(../img/bt_suporte.jpg) no-repeat 0 -30px;}
    
    ul.nav li.clientes a {background: url(../img/bt_clientes.jpg) no-repeat 0 0; text-indent: -2000px; overflow: hidden;}
    ul.nav li.clientes a:hover {background: url(../img/bt_clientes.jpg) no-repeat 0 -30px;}
    
    ul.nav li.noticias a {background: url(../img/bt_noticias.jpg) no-repeat 0 0; text-indent: -2000px; overflow: hidden;}
    ul.nav li.noticias a:hover {background: url(../img/bt_noticias.jpg) no-repeat 0 -30px;}
    
    ul.nav li.links a {background: url(../img/bt_links.jpg) no-repeat 0 0; text-indent: -2000px; overflow: hidden;}
    ul.nav li.links a:hover {background: url(../img/bt_links.jpg) no-repeat 0 -30px;}
    
    ul.nav li.contato a {background: url(../img/bt_contato.jpg) no-repeat 0 0; text-indent: -2000px; overflow: hidden;}
    ul.nav li.contato a:hover {background: url(../img/bt_contato.jpg) no-repeat 0 -30px;}
    
    
    /*------- Destaque banner ---------*/
    #banner_destaque {background: #3b3a3a;} 
    ul.banner_wrap {margin-left: 10px;}
    ul.banner_wrap li {margin-top: 10px;}
    
    li.botao_volta {padding-right: 4px;}
    li.botao_avanca {padding-left: 3px;}
    li.botao_volta a, li.botao_avanca a{ display: block; width: 31px; height: 31px; text-indent: -2000px; overflow: hidden; margin: 80px 2px 0 2px; }
    
    li.botao_volta a {background: url(../img/botao_volta.jpg) no-repeat 0 0;}
    li.botao_volta a:hover {background: url(../img/botao_volta.jpg) no-repeat 0 -31px;}
    
    li.botao_avanca a {background: url(../img/botao_avanca.jpg) no-repeat 0 0;}
    li.botao_avanca a:hover {background: url(../img/botao_avanca.jpg) no-repeat 0 -31px;}
    
    /*------- Notícias ---------*/
    #noticias {background: url(../img/noticias_pequeno_bg.jpg) no-repeat top left; text-align: left;}
    #noticias h2 {display: none;}
    ul.noticias {padding: 45px 0 0 20px;}
    ul.noticias li h3 {margin-bottom: 4px;}
    ul.noticias li h3 a{color: #666; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none; }
    ul.noticias li p {width: 200px; margin-bottom: 6px; line-height: 15px;}
    ul.noticias li p a{color: #666; font: 11px Arial, Helvetica, sans-serif; text-decoration:none; line-height: 15px; }
    ul.noticias li p a:hover, ul.noticias li h3 a:hover {text-decoration: underline;}
    ul.noticias li { width: 200px; padding: 8px 0 8px 0; border-bottom: 1px solid #cecece; border-top: 1px solid #fff;}
    ul.noticias li.primeiro {border-top: none;}
    ul.noticias li.ultimo {border-bottom: none;}
    #noticias h4 a {display: block; width:61px; height: 11px; background: url(../img/leiamais_amarelo.gif) no-repeat top left; text-indent: -2000px; overflow: hidden; position: absolute; bottom: 13px; right: 17px;}
    
    
    
    /*------- Destaques ---------*/
    .destaque {background: url(../img/destaque.jpg) no-repeat top left; position: relative; font: 12px Arial, Helvetica, sans-serif; }
    .destaque h2 {color: #74550c; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 16px 0 12px 10px;}
    .destaque h2 a {color: #74550c; text-decoration: none; }
    .destaque h2 a:hover { text-decoration: underline; }
    .destaque p {width: 180px; color: #000; font: 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height: 15px; padding: 0 0 0 25px;}
    
    .destaque p a {color: #000; font: 12px Arial, Helvetica, sans-serif; text-decoration: none;}
    .destaque p a:hover {text-decoration: underline;}
    .destaque p a span {color: #666;}
    
    .destaque ul {padding: 5px 0 0 25px;}
    .destaque ul li a {color: #000; font: 12px Arial, Helvetica, sans-serif; text-decoration: none;}
    .destaque ul li a:hover {text-decoration: underline;}
    .destaque ul li a span {color: #666;}
    .destaque ul li {padding: 1px 0 1px 0;}
    
    ul.materiais {padding: 5px 0 0 25px;}
    ul.materiais li a {color: #000; font: 12px Arial, Helvetica, sans-serif; text-decoration: none;}
    ul.materiais li a:hover {text-decoration: underline;}
    ul.materiais li a span {color: #666;}
    ul.materiais li {padding: 1px 0 1px 0;}
    
    .destaque h4 a{display: block; width:61px; height: 11px; background: url(../img/leiamais_cinza.gif) no-repeat top left; text-indent: -2000px; overflow: hidden; position: absolute; bottom: 11px; right: 17px;}
    
    
    /*------- Rodapé ---------*/
    #rodape_wrap {width: 100%; background: #a2a1a1;}
    #rodape {background: #979696; padding: 15px 0 15px 0;}
    ul.nav_rodape li a {color: #fff; font: 12px Arial, Helvetica, sans-serif; text-decoration: none; border-right: 1px solid #fff;}
    ul.nav_rodape li.ultimo a {border:none;}
    ul.nav_rodape li a:hover {text-decoration: underline;}
    ul.nav_rodape {margin:0 0 15px 0;}
    #rodape p {color: #fff; font: 11px Arial, Helvetica, sans-serif;}
    #rodape {position: relative;}
    p.acesso_restrito a{ display: block; width:146px; height: 22px; background: url(../img/area_restrita.jpg) no-repeat 0 0; text-indent: -2000px; overflow: hidden; position: absolute; top: 0px; right: 20px;}
    p.acesso_restrito a:hover {background: url(../img/area_restrita.jpg) no-repeat 0 -22px;}
    
    /*------- Barra lateral ---------*/
    #barra_lateral { width: 246px; float: right; padding: 20px 0 0 0;}
    
    /*------- Páginas Internas ajustes ---------*/
    #internas {background: #f5f5f5 url(../img/bg_wrap_topo_banner_interno.jpg) repeat-x top; }
    
    #internas2 {background: #f5f5f5 url(../img/bg_wrap_topo_banner_interno2.jpg) repeat-x top; }
    
    /*------- Banner interno e destaque do topo ---------*/
    #banner_destaque_interno {height: 101px;}
    ul li.banner_interno {float: left; margin-left: 2px;}
    ul.banner_wrap_interno {padding-top: 15px;}
    
    /*------- Conteúdo ---------*/
    div.conteudo_wrap {width: 700px; float: left;}
    
    div.conteudo_wrap_painel {width: 970px; float: left;}
    
    div.breadcrumb {margin: 10px 0 10px 0;}
    div.breadcrumb p {color: #000; font: 11px Arial, Helvetica, sans-serif;}
    div.breadcrumb p a {color: #000; font: 11px Arial, Helvetica, sans-serif; text-decoration: none;}
    div.breadcrumb p a:hover {text-decoration: underline;}
    div.breadcrumb p a:active, div.breadcrumb p a:focus {font-weight: bold;}
    
    div.conteudo h1 {background: #ddd; padding: 5px; font:bold 17px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 10px 0;}
    div.conteudo h2 {font:bold 15px Arial, Helvetica, sans-serif; margin: 0 0 10px 0;}
    div.conteudo p {font:12px/18px Arial, Helvetica, sans-serif; margin: 0 0 10px 17px;}
    div.conteudo p a {color: #000; font: 12px Arial, Helvetica, sans-serif; text-decoration: none;}
    div.conteudo p a:hover {text-decoration: underline;}
    div.conteudo div.gmap { border: 1px solid #CCC; }
    
    div.banner {margin: 15px 0;}
    
    /*------- Central de notícias ---------*/
    ul.central_noticias li a {display: block; width: 670px; border-bottom: 1px solid #ddd; padding: 10px 0 10px 25px; color: #000; font: 12px Arial, Helvetica, sans-serif; text-decoration: none; background: url(../img/bullet_noticia.gif) no-repeat 5px 13px;}
    ul.central_noticias li a:hover {background: #eaeaea url(../img/bullet_noticia.gif) no-repeat 7px 13px;}
    ul.central_noticias li a span{color: #feb920; font-weight: bold; }
    p.filtro{
    	width: 300px;
    	overflow: hidden;
    }
    
    /*------- Clientes ---------*/
    ul.clientes li { border-bottom: 1px solid #ddd; background: url(../img/aspas.jpg) no-repeat; padding: 10px 10px 10px 20px; margin: 10px 0;}
    ul.clientes li p {font-style: italic;}
    
    /*------- Notícia ---------*/
    h2.noticia {background: url(../img/bullet_noticia.gif) no-repeat 0 2px; padding-left:  17px;}
    h3 { color: #666; font:bold 13px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; text-indent: 17px;}
    
    /** Listas e tabelas **/

	.conteudo ul { padding: 10px 20px 10px 30px; list-style: disc; }
	.conteudo ul li { color: #000; font: 13px Arial, Helvetica, sans-serif; margin: 5px 0; }
	.conteudo table tr td { padding: 5px; font: 13px Arial, Helvetica, sans-serif; margin: 5px 0; border: 1px solid #bfbfbf; }
	.conteudo table {margin: 10px 0 10px 15px; }
	.conteudo table a { color: #000; }
	.conteudo table a:hover { color: #FCBB1F; }

    
    div.acoes {background: #ddd; width: 100%; display: table; }
    ul.acoes li {float: left;}
    ul.acoes li a {display: block; float: left; color: #666; text-decoration: none; font:12px Arial, Helvetica, sans-serif; padding: 7px 10px; border-right: 1px solid #c6c6c6; border-left: 1px solid #fff;}
    ul.acoes li a:hover {background: #ccc;}
    ul.acoes li img {margin-right: 5px;}
    ul.acoes li.primeiro a {border-left: none;}
    ul.acoes li.ultimo a {border-right: none;}
    

/***
* Get
*
***/	
	p.pagination{
		color: #999;
	}
	p.pagination strong, p.pagination a{
		color: #000;
	}	
	
	input.escondido{display:none;}
	input.pequeno{width: 50px;}
	input.medio{width: 100px;}
	input.grande{width: 150px;}
	input.gigante{width: 250px;}
	input.enorme{width: 300px;}
	input.total{width: 500px;}
	
	textarea.pequeno{height: 50px;}
	textarea.medio{height: 100px;}
	textarea.grande{height: 200px;}

	form.cadastro{
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
		float: none;
	}

	form.formulario fieldset {
		margin-bottom: 10px;
	}

	form.formulario legend {
		display: none;
	}

	form.formulario label {
		display: inline-block;
		line-height: 1.8;
		vertical-align: top;
	}

	form.formulario fieldset p {
		list-style: none;
		padding: 5px;
		margin: 0;
	}
	
	form.formulario fieldset p textarea{
		width: 99%;
	}
	
	form.formulario fieldset p select{
		/*width: 150px;*/
	}

	form.formulario label { 
		text-align: right;
		width: 100px; 
	} 
	
	form.cadastro label {
		text-align: left;
		width: 180px;
		text-align: right;
		padding: 0 10px 0 0;
	}
	
	form#cadastro label.error {
		width: auto;
	}
	
	form.formulario label.error {
		display: block;
		margin-left: 50px;
		width: auto;
		text-align: right;
	}
	
	form.cadastro label.error {
		margin-left: 0px;
		width: auto;
		text-align: left;
	}

	form.formulario button.submit {
		padding: 0 20px;
	}

	form.formulario legend {
		padding-left: 0;
	}

	form.formulario legend, form.formulario label {
		color: #333;
	}

	form.formulario fieldset {
		border: none;
		background-color: #EAEAEA;
		border: 1px solid #999;
	}

	form.formulario fieldset fieldset {
		background: none;
	}

	form.formulario fieldset p, form.formulario fieldset fieldset {
		padding: 5px 10px 7px;	
		background: url(../img/formulario-divider.gif) left bottom repeat-x;
	}
	
	form.formulario p.sub{
		background: none;
	}

	form.formulario label.error, label.error {
		color: red;
		font-style: italic;
		padding: 0 0 0 20px;
	}
	
	div.error { display: none; }
	input {	border: 1px solid #999; }
	input:focus { border: 1px dotted #999; }
	input.error { border: 1px dotted red; }
	textarea.error { border: 1px dotted red; }
	form.formulario .gray * { color: gray; }
	
	form fieldset p.centro{
		text-align: center;
	}

form#login{
	width: 400px;
	margin: 0 auto;
}

form button{
	padding: 0 5px;
	background: url(../img/botao_fundo.png) repeat-x;
	height: 20px;
	line-height: 20px;
}

/** Ajuste título Notícias Extradigital **/
    ul.noticias li h3 {
	width:220px;
	height:30px;
	background:url(../img/noticias-extra.png) no-repeat 0 0;
	text-indent:-5000px;
	overflow:hidden;
	bottom:166px;
	margin-left: -20px;
	}
    
    ul.noticias li {
	border: 0px;
    }
    
    ul.central_noticias li, ul.clientes li {
	list-style: none;
    }
    
    .conteudo ul.central_noticias, ul.clientes {
	padding:0px;
    }
    


