/************************************************************************************
	CONFIGURAÇÕES DA HOME
	---------------------
	
	OBS.: A estura abaixo é uma estruna padrão de um site de três colunas com topo e rodapé com algunas
	pré-configurações para que tudo funcione corretamente em todos os browser.
	
	PADDING: Nunca usar padding em um elemento que tenha largura, pois o IE considera o padding
	como parte da largura e os outros browsers acrescenta a largura do padding a largura total.
	
	BACKGOUND: O background das colunas preferencialmente devem ser definidos na contentora,
	pois ela é a única div em que a altura atinge todo o espaço vertical ocupado. A única alternativa
	a esta prática seria definir o fundo direto no body.
	
	POSITION: Divs que podem conter elementos flutuantes que utrapassem a sua largura devem possuir
	posição relativa e z-index bem alto para que ela não seja sobreposta por outros elementos deixando,
	por exemplo, um menu drop-down escondido.
	
	************************************************************************************/
	
	/* GERAL */
	body {background: #f2f2f2; margin: 0; text-align: center; vertical-align: baseline; font: 9pt Arial,Helvetica,sans-serif; color: #000000;}
	body * {text-align: left; padding:0;}
	table {border-collapse: collapse; border-spacing: 0;}
	img {border: 0;}
	a {text-decoration: underline; color: #0000ff;} a:hover {text-decoration: none;}
	:focus {outline: 0;}
	br {clear: both}
	
	/* CLASSES DE USO COMUM */
	.nao_mostrar {
		display: none;
		}
	.textovermelho {
		color: #cc0000;
		}
	.link {
		color: #0069b3;
		}
	
	/* CONTENTORA */
	#contentora {
		width: 762px;
		display: table;
		margin: 0 auto;
		background: #ffffff;
		border: solid 0px red;
		}
	
	/* TOPO */	
	#topo {
		width: 100%;
		height: 110px;
		display: table;
		z-index: 1000;
		background: url(../../imagens/layoutbase/geral/topo_bordasuperior.gif) no-repeat;
		border: solid 0px blue;
		}
		#topo #bandeira_ingles {
		    display: block;
		    padding: 2px 28px 0 0;
		    text-align: right;
			}
		#topo #bandeira_ingles a {
		    text-decoration: none;
		    color: #ffffff;
		    font-size: 7pt;
			}
		#topo #bandeira_ingles a span {
		    display: inline-block;
		    margin-bottom: 2px;
		    line-height: 12px;
		    padding-right: 2px;
		    text-transform: capitalize;
		    color: #a5cbe5;
		    cursor: pointer;
			}

	/* COLUNA DIREITA */
	#coluna_direita[id=coluna_direita] { /* HACK FF */
		position: absolute;
		margin: 0 0 0 635px;
	}
	#coluna_direita {
		float: right;
		width: 127px;
		padding: 30px 0 0 0;
		background: url(../../imagens/layoutbase/geral/hec_16_3.gif) top right no-repeat;
		border: solid 0px blue;
		}
	#coluna_direita * {
		margin: 0;
		padding: 0;
		border: 0;
		border: 0;
		}
	#coluna_direita img {
		margin: 0 0 3px 0;
		}
		
	/* COLUNA ESQUERDA */
	#coluna_esquerda {
		width: 149px;
		float: left;
		position: relative;
		display: table;
		z-index: 1000;
		border: solid 0px blue;
		}
	#coluna_esquerda div {
		float: left;
		margin: 0;
		}
	#coluna_esquerda #base {
		width: 139px;
		float: left;
		background: #d7d7d7 url(../../imagens/layoutbase/menulateral/bg_menu_2.jpg) top repeat-x;
		text-align: left;
		border: solid 0px red;
		}
	#coluna_esquerda #base img {
		border: solid 0px red;
		}
	#coluna_esquerda #base #menu {
		margin: 10PX 0 0 0;
		list-style: none outside;
		}
	#coluna_esquerda #base #menu li {
		display: table;
		width: 139px;
		background: url(../../imagens/layoutbase/menulateral/linha_menu.gif) bottom no-repeat;
		border: solid 0px red;
		}
	#coluna_esquerda #base #menu li a {
		clear: both;
		display: block;
		color: #333333;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		padding: 5px 0 5px 20px;
		background: url(../../imagens/layoutbase/menulateral/seta_menu.gif) 5px center no-repeat;
		line-height: 17px;
		}
	#coluna_esquerda #base ul li a:hover {
		color: #ff9d1c !important;
		}
	
	
	/* CENTRO */
	#centro {
		float: left;
		width: 486px;
		border: solid 0px gray;
		}
	#centro #centro_colunaesquerda {
		float: left;
		margin-right: 7px;
		margin-left: 7px;
		font-size: 11px;
		}
	#centro #centro_colunaesquerda .caixaevento {
		position: absolute;
		background: #ffffff;
		}
	#centro #centro_colunaesquerda .caixaevento img {
		float: left;
		margin: 5px 10px 0 0;
		}
	#centro #centro_colunaesquerda .caixaevento span {
		margin-left: 6px;
		}
	#centro #centro_colunaesquerda .caixaevento b {
		width: 195px;
		display: inline-block;
		margin-left: 18px;
		}
	#centro #centro_colunaesquerda .box {
		display: table;
		width: 226px;
		margin-bottom: 7px;
		border: solid 1px #cccccc;
		padding-bottom:10px;
		}
	#centro #centro_colunaesquerda .box img {
		margin: 2px;
		margin-bottom: 5px;
		}
	#centro #centro_colunaesquerda .box .texto {
		margin-left: 10px;
		}
	#centro #centro_colunaesquerda #caixaslide  {
		position: relative;
		width: 215px;
		height: 355px;
		margin-top: -12px;
		margin-left: 5px;
		overflow: hidden;
		border: solid 0px red;
		}
	#centro #centro_colunaesquerda #caixaslide #caixaslide_conteudo {
		padding: 0;
		border: solid 0px red;
		}
	#centro #centro_colunaesquerda #caixaslide #caixaslide_conteudo a {
		color: #0069b3;
		}

	#centro #centro_colunadireita {
		float: left;
		}
	#centro #centro_colunadireita img {
		margin-bottom: 3px;
		}
	#centro #centro_colunadireita .box {
		margin: 0 0 7px 0;
		width: 230px;
		padding: 2px 0 2px 0;
		border: solid 1px #cccccc;
		}
	#centro #centro_colunadireita .box .texto {
		margin-left: 10px;
		font-size: 8pt;
		}
	#centro #centro_colunadireita .box .texto a {
		color: #0069b3;
		}
	#centro #centro_colunadireita .box .texto span a {
		color: #cc0000;
		}
	#centro #centro_colunadireita .box img {
		margin-bottom: 5px;
		margin-left: 3px;
		border: solid 0px red;
		}
		
	/* RODAPÉ */
	#rodape {
		width: 100%;
		height: 60px;
		display: table;
		clear: both;
		font-size: 8pt;
		margin-top: 20px;
		background: url(../../imagens/layoutbase/geral/topo_bordasuperior.gif) bottom no-repeat;
		}
	#rodape p {
		margin: 0 0 20px 30px;
		float: left;
		font-size: 8pt;
		line-height: 15px;
		}
	#rodape #logo_ftech {
		float: right;
		margin-right: 12px;
		}