/*-------------------------------------------------
  -------------------------------------------------
  -------------------------------------------------
	Responsável pelo código: John Éliton
	2009
  -------------------------------------------------
  -------------------------------------------------
  -------------------------------------------------*/


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

	Configurações gerais

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

* {
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	list-style-type: none;
	padding: 0;
	text-decoration: none;
}

body {
	background-image:url(images/bkg.jpg);
	background-repeat: repeat-x;
}

p {
	line-height: 14px;
}

.bullet li {
	list-style: inside disc;
	padding: 10px 0 0 0;
}

.space {
	float:left;
	line-height:normal;
	margin-bottom: 5px;
}


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

	Site

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

#site {
	position: relative;
	margin: 0px auto 0;
	text-align: left;
	width: 868px;
	z-index: 50;
}

#cont {
	width: 868px;
	height: auto;
}

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

	Menu

---------------------------------------------------*/
.MenuInclude {
	float:left;
	width:878px;
	height: 34px;
	margin-top: 5px;
}


.menu {
	float:left;
	width: 168px;
	height: 66px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	margin-right: 7px;
}

.menu ul li {
	float: left;
	line-height: 33px;
	position: relative;
	background: url(images/menu_teste2.gif) no-repeat;
}
.menu ul li a {
	display: block;
	text-align: center;
	color: #e68300;
	width: 167px;
}
.menu ul li a + ul { /*escondendo o menu dropdown e posicioando de maneira relativa ao se pai 'li'*/
	display: none;
	width: 200px;
	position: absolute;
	top: 33px;
	left: 0;
}
.menu ul li a:hover + ul { 
	display: block;
}
.menu ul li a + ul:hover { /*para evitar q o menu drop suma*/
	display: block;
}
.menu ul li a + ul li {
	height: 33px;
	width: 167px;
	background: url(images/menu_teste2.gif) no-repeat;
}
.menu ul li a + ul li:hover {
	background-position: bottom;
}
.menu ul li a + ul li a {
	background: none;
	text-align: center;
	color: #e68300;
	display: block;
}

.menu ul li a + ul li a:hover {
	background: none;
	text-align: center;
	color: #FFFFFF;
	display: block;
}



.menu2 {
	float:left;
	width: 168px;
	height: 66px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	margin-right: 7px;
}

.menu2 ul li {
	float: left;
	line-height: 33px;
	position: relative;
	background: url(images/menu_teste.gif) no-repeat;
}
.menu2 ul li a {
	display: block;
	text-align: center;
	color: #125275;
	width: 167px;
}
.menu2 ul li a + ul { /*escondendo o menu dropdown e posicioando de maneira relativa ao se pai 'li'*/
	display: none;
	width: 200px;
	position: absolute;
	top: 33px;
	left: 0;
}
.menu2 ul li a:hover + ul { 
	display: block;
}
.menu2 ul li a + ul:hover { /*para evitar q o menu drop suma*/
	display: block;
}
.menu2 ul li a + ul li {
	height: 33px;
	width: 167px;
	background: url(images/menu_teste.gif) no-repeat;
}
.menu2 ul li a + ul li:hover {
	background-position: bottom;
}
.menu2 ul li a + ul li a {
	background: none;
	text-align: center;
	color: #125275;
	display: block;
}

.menu2 ul li a + ul li a:hover {
	background: none;
	text-align: center;
	color: #FFFFFF;
	display: block;
}

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

	Topo

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

#topo {
	float:left;
	width: 868px;
	height: 102px;
}

.logo {
	float:left;
	width: 318px;
	height:102px;
}

.MenuTopo {
	float: right;
	width: 130px;
	height: 50px;
	margin-top: 5px;
}

.MenuTopo p {
	font-size: 11px;
	color:#FFFFFF;
}

.MenuTopo a {
	font-size: 11px;
	color:#FFFFFF;
}

.MenuTopo a:hover {
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:underline;
}

.AnimTopo {
	float:left;
	width: 868px;
	height: 131px;
	background-color:##DEDEDF;
	border: 0;
}

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

	Conteúdo

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

#conteudo {
	float:left;
	width: 868px;
	height: auto;
	margin-top: 10px;
}


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

	Esquerda

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

#esquerda {
	float:left;
	width: 199px;
	height: 650px;
}

#MapaHome {
	float:left;
	width: 197px;
	height: 175px;
	border: solid 1px #666666;
}

.TextoMapaHome {
	float:left;
	width: 199px;
	height: auto;
	margin-top: 2px;
}

.TextoMapaHome p {
	font-size:11px;
	color:#e68300;
}

#esquerda p {
	font-size:11px;
	color: #e77817;
	margin-top: 5px;
}

