#geral {
	width: 575px;
	margin: 0 auto;
	padding: 0 8px 30px;
	background-color: #39302B;
}

img, fieldset { border: none; }

hr, legend, .hide { display: none; }

input[type=hidden] { display: none !important; }

option { padding: 0 5px; }

button {
	cursor: pointer;
	text-transform: lowercase;
	padding: 3px 5px;
	border: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/********************
Fim das estilizacoes gerais
********************/


/********************
Mapa do site
********************/
#mapa-do-site { background: #271D18 url(../images/mapa-do-site.png) repeat-x bottom; }

#mapa-do-site h5 { display: none; }

#mapa-do-site ul {
	width: 930px;
	margin: 0 auto;
	padding: 20px 20px 0;
}

#mapa-do-site li {
	float: left;
	width: 25%;
	padding-bottom: 15px;
}

#mapa-do-site li a, #mapa-do-site li strong {
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
}
#mapa-do-site li a { text-decoration: underline; }
#mapa-do-site li a:hover { text-decoration: none; }

#mapa-do-site li ul {
	width: auto;
	padding: 10px 0 0 5px;
}

#mapa-do-site li li {
	float: none;
	width: auto;
	margin-bottom: 3px;
	padding-bottom: 0;
}

#mapa-do-site li li a {
	color: #938E8B;
	font-size: 1em;
	font-weight: normal;
	padding-left: 11px;
	text-decoration: none;
	background: url(../images/bullet-laranja.gif) no-repeat left;
}
#mapa-do-site li li a:hover { color: #AAA; }

#mapa-do-site li li a:hover { text-decoration: underline; }
/********************
Fim: Mapa do site
********************/


/********************
Topo
********************/
#topo {
	position: relative;
	width: 910px;
	height: 96px;
	margin: 0 auto;
	padding: 32px 30px 0;
	background: url(../images/topo.jpg) no-repeat bottom;
}

#topo * { color: #39302B; }

#topo a {
	color: #938E8C;
	text-indent: 33px;
	position: absolute;
	top: 0;
	left: 20px;
	width: 120px;
	height: 23px;
	padding-top: 2px;
	background: url(../images/btn-mapa.png) no-repeat top;
}
#topo a:hover, #topo a.expand { color: #ADA9A8; }
#topo a.expand { background-position: bottom; }

#topo p { float: left; }

#topo p span { color: #F48400; }

#topo form {
	float: right;
	width: 250px;
}

#topo legend { display: block; }

#topo input {
	width: 194px;
	margin-right: 6px;
	padding: 3px 5px;
	border: 2px solid #DDD;
}

#topo button {
	color: #FFF;
	background-color: #000;
	opacity: .7;
	filter: alpha(opacity=70);
}
#topo button:hover, #topo button.hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
/********************
Fim: topo
********************/


/********************
Painel
********************/
#painel {
	position: relative;
	height: 93px;
	margin-bottom: 3px;
	padding: 0 20px 0 40px;
	background: url(../images/linha-cabecalho.png) no-repeat 20px 100%;
}

#painel h1 {
	float: left;
	width: 245px;
	height: 63px;
	margin: 16px 82px 0 0;
	background: url(../images/ibm.png) no-repeat
}

#painel h1 a {
	text-indent: -9999px;
	display: block;
	height: 100%;
	background: url(../images/ibm-hover.png) no-repeat 0 -63px;
}
#painel h1 a:hover,#painel h1 a:focus { background-position: 0 0; }

	/********************
	Menu
	********************/
	#menu { float: left }
	
	#menu li {
		position: relative;
		float: left;
		width: 129px;
		height: 90px;
		margin-right: 2px;
		background: url(../images/item-menu.jpg) no-repeat right;
	}
	#menu li:hover, #menu li.hover { background-position: left; }
	
	#menu a {
		text-align: center;
		line-height: 90px;
		display: block;
	}
	#menu li:hover a, #menu li.hover a, #menu a:focus { color: #FF6C00; }
	
	#menu ul {
		position: absolute;
		top: -120px;
		display: none;
		width: 152px;
		padding: 5px 10px;
		background: url(../images/submenu.png) no-repeat top right;
	}
	* html #menu ul { filter: alpha(opacity=97); }
	
	#menu li:hover ul, #menu li.hover ul { display: block; }
	
	#menu ul li {
		float: none;
		width: auto;
		height: auto;
		border-bottom: 1px dashed #48413F;
		background: none;
	}
	#menu ul li.last { border: none; }
	
	#menu ul a {
		color: #A1948D !important;
		text-align: left;
		text-indent: 16px;
		line-height: 2.5em;
		width: 100%;
		background: url(../images/bullet-laranja.gif) no-repeat 5px 50%;
	}
	#menu ul a:hover, #menu ul a:focus { color: #BDB4AF !important; }
	/********************
	Fim: Menu
	********************/

