/* -------------------- */
/* ----- ShadoBox ----- */
/* -------------------- */
#sb-title {
	z-index: 1000;
}
#produtos #sb-title-inner {
	margin-left: 30px;
}
#produtos #sb-wrapper-inner {
	margin-top: -30px;
	padding-top: 30px;
}

#ambientes #sb-wrapper-inner {
	margin-top: 0;
	padding-top: 0;
}


#produtos #sb-wrapper-inner {
	/*padding: 30px;
	background-color: #FFF;*/
}
#produtos #sb-body,
#produtos #sb-loading,
#produtos #sb-wrapper-inner #sb-player {
	/*background-color: #FFF !important;*/
}

#sb-loading-inner {
	height: 32px !important;
	line-height: 32px !important;
}

#showroom #sb-wrapper-inner #sb-player {
	border: 1px solid #CCC;
}

/* ------------------ */
/* ----- Layout ----- */
/* ------------------ */
* {
	border: none 0;
	text-decoration: none;
	color: #444;
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #6d6d6d;
	min-width: 990px;
	visibility: visible;
/*	background: url(../img/layout/geral/bg_topo.gif) repeat-x;*/
}
#body2 {
	background: url(../img/layout/geral/bg_topo.gif) repeat-x;
}

#wrapper {
	width: 938px;
	text-align: left;
	line-height: 150%;
	cursor: default;
	/*position: relative;*/
	margin: 5px auto;
	padding: 25px;
	background: url(../img/layout/geral/bg_conteudo.gif) no-repeat;		
}


/* ---------------- */
/* ----- Topo ----- */
/* ---------------- */
#topo {
	background: url(../img/layout/geral/topo.jpg) no-repeat;	
	height: 145px;
	width: 990px;
	margin: 0 auto;
}
#topo h1 a {
	float: left; display: inline;
	margin-top: 35px;
	margin-left: 25px;
	text-indent: -9999em;
	overflow: hidden;
	background:	url(../img/layout/geral/logo.png) no-repeat;
	width: 218px;
	height: 83px;
}
#topo h2 {
	display: none;	
}

/* ----- Redes Sociais ----- */
#topo #redes-sociais {
	float: left;
	display: inline;
	margin: 16px 0 0 280px;
}
#topo #redes-sociais  a {
	background: transparent url(../img/layout/geral/redes_sociais.png) 0 0 no-repeat;
	text-indent: -1000em;
	overflow: hidden;
	width: 21px;
	height: 21px;	
	float: left;
	display: inline;
	padding: 1px 0;
	margin: 0 0 0 8px;
}

#topo #redes-sociais  a.twitter {
	background-position: -31px 0;
}
#topo #redes-sociais  a.orkut {
	background-position: -62px 0;
}
#topo #redes-sociais  a.facebook {
	background-position: -95px 0;
	margin-left: 9px;
}

#topo form {
	float: right; 
	display: inline;
	background: url(../img/layout/geral/curva_busca_cinza.gif) no-repeat;
	width: 348px;
	height: 38px;
	margin-top: 4px;
	padding-top: 4px;
}
#topo form div {
	float: left; 
	display: inline;
	background: url(../img/layout/geral/bg_input_busca1.gif) no-repeat;
	height: 32px;	
	margin-left: 16px;
}
#topo form #BuscaInputBusca {
	float: left; 
	display: inline;
	border: none;
	background: url(../img/layout/geral/bg_input_busca2.gif) repeat-x;	
	height: 32px;
	line-height: 32px;
	font-style: italic;
	color: #888;
	margin-left: 11px;
	width: 232px;
}
#topo form #btBusca {
	float: left; display: inline;
}