#MascoteHome {
	float:left;
	width: 199px;
	height: 390px;
	margin-top: 30px;
}

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

	Centro

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

#centro {
	float:left;
	width: 480px;
	height: auto;
	margin-left: 10px;
}

.CentroHome {
	float:left;
	display:inline;
	width: 480px;
	height: auto;
	margin-bottom: 15px;
	_margin-bottom: 14px;
}

.TituloHome {
	float:left;
	width:480px;
	height: 28px;
	background-color: #e68300;
}

.TituloHome h1 {
	margin-left: 5px;
	line-height: 25px;
	font-size:14px;
	color:#FFFFFF;
}

.TextoHome {
	float:left;
	width: 480px;
	height: auto;
	margin-top: 10px;
	text-align:justify;
}

.TextoHome p {
	font-size:11px;
	color: #666666;
}

.SaibaMais {
	float:right;
	width: 150px;
	height: 25px;
}

.SaibaMais p {
	font-size:11px;
	color:#e68300;
	text-align:right;
}

.SaibaMais p a {
	color: #e68300;
	text-decoration:none;
}

.SaibaMais p a:hover {
	color: #e68300;
	text-decoration: underline;
}

#FotoNot {
	float: left;
	width: 130px;
	height: 130px;
	margin-top: 10px;
	background-color:#CCCCCC;
}

#TitNot {
	float:left;
	width: 340px;
	height: auto;
	margin-top: 10px;
	margin-left: 10px;
}

#TitNot h1 {
	font-size:12px;
	color:#666666;
}

.TextoHome1 {
	float:left;
	width: 340px;
	height: 110px;
	margin-top: 10px;
	margin-left: 10px;
	text-align:justify;
}

.TextoHome1 p {
	font-size:11px;
	color: #666666;
}

.HistoricoNot {
	float:left;
	width: 200px;
	height: 25px;
}

.HistoricoNot p {
	font-size:11px;
	color:#e68300;
}

.HistoricoNot p a {
	color:#e68300;
	text-decoration:none;
}

.HistoricoNot p a:hover {
	color:#e68300;
	text-decoration: underline;
}

.parceiros {
	float:left;
	width: 478px;
	height: 130px;
	border: solid #666666 1px;
	margin-top: 10px;
}

.fornecedores {
	float:left;
	width:700px;
	height:auto;
}

.fornecedores li {
	float:left;
}

.FormAssocie {
	float:left;
	width: 660px;
	height:auto;
	text-align:left;
}

.CamposForm1 {
	width: 300px;
	font-size: 10px;
	color:#999999;
	border:solid 1px #999999;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
	
}

.CamposForm2 {
	width: 300px;
	height: 100px;
	font-size: 10px;
	color:#999999;
	border:solid 1px #999999;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
}

.FormFalecon {
	float:left;
	width: 660px;
	height:auto;
	text-align:left;
}

.FormEsq {
	float:left;
	width: 306px;
	height:auto;
}

.FormDir {
	float:left;
	width: 306px;
	height:auto;
	margin-left: 45px;
}

.CamposForm3 {
	width: 300px;
	font-size: 10px;
	color:#999999;
	border:solid 1px #999999;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
	
}

.CamposForm4 {
	width: 15px;
	font-size: 10px;
	color:#999999;
	border:solid 1px #999999;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
	
}

.CamposForm5 {
	width: 266px;
	font-size: 10px;
	color:#999999;
	border:solid 1px #999999;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
	
}

.FormCheck {
	margin-top: 40px;
	*margin-top: 50px;
}

.FormCheck2 {
	margin-top: 20px;
	*margin-top: 10px;
}

.CamposForm6 {
	width: 300px;
	height: 100px;
	font-size: 10px;
	color:#999999;
	border:solid 1px #999999;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
}

.BotaoEnviar1 {
	float:right;
	border:solid 1px #666666;
	background-color:#FFFFFF;
	font-size:10px;
}

.TextoForm {
	float:right;
	width: 300px;
	height:auto;
	margin-top: 48px;
	*margin-top: 35px;
	text-align:right;
	margin-bottom: 20px;
}

.TextosFornec {
	float:left;
	width: 660px;
	font-size: 10px;
	height:auto;
	margin-top: 5px;
	margin-bottom: 20px;
}

.TextoFormCont {
	float:right;
	width: 300px;
	height:auto;
	margin-top: 60px;
	*margin-top: 40px;
	text-align:right;
	margin-bottom: 20px;
}

.fotos {
	float:left;
	width: 660px;
	height:auto;
	margin-bottom: 20px;
}

.fotos li {
	float:left;
	width: 90px;
	height: 68px;
	padding: 10px 10px 0 0;
}

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

	Direita

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

