/**
 * Zera a margem e o espaçamento em todos os elementos HTML
 */
*{ margin: 0; padding: 0; font-family:Verdana, Geneva, sans-serif; font-size:11px; }

/**
 * Conjunto de propriedades para dar uma estética visual inicial
 */
#externo, #cabecalho, #esquerda, #direita, #centro, #direita, #rodape { text-align: left; border: none; padding: 10px; background-color:#fff; }

/**
 * Margem padrão para esquerda, centro e direita
 */
#esquerda, #centro, #direita { margin: 10px 0; }

/**
 * Externo
 */
#externo { position: relative; margin: 0 auto; width: 960px; }

/**
 * Cabeçalho
 */
#cabecalho { width: 940px; height: 120px; }

/**
 * Para o layout com uma coluna à ESQUERDA e CENTRO à direita
 */
.lateral-esquerda #esquerda { width: 170px; float: left; }
.lateral-esquerda #centro { width: 740px; float: left; margin-left: 10px; }
.lateral-esquerda #direita { display:none; }

/**
 * Para o layout com uma coluna à DIREITA e CENTRO à direita
 */
.lateral-direita #centro { width: 740px; float: right; margin-right: 10px; }
.lateral-direita #direita { width: 170px; float: right; }
.lateral-direita #esquerda { display:none; }
/**
 * Para o layout de 3 colunas
 */
.laterais #esquerda { width: 170px; float: left; }
.laterais #direita { width: 170px; float: right; }
.laterais #centro { width: 540px; margin-left: 200px; }
/**
 * Para o layout de 3 colunas iguais
 */
.iguais #esquerda { width: 280px; float: left; }
.iguais #direita { width: 280px; float: right; }
.iguais #centro { width: 320px; margin-left: 310px; }
/**
 * Para o layout de 3 colunas iguais
 */
.unica #esquerda {display:none; }
.unica #direita { display:none; }
.unica #centro { width:940px;}



/* Rodapé
 */
#rodape { width: 940px; clear: both; text-align:right; background: #eee url(_img/bgrodape.jpg) left no-repeat; }
#rodape p { margin:0px; padding:0px;}
#rodape a {
	text-decoration:none;
	color: #399;
	font-weight:bold;
	font-size:10px;
}
#rodape a:hover, #rodape a:active {
	color: #F60;
}


/* DEFINIÇÃO DE MENU */

ul#menuhorizontal{
	width:auto;
	list-style:none;
	height:20px;
	padding:5px 0px;
	margin:0px;
	float: right;
	text-align:right;
	background:#eee;
}
ul#menuhorizontal li {
	display:inline;
	padding:0px 10px;
}
ul#menuhorizontal a {
	text-decoration:none;
	font-weight:bold;
	color: #999;
}
ul#menuhorizontal a:hover, 
ul#menuhorizontal a:active {
	color: #F00;
}
ul#topnav {
	margin: 0px; 
	padding: 0px; 
	list-style: none;	
	text-align:right;
	float: right;
	width: auto;
}
ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:40px;
}
ul#topnav a, ul#topnav span {
	padding: 10px; 
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #1d1d1d; 
}
ul#topnav a {	color: #7bc441; }
ul#topnav span {
	display: none;
}

ul#topnav.v2 span{
	background: url(_img/a_bg.gif) repeat-x left top;
}
ul#topnav.v2 a{
	color: #555;
	background: url(_img/a_bg.gif) repeat-x left bottom;
}

/* TEMINA - DEFINIÇÃO DE MENU */