/* CSS Website Expoloja */

* html .clearBoth {
	height:1%;
}
html {
	height: auto;
	min-height: 100%;
}
/* Zerando margin e padding*/

body, form, p, h1, h2, h3, h4, h5, h6, ul, li {
	margin:0;
	padding:0;
}
/* Zerando bordas */

img {
	border:0;
}
a {
	outline:0;
}
/* Definindo BackGround do Site */

body {
	background:#fff url(../imagens/bg-site.gif) top left repeat-x;
	text-align:center;
}
/* Definindo Fonte */

body, table, h1, h2, h3, h4, h5, p, input, select, textarea, button, div, a {
	color:#666;
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.esconde {
	display:none;
}
/* Definindo Alinhamento do Site */

#alinhamento {
	display:block;
	margin:0 auto;
	padding:0;
	text-align:left; /* Para voltar o alinhamento dos textos */
	width:100%;
	z-index:100;
}
/* BG esquerdo */

#bgtopo {
	background-color:#d7d7d7;
	border-bottom:#032052 24px solid;
	border-top:#fff 5px solid;
	display:block;
	height:78px;
	right:50%;
	position:absolute;
	margin-right:450px;
	top:10px;
	z-index:1;
}
#topo {
	display:block;
	height:182px;
	width:940px;
	margin:10px auto 0 auto;
	z-index:100;
}
#topo fieldset {
	border:0;
	float:right;
	margin:25px 25px 0 0;
}
#topo fieldset .campo {
	background-color:#ededed;
	border:#ccc 1px solid;
	color:#000;
	padding:11px 0 11px 10px;
	width:180px;
	height:13px;
}
#topo fieldset .botao {
	background-color:#e47919;
	border:#c25e07 1px solid;
	color:#fff;
	padding:0px 0 0px 0px;
	width:42px;
	height:36px;
}
#topo fieldset .botao:hover {
	background-color:#c25e07;
}
#topo #menuFerramentas {
	display:block;
	width:610px;
	height:55px;
	margin:0 auto;
}
/* Definindo largura e margens do site */

	#site {
	display:block;
	margin:0 auto;
	padding:0 25px 0 25px;
	width:890px;
}
/* Propriedades Específicas do Layout */

