* {margin:0; padding:0;}

img {border:0;} /* --- Toda imagem sem borda --- */

ul {list-style:none;}/* --- Toda lista desordenada sem bolinhas, quadrados e afins --- */

a {text-decoration:none;}/* --- Toda link sem decoração --- */

body {
	font:100% Helvetica, Verdana, Arial;
	text-align:center;
}
/* -------------------------------------------------------------- */
#wrap {
	display:block; 
	width:100%; 
	min-width:1000px;/* --- Tamanho minimo permitido para reduzir a pagina --- */
}
/* -------------------------------------------------------------- */

#topo {height:144px; background:url(../arquivos/bg-header.jpg) repeat-x;}
/* -------------------------------------------------------------- */

#menu {
	display:block;
	width:997px;
	height:25px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}

#menu ul li {display:block; float:left;}

#menu ul li a {
	 display:block;
	 width:165px;
	 height:21px;
	 float:left; 
	 color:#FFF;
	 padding-top:6px;
	 
}
#menu ul li a:hover {color:#000;}
/* -------------------------------------------------------------- */

#cenario {height:236px; background:#1f1a17 url(../arquivos/cenario988.png) no-repeat top center;}
/* -------------------------------------------------------------- */

#col-left {
	width:28%; 
	float:left;
	padding:5px;
	
}
/* -------------------------------------------------------------- */

#destaques{
	height:710px;
	background:#ffac65 url(../arquivos/titulo-destaques2.jpg) no-repeat top center;
	overflow-y:scroll; /* --- Apenas o scroll vertical habilitado --- */
	padding:55px 5px 5px;
	margin-top:10px; 
}

#aviso{
	height:191px;
	background:#000;
	padding:10px;
	margin-top:10px;
	color:#ff9900; 
}


.box-destaque {margin:5px 0 0 0; background:#fff; padding:5px;}

.box-destaque img {width:85%;}

.botao { /* --- Botão que será usado mais de uma vez na pagina --- */
	width:158px; 
	background:#fff url(../arquivos/botao.gif) right no-repeat; 
	padding:5px; 
	margin: 0 auto; /* --- Centraliza o botão --- */
	text-align:left;
}

.botao a {text-decoration:none; color:#FF0000; font-size:1em;}

.botao a:hover {text-decoration:underline;}
/* -------------------------------------------------------------- */
.titulo{
	height:75px;
	background:url(../arquivos/tv.png) top left no-repeat;
	margin-bottom:5px;
}

.titulo img {float:right;} /* --- Toda imagem dentro de .titulo ficarão à direita --- */

#video-ofertas embed, #video-ofertas object {width:100%;height:100%;left:0; top:0;}

#video-ofertas {
	position:relative; 
	height:250px;
}

#col-right {
	width:69%;
	padding:10px;
	float:left;
	display:inline;
}
/* -------------------------------------------------------------- */

#box-porta-pronta {
	display:inline;
	width:100%;
	height:211px;
	background:url(../arquivos/bg-kitporta.jpg) repeat-x;
	float:left;
	margin-bottom:10px;
}
/* -------------------------------------------------------------- */

#box-porta-eco {
	width:100%;
	height:323px;
	background:url(../arquivos/bg-portaseco.png) repeat-x;
	float:left;
	margin-bottom:10px;
	display:inline;
}
/* -------------------------------------------------------------- */

#box-marcas {
	width:32%;
	height:280px;
	background:url(../arquivos/bg-boxes.jpg) repeat-x;
	float:left;
	margin:0 1% 10px 0;
	display:inline;
}
/* -------------------------------------------------------------- */

#box-projetos {
	width:32%;
	height:280px;
	background:url(../arquivos/bg-boxes.jpg) repeat-x;
	float:left;
	margin:0 1% 10px 1%;
}
/* -------------------------------------------------------------- */

#box-home-base {
	width:31%;
	height:280px;
	background:url(../arquivos/bg-boxes.jpg) repeat-x;
	float:right;
	margin:0 1% 10px 1%;
	display:inline;
}
/* -------------------------------------------------------------- */

#box-assistencia {
	width:32%;
	height:149px;
	background:url(../arquivos/bg-ass.jpg) repeat-x;
	float:left;
	margin:0 1% 0 0;
	display:inline;
}

.link-assistencia {/* --- Apenas para teste, não está sendo usado --- */
	position:absolute;
	top:1112px;
	left:33%;
	color:#fff;
	font-size:12px;
}
/* -------------------------------------------------------------- */

#box-ace {
	width:66%;
	height:149px;
	background:url(../arquivos/bg-ass.jpg) repeat-x;
	float:right;
	display:inline;
}
/* -------------------------------------------------------------- */

#rodape {
	clear:both; 
	height:114px; 
	background:#000 url(../arquivos/rodape.jpg) no-repeat bottom center;
}
/* -------------------------------------------------------------- */

.clear {clear:both;}
/* -------------------------------------------------------------- */