/* ---------------- */
/* ----- Menu ----- */
/* ---------------- */
#topo #menu {
	float: right; display: inline;
	margin-top: 18px;
	margin-right: 11px;
	width: 637px;
}
#topo #menu li {
	float: left; display: inline;	
}
#topo #menu li a.direto {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	height: 50px;
	background: url(../img/layout/geral/menu.jpg) no-repeat;
}
#topo #menu .capa a.direto {
	width: 47px;
	background-position: 0 -1px;
}
#topo #menu .empresa a.direto {
	width: 79px;
	background-position: -48px -1px;
}
#topo #menu .produtos a.direto {
	width: 70px;
	background-position: -127px -1px;
}
#topo #menu .simulador a.direto {
	width: 73px;
	background-position: -197px -1px;
}
#topo #menu .showroom a.direto {
	width: 85px;
	background-position: -270px -1px;
}
#topo #menu .vendas a.direto {
	width: 61px;
	background-position: -355px -1px;
}
#topo #menu .eventos a.direto {
	width: 63px;
	background-position: -416px -1px;
}
#topo #menu .pedidos a.direto {
	width: 93px;
	background-position: -479px -1px;
}
#topo #menu .contato a.direto {
	width: 64px;
	background-position: -572px -1px;
}
/* ----- Menu Hover ----- */
/*#topo #menu li a:hover { background: url(../img/layout/geral/menu_hover.gif) no-repeat; }*/
#topo #menu .capa a.direto:hover { background-position: 0 -52px; }
#topo #menu .empresa a.direto:hover { background-position: -48px -52px; }
#topo #menu .produtos a.direto:hover { background-position: -127px -52px; }
#topo #menu .simulador a.direto:hover { background-position: -197px -52px; }
#topo #menu .showroom a.direto:hover { background-position: -270px -52px; }
#topo #menu .vendas a.direto:hover { background-position: -355px -52px; }
#topo #menu .eventos a.direto:hover { background-position: -416px -52px; }
#topo #menu .pedidos a.direto:hover { background-position: -479px -52px; }
#topo #menu .contato a.direto:hover { background-position: -572px -52px; }

#topo #menu li.produtos > ul {
	position: absolute;
	top: 113px;
	left: 50%;
	margin-left: -27px;
	text-align: left;
	background: #676766;
	color: #FFF;
	opacity: 0.95;
	filter: alpha(opacity=95);
	display: none;
	width: 210px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
	zoom: 1;
}
#topo #menu li.produtos > ul li { float: none; display: block; font-size: 12px; border-bottom: 1px solid #797979;}
#topo #menu li.produtos > ul li:last-child { border-bottom: none; }
#topo #menu li.produtos > ul li a {
	float: none;
	display: block;
	padding: 5px 7px;
	color: #FFF;
	border-bottom: 1px solid #333;
	font-size: 11px;
}
#topo #menu li.produtos > ul li a:last-child {
	border-bottom: none;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#topo #menu li.produtos > ul li a:hover {
	background: #5c5c5c;
}
#topo #menu li.produtos > ul li span {
	display: none;
}
#topo #menu li.produtos:hover > ul { display: block; }

/* ----- Links e Titulos Gerais ----- */
#conteudo a {
	color: #00F;
	cursor: pointer;
	text-decoration: none;
}
#conteudo a:hover {
	color: #F00;
}
#conteudo h3 {
	font-size: 38px;	
	color: #3a637d;
	letter-spacing: -3px;
	font-weight: bold;
	line-height: 38px;
	margin: 0 0 46px 0;
}
#conteudo p {
	line-height: 24px;
	margin-bottom: 18px;
}


/* ----------------------- */
/* ----- Formularios ----- */
/* ----------------------- */
#conteudo label {
	display: block;
	white-space: nowrap;
	font-size: 14px;
	color: #000;
	margin-top: 6px;
	letter-spacing: -1px;
}
#conteudo input,
#conteudo button,
#conteudo textarea,
#conteudo select {
	background: #FFF url(../img/layout/admin/bg_input.gif) top center repeat-x;
	border: 1px solid #CCC;
	padding: 2px;
	margin-bottom: 4px;
	font-size: 14px;
}
#conteudo input:focus,
#conteudo button:focus,
#conteudo textarea:focus,
#conteudo select:focus {
	border-color: #999;
}
#conteudo button {
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #FFF;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	color: #000;
	background: #FFF;
	overflow: visible;
	padding: 3px 4px;
	margin-right: 3px;
}
button:hover {
	color: #333;
}


