@charset "utf-8";

/* GERAL
*************************************************************************************************************/
html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  	margin: 0;
  	padding: 0;
  	border: 0;}

body {
  	background-color: #efefef;
  	font: normal 10px Verdana, Arial, sans-serif;
  	color: #60605f;}

/* reseta listas e links(ancoras) */
ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
/* não mostra o conteudo de <span> dentro dos seguintes elementos */
a span, button span, ul#navigation span, h1 span, h2 span, h3 span {display: none;}

a#geral {color: #d0e22b; text-decoration: none;}
a#geral:hover {color: #d0e22b; text-decoration: underline;}

button {
  	display: block;
  	cursor: pointer;}

div.clear {
  	font-size: 1px;
  	line-height: 1px;
  	height: 1px;
	position: relative;
	clear: both;}

#page_container {
	text-align: left;
	width: 1001px;
	height: 100%;
	background-color: #868686;
	margin: 0 auto;/* 'auto' deixa o conteudo centralizado na horizontal */
 	padding: 0;}
	
	
	/* campos de formulário ---------------------------------------*/
	.campo_informativo {
		width: 118px;
		height: 11px;
		font-size: 10px;
		color: #60605f;
		border: 1px solid #626262;		
		background: #fff;}
		
	.campo_form {
		font: normal 10px Verdana, Arial, sans-serif;
		color: #60605f;
		border: 1px solid #626262;		
		background: #fff;}



/* TOPO
*************************************************************************************************************/
#topo {
	height: 66px;
	background: url(../images/pt/fundo_topo.jpg) 0 0 no-repeat;}/* overflow-y: hidden; tudo que vazar do div-header em y (verticalmente) será escondido*/

	#topo #logo {
		width: 271px;
    	padding: 0;
    	float: left;}
	
		#topo #logo a {
			width: 181px;
			height: 66px;
			display: block;
			background: url(../images/pt/logo.gif) 0 0 no-repeat;}
		
		#topo #logo a:hover {background-position: 0 -66px;}		

	#menu_topo {
		width: 480px;
		height: 66px;
		float: left;
		padding: 0;}
	
	ul#idioma {float: left; padding: 11px 0 5px 0;}
	
		ul#idioma li {
			width: 20px;
			height: 13px;
			float: left;
			padding: 0 6px;}
			
			ul#idioma li#pt_ativo {background: url(../images/pt/ico_pt.gif) 11px -13px no-repeat;}
			ul#idioma li#es_ativo {background: url(../images/pt/ico_es.gif) 11px -13px no-repeat;}
			ul#idioma li#en_ativo {background: url(../images/pt/ico_en.gif) 11px -13px no-repeat;}
			
			ul#idioma li a {
				width: 26px;
				height: 13px;
				display:block;}
			
				ul#idioma li a#pt {background: url(../images/pt/ico_pt.gif) 6px 0 no-repeat;}
				ul#idioma li a#es {background: url(../images/pt/ico_es.gif) 6px 0 no-repeat;}
				ul#idioma li a#en {background: url(../images/pt/ico_en.gif) 6px 0 no-repeat;}
		
				ul#idioma li a#pt:hover,
				ul#idioma li a#es:hover,
				ul#idioma li a#en:hover {background-position: 6px -13px;}
			
	#topo p {
		float: right;
		color: #a7a7a7;
		padding: 11px 28px 0 0;}
		
		#topo p a {color: #cccccc;}
		#topo p a:hover {text-decoration:underline;}
        #topo p a.activated { color: white; text-decoration:underline; }
		
	#acesso_restrito {
		width: 250px;
		height: 66px;
		float: left;
		padding: 0;
		background: url(../images/pt/fundo_acesso.gif) 0 0 no-repeat;}
	
		#topo #acesso_restrito #selectbox {padding: 36px 0 0 17px;}
		

	/* Navegação ---------------------------------------*/
	#navegacao {
		width: 480px;
		height: 37px;
		float: left;
		padding: 0;}
		
		ul#menu {float: left; padding: 0;}
		
		ul#menu li {
			height: 37px;
			float: left;
			padding: 0;}
			
			ul#menu li a#pelissari_ativo {width: 71px; background: url(../images/pt/menu_pelissari.gif) 0 -74px no-repeat;}
			ul#menu li a#sap_ativo {width: 40px; background: url(../images/pt/menu_sap.gif) 0 -74px no-repeat;}
			ul#menu li a#clientes_ativo {width: 64px; background: url(../images/pt/menu_clientes.gif) 0 -74px no-repeat;}
			ul#menu li a#noticias_ativo {width: 67px; background: url(../images/pt/menu_noticias.gif) 0 -74px no-repeat;}
			ul#menu li a#solucoes_ativo {width: 129px; background: url(../images/pt/menu_solucoes.gif) 0 -74px no-repeat;}
			ul#menu li a#servicos_ativo {width: 89px; background: url(../images/pt/menu_servicos.gif) 0 -74px no-repeat;}
		
			ul#menu li a {
				height: 37px;
				display: block;
				padding: 0;}
		
				ul#menu li a#pelissari {width: 71px; background: url(../images/pt/menu_pelissari.gif) 0 0 no-repeat;}
				ul#menu li a#sap {width: 40px; background: url(../images/pt/menu_sap.gif) 0 0 no-repeat;}
				ul#menu li a#clientes {width: 64px; background: url(../images/pt/menu_clientes.gif) 0 0 no-repeat;}
				ul#menu li a#noticias {width: 67px; background: url(../images/pt/menu_noticias.gif) 0 0 no-repeat;}
				ul#menu li a#solucoes {width: 129px; background: url(../images/pt/menu_solucoes.gif) 0 0 no-repeat;}
				ul#menu li a#servicos {width: 89px; background: url(../images/pt/menu_servicos.gif) 0 0 no-repeat;}
				
				ul#menu li a#pelissari:hover,
				ul#menu li a#sap:hover,
				ul#menu li a#clientes:hover,
				ul#menu li a#noticias:hover,
				ul#menu li a#solucoes:hover,
				ul#menu li a#servicos:hover {background-position: 0 -37px;}