#direita {
	float: right;
	width: 168px;
	height: auto;
	background-color:#144466;
}

.TitEsquerda {
	float:left;
	width: 168px;
	height: 25px;
	background-color:#CCCCCC;
}

.TitEsquerda h1 {
	font-size: 12px;
	text-align:center;
	margin-top: 5px;
}

.TextoEsquerda {
	float:left;
	display:inline;
	width: 148px;
	height: 40px;
	margin-left: 10px;
	margin-top: 10px;
}

.TextoEsquerda p {
	font-size: 11px;
	color:#FFFFFF;
}

.CliqueAqui {
	float:left;
	width: 148px;
	height: 40px;
	display:inline;
	margin-left: 10px;
}

.CliqueAqui p {
	font-size: 11px;
	color:#FFFFFF;
}

.CliqueAqui a {
	color:#FFFFFF;
	text-decoration:none;
}

.CliqueAqui a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

.FormEsquerda {
	float:left;
	width: 158px;
	height: 120px;
	display:inline;
	margin-left: 10px;
	margin-top: 10px;
	font-size:11px;
	color:#FFFFFF;
}

.CamposForm {
	width: 145px;
	font-size: 10px;
	color:#999999;
	margin-bottom: 5px;
	padding: 1px 1px 1px 1px;
}

.BotaoEnviar {
	float:right;
	display:inline;
	border:solid 1px #FFFFFF;
	background-color:#FFFFFF;
	font-size:10px;
	margin-right: 10px;
}

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

	Slogan

---------------------------------------------------*/
.slogan {
	float:left;
	width:868px;
	height: 46px;
}

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

	Conteudo Geral

---------------------------------------------------*/
#ContGeral {
	float:left;
	width: 680px;
	height: auto;
}

.titulos {
	float:left;
	width: 680px;
	height: 28px;
	background-color: #e68300;
}

.titulos h1 {
	margin-left: 5px;
	line-height: 25px;
	font-size:14px;
	color:#FFFFFF;
}

.textos {
	float: left;
	width: 660px;
	height:auto;
	font-size: 11px;
	color:#666666;
	text-align:justify;
	line-height: 13px;
	margin-top: 20px;
	margin-left: 10px;
}

.ImgTxt {
	float:left;
	width: auto;
	height: auto;
	margin-right: 10px;
}

.textos p a {
	color:#666666;
	text-decoration:none;
}

.textos p a:hover {
	color:#666666;
	text-decoration: underline;
}

.textos ul a {
	color:#666666;
	text-decoration:none;
}

.textos ul a:hover {
	color:#666666;
	text-decoration: underline;
}

.textos h1 {
	font-size: 13px;
}

.textos h2 {
	font-size: 11px;
}

.noticias li {
	height: 60px;
	padding: 0 0 10px 0;
}

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

	Localização das Lojas

---------------------------------------------------*/
.mapa {
	float:left;
	width: 680px;
	height: 500px;
}

.TitulosLojas {
	float:left;
	width: 680px;
	height: 28px;
	border-bottom: solid 2px #e68300;
}

.TitulosLojas h1 {
	margin-left: 5px;
	line-height: 25px;
	font-size:14px;
	color: #666666;
}

.lojas {
	float:left;
	width: 680px;
	height: auto;
}

.FotoLoja {
	float:left;
	width: 300px;
	height: 205px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color:#999999;
}

.TextosLojas {
	float: left;
	width: 360px;
	height:auto;
	font-size: 11px;
	color:#666666;
	display:inline;
	line-height: 32px;
	margin-top: 10px;
	margin-left: 10px;
}

.TextosLojas strong {
	font-size: 13px;
}

.TextosLojas a {
	text-decoration:none;
	color:#666666;
}

.TextosLojas a:hover {
	text-decoration: underline;
	color:#666666;
}

.GoogleMaps {
	float:left;
	width: 680px;
	height: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.mascote {
	float:left;
	width: 199px;
	height: 390px;
	margin-right: 15px;
}


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

	Rodapé

---------------------------------------------------*/
#rodape {
	float:left;
	width:868px;
	height: auto;
	margin-top: 5px;
	border-top: solid 5px #e68300;
}

#rodape1 {
	float:left;
	width: 450px;
	height: 30px;
	display:inline;
	margin-left: 200px;
	margin-top: 5px
}

.casinha {
	float:left;
	width: 27px;
	height: 18px;
}

.TextoRodape {
	float:left;
	width: 351px;
	height: 30px;
	display:inline;
	margin-left: 20px;
	margin-right: 20px;
}

.TextoRodape {
	font-size: 11px;
	color:#666666;
}

.LogosWeb {
	float: right;
	width: 140px;
	height: 20px;
}

.LogosWeb li {
	float: left;
}