/* -------------------- */
/* ----- ShowRoom ----- */
/* -------------------- */
#showroom #conteudo ul {
	margin: 0 0 0 1px;
}
#showroom #conteudo ul li {
	float: left; display: inline;
}


/* ---------------------- */
/* ----- Links Topo ----- */
/* ---------------------- */
#expositores #conteudo h3,
#paginas.utilizacao-aplicacao #conteudo h3,
#paginas.especificacoes-tecnicas #conteudo h3,
#downloads #conteudo h3,
#produtos #conteudo h3  {
	float: left;
	display: inline;
}
#conteudo #links-topo {
	float: right;
	display: inline;
	width: 515px;
	margin: 0 0 46px 0;
}

#paginas.projetos-sociais #conteudo #links-topo,
#paginas.processo-produtivo #conteudo #links-topo,
#paginas.posicionamento #conteudo #links-topo,
#paginas.a-empresa #conteudo #links-topo {
	width: 552px;
}
#conteudo #links-topo a {
	background: transparent url(../img/layout/geral/seta2.gif) left center no-repeat;
	padding-left: 12px;
	float: left;
	display: inline;
	text-decoration: none;
	color: #08A4C4;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
	margin: 13px 14px 0 0;
}
#conteudo #links-topo a:hover {
	color: #797979;
}


/* ------------------------------------ */
/* ----- Lista de Fotos Ambientes ----- */
/* ------------------------------------ */
#conteudo ul.lista-ambientes,
#conteudo ul.lista-ambientes li {
	float: left;
	display: inline;
	margin-right: 0;
}
#conteudo ul.lista-ambientes {
	width: 900px;
}
#conteudo ul.lista-ambientes li {
	list-style: none;
	margin: 0 48px 30px 0;
}
#conteudo ul.lista-ambientes li.quebra {
	width: 880px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: none;

}
#conteudo ul.lista-ambientes li.item_3 {
	margin-right: 0;
}
#conteudo ul.lista-ambientes li a,
#conteudo ul.lista-ambientes li a img {
	display: block;
	text-decoration: none;
}
#conteudo ul.lista-ambientes  li a img {
	background-color: #EDEDED;
	padding: 2px;
}
#conteudo ul.lista-ambientes  li a:hover img {
	background-color: #CCC;
}
#conteudo ul.lista-ambientes li a strong {
	display: block;
	text-align: center;
	color: #766A01;
	margin-top: 5px;
}
#conteudo ul.lista-ambientes li a:hover strong {
	color: #08A4C4;
}


/* --------------------- */
/* ----- Simulador ----- */
/* --------------------- */
#paginas.simulador #conteudo {
	padding-bottom: 150px;
}


/* ----------------------- */
/* ----- Lista Fotos ----- */
/* ----------------------- */
#conteudo ul.fotos,
#conteudo ul.fotos li {
	float: left;
	display: inline;
	margin: 0;
}
#conteudo ul.fotos li {
	list-style: none;
	margin: 0 25px 15px 0;
}
#conteudo ul.fotos li a img {
	display: block;
	padding: 1px;
	background-color: #DDD;
}
#conteudo div.exibe a:hover img.img_destaque,
#conteudo ul.fotos li a:hover img {
	background-color: #999;
}


