﻿/* CSS Document */

/****************************************************************/
/* index.css                                                    */ 
/* Data			: 18.06.2010                                    */
/* Atualização	: 30.11.2010                                    */
/****************************************************************/

/* Formatação das áreas */
*
{
	padding:0px;
	margin:0px;
}

body
{
	/*background:url(../images/site/fundo.jpg) top left repeat-x #FFF;*/
	margin:0px;
	padding:0px;
	text-align:center; /* hack para o Internet Explorer */
}

#tudo
{
	width:900px;/*950px;*/
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left; /* "remédio" para o hack do Internet Explorer */
}

#topo
{
	width:900px;/*950px;*/
	height:150px;
	/*background:#960;*/
}

#areaMenu
{
	width:900px;/*950px;*/
	height:36px;
/*	background:#F69;*/
}

#areaSlider
{
	width:900px;/*950px;*/
	height:321px;
/*	background:#0C6;*/
}

#areaBreadcrumb
{
	width:900px;/*950px;*/
	height:49px;
	line-height:49px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
}

#duasColunas
{
	width:900px;
	height:auto;
	overflow:hidden;
}

#colEsq
{
	float:left;
	width:628px;
	height:auto;
	padding-bottom:32767px;
	margin-bottom:-32767px;
}

#areaDestaques
{
	display:inline;
	float:left;
	width:314px;
	height:250px;
	background:url(../images/site/fundoDestaquesOfertas.jpg) top left no-repeat;
}

#areaOfertas
{
	float:right;
	width:314px;
	height:250px;
	background:url(../images/site/fundoDestaquesOfertas.jpg) top left no-repeat;
}

#areaPromocoes
{
	float:right;
	width:314px;
	height:250px;
	background:url(../images/site/fundoDestaquesOfertas.jpg) top left no-repeat;
}

#areaTituloDestaques, #areaTituloOfertas, #areaTituloPromocoes
{
	width:314px;
	height:41px;
	line-height:41px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	color:#333;
}

#areaFotosDestaques, #areaFotosOfertas
{
	width:280px;
	height:150px;/*135px;*/
	margin-left:17px;
	overflow:hidden;
	display:none;
}

#areaFotosPromocoes
{
	width:280px;
	height:150px;/*135px;*/
	margin-left:17px;
	overflow:hidden;
}

#areaInfoDestaques, #areaInfoOfertas, #areaInfoPromocoes
{
	width:280px;
	height:40px;/*45px;*/
	margin-left:17px;
	border-top:#D6D6D6 solid 1px;
}

#dadosInfoDestaques, #dadosInfoOfertas, #dadosInfoPromocoes
{
	width:260px;
	height:35px;
	margin-top:5px;
	margin-left:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
}

#areaNoticias
{
	float:left;
	width:628px;
	height:auto;
	min-height:150px;
	margin-bottom:30px;
	background:url(../images/site/fundoNoticiasHome.jpg) no-repeat;
}

#areaNoticiasTitulo
{
	width:628px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	color:#333;
}

#areaNoticiasConteudo
{
	width:568px;
	height:auto;
	min-height:100px;
	margin-left:30px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
}

#areaNoticiasConteudo a
{
	text-decoration:none;
	color:#333;
}

#areaNoticiasConteudo a:hover
{
	text-decoration:underline;
	color:#333;
}

#colDir
{
	float:right;
	width:272px;
	height:auto;
	padding-bottom:32767px;
	margin-bottom:-32767px;
}

#areaBanners
{
	float:left;
	width:250px;
	height:auto;
	margin-left:11px;
}

#areaBanner01
{
	width:250px;
	height:110px;
}

#areaBanner02
{
	width:250px;
	height:110px;
	margin-top:10px;
}

#areaBanner03
{
	width:250px;
	height:110px;
	margin-top:10px;
	background:#000;
}

#rodape
{
	width:100%;
	height:350px;
	background:url(../images/site/fundoRodape.jpg) top left repeat-x;
}

#areaMenuRodape
{
	width:900px;/*950px;*/
	height:36px;
	margin-left:auto;
	margin-right:auto;
	text-align:left; /* "remédio" para o hack do Internet Explorer */
}

#colunasRodape
{
	width:900px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
}

#rodapeEsq
{
	display:inline;
	float:left;
	width:370px;
	height:250px;
/*	background:#6CF;*/
	text-align:left;
}

#dadosRodapeEsq
{
	width:370px;
	margin-top:15px;
	text-align:left;
}

.infoEndereco
{
	display:block;
	width:345px;/*300px;*/
	height:auto;
	margin-bottom:10px;
	margin-top:5px;
	border-bottom:#999 dotted 1px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#CCC;
}

.infoEndereco2
{
	display:block;
	width:345px;/*300px;*/
	height:auto;
	border-top:#CCC dotted 1px;
	border-bottom:#CCC dotted 1px;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:10px;/*35px;*/
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#CCC;
}

#rodapeMeio
{
	float:left;
	width:180px;
	height:167px;
/*	background:#590;*/
	text-align:left;
}

#rodapeDir
{
	float:left;
	width:350px;
	height:167px;
/*	background:#399;*/
	text-align:left;
}

#dadosRodapeDir
{
	width:330px;
	height:147px;
	margin:10px;
/*	background:#C3C;*/
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#CCC;
}

#infoRodape
{
	width:900px;
	height:43px;
	margin-left:auto;
	margin-right:auto;
	line-height:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#CCC;
}
/* Fim da formatação das áreas */

/* Formatação dos textos */
.destaqueBreadCrumb
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	color:#D8242B;
}
/* Fim da formatação dos textos */

/* Formatação do formulário */
#formNewsletter
{
	margin-top:20px;
}

#respostaNewsletter
{
	display:none;
	width:330px;
	height:50px;
	/*line-height:30px;*/
	margin-top:40px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#CCC;
/*	background:#0F0;*/
}

.botaoEnviar
{
	border:none;
	cursor:pointer;
	float:right;
	margin-top:10px;
	margin-right:37px;
}
/* Fim da formatação do formulário */

/* Formatação das imagens */
.imagemFundo
{
	position:absolute;
	z-index:-10;
	top:0;
	left:0;
	width:100%;
	min-width:900px;
	height:580px;
}

.home
{
	float:left;
	border:none;
	cursor:pointer;
}

.www
{
	float:right;
	border:none;
	cursor:pointer;
}

.logo
{
	margin-top:32px;
}

.honda
{
	margin-top:44px;
	margin-left:47px;
}

/*#areaBanners img
{
	margin-bottom:10px;
}*/

#areaFotosDestaques img, #areaFotosOfertas img
{
	border:none;
	cursor:pointer;
	margin-left:30px;
}
/* Fim da formatação das imagens */

/* Formatação dos links */
#areaBreadcrumb a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#333;
}

#areaBreadcrumb a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	color:#333;
}

#infoRodape a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#CCC;
	text-decoration:none;
}

#infoRodape a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#CCC;
	text-decoration:underline;
}
/* Fim da formatação dos links */