p.link_mapa a {
	font-weight:bold;
	text-decoration:underline;
}
p.link_mapa a:hover {
	color: #2c2d80;
}
p {
	line-height:15px;
	margin:0;
	padding-bottom:6px;
}
#esquerda {
	float:left;
	width:140px;
}
#esquerda #menuEsquerda {
	list-style:none;
}
#esquerda #menuEsquerda li {
	text-align:center;
}
#esquerda #menuEsquerda li a.bg01 {
	background:url(../imagens/marc_menu01.gif) no-repeat top left;
	color:#000;
	display:block;
	text-align: left;
	width:94px;
	height:28px;
	padding:4px 24px 0px 22px;
}
#esquerda #menuEsquerda li a.bg01:hover {
	color:#fff;
}
#esquerda #menuEsquerda li a.bg02 {
	background:url(../imagens/marc_menu02.gif) no-repeat top left;
	color:#000;
	display:block;
	text-align: left;
	width:116px;
	height:39px;
	padding:4px 0px 0px 24px;
}
#esquerda #menuEsquerda li a.bg02:hover {
	color:#fff;
}
#direita {
	float:right;
	width:140px;
}
#direita #menuDireita {
	list-style:none;
}
#direita #menuDireita li {
	text-align:center;
}
#direita #menuDireita li a.bg01 {
	background:url(../imagens/marc_menu01.gif) no-repeat top left;
	color:#000;
	display:block;
	text-align: left;
	width:94px;
	height:28px;
	padding:4px 24px 0px 22px;
}
#direita #menuDireita li a.bg01:hover {
	color:#fff;
}
#direita #menuDireita li a.bg02 {
	background:url(../imagens/marc_menu02.gif) no-repeat top left;
	color:#000;
	display:block;
	text-align: left;
	width:116px;
	height:39px;
	padding:4px 0px 0px 24px;
}
#direita #menuDireita li a.bg02:hover {
	color:#fff;
}
#content {
	display:block;
	width:570px;
	padding:0 20px;
	overflow: hidden;
}
#content ul.destaques {
	list-style:none;
	padding:35px 0;
}
#content ul.destaques li {
	display:block;
	float:left;
	width:260px;
	text-align:center;
	margin:0 12px 20px 12px;
}
#content ul.destaques li a img {
	background-color:#fff;
	border:#032052 2px solid;
	padding:3px;
}
#content ul.destaques li a:hover img {
	border:#962310 2px solid;
}
#content ul.destaques li a.descricao {
	color:#032052;
	display:block;
	font-size:17px;
	margin:7px 5px 10px 5px;
	text-align:center;
}
#content ul.destaques li a:hover.descricao {
	color:#962310;
	text-decoration:underline;
	cursor:pointer;
}
#content #conteudo {
	display:block;
}
#content #conteudo .galeria {
	clear:both;
	display:block;
	margin-top:10px;
	list-style:none;
}
#content #conteudo .galeria li {
	display:block;
	float:left;
	width:160px;
	text-align:center;
	margin:0 15px 15px 15px;
}
#content #conteudo .galeria li a img {
	background-color:#fff;
	border:#032052 2px solid;
	padding:3px;
}
#content #conteudo .galeria li a:hover img {
	border:#962310 2px solid;
}
#content #conteudo .galeria li a.descricao {
	color:#032052;
	display:block;
	margin:7px 5px 10px 5px;
	text-align:center;
}
#content #conteudo .galeria li a:hover.descricao {
	color:#962310;
	text-decoration:underline;
	cursor:pointer;
}
#content #conteudo span a:hover.orcamento {
	color:#962310;
	text-decoration:underline;
	cursor:pointer;
}
#content #conteudo .erro {
	font-size:24px;
	width:560px;
	text-align:center;
	padding:30px;
}
#rodape {
	background-color:#032052;
	clear:both;
	height:48px;
	margin:15px auto 0 auto;
	width:100%;
}
#rodape #alinha {
	margin:0 auto;
	width:940px;
	position:relative;
}
#rodape #destaque {
	color:#fff;
	width:50px;
	height:48px;
	float:left;
	margin:0 10px 0 200px;
}
#rodape #chamada {
	color:#fff;
	width:450px;
	height:48px;
	float:left;
 *float:none;
	margin:0 10px 0 60px;
}
#rodape #chamada h3 {
	color:#ccc;
	font-size:14px;
	text-align:left;
}
#rodape #alinha a.img-destaque {
	clear:both;
	float:left;
	text-align:left;
	position:absolute;
	bottom:-90px;
	right:730px;
 *bottom:-55px;
 *right:730px;
}
#rodape #alinha a.img-destaque img {
	border:#032052 3px solid;
}
#rodape #alinha a.img-destaque img:hover {
	border:#010d22 3px solid;
}
#rodape #chamada p a {
	display:block;
	color:#fff;
	text-align:left;
	padding:1px 0 5px 10px;
	text-decoration:underline;
}
#rodape #chamada p a:hover {
	text-decoration:none;
}
.menu_institucional ul {
	padding:0;
	margin:0;
}
.menu_institucional li {
	background-image:url(../imagens/marc_2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	float:left;
	list-style:none;
	margin-right:7px;
	margin-bottom:5px;
	padding:0 5px 0 11px;
	white-space:nowrap;
}
.menu_institucional li a:hover {
	color:#2c2d80;
}
/* Titulos */

h2 {
	background-position:left top;
	background-repeat:no-repeat;
	font-size:17px;
	clear:both;
	display:block;
	padding:7px 0 0px 21px;
	height:45px;
}
h2.titMenu {
	background-image: url(../imagens/tit-menu.gif);
	color:#fff;
}
h2.titulo-empresa {
	background-image: url(../imagens/tit-empresa.gif);
	text-indent:-5000px;
}
h2.titulo-producao {
	background-image: url(../imagens/tit-producao.gif);
	text-indent:-5000px;
}
h2.titulo-loja {
	background-image: url(../imagens/tit-loja.gif);
	text-indent:-5000px;
}
h2.titulo-clientes {
	background-image: url(../imagens/tit-clientes.gif);
	text-indent:-5000px;
}
h2.titulo-contato {
	background-image: url(../imagens/tit-contato.gif);
	text-indent:-5000px;
}
h2.titulo-orcamento {
	background-image: url(../imagens/tit-orcamento.gif);
	text-indent:-5000px;
}
/* Popup */

.popup_galeria_estrutura {
	margin:10px;
}
.popup_galeria_foto {
	padding:4px;
	background-color:#fff;
	border:1px solid #2c2d80;
 *border:4px solid #fff;
}
.popup_galeria_legenda {
	color:#fff;
	display:block;
	padding:10px 10px 5px 10px;
	text-align:center;
}
.popup_galeria_paginacao {
	clear:both;
	color:#2c2d80;
	display:block;
	padding:0 20px;
	text-align:center;
	width:auto;
}
.popup_galeria_paginacao a {
	color:#2c2d80;
	font-weight:bold;
}
.popup_galeria_paginacao a:hover {
	text-decoration:underline;
}
span.select {
	position: absolute;
	width: 85px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 36px;
	color:#000;
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 11px 24px 11px 10px;
	background: url(../imagens/select.gif) no-repeat;
	overflow: hidden;
}