#post-it {
	position: relative;
	float: right;
	margin-top: -44px;
}
/********************
Fim: painel
********************/


/********************
Boas vindas
********************/
#bem-vindo {
	margin-bottom: 15px;
	padding: 7px 10px;
	background-color: #352D27;
}

#bem-vindo * { color: #706058; }

#bem-vindo p { float: left; }

#bem-vindo p a { text-decoration: underline; }

#bem-vindo ul { float: right; }

#bem-vindo li {
	display: inline;
	margin-left: 15px;
}

#bem-vindo a:hover {
	color: #A29792;
	text-decoration: underline;
}
/********************
Fim: Boas vindas
********************/


/********************
Menu lateral
********************/
#menu-lateral {
	float: left;
	width: 155px;
	margin-right: 8px;
	padding: 12px 10px 30px;
	background: #1F1710 url(../images/rasgado-menu.png) no-repeat bottom;
}

#menu-lateral h4 {
	color: #FF6C00;
	font-weight: normal;
	padding-left: 10px;
	background: url(../images/bullet-menu.gif) no-repeat left;
}

#menu-lateral ul { padding: 7px 0 20px 5px; }

#menu-lateral a {
	display: block;
	width: 100%;
	line-height: 2.2em;
	text-indent: 16px;
	background: url(../images/bullet-laranja.gif) no-repeat 5px 50%;
}
#menu-lateral a:hover {
	color: #DFD8C7;
	background-color: #000;
}
/********************
Fim: Menu lateral
********************/


/********************
Conteudo principal
********************/
#principal {
	float: left;
	width: 484px;
}

#principal.interna {
	width: 454px;
	min-height: 1020px;
	padding: 7px 10px 10px;
	border: 5px solid #271D18;
}
* html #principal.interna { height: 1020px; }

	/********************
	Breadcrumb
	********************/
	#breadcrumb {
		margin-bottom: 25px;
		padding-left: 11px;
		background: url(../images/bullet-laranja.gif) no-repeat 0 6px;
	}

	#breadcrumb * { color: #A69E90; }
	
	#breadcrumb li.title { color: #635954; }

	#breadcrumb li {
		display: inline;
		margin-right: 7px;
	}

	#breadcrumb a {
		margin-right: 3px;
		text-decoration: underline;
	}
	#breadcrumb a:hover { color: #CAC5BC; }
	/********************
	Fim: Breadcrumb
	********************/
/********************
Fim: Conteudo principal
********************/


/********************
Informacoes extra (lateral direita)
********************/
#info {
	float: right;
	width: 277px;
	padding-top: 6px;
}

#info h4 {
	color: #DFD8C7;
	font-size: 1.3em;
	margin: 0 5px 3px;
}

#info div { margin-bottom: 10px; }

#videos, #eventos {
	padding-bottom: 6px;
	background: url(../images/rasgado-lateral.png) no-repeat bottom;
}

	/********************
	Videos
	********************/
	#videos #player {
		margin-bottom: 0;
		padding: 5px 7px;
		border: 10px solid #271F18;
	}
	
	#player embed { display: block; }
	
	#getflash {
		display: block;
		padding: 5px;
	}

	#getflash:hover {
		color: #DFD8C7;
		background-color: #271F18;
	}
	/********************
	Fim: Videos
	********************/

	/********************
	Proximos eventos
	********************/
	#eventos ul {
		padding: 2px;
		border: 10px solid #271f18
	}
	
	#eventos li { margin-bottom: 2px; }
	
	#eventos a {
		position: relative;
		display: block;
		width: 196px;
		padding: 7px;
		padding-right: 47px;
		background-color: #271F18;
	}
	#eventos .odd a { background-color: #2E251E; }
	
	#eventos li a:hover {
		color: #DFD8C7;
		background-color: #000;
	}
	
	#eventos span {
		cursor: pointer;
		color: #FF6C00;
		position: absolute;
		top: 7px;
		right: 7px;
	}
	/********************
	Fim: Proximos eventos
	********************/