@charset "utf-8";

/*ATRIBUIES GLOBAIS PARA DEIXAR O COMPORTAMENTO SEMELHANTE AO HTML*/
* {
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	border: none;
	vertical-align:middle;
}

body { margin: 5px; }

input, textarea, select {
	width: 300px;
	height:20px;
	border: solid 1px #CCCCCC;
	font: 130% Geneva, Arial, Helvetica, sans-serif;
	color: #1C7E4B;
}

select {
	width: auto;
	font: 110% Geneva, Arial, Helvetica, sans-serif;
}

input.botao-img {
	width: auto;
	height: auto;
	border: none;
}

input.botao-enviar {
	border: 1px outset;
	cursor: pointer;
	font: bolder 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px 30px;
	background-image:  url("../img/botao_bg.gif");
	background-repeat: repeat-x;
	width: auto;
	height: auto;
	color:#000000;
}

textarea { height: auto; }

a { color: #888785; }

a:hover { color: #10498C; }

legend { padding: 10px 0px; }

form fieldset label {
	font: 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #153B86;
	display: block;
	width: 300px;
	margin-bottom: 10px;
}

form fieldset label span.asterisco {
	font: 100% Arial, Helvetica, sans-serif;
	color: #FF0000;
}

p {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #10498C;
	text-indent: 40px;
	text-align:justify;
}

.break-left { clear: left; }

.break-right { clear: right; }

.voltar {
	margin: 10px 0px;
	clear:both
}

#erro {
	font: 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CC0000;
	margin: 10px 0px;
}

/* MAIN*/
#main {
	width: 985px;
	min-width: 985px;
	margin: 0px auto;
}

/* TOPO */
/* LOGO */
#top {
	width: 100%;
	height: 163px;
	background:url(../img/top_bg.gif) repeat-x;
	border: 1px solid #D3D3D3;
}

#top #logo {
	width: 377px;
	height: 163px;
	float: left;
	background:url(../img/top_logo.jpg) no-repeat;
}

#top #logo h1 a {
	text-indent: -9000px;
	width: 377px;
	height: 130px;
	display: block;
}

#top #logo h3 a {
	text-indent: -9000px;
	width: 377px;
	height: 33px;
	display: block;
}

/*MENUS*/
#top #top-menu {
	float: right;
	width: 608px;
}

#top #top-menu ul { height: 107px; }

#top #top-menu ul li { display: inline; }

#top #top-menu ul li a {
	float:left;
	width: 76px;
	height: 107px;
}

#top #top-menu ul li a span { display: none; }

#top #top-menu ul li a.home {
	background:url(../img/top_menu_home.jpg) no-repeat;
	display: block;
}

#top #top-menu ul li a.home:hover { background:url(../img/top_menu_home2.jpg) no-repeat; }

#top #top-menu ul li a.quem_somos {
	background:url(../img/top_menu_quem_somos.jpg) no-repeat;
	display: block;
}

#top #top-menu ul li a.quem_somos:hover { background:url(../img/top_menu_quem_somos2.jpg) no-repeat; }

#top #top-menu ul li a.produtos {
	background:url(../img/top_menu_produtos.jpg) no-repeat;
	display: block;
}

#top #top-menu ul li a.produtos:hover { background:url(../img/top_menu_produtos2.jpg) no-repeat; }

#top #top-menu ul li a.catalogo {
	background:url(../img/top_menu_catalogo.jpg) no-repeat;
	display: block;
}

#top #top-menu ul li a.catalogo:hover { background:url(../img/top_menu_catalogo2.jpg) no-repeat; }

#top #top-menu ul li a.professores {
	background:url(../img/top_menu_professores.jpg) no-repeat;
	display: block;
}

#top #top-menu ul li a.professores:hover { background:url(../img/top_menu_professores2.jpg) no-repeat; }

#top #top-menu ul li a.representantes {
	background:url(../img/top_menu_representantes.jpg) no-repeat;
	display: block;
}

#top #top-menu ul li a.representantes:hover { background:url(../img/top_menu_representantes2.jpg) no-repeat; }

#top #top-menu ul li a.links {
	background:url(../img/top_menu_links.jpg) no-repeat;
	display: block;
}

#top #top-menu ul li a.links:hover { background:url(../img/top_menu_links2.jpg) no-repeat; }

#top #top-menu ul li a.contato {
	background:url(../img/top_menu_contato.jpg) no-repeat;
	display: block;
}

