/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Arquivo: main.css
* Versao: 1.0.0 (02-03-2009) DD-MM-AAAA
* Website: www.encomextrading.com.br
* Autor: www.roxie.com.br
* Descricao: Global CSS.

== ESTRUTURA ===============================
* Tamanho da página: 750px
* Colunas: 1
============================================

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* GLOBAL ========================================== */

html, body {width:100%; height:100%; min-height:100%; height:auto !important;}
body {background:url(../imagens/bgBody.jpg) repeat-x top #C4C4C4;}

div#main {
	width:768px;
	margin:0 auto;
}

div.conteudo {min-height: 300px}
div.conteudo p {margin-bottom: 15px}
div.conteudo ul {list-style: inside disc}
div.conteudo ul li {margin-bottom: 15px}

/* TOPO ============================================ */

div#top {
	width:100%;
	height:120px;
}

div#top h1 a {
	width:222px;
	height:104px;
	background:url(../imagens/logo.gif) no-repeat center;
	text-indent:-5000em;
	overflow:hidden;
	margin:15px 8px 0 8px;
	float:left;
	display:block;
}

div#top ul {
	float: left;
	width: 521px;
	height: 58px;
	clear: right;
	background: url(../imagens/menuTop.gif) no-repeat center;
	margin-top: 37px;
	*margin-top: 80px;
	_margin: 70px 0 0 -10px;
	
}

div#top ul li {
	float:left;
}

div#top ul li a {
	/*opacity: 0.5; background-color: #000099; margin-left: 1px;*/
	height:40px;
	text-indent:-5000em;
	overflow: hidden;
	display:block;
	margin-top:17px;
	_margin-top:21px;
}
div#top ul li.tp-empresa a {width:125px; margin-left: 5px}
div#top ul li.tp-servicos a {width:90px;}
div#top ul li.tp-prodImp a {width:104px;}
div#top ul li.tp-noticias a {width:84px;}
div#top ul li.tp-contato a {width:102px;}

div#top h2 {
	float:left;
	width:768px;
	text-indent:-5000em;
	overflow:hidden;
	margin-top:-15px;
}

div#top div#titleHome {
	height: 247px;
	width: 770px; 
	float: left;
	margin-top: -10px;
}

div#top h2.titleEmpresa, div#top h2.titleServicos, div#top h2.titleProdutos, div#top h2.titleNoticias,  div#top h2.titleContato, div#top h2.titleBusca {
	_margin-top:-7px;
	margin-top:-8px;
	height:140px;
}

div#top h2.titleEmpresa {background:url(../imagens/headerEmpresa.png) no-repeat center;}
div#top h2.titleServicos {background:url(../imagens/headerServ.png) no-repeat center;}
div#top h2.titleProdutos {background:url(../imagens/headerProducts.png) no-repeat center;}
div#top h2.titleNoticias {background:url(../imagens/headerNoticias.png) no-repeat center;}
div#top h2.titleContato {background:url(../imagens/headerContato.png) no-repeat center;}
div#top h2.titleBusca {background:url(../imagens/headerContato.png) no-repeat center;}


div#top span {
	float:right;
	width:228px;
	height:16px;
	background:url(../imagens/trocaIdioma.png) no-repeat left center;
	margin:10px 20px;
	font:0px Arial, Helvetica, sans-serif;
	color:#fff;
}

div#top span a {
	display:block;
	width:26px;
	height:16px;
	float:right;
	position:absolute;
	z-index:2000;
	text-indent:-4000em;
}

div#top span a.portugues {margin:0 170px; *margin:0 130px;}
div#top span a.ingles {margin:0 202px; *margin:0 162px;}

/* CONTEÚDO ======================================= */

div#middle {
	width: 750px;
	margin: 0 auto;
	background: #fff;
	clear: left; 
	_margin: 0 auto;
}

div#middle.home {
	float: left;
	margin: -10px 0 0 9px;
	height: 332px;
	*margin-top: 241px !important; 
	_margin: -10px 0 0 5px;
}