/* ----------------------- */
/* ----- Botao Voltar -----*/
/* ----------------------- */
#conteudo a.bt-voltar {
	float: right;
	display: inline;
	clear: both;
	margin-bottom: 25px;
	text-decoration: none;
	color: #08A4C4;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
	width: 60px;
	text-align: right;
}
#conteudo a.bt-voltar span {
	display: none;
	color: #FFF;
	text-decoration: none;
}
#conteudo a.bt-voltar:hover span {
	display: inline;
	color: #797979;
}
/* ----- IE6 ----- */
* html #conteudo a.bt-voltar:hover span {
	display: none;
}
/* ----- IE6 ----- */
#conteudo a.bt-voltar:hover {
	color: #797979;
}


/* --------------------- */
/* ----- Paginacao ----- */
/* --------------------- */
#conteudo ul.paging {
	height: 35px;
	text-align: center;
	margin: 10px auto;
	list-style: none;
	clear: both;
}
#conteudo ul.paging li.title {
	display: none;
}
#conteudo ul.paging li {
	font-size: 14px;
	margin: 0;
	list-style: none;
	display: inline;
	background-color: #2692A8;
}
#conteudo ul.paging li.prev {
	margin-right: -3px;
}
#conteudo ul.paging li.next {
	margin-left: -4px;
}
#conteudo ul.paging li.next span a,
#conteudo ul.paging li.prev span a {
	font-size: 15px;
}

/* ----- IE6 ----- */
* html #conteudo ul.paging li.prev { padding-bottom: 2px; }
* html #conteudo ul.paging li.next { padding-bottom: 2px; }
/* ----- IE6 ----- */

#conteudo ul.paging li a {
	border: none;
	border-right: 1px solid #16849A;
	color: #FFF;
	padding: 2px 9px;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	background-color: #2692A8;
}
#conteudo ul.paging li.numbers span.current {
	color: #FFF;
	font-weight: bold;
	padding: 3px 9px;
	background-color: #37A3B9;
}
#conteudo div.pagingCounter {
	display: none;
}
#conteudo ul.paging li.prev span a:hover,
#conteudo ul.paging li a:hover {
	background-color: #37A3B9;
}


/* ------------------ */
/* ----- Rodape ----- */
/* ------------------ */
#rodape {
	margin: 0 auto;
	text-align: left;
	clear: both;
	background: url(../img/layout/geral/bg_rodape3.gif);
	padding: 10px 0;
	border-top: solid 3px #646464;
}
#rodape .wrapper {
	width: 990px;
	height: 117px;
	background: url(../img/layout/geral/bg_rodape4.gif) no-repeat;
	margin: 0 auto;
	text-align: left;
	color: #FFF;
	clear: both;
}
#rodape a.pedidos {
	background: url(../img/layout/geral/bt_pedidos.gif) no-repeat;
	float: right;
	display: inline;
	width: 87px;
	height: 40px;
	margin: 15px 25px 0 0;
	text-indent: -1000em;
	overflow: hidden;
}

#rodape .desenvolvimento {
	float: right; 
	display: inline;
	text-align: right;
	margin: 24px 25px 0 0;
	color: #EEE;
	width: 205px;
}
#rodape .desenvolvimento a {
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
#rodape .desenvolvimento a:hover {
	text-decoration: underline;
}
#rodape .wrapper div {
	float: left; 
	display: inline;
	margin: 25px 0 0 25px;
	width: 700px;
}
#rodape .wrapper address { 
	color: #EEE; 
	line-height: 26px; 
	margin-top: 8px;
}
#rodape .wrapper a { color: #F7F7F7; }
#rodape .wrapper strong { color: #EEE; }

#banner-flutuante {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 1000;
	display: none;
	padding: 0;
	margin: 0;
}
#index #banner-flutuante a.fechar {
	display: block;
	text-decoration: none;
	font-weight: bold;
	background-color: #b8a46c;
	color: #FFF;
	padding: 2px 5px 2px 6px;
	position: absolute;
	right: 0;
}
#index #banner-flutuante a.fechar:hover {
	text-decoration: underline;
}
#index #banner-flutuante img {

	padding: 1px;
	background-color: #444;
}