/* MAIN
*************************************************************************************************************/
#main {
	width: 1001px;
	float: left;
	background: #c2c892;}
	/*background: #c2c892 url(../images/pt/fundo_lateral.gif) 0 0;}*/
	
#main_internas {
	width: 1001px;
	float: left;
	background: #c2c892 url(../images/pt/fundo_lateral.gif) 0 0;}
	
	#main_celula{
		width: 1001px;
		height: 350px;
		float: left;}
		
		#flash_1{
			width: 751px;
			height: 350px;
			float: left;
			background-color: #fff;}	
		
		/* Menu lateral ---------------------------------------*/
		#menu_lateral{
			width: 250px;
			float: left;}
			
			#menu_lateral hr{text-align:center; width:216px; height: 1px; color: #686f3e; border: #686f3e 1px 0 0 0 solid;}
			#hr_lateral {
				width: 216px;
				height: 1px;
				background-color: #686f3e;
				margin: 0 auto;}
			
			#lateral_topo{
				width: 250px;
				height: 48px;
				background: #c2c892 url(../images/pt/lateral_fundo_topo.gif) 0 0 no-repeat;}
			
			#lateral_conteudo{
				width: 214px;
				font: normal 9px Verdana, Arial, sans-serif;
				color: #454c25;
				padding: 15px 18px 25px 18px;
				background: #c2c892;}
				
				#lateral_conteudo a {color: #454c25; font-weight: bold;}
				#lateral_conteudo a:hover {color: #454c25; font-weight: bold; text-decoration: underline;}
				
				#lateral_conteudo span {float:right; font-weight: bold;}
					
					#lateral_conteudo span a {
						padding: 0 0 15px 15px;
						color: #e8edb4;
						background: url(../images/pt/lateral_ico_link.gif) 0 0 no-repeat;
						text-decoration: underline;}
					
					#lateral_conteudo span a:hover {color: #fff; background: url(../images/pt/lateral_ico_link.gif) 0 0 no-repeat;}
			
			#lateral_bloco {
				width: 250px;
				height: 199px;
				display: block;
				background: #c2c892;}
			
			
	#main_celula_base{
		width: 1001px;
		height: 123px;
		float: left;}
			
		#flash_2{
			width: 250px;
			height: 123px;
			float: left;
			background-color: #fff;}
		
		#informativo{
			width: 250px;
			height: 123px;
			float: left;
			background: url(../images/pt/fundo_informativo.gif) 0 0 no-repeat;}
			
			#informativo_form{
				width: 233px;
				height: 81px;
				color: #fff;
				margin-top: 42px;
				padding-left: 17px;
				background: #868686;}
				

				