div#middle.interna {
	*margin-top:139px;
}

/* Titulos, setados com uso de CSS Sprites */
div#productsBox, div#newsBox, div#newsletterBox {
	width:250px;
	height:332px;
	float:left;
	background:url(../imagens/spriteBgMain.jpg) no-repeat;
}

div#productsBox {background-position:left top;}
div#newsBox {background-position:-250px top;}
div#newsletterBox {background-position:-500px top;}

div#middle.home h3, div#middle.home h4 {
	text-indent:-5000em;
	overflow:hidden;
	width:165px;
	height:18px;
	margin:20px 0 0 20px;
}

div#productsBox h3 {background:url(../imagens/spriteTitleMain.png) no-repeat 0 -18px; _background:url(../imagens/btnProdutos.png) no-repeat;}
div#newsBox h3 {background:url(../imagens/spriteTitleMain.png) no-repeat top left; _background:url(../imagens/btnNoticias.png) no-repeat;}
div#newsletterBox h3 {background:url(../imagens/spriteTitleMain.png) no-repeat 0 -36px; _background:url(../imagens/btnNewsletter.png) no-repeat;}
div#newsletterBox h4 {background:url(../imagens/spriteTitleMain.png) no-repeat 0 -52px; _background:url(../imagens/btnContato.png) no-repeat;}

/* Fim Titulos */

/* Conteudo dos boxes */

div#productsBox p {
	width:212px;
	font:13px Trebuchet MS;
	color:#fff;
	margin:10px 10px 15px 20px;
	line-height:16px;
}

div#productsBox a {
	width:216px;
	height:46px;
	display:block;
	text-indent:-5000em;
	overflow:hidden;
	margin:0 0 7px 20px;
	background:url(../imagens/spritebuttonMain.png) no-repeat;
}

div#productsBox a.prodExp {background-position:0 0; _background:url(../imagens/btnProdExp.png) no-repeat; _cursor:pointer;}
div#productsBox a.prodImp {background-position:0 -47px; _background:url(../imagens/btnProdImp.png) no-repeat; _cursor:pointer;}

div#newsBox ul {margin:10px 10px 0 20px;font:13px Trebuchet MS;}

div#newsBox li {padding-bottom:10px; line-height:16px;}

div#newsBox ul li span {color:#fffc00; }
div#newsBox ul li p a:link, div#newsBox ul li p a:visited {color:#fff; text-decoration:none;}
div#newsBox ul li p a:hover {text-decoration:underline;}

div#newsBox a.newsBt {
	width:216px;
	height:30px;
	display:block;
	text-indent:-5000em;
	overflow:hidden;
	background:url(../imagens/spritebuttonMain.png) no-repeat 0 -94px;
	_background:url(../imagens/btnVerNoticias.png) no-repeat;
	_cursor:pointer;
	margin:0 0 0 18px;
}

div#newsletterBox form {
	margin:10px 10px 0 20px;
	font: 13px Trebuchet MS !important;
	color:#fff;
	width:220px;
}

div#newsletterBox form fieldset span {width:204px; display:block; padding-bottom:10px;}

div#newsletterBox form fieldset label {display:inline-block;}

div#newsletterBox form fieldset label span {
	width:46px;
	padding:0;
	text-align:left;
	height:30px;
	line-height:20px;
	float:left;
}

div#newsletterBox form fieldset label input {
	width:155px;
	padding:2px;
	border:none;
	background:#b3b3b3;
	right:0;
}

div#newsletterBox form fieldset input.enviar {
	margin:-2px 14px;
	_margin:0px 10px;
	width:54px;
	height:20px;
	float:right;
}

div#newsletterBox div {
	width:130px;
	font:13px Trebuchet MS;
	color:#fff;
	margin:10px 20px;
}

/* Fim do conteudo dos boxes */

/* Conteudos INTERNAS */

div#middle.interna {
	width:750px;
	background:#fff;
	float:left;
	margin:0 9px;
	*margin-top:150px;
}

div#middle.interna div.menu ul {
	float:left;
	width:159px;
	margin:10px 20px;
	_margin:10px;
}

div#middle.interna div.menu ul li  {line-height:normal;}

div#middle.interna div.menu ul li a {
	padding:15px 25px;
	width:140px;
	display:inline-block;
	margin-bottom:1px;
	font:12px Trebuchet MS;
	color:#6f6f6f;
	text-decoration:none;
	background:url(../imagens/bullet.gif) no-repeat 10px 20px #e5e5e5;
}

div#middle.interna div.conteudo {
	float: right;
	width: 500px;
	padding: 10px 0 20px 0;
	margin-right: 20px;
	text-align: justify;
}

div#middle.interna div h3 {
	font:18px Trebuchet MS;
	color:#6e719a;
	padding-bottom: 20px
}


div#middle.interna div.conteudo p img {float:right; border:1px solid #e8eef4; padding:2px; margin:0 0 20px 20px;}

div#middle.interna div.produtos {
	float:left;
	padding: 0;
}
div#middle.interna div.produtos ul {margin:10px 0 40px 0; float:left;}

div#middle.interna div.produtos ul li {
	width:155px;
	height:157px;
	float:left;
	display:block;
	border:1px solid #656d94;
	margin:10px 9px 0 0;
}

div#middle.interna div.produtos ul li div {
	height:117px;
}

div#middle.interna div.produtos ul li img {padding:0 0 10px 10px;}
div#middle.interna div.produtos ul li span {
	display:block;
	width:135px;
	height:28px;
	background:url(../imagens/arrow.gif) no-repeat 7px 15px #656d94;
	padding:12px 0 0 20px;
	font:12px Trebuchet MS;
	color:#fff;
	text-decoration:none;
}

div#middle.interna div.conteudo div.contato {
	font:13px Trebuchet MS;
	color:#6f6f6f;
}

div#middle.interna div.conteudo div.contato form {
	margin:10px 0;
	font:11px Trebuchet MS;
}

div#middle.interna div.conteudo div.contato form fieldset span {}

div#middle.interna div.conteudo div.contato form fieldset label {display:inline-block;}

div#middle.interna div.conteudo div.contato form fieldset label span {
	width:60px;
	padding:0 3px;
	text-align:right;
	height:25px;
	line-height:20px;
	float:left;
}

div#middle.interna div.conteudo div.contato form fieldset label input, div#middle.interna div.conteudo div.contato form fieldset label textarea {
	width:290px;
	padding:2px;
	border:1px solid #ccc;
	background:#f3f3f3;
	right:0;
}

div#middle.interna div.conteudo div.contato form fieldset input.enviar {
	margin:5px 64px;
	_margin-left:68px;
	padding:3px 12px;
	background:#f3f3f3;
	border:1px solid #ccc;
}

/* Fim do conteudo INTERNAS */

/* FOOTER ========================================== */

div#footer {
	width:750px;
	height:81px;
	clear:both;
	margin:0 auto;
	background:#fff;
	background:url(../imagens/spriteBgMain.jpg) no-repeat bottom;
}

div#footer ul {
	width: 490px; 
	float:left;
	margin:30px 0 0 20px;
	_margin-left:10px;
	padding-bottom:25px;
}
				
div#footer span {
	float: right;
	width: 110px;
	height: 35px;
	text-indent: -5000em;
	overflow: hidden;
	background: url(../imagens/roxie.png) no-repeat center;
	margin: 25px 0 0 110px;
	position: absolute;
}

div#footer span a {
	width: 70px;
	height: 27px;
	display: block;
	float: right;
	/*background: #500*/
}

a.liProductSelected {background-color: #656d94 !important; color: #FFFFFF !important; font-weight: bold}

ul#ListaImagensGaleria {list-style: none; float: right; width: 130px}
ul#ListaImagensGaleria li {
	float: left; 
	width: 130px; 
	height: 82px;
	margin: 7px !important;
	}