/* ZERA TAGS */
@import "zera.css";
/* --------- */

/* Gerais ------------- */

body {
	background: url(../images/bgGeral.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font: 13px "Trebuchet MS";
}

a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

.alt { display: none; }

.clear { clear:both; margin: 0; padding: 0; line-height: 0; }

.hide { text-indent: -9000%; overflow: hidden; }

/* Geral ---------------- */

#Geral {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/* Topo ----------------- */

#Topo {
	height: 172px;
}

#Topo .MarcaTopo {
	background: url(../images/MarcaTopo.png) no-repeat;
	width: 530px;
	height: 150px;
	position: absolute;
	top: 30px;

}

/* Menu ----------------- */

#MenuTopo {
	position: absolute;
	left: 836px;
	top: 8px;
}

#MenuTopo ul li {
	float: left;
	font-size: 0.76em;
	text-transform: uppercase;
}

#MenuTopo ul li a {
	color: #FFF;
	text-decoration: none;
	padding: 0px 25px;
}

#MenuTopo ul li a:hover { text-decoration: underline; }

#MenuTopo ul li a.home { background: url(../images/iconHome.gif) no-repeat left; }
#MenuTopo ul li a.contato { background: url(../images/iconContato.gif) no-repeat left; padding-right: 0px; }

#MenuPrincipal {
	font-size: 1.53em;
	position: absolute;
	left: 294px;
	top: 92px;
	border: solid 0px red;
}

#MenuPrincipal ul li {
	float: left;
	list-style: none;
	background: url(../images/divMenu.gif) no-repeat right;
	padding: 0px 18px 0px 12px;
	letter-spacing: -1px;
}

#MenuPrincipal ul li.first { padding-left: 0px; }
#MenuPrincipal ul li.last { padding-right: 0px; background: none; }

#MenuPrincipal ul li a {
	color: #333;
	text-decoration: none;
}

#MenuPrincipal ul li a:hover {
	color: #D47217;
	text-decoration: underline;
}

/* Corpo ---------------- */

#Corpo {
	width: 1000px;
	background: url(../images/bgCorpo.png) no-repeat top;
}

/* Conteudo ------------ */

#Conteudo {
	float: left;
	width: 685px;
	padding: 13px 0px 8px 13px;
}

#Conteudo h2 {
	color: #333;
	font-size: 2.69em;
	font-weight: normal;
	letter-spacing: -2px;
	padding: 5px 10px;
}

#Conteudo h3 {
	color: #666;
	font-size: 1.23em;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 5px 10px;
}

#Conteudo p {
	padding: 5px 10px;
}

#Conteudo ul {
	padding: 3px 15px;
}

#Conteudo .imgDir { float: right; padding: 2px; background: #666; margin: 4px; }
#Conteudo .imgEsq { float: left; padding: 2px; background: #666; margin: 4px 8px; }
#Conteudo .img { padding: 2px; background: #666; margin: 4px; }

/* Itens Produtos */

#Conteudo .ItemProduto {
	margin: 0px 0px 0px 25px;
	padding: 25px 0px;
	background: url(../images/bgLine.gif) repeat-x bottom;
}

#Conteudo .ItemProduto.first { padding-top: 0px; }

#Conteudo .ItemProduto h3 {
	padding: 5px 0px;
}

/* Formularios */

#Conteudo label {
	padding: 5px 10px;
	margin: 2px;
	width: 220px;
	text-align: right;
	float: left;
}

#Conteudo input, #Conteudo textarea {
	float: left;
	border: solid 1px #DDD;
	padding: 5px;
	margin: 2px;
	width: 300px;
}

#Conteudo form br { clear: left; }

#Conteudo button {
	padding: 5px 10px;
	background: #666;
	color: #FFF;
	margin: 2px;
}

#Conteudo #BtsForm {
	float: right;
	padding: 10px 127px;
}

/* Botoes Baixo -------- */

#BtsBottom {
	padding: 10px;
	clear: both;
	float: right;
}

#BtsBottom .btVoltar, #BtsBottom .btTopo { 
	padding: 3px 8px;
	font-size: 1.15em;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	background: #EEE;
	margin: 2px;
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #CCC;
}

/* Destaques ----------- */

#Destaques {
	width: 685px;
	height: 300px;
	float: left;
	background: #EAEAEA;
}

/* Noticias ----------- */

#chat {
	width: 280px;
	float: right;
	padding: 15px 0px 10px 13px;
}
/* Noticias ----------- */

#Noticias {
	width: 280px;
	float: left;
	padding: 0px 0px 0px 13px;
}

#Noticias h2 {
	font-size: 2.15em;
	letter-spacing: -1px;
	color: #666;
	padding: 15px 0px 3px 0px;
	font-weight: normal;
}

#Noticias ul {
	padding: 0px 0px 0px 5px;
}

#Noticias ul li {
	width: 250px;
	padding: 14px 4px;
	background: url(../images/bgLine.gif) repeat-x bottom;
}

#Noticias ul li.first { padding-top: 6px; }

#Noticias ul li span.data, #Noticias ul li span.categorias {
	font-size: 0.92em;
	color: #333;
}

#Noticias ul li span.categorias { color: #D37116; }

#Noticias ul li h3 { font-weight: normal; }

#Noticias ul li h3 a {
	font-size: 1.076em;
	color: #666;
	text-decoration: none;
	line-height: 14px;
}

#Noticias ul li h3 a:hover {
	text-decoration: underline;
}

#Noticias .VerTodas {
	font-size: 1.15em;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	float: right;
	padding: 13px 23px;
}

#Noticias .VerTodas:hover { text-decoration: underline; }

/* Rodape ------------- */

#Rodape {
	width: 990px;
	height: 43px;
	background: #666;
	color: #FFF;
	margin: 0px 0px 0px 5px;
	text-align: center;
	padding: 27px 0px 0px 0px;
	position: relative;
}

#Rodape a {
	color: #FFF;
}

#Rodape .MarcaRodape {
	background: url(../images/MarcaRodape.gif);
	width: 70px;
	height: 30px;
	display: block;
	position: absolute;
	top: 22px;
	right: 48px;
}

/* Redes -------------- */

#Topo .redes {
	width: 290px;
	position: absolute;
	right: 6px;
	top: 137px;
	background: url(../images/bgRedes.png) no-repeat top right;
	padding: 8px 0 0 0;
}

#Topo .redes ul { float: right; }
#Topo .redes ul li { float: left; padding: 0 3px 0 7px; }
#Topo .redes ul li a {
	float: left;
	width: 20px;
	height: 20px;
}

#Topo .redes ul li a.twitter { background: url(../images/iconTwitter.png); }
#Topo .redes ul li a.facebook { background: url(../images/iconFacebook.png); }
#Topo .redes ul li a.linkedin { background: url(../images/iconLinkedin.png); }