/* MAIN INTERNO TRÊS COLUNAS
*************************************************************************************************************/	
#main_int {
	width: 1001px;
	float: left;
	background: #c2c892 url(../images/pt/fundo_lateral.gif) 0 0;}
	
	#main_celula_int{
		width: 1001px;
		float: left;}
		
		#imagem_topo{
			width: 751px;
			height: 128px;
			float: left;
			background-color: #fff;}
			
		#lat_clientes{
			width: 225px;
			height: 80px;
			padding: 48px 15px 0 10px;
			float: left;
			background: url(../images/pt/lateral_fundo_clientes.gif) 0 0 no-repeat;}
		
		
		/* Menu lateral esquerdo ---------------------------------------*/	
		#lat_esquerda{
			width: 250px;
			float: left;
			background-color: #868686;}
			
			#lateral_esquerda_link{
				font: normal 9px Verdana, Arial, sans-serif;
				font-weight: bold;
				background: #868686;}
				
				#lateral_esquerda_link span{
					width: 217px;
					height: 24px;
					padding: 11px 0 0 33px;
					display: block;
					color: #EFEFEF;
					background: #a4a4a4 url(../images/pt/ico_mais2.gif) 20px 12px no-repeat;}
				
				#lateral_esquerda_link a {
					width: 217px;
					height: 24px;
					padding: 11px 0 0 33px;
					display: block;
					color: #EFEFEF;
					background: #868686 url(../images/pt/ico_mais.gif) 20px 12px no-repeat;}
					
				#lateral_esquerda_link a:hover {background: #a4a4a4 url(../images/pt/ico_mais2.gif) 20px 12px no-repeat;}
				
			#lateral_esquerda_menu{
				font: normal 9px Verdana, Arial, sans-serif;
				text-transform: uppercase;
				font-weight: bold;
				background: #868686;}
				
				#lateral_esquerda_menu span{
					width: 217px;
					height: 24px;
					padding: 11px 0 0 33px;
					display: block;
					color: #505050;
					background: #a4a4a4 url(../images/pt/ico_mais2.gif) 20px 12px no-repeat;}
				
				#lateral_esquerda_menu a {
					width: 217px;
					height: 24px;
					padding: 11px 0 0 33px;
					display: block;
					color: #505050;
					background: #868686 url(../images/pt/ico_mais.gif) 20px 12px no-repeat;}
					
				#lateral_esquerda_menu a:hover {background: #a4a4a4 url(../images/pt/ico_mais2.gif) 20px 12px no-repeat;}
			
			#lateral_esquerda_conteudo{
				width: 214px;
				font: normal 9px Verdana, Arial, sans-serif;
				color: #dadada;
				padding: 15px 18px 25px 18px;
				background: #868686;}
				
				#lateral_esquerda_conteudo a {color: #494949; font-weight: bold;}
				#lateral_esquerda_conteudo a:hover {color: #494949; font-weight: bold; text-decoration: underline;}
				
				#lateral_esquerda_conteudo span {float:right; font-weight: bold;}
					
					#lateral_esquerda_conteudo span a {
						padding: 0 0 15px 15px;
						color: #bebebe;
						background: url(../images/pt/lateral_ico_esq.gif) 0 2px no-repeat;
						text-decoration: underline;}
					
					#lateral_esquerda_conteudo span a:hover {color: #fff; background: url(../images/pt/lateral_ico_esq.gif) 0 2px no-repeat;}
					
					#ver_todas_noticias {padding: 0;}
						
						#ver_todas_noticias a {
							width: 214px;
							height: 47px;
							display: block;
							background: url(../images/pt/ver_todas_noticias.gif) 0 0 no-repeat;}
						
						#ver_todas_noticias a:hover {background: url(../images/pt/ver_todas_noticias.gif) 0 -47px no-repeat;}
						
					#ver_todos_informativos {padding: 0;}
						
						#ver_todos_informativos a {
							width: 250px;
							height: 47px;
							display: block;
							background: url(../images/pt/ver_todos_informativos.gif) 0 0 no-repeat;}
						
						#ver_todos_informativos a:hover {background: url(../images/pt/ver_todos_informativos.gif) 0 -47px no-repeat;}
						
			#lateral_esquerda_base {
				width: 250px;
				height: 35px;
				position: absolute;
				margin: -35px 0 0 0;
				background: url(../images/pt/lateral_esquerda_base.gif) 0 0 no-repeat;}
				
			#lateral_esquerda_testemunho{
				width: 214px;
				font: normal 9px Verdana, Arial, sans-serif;
				padding: 4px 18px 25px 18px;}
				
			#lateral_esquerda_testemunho span{
				font: italic 9px Verdana, Arial, sans-serif;
				color: #808080;
				float: right;}
			
			#lateral_esquerda_informativo{
				width: 189px;
				height: 56px;
				font: normal 9px Verdana, Arial, sans-serif;
				color: #fff;
				padding: 4px 15px 0 46px;
				line-height: 15px;
				background: #a4a4a4 url(../images/pt/lateral_esquerda_informativo_fundo.gif) 0 0 no-repeat;}
				
				#lateral_esquerda_informativo a{font-weight:bold; text-transform: uppercase;  color: #494949; line-height: 12px;}
				#lateral_esquerda_informativo a:hover{text-decoration:underline;}
		
		
		/* Miolo (onde está o conteúdo) ---------------------------------------*/	
		#miolo{
			width: 421px;
			float: left;
			line-height: 13px;
			padding: 0 40px;
			background: #fff;}
			
			#miolo a{color: #98a61a;}
			#miolo a:hover{color: #98a61a; text-decoration:underline;}
			
			#miolo hr{text-align:center; width:421px; height: 1px; color: #868686; border: #868686 1px 0 0 0 solid;}
			
			#miolo h1{
				font-size: 17px;
				font-weight: bold;
				line-height: 17px;}
				
			#miolo h1#titulo{
				font-size: 18px;
				color: #9bad1c;
				letter-spacing: -1px;
				font-weight: bold;
				text-transform: uppercase;}
				
			#miolo h2{
				font-size: 12px;
				color: #9bad1c;
				font-weight: bold;
				font-style: italic;}
				
			#miolo h3{font-size: 13px; font-weight: bold;}
				
			
			#miolo p{text-align: justify;}
			#miolo p#noticia{text-indent: 36px; text-align: justify;}
			
			#miolo span{font-weight: bold; float: right;}
			#miolo span#dif{size: 9px; font-weight: normal;color: #aaba1d; float: none;}
				
				#miolo span a{
					color: #9bad1c;
					padding: 0 0 15px 30px;
					background: url(../images/pt/lateral_ico_link.gif) 15px 0 no-repeat;
					text-decoration: underline;}
					
				#miolo span a:hover {color: #c5d722; background: url(../images/pt/lateral_ico_link.gif) 15px 0 no-repeat;}
				
				#miolo span#zip a{
					color: #c0a929;
					padding: 0 0 15px 30px;
					background: url(../images/pt/ico_zip.gif) 15px 0 no-repeat;
					text-decoration: underline;}
					
				#miolo span#zip a:hover {color: #e4d062; background: url(../images/pt/ico_zip.gif) 15px 0 no-repeat;}
				
				#miolo span#volta_topo a{
					color: #9bad1c;
					padding: 0 0 15px 30px;
					background: url(../images/pt/ico_topo.gif) 15px 0 no-repeat;
					text-decoration: underline;}
					
				#miolo span#volta_topo a:hover {color: #c5d722; background: url(../images/pt/ico_topo.gif) 15px 0 no-repeat;}
				
			#miolo_paginacao a{font-size:12px; color: #97a51a; font-weight: bold;}
			#miolo_paginacao a:hover{text-decoration:underline;}
            
            .pagination li {
                display: inline;
                list-style-type: none;
                padding-right: 5px;
            }
            
            .pagination li a { color: #97A51A; }
            
            .pagination li.active { color: #868686; font-size:12px; font-weight: bold; text-decoration: underline; }
				
			#noticia_lista{
				font-size: 11px;
				color: #9bad1c;
				font-weight: bold;}
				
				#noticia_lista a{
					color: #60605f;
					font-weight: bold;
					text-transform: uppercase;}
					
				#noticia_lista a:hover{text-decoration: underline;}
			
			
			/* Navegação na Base ---------------------------------------*/
			ul#menu_base {
				width: 421px;
				height: 30px;
				margin-bottom: 12px;
				float: left;}
				
				ul#menu_base li {
					height: 30px;
					float: left;}
					
					ul#menu_base li#envie_amigo {width: 175px; background: url(../images/pt/base_envie_amigo.gif) 0 -30px no-repeat;}
					ul#menu_base li#imprimir {width: 130px; background: url(../images/pt/base_imprimir.gif) 0 -30px no-repeat;}
					ul#menu_base li#comentar {width: 116px; background: url(../images/pt/base_comentar.gif) 0 -30px no-repeat;}
				
					ul#menu_base li a {
						height: 30px;
						display: block;
						padding: 0;}
				
						ul#menu_base li a#envie_amigo {width: 175px; background: url(../images/pt/base_envie_amigo.gif) 0 0 no-repeat;}
						ul#menu_base li a#imprimir {width: 130px; background: url(../images/pt/base_imprimir.gif) 0 0 no-repeat;}
						ul#menu_base li a#comentar {width: 116px; background: url(../images/pt/base_comentar.gif) 0 0 no-repeat;}
						
						ul#menu_base li a#envie_amigo:hover,
						ul#menu_base li a#imprimir:hover,
						ul#menu_base li a#comentar:hover {background-position: 0 -30px;}



/* RODAPÉ
*************************************************************************************************************/
#rodape {
	width: 1001px;
	height: 244px;
	float: left;
	background-color: #606060;}
	
	#box {
		font: 9px Verdana, Arial, sans-serif;
		width: 230px;
		height:181px;
		color: #cccccc;
		float: left;
		padding: 20px 0 20px 20px;}
		
		#box h3 {
			padding: 0 0 0 10px;
			font: 9px Verdana, Arial, sans-serif;
			color: #8d8d8d;
			text-transform: uppercase;
			background: url(../images/pt/rodape_seta.gif) 0 3px no-repeat;}
			
		#box p {padding: 0 0 0 10px;}
		
		span.separador {
			width: 250px;
			height: 34px;
			display: block;
			margin-left: -20px;
			background: url(../images/pt/rodape_fundo_separador.gif) 0 0 repeat-x;}
		
		#box a {color: #cccccc;}
		#box a:visited {color: #969b6b;}
		#box a:hover {color: #a4b31c;}
		
	#box_imagem {float: left; padding: 0;}
	
	#base {
		float: left;
		text-align: center;
		width: 1001px;
		height: 20px;
		color: #8d8d8d;
		padding: 3px 0 0 0;}