#top #top-menu ul li a.contato:hover { background:url(../img/top_menu_contato2.jpg) no-repeat; }

/*DOLAR NO TOPO*/
#top #top-dolar {
	float: left;
	width: 302px;
	height: 38px;
	background:url(../img/top_cotacao.jpg) no-repeat right center;
	margin-top: 18px;
}

#top #top-dolar div.cotacoes {
	width: 300px;
	overflow: hidden;
	margin-top: 10px;
}

#top #top-dolar div.cotacoes div.cotacao-nome {
	float: left;
	margin: 0px 10px;
	width: 107px;
	text-align: right;
	font: bolder 100% "Arial Narrow", arial, verdana, tahoma, sans-serif;
	color: #989898;
}

#top #top-dolar div.cotacoes div.cotacao-info {
	float: left;
	width: 80px;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	font: 55% arial, verdana, tahoma, sans-serif;
	color: #999999;
	text-align: center;
	padding: 3px 0px;
}

/*AREA DA PESQUISA NO TOPO*/
#top #top-pesquisa {
	float: left;
	margin-top: 28px;
	margin-left: 8px;
}

#top #top-pesquisa label {
	text-indent: -9000px;
	float: left;
	overflow: hidden;
	width: 58px;
	background:url(../img/top_pesquisar.jpg) no-repeat right center;
	margin: 0px 4px;
}

#top #top-pesquisa input.input-pesquisa {
	width: 200px;
	height:20px;
	font: 100% Geneva, Arial, Helvetica, sans-serif;
}

/*DESTAQUES*/
#destaques {
	width: 100%;
	overflow:auto;
}

#destaques #destaque-titulos {
	margin: 10px 0px;
	width: 100%;
	height: 20px;
}

#destaques #destaque-titulos h2.destaque {
	float: left;
	text-indent: -9000px;
	overflow: hidden;
	background:url(../img/titulo_destaques.jpg) no-repeat left center;
	width: 179px;
	height: 20px;
}

#destaques #destaque-titulos h2.catalogo {
	float: right;
	text-indent: -9000px;
	overflow: hidden;
	background:url(../img/titulo_catalogo_digital.jpg) no-repeat right top;
	width: 179px;
	height: 20px;
}

#destaques #destaques-destaque {
	background: url(../img/destaque_bg.gif) repeat-x;
	border: solid 1px #d4d4d4;
	width: 750px;
	float: left;
}

#destaques #destaques-destaque div.destaques-destaque-h3 {
	float: left;
	margin: 7px;
	display: none;
	max-width: 358px;
	max-height: 209px;
	overflow: hidden;
}

#destaques #destaques-destaque div.destaques-destaque-h3 h3 p {
	font: 130% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1c0967;
	width: 358px;
	max-width: 358px;
	max-height: 209px;
	text-align: center;
	display: table-cell;	/*não funciona no IE*/
	vertical-align: middle; /*não funciona no IE*/
	text-indent: 0px;
}

#destaques #destaques-destaque div.destaques-destaque-img {
	width: 360px;
	height: 211px;
	float: right;
	overflow: hidden;
	margin: 7px;
	padding: 0px;
}

#destaques #destaques-destaque div.destaques-destaque-img img {
	width: 360px;
	height: 211px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#destaques #destaques-catalogo {
	width: 169px;
	height: 211px;
	padding: 7px;
	background: url(../img/destaque_bg.gif) repeat-x;
	border: solid 1px #d4d4d4;
	float: right;
}

#destaques #destaques-catalogo p {
	font: 95% "Trebuchet MS", Arial, Sans-serif;
	color: #999999;
	text-indent: 0px;
	text-align:center;
	overflow: auto;
}

/*RODAPE*/
#rodape { clear: left; }

#rodape #informacoes {
	width: 100%;
	height: 43px;
	border: solid 1px #CCCCCC;
	background:url(../img/rodape_bg.gif) repeat-x;
	text-align: center;
}

#rodape #informacoes ul li {
	display: inline;
	font: 70% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #888785;
}

#rodape #informacoes address {
	font: bold 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

#rodape #powered-by {
	padding: 5px 0px;
	width: 100%;
	height: 54px;
}

#rodape #powered-by div { float: left; }

#rodape #powered-by div.ouch { padding-left: 444px; /* (LARGURA DO #MAIN / 2) - (LARGURA DO .OUCH / 2)*/ }

#rodape #powered-by div.w3c-html {
	float: right;
	padding-right: 10px;
}

#rodape #powered-by div.w3c-css { float: right; }