/* CSS Geral */

body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff url(../imagens/fundoHome.jpg) top left repeat-x;
	}

#corpo {
	width: 100%;
	margin: 0 auto;
	}

p, td {
	font-family: Arial;
	font-size: 11px;
	}

.clear {
	clear: both;
	}

.negrito {
	font-weight: bold;
	}
	
/* -- */

/* CSS do Topo */

@media print {

	#topo div{visibility: hidden;}
	#topo div table{visibility: hidden;}
	#topo .busca{visibility: hidden;}
	#topo input{visibility: hidden;}
	#menuPrincipal{visibility: hidden;}
	.botao{visibility: hidden;}
	#rodape ul{visibility: hidden;}
	.funcionalidades .print {visibility: hidden;}
}

#topo {
	width: 850px;
	margin: 0 auto;
	height:125px;
	padding: 0;
	}

#topo p, #topo table {
	float: left;
	color: #ffffff;
	margin: 15px 0;
	}
	
#topo .logoTopo{position: relative;left: 25px;}	
	
#topo input, #topo select {
	border: 1px solid #e0e0e8;
	color: #999999;
	font-family: Arial;
	font-size: 13px;
	}
	
#topo input.noBorder {
	border: 0;
	}

#topo div.perfil {
	margin: 25px 170px 25px 103px;
	padding: 0;
	width: 101px;
	float: left;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	}
	
#topo div.perfil {
	position: relative;
	z-index: 3000;
	}
		
#topo div.perfil .geral {
	width:101px;
	}
	
#topo div.perfil .geral .boxElementos {
	width: 101px;
	position: relative;
	z-index: 3150;
	}
	
#topo div.perfil .geral .boxElementos .LeftImage {
	width: 6px;
	height: 20px;
	float: left;
	background: url(../imagens/comboLeft.png) top left no-repeat;
	} 
	
#topo div.perfil .geral .boxElementos .campoTexto {
	float: left; 
	height: 18px;
	background-color: #FFFFFF;
	border-top: 1px solid #e0e0e8;
	border-bottom: 1px solid #e0e0e8;
	border-right: 1px solid #e0e0e8;
	}
	
#topo div.perfil .geral .boxElementos .campoTexto input {
	border: 0;
	font: normal 10px Arial;
	width: 72px;
	float: left;
	margin:1px 0 0 0;
	}	
	
#topo div.perfil .geral .boxElementos .setaClick {
	float: left;
	width: 20px;
	cursor: pointer;
	border-right:0;
	}	
	
#topo div.perfil .geral .options {
	border: 1px solid #e0e0e8;
	background-color: #ffffff;
	clear: both;
	color: #000000;
	position: absolute;
	top: 20px;
	width: 97px;
	height: 46px;
	z-index: 3100; 
	font: normal 10px Arial;
	color: #999999;
	padding: 18px 0 4px 0;
	}
	
#topo div.perfil .geral .options a {
	display: block; 
	width: 92px;
	text-decoration: none;
	color: #999999;
	padding: 1px 0 1px 5px;
	}
	
#topo div.perfil .geral .options a:hover {
	background-color: #c0c0c0;
	color: #ffffff;
	}

#topo div.lojas {
	margin: 25px 0 25px 0;
	padding: 0;
	width: 180px;
	float: left;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	}
	
#topo div.lojas {
	position: relative;
	z-index: 3000;
	}	
	
#topo div.lojas .geral {
	width:180px;
	}
	
#topo div.lojas .geral .boxElementos {
	width: 180px;
	position: relative;
	z-index: 3150;
	}
	
#topo div.lojas .geral .boxElementos .LeftImage {
	width: 6px;
	height: 20px;
	float: left;
	background: url(../imagens/comboLeft.png) top left no-repeat;
	} 
	
#topo div.lojas .geral .boxElementos .campoTexto { 
	float: left;
	height: 18px;
	background-color: #FFFFFF; 
	border-top: 1px solid #e0e0e8; 
	border-bottom: 1px solid #e0e0e8; 
	}
	
#topo div.lojas .geral .boxElementos .campoTexto input {
	border: none;
	font: normal 10px Arial;
	float: left;
	margin: 1px 0 0 0;
	padding: 2px 0 0 5px;
	}	
	
#topo div.lojas .geral .boxElementos .setaClick {
	float: left;
	width: auto;
	cursor: pointer;
	}
		
#topo div.lojas .geral .options {
	border: 1px solid #e0e0e8;
	background-color: #ffffff;
	clear: both;
	color: #000000;
	position: absolute;
	top: 20px;
	width: 97px;
	z-index: 3100; 
	font: normal 10px Arial;
	color: #999999;
	padding:18px 0 4px 0;
	}
	
#topo div.lojas .geral .options a {
	display: block;
	width: 92px;
	text-decoration: none;
	color: #999999;
	padding: 1px 0 1px 5px;
	}
	
#topo div.lojas .geral .options a:hover {
	background-color: #c0c0c0;
	color: #ffffff;
	}

#topo div.lojas .geral .optionsuf {
	border: 1px solid #e0e0e8;
	background-color: #ffffff;
	clear: both;
	color: #000000;
	position: absolute;
	top: 20px;
	width: 42px;
	z-index: 3100; 
	font: normal 10px Arial;
	color: #999999;
	padding:18px 0 4px 0;
	}
	
#topo div.lojas .geral .optionsuf a {
	display: block;
	width: 36px;
	text-decoration: none;
	color: #999999;
	padding: 1px 0 1px 5px;
	}
	
#topo div.lojas .geral .optionsuf a:hover {
	background-color: #c0c0c0;
	color: #ffffff;
	}

#topo div.lojas .geral .optionsUF {
	border: 1px solid #e0e0e8;
	background-color: #ffffff;
	clear: both;
	color: #000000;
	position: absolute;
	top: 20px;
	width: 127px;
	z-index: 3100; 
	font:normal 10px Arial;
	color: #999999;
	padding:18px 0 4px 0;
	left:44px;
	}
	
#topo div.lojas .geral .optionsUF a {
	display: block;
	width: 122px;
	text-decoration: none;
	color: #999999;
	padding: 1px 0 1px 5px;
	}
	
#topo div.lojas .geral .optionsUF a:hover {
	background-color: #c0c0c0;
	color: #ffffff;
	}

#topo .busca {
	margin: 25px 15px 25px 0px;
	padding: 0;
	width: 190px;
	float:left;
	}
	
/* -- */

/* -- */

/* CSS do Conteudo Home */

#conteudo {
	margin: 1px auto auto auto;
	width: 861px;
	}

#conteudo p {
	font-family: Arial;
	color: #5e5e5e;
	font-size: 12px;
	}
	
	#conteudo p.flash {
		margin: 0 0 10px 0;
		padding: 0;
		float: left;
		}

	/* CSS Bloco 1/2 */
	
	.bloco1_2 {
		float: left;
		width: 420px;
		height: 310px;
		background: #ffffff url(../imagens/fundoBloco1_2.jpg) top left no-repeat;
		margin: 0 10px 10px 0;
		}	
	
	.bloco1_2 h1 {
		font-family: Arial;
		font-size: 13px;
		color: #1e5578;
		margin: 7px 15px 12px 15px;
		}
	
	.bloco1_2 p {
		margin: 0 auto 15px auto;
		padding: 0 10px;
		width: 400px;
		height: 47px;
		overflow: hidden;
		}
	
	.bloco1_2 p.destaque {
		width: 408px;
		padding: 0;
		height: auto;
		overflow: auto;
		}
	
	.bloco1_2 p a {
		color: #006db3;
		font-family: Arial;
		font-size: 10px;
		}
	
	.bloco1_2 p a:hover {
		color: #5e5e5e;
		font-family: Arial;
		font-size: 10px;
		text-decoration: none;
		}
	
	/* -- */
	
	/* CSS Bloco 1/3 */
	
	.bloco1_3 {
		float: left;
		width: 277px;
		height: 310px;
		background: #ffffff url(../imagens/fundoBloco1_3.jpg) top left no-repeat;
		margin: 0 10px 10px 0;
		}	
	
	.bloco1_3 h1 {
		font-family: Arial;
		font-size: 13px;
		color: #1e5578;
		margin: 7px 15px 12px 15px;
		}
	
	.bloco1_3 p {
		margin: 0 auto 15px auto;
		padding: 0 10px;
		width: 260px;
		height: 57px;
		overflow: hidden;
		}
	
	.bloco1_3 p.destaqueM {
		width: 265px;
		padding: 0;
		height: auto;
		overflow: auto;
		}
	
	.bloco1_3 p.destaqueG {
		width: 265px;
		padding: 0;
		margin: 0 auto 0;
		height: auto;
		overflow: auto;
		}
	
	.bloco1_3 p a {
		color: #006db3;
		font-family: Arial;
		font-size: 10px;
		}
	
	.bloco1_3 p a:hover {
		color: #5e5e5e;
		font-family: Arial;
		font-size: 10px;
		text-decoration: none;
		}
	
	/* -- */
	
	/* CSS Bloco Alternativo 1/3 */
	
	.blocoAlternativo1_3 {
		float: left;
		width: 277px;
		height: 310px;
		background: #ffffff url(../imagens/fundoBlocoAlternativo1_3.jpg) top left no-repeat;
		margin: 0 10px 10px 0;
		}	
	
	.blocoAlternativo1_3 p.destaque {
		width: 265px;
		padding: 0;
		margin: 0 auto;
		}
	
	/* -- */
	
	/* CSS Bloco 1/4 */
	
	.bloco1_4 {
		float: left;
		width: 420px;
		height: 150px;
		background: #ffffff url(../imagens/fundoBloco1_4.jpg) top left no-repeat;
		margin: 0 10px 10px 0;
		}	
	
	.bloco1_4 h1 {
		font-family: Arial;
		font-size: 13px;
		color: #1e5578;
		margin: 7px 15px 12px 15px;
		}
	
	.bloco1_4 div p {
		margin: 0 10px;
		padding: 0;
		}
	
	.bloco1_4 div p.link a {
		padding-left: 8px;
		}
	
	.bloco1_4 p.foto {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		}
	
	.bloco1_4 p a {
		color: #006db3;
		font-family: Arial;
		font-size: 10px;
		}
	
	.bloco1_4 p a:hover {
		color: #5e5e5e;
		font-family: Arial;
		font-size: 10px;
		text-decoration: none;
		}
	
	.bloco1_4 div div {
		height: 85px;
		overflow: hidden;
		margin: 10px;
		padding: 5px 0 0 7px;
		}
	
	.bloco1_4 div div p {
		margin: 0 0 10px 0;
		padding: 0;
		}
	
	/* -- */
	
	/* CSS Bloco 1/6 */
	
	.bloco1_6 {
		float: left;
		width: 277px;
		height: 150px;
		background: #ffffff url(../imagens/fundoBloco1_6.jpg) top left no-repeat;
		margin: 0 10px 10px 0;
		}	
	
	.bloco1_6 h1 {
		font-family: Arial;
		font-size: 13px;
		color: #1e5578;
		margin: 7px 15px 12px 15px;
		}
	
	.bloco1_6 div p {
		margin: 0 10px;
		padding: 0;
		color: #5e5e5e;font-size: 11px !important;line-height: 16px;
		}
	
	.bloco1_6 div p.link a {
		padding-left: 8px;
		}
	
	.bloco1_6 p.foto {
		float: left;
		margin: 0 10px 0 7px;
		padding: 0;
		width: auto;
		}
	
	.bloco1_6 p a {
		color: #006db3;
		font-family: Arial;
		font-size: 10px;
		}
	
	.bloco1_6 p a:hover {
		color: #5e5e5e;
		font-family: Arial;
		font-size: 10px;
		text-decoration: none;
		}
	
	.bloco1_6 div div {
		height: 93px;
		overflow: hidden;
		width:auto;
		margin: 10px 10px 2px 10px;
		padding: 5px 0 0 7px;
		}
	
	.bloco1_6 div div p {
		margin: 0 0 10px 0;
		padding: 0;
		}
	
	/* -- */
	
	/* CSS Bloco 2/3 */
	
	.bloco2_3 {
		float: left;
		width: 564px;
		height: 310px;
		background: #ffffff url(../imagens/fundoBloco2_3.jpg) top left no-repeat;
		margin: 0 10px 10px 0;
		}	
	
	.bloco2_3 h1 {
		font-family: Arial;
		font-size: 13px;
		color: #1e5578;
		margin: 7px 15px 12px 15px;
		}
	
	.bloco2_3 div p {
		margin: 0 10px;
		padding: 0;

		}
	
	.bloco2_3 div p.link a {
		padding-left: 8px;
		}
	
	.bloco2_3 p.foto {
		float: left;
		margin: 0 0 0 7px;
		padding: 0;
		width: auto;
		}
	
	.bloco2_3 p a {
		color: #006db3;
		font-family: Arial;
		font-size: 10px;
		}
	
	.bloco2_3 p a:hover {
		color: #5e5e5e;
		font-family: Arial;
		font-size: 10px;
		text-decoration: none;
		}
	
	.bloco2_3 div div {
		height: 250px;
		overflow: hidden;
		margin: 10px 10px 2px 0px;
		padding: 5px 0 0 10px;


		}
	
	.bloco2_3 div div h2 {
		font-family: Arial;
		font-size: 12px;
		color: #5e5e5e;
		}
	
	.bloco2_3 div div p {
		margin: 0 0 10px 0;
		padding: 0;
		font-family: Arial;
		font-size: 11px !important;
		color: #5e5e5e;
		line-height: 16px;		
		
		}
	
	/* -- */

	/* bloco1_10 */

	.bloco1_10 {float: left;width: 277px;height: 633px;	background: #ffffff url(../imagens/fundoBloco1_10.jpg) top left no-repeat;margin: 0 2px 0px 0;}	
	.bloco1_10 h1 {font-family: Arial;font-size: 13px;color: #1e5578;margin: 7px 15px 12px 15px;text-align: left; 	}
	.bloco1_10 p {margin: 0 auto 0 auto;padding: 0 10px;width: 260px;height: 65px;overflow: hidden;text-align: left;color: #5e5e5e;font-size: 11px !important;line-height: 16px; }
	.bloco1_10 p.destaqueM {width: 265px;padding: 0;height: auto;overflow: auto;margin-bottom: 8px;}
	.bloco1_10 div p.link a { padding-left: 8px; }
	.bloco1_10 p a {color: #006db3;font-family: Arial;font-size: 10px;}
	.bloco1_10 p a:hover {color: #5e5e5e;font-family: Arial;font-size: 10px;text-decoration: none;}	
	
	/* -- */
	

	.bloco1_11 {float: left;width: 564px;height: 633px;	background: #ffffff url(../imagens/fundoBloco1_11.jpg) top left no-repeat;margin: 0 2px 0px 0;}	
	.bloco1_11 h1 {font-family: Arial;font-size: 13px;color: #1e5578;margin: 7px 15px 12px 15px;text-align: left; 	}
	.bloco1_11 p {margin: 0 auto 0 auto;padding: 0 13px;width: 564px;height: 115px;overflow: hidden;text-align: left;color: #5e5e5e;font-size: 11px !important;line-height: 16px;}
	.bloco1_11 p.destaque {width: 567px;padding: 0;height: auto;overflow: auto;text-align: center; margin-bottom: 8px;}
	.bloco1_11 div p.link a { padding-left: 8px; }
	.bloco1_11 h2 {font-family: Arial;font-size: 12px;color: #5e5e5e;text-align: left;margin: 0px 15px 12px 12px;}	
	.bloco1_11 p a {color: #006db3;font-family: Arial;font-size: 10px;}
	.bloco1_11 p a:hover {color: #5e5e5e;font-family: Arial;font-size: 10px;text-decoration: none;}	
	
	
	
	

/* -- */

/* CSS do Contéudo Interno */

#conteudoSite {
	background: url(../imagens/fundoInterna.png) top left no-repeat;
	width: 810px;
	margin: 1px auto auto auto;
	padding: 20px 20px 0 20px;
	}

	/* CSS do Cabeçalho Interno */
	
	#conteudo .cabeca {
		margin: 20px 20px 0 30px;
		}
	
	#conteudo .cabeca p {
		float: left;
		margin: 7px 0 0 0;
		padding: 0 0 4px 0;
		color: #a1a1a1;
		font-family: Arial;
		font-size: 10px;
		}
	
	#conteudo .cabeca p a {
		color: #a1a1a1;
		font-size: 10px;
		}
	
	#conteudo .cabeca p a:hover {
		text-decoration: none;
		}
	
	#conteudo .cabeca .botao {
		float: right;
		margin-right: 5px;
		}
	
	#conteudo .cabeca .botao p {
		margin: 0 0 0 5px;
		padding: 0;
		color: #999999;
		}
	
	#conteudo .cabeca .botao p.texto {
		line-height: 1.0em;
		}
	
	/* -- */
	
	/* CSS do Glossário */
	
	#conteudoSite h1 {
		font-family: Arial;
		font-size: 22px;
		color: #006699;
		}
	
	#conteudoSite h2 {
		font-family: Arial;
		font-size: 12px;
		color: #666666;
		}
	
	#conteudoSite p {
		margin: 15px 0;
		line-height: 1.5em;
		}
		
	#conteudoSite .alfabetica {
		background: url(../imagens/boxGlossario.jpg) center left no-repeat;
		padding: 0;
		margin-top: 20px;
		margin-bottom: 40px;
		}
	
	#conteudoSite .alfabetica ul {
		margin: 4px 0 0 5px;
		padding: 10px;
		}
	
	#conteudoSite .alfabetica ul li {
		list-style: none;
		display: inline;
		}
	
	#conteudoSite .alfabetica ul li.primeiro a {
		border-left: 0;
		}
	
	#conteudoSite .alfabetica ul li a {
		color: #006699;
		font-family: Arial;
		font-size: 12px;
		text-decoration: none;
		font-weight: bold;
		padding: 0 6px 0 11px;
		border-left: 1px solid #dbdbdb;
		}
	
	#conteudoSite .alfabetica ul li a:hover {
		text-decoration: underline;
		}
	
	#conteudoSite ul.paginacao, #corpoBusca ul.paginacao {
		margin: 30px 0 0 0;
		padding: 0;
		}
	
	#conteudoSite ul.paginacao li, #corpoBusca ul.paginacao li {
		list-style: none;
		display: inline;
		}
	
	#conteudoSite ul.paginacao li a, #corpoBusca ul.paginacao li a {
		color: #0066cc;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		padding: 0 5px;
		}
	
	#conteudoSite ul.paginacao li a:hover, #corpoBusca ul.paginacao li a:hover {
		text-decoration: none;
		}
	
	/* -- */
	
	/* CSS da Newsletter */
	
	#newsletter {
		background: url(../imagens/fundoNewsletter.gif) top left no-repeat;
		width: 355px;
		height: 286px;
		margin: 50px auto;
		padding: 10px 20px;
		}
	
	#newsletter h1 {
		font-family: Arial;
		font-size: 22px;
		color: #006699;
		margin: 0;
		padding: 0;
		}
	
	#newsletter h2 {
		font-family: Arial;
		font-size: 12px;
		color: #666666;
		margin: 10px 0 0 2px;
		padding: 0;
		}
	
	#newsletter p {
		font-family: Arial;
		font-size: 11px;
		color: #666666;
		}
	
	#newsletter p.espaco {
		margin-top: 50px;
		}
	
	#newsletter .obrigatorio {
		font-family: Arial;
		font-size: 10px;
		color: #999999;
		margin: 15px 0 0 2px;
		padding: 0;
		}
	
	#newsletter .tamanho {
		width: 338px;
		} 
	
	/* -- */
	
	/* CSS do Links */
	
	#conteudoSite .link {
		margin-top: 40px;
		}
		
	#conteudoSite .link a {
		color: #0066cc;
		text-decoration: none;
		font-size: 11px;
		font-family: Arial;
		font-weight: bold;
		}
	
	#conteudoSite .link a:hover {
		text-decoration: underline;
		}
	
	/* -- */
	
	/* CSS do Imprensa */
	
	#conteudoSite h1.imprensa {
		font-family: Arial;
		font-size: 22px;
		color: #006699;
		margin-bottom: 0;
		}
	
	#conteudoSite h3 {
		font-family: Arial;
		font-size: 12px;
		color: #666666;
		margin: 0 0 40px 0;
		}
	
	#conteudoSite p.imprensaData {
		font-family: Arial;
		font-size: 10px;
		color: #cccccc;
		margin: 20px 0 0 0;
		}
	
	#conteudoSite h4 {
		font-family: Arial;
		font-size: 14px;
		color: #0099cc;
		margin: 0;
		}
	
	#conteudoSite .imprensaTexto {
		margin: 5px 0 0 0;
		font-size: 11px;
		font-family: Arial;
		line-height: 1.1em;
		}
		
	#conteudoSite .imprensaTexto a {
		color: #999999;
		text-decoration: underline;
		}
	
	#conteudoSite .imprensaTexto a:hover {
		text-decoration: none;
		}
	
	.funcionalidadesImprensa {
		width: 847px;
		margin: 50px 0 0 0;
		font: normal 10px Arial;
		color: #999999;
		}
		
	.funcionalidadesImprensa img {
		float: left; 
		margin-right: 6px;
		}	
		
	.funcionalidadesImprensa .mail {
		float: left; 
		width: 110px;
		}
		
	.funcionalidadesImprensa .print {
		float: left; 
		width: 99px;
		}	
		
	.funcionalidadesImprensa .print span {
		margin-top: 8px; 
		display: block;
		}
		
	.funcionalidadesImprensa .favorites {
		float: left; 
		width: 85px;
		}		
		
	.funcionalidadesImprensa .rate {
		clear:both; 
		font:bold 12px Arial; 
		color: #999999; 
		padding-top: 20px;
		}
		
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 100px;
		height: 20px;
		position: relative;
		background: url(../imagens/star_rating.gif) top left repeat-x;
		float: left;
		margin-right: 10px;
		margin-top: -3px;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:20px;
		height: 20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(../imagens/star_rating.gif) left bottom;
		z-index: 1;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:20px;
	}
	.star-rating a.two-stars{
		left:20px;
	}
	.star-rating a.two-stars:hover{
		width: 40px;
	}
	.star-rating a.three-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 40px;
	}
	.star-rating a.four-stars{
		left: 60px;
	}	
	.star-rating a.four-stars:hover{
		width: 80px;
	}
	.star-rating a.five-stars{
		left: 80px;
	}
	.star-rating a.five-stars:hover{
		width: 100px;
	}	

	.funcionalidadesImprensa .rate strong {
		color: #999999; 
		float: left; 
		margin:0 4px 0 0;
		}
		
	.funcionalidadesImprensa .rate span {
		font-size: 10px; 
		color: #999999; 
		margin-top: 3px; 
		display: block;
		}
	
		/* CSS da Impressa Interna */
		
		#conteudoSite .imprensaInterna {
			font-size: 11px;
			font-family: Arial;
			color: #999999;
			}
		
		#conteudoSite ul.topico {
			list-style-position: inside;			
			padding : 0;
			margin: 5px 0 20px 2px;
			}
		
		#conteudoSite ul.topico li {
			font-size: 11px;
			font-family: Arial;
			color: #008fc3;
			margin-bottom: 3px;
			}
		
		#conteudoSite ul.topico li span {
			font-size: 11px;
			font-family: Arial;
			color: #999999;
			}
		
		/* -- */
	
	/* -- */
	
	/* CSS de Resultado de Busca Loja */
	
	#conteudoSite .buscaBairro {
		font-size: 11px;
		font-family: Arial;
		color: #666666;
		font-weight: bold;
		margin: 30px 0 0 0;
		}
	
	#conteudoSite .btListaLojas {
		position: relative;
		top: -20px;
		left: 170px;
		width: 144px;
		}
	
	#conteudoSite .buscaLoja {
		width:151px;
		}
		
	#conteudoSite .buscaLoja .boxElementos {
		width: 151px;
		position: relative;
		z-index: 3150;
		}
		
	#conteudoSite .buscaLoja .boxElementos .LeftImage {
		width: 6px;
		height: 20px;
		float: left;
		background: url(../imagens/comboLeft.png) top left no-repeat;
		} 
	
	#conteudoSite .buscaLoja .boxElementos .campoTexto {
		float: left;
		height: 18px;
		background-color: #FFFFFF;
		border-top: 1px solid #e0e0e8;
		border-bottom: 1px solid #e0e0e8;
		border-right: 1px solid #e0e0e8;
		}
	
	#conteudoSite .buscaLoja .boxElementos .campoTexto input {
		border: 0;
		font: normal 10px arial;
		width: 122px;
		float: left;
		margin: 1px 0 0 0;
		}
			
	#conteudoSite .buscaLoja .boxElementos .setaClick {
		float: left;
		width: 20px;
		cursor: pointer;
		border-right: 0;
		}
		
	#conteudoSite .buscaLoja .options {
		border: 1px solid #e0e0e8;
		background-color: #ffffff;
		clear: both;
		color: black;
		position: absolute;
		top: 290px;
		width: 147px;
		z-index: 3100; 
		font:normal 10px arial;
		color: #999999;
		padding: 18px 0px 4px 0px;
		}
		
	#conteudoSite .buscaLoja .options a {
		display: block;
		width: 92px;
		text-decoration: none;
		color: #999999;
		padding: 1px 0px 1px 5px;
		}
		
	#conteudoSite .buscaLoja .options a:hover {
		background-color: #c0c0c0;
		color: #ffffff;
		}
	
	#conteudoSite .lojaUm, #conteudoSite .lojaDois {
		font-size: 11px;
		font-family: Arial;
		color: #666666;
		margin-top: 30px;
		}
	
	#conteudoSite .lojaUm span.nome {
		font-weight: bold;
		}
		
	#conteudoSite .lojaDois span.nome {
		font-weight: bold;
		color: #0066cc;
		}
		
	#conteudoSite .lojaUm span.endereco, #conteudoSite .lojaDois span.endereco {
		text-transform: uppercase;
		}
	
	#conteudoSite .lojaDois a {
		text-decoration: none;
		color: #0066cc;
		}
		
	#conteudoSite .lojaDois a:hover {
		text-decoration: none;
		}
	
	/* -- */
	
	/* CSS da Matéria */
	
	#conteudoMateria #topoMateria {
		margin: 0 20px 33px 25px;
		padding: 20px 0 0 0;
		}
	
	#conteudoMateria #topoMateria p {
		float: left;
		margin: 7px 0 0 0;
		padding: 0 0 4px 0;
		color: #999999;
		font-family: Arial;
		font-size: 10px;
		}
	
	#conteudoMateria #topoMateria p a {
		color: #999999;
		font-size: 10px;
		}
	
	#conteudoMateria #topoMateria p a:hover {
		text-decoration: none;
		}
	
	#conteudoMateria #topoMateria .botao {
		float: right;
		}
	
	#conteudoMateria #topoMateria .botao p {
		margin: 0 0 0 5px;
		padding: 0;
		color: #999999;
		}
	
	#conteudoMateria #topoMateria .botao p.texto {
		line-height: 1.0em;
		}
	
	#conteudoMateria, #conteudoContato {
		margin: 1px auto auto auto;
		width: 850px;
		background: url(../imagens/bgMateria.gif) top left no-repeat;
		}
		
	#corpoMateria {
		margin: 0 auto;
		}
		
	.bodyPrincipal{
		margin: 0 auto;
		background: url(../imagens/bgBodyPrincipal.gif) bottom left no-repeat; 
	}
	
	.bodyPrincipal .texto{
		float:none;
		color: #999999;
		font: normal 11px Arial;
		padding-top: 0px;
		width:804px;
		margin:0 auto;
	}
			
	.areaTextoFoto {
		width: 804px;
		margin: 0 auto;
		}
		
	.logoProdutoMateria {
		margin: 20px 0 0 0;
		}
		
	.texto {
		float: left;
		color: #999999;
		font: normal 11px Arial;
		padding-top: 20px;
		}
		
	.foto {
		float: right;
		width: 332px;
		margin-left: 20px;
		}
			
	.texto h1 { font-size: 22px ; font-weight: bold ; color: #069 ; margin: 0 0 15px 0; }
	.texto h2 { font-size: 18px ; font-weight: bold ; color: #069 ; margin: 0 0 15px 0; }
	.texto h3 { font-size: 14px ; font-weight: bold ; color: #09C ; margin: 0 0 15px 0; }
	.texto h4 { font-size: 12px ; font-weight: bold ; color: #666 ; margin: 0 0 10px 0; }
	.texto p,.texto ul,.texto li{ margin-top: 0px;margin-bottom: 0px; }
	.texto ul {margin-left: 26px}
	.texto a { color:#06C; }

		/* CSS das Abas */
		
		.abas {
			background: url(../imagens/bgAbas.gif) top left no-repeat;
			padding-left: 22px;
			height: 61px;
			}
			
		.abaOn {
			float: left;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom:1px;
			}
			
		.abaOn img {
			float:left;
			}
			
		.abaOn div {
			float:left;
			}
			
		.abaOn span { 
			float: left;
			display: block;
			background: url(../imagens/bgAbaOn.gif) top left repeat-x;
			font: bold 12px Arial;
			color: #FFFFFF;
			padding:7px 0 8px 0;
			} 

		.abaOn a .curvaEsquerda {
			background-image: url(../imagens/abaOnLeft.gif);
			width: 6px;
			height: 30px; 
			}
			
		.abaOn a .curvaDireita {
			background-image: url(../imagens/abaOnRight.gif);
			height: 30px;
			width: 9px;
			margin-right: 3px;
			}

		.abaOff {
			float: left;
			margin-left: 0px;
			border: 1px solid transparent;	

			}	
			
		.abaOff a span {
			float: left;
			display: block;
			background: url(../imagens/bgAbaOff.gif) top left repeat-x;
			font: bold 12px Arial;
			color: #FFFFFF;
			padding: 5px 3px 4px 0;
			margin-top: 7px;
			} 
			
		.abaOff a, .abaOn a {
			text-decoration: none;
			}
			
		.abaOff a .curvaEsquerda, .abaOff a .curvaDireita {
			float: left;
			width: 6px;
			height: 30px;
			margin: 0;
			background-position: bottom left;
			background-repeat: no-repeat;
		}
			
		.abaOff a .curvaEsquerda {
			background-image: url(../imagens/abaOffLeft.gif);
			width: 6px;
			float: left;
			height: 30px;
			margin: 0;
			}
			
		.abaOff a .curvaDireita {
			background-image: url(../imagens/abaOffRight.gif);
			width: 9px;
			float: left;
			height: 30px;
			margin: 0;
			}	
		
		.abaOff a:hover .curvaEsquerda {
			background-image: url(../imagens/abaOnLeft.gif);
			height: 30px; 
			}
			
		.abaOff a:hover span {
			background: url(../imagens/bgAbaOn.gif) top left repeat-x;
			font: bold 12px Arial;
			color: #FFFFFF;
			padding: 7px 0 9px 0;
			margin-top: 0;
			cursor: pointer;
			}
			
		.abaOff a:hover .curvaDireita {
			background-image: url(../imagens/abaOnRight.gif);
			height: 30px;
			margin-right: 3px;
			}	
		
		/* -- */
		
		/* CSS conteudoAbas */	
		
		.conteudoAbas {	width: 840px;margin: 0 auto;position:relative;top:-2px}	
		.conteudoAbas div div.areaTextoFoto {width: 847px;margin: 0 auto;}
		.conteudoAbas div div.areaTextoFoto h1 {font-size: 22px ; font-weight: bold ; color: #069;}
		.conteudoAbas div div.areaTextoFoto h2 {font-size: 18px ; font-weight: bold ; color: #069;margin: 0; }	
		.conteudoAbas div div.areaTextoFoto h3 {font-size: 14px ; font-weight: bold ; color: #09C}	
		.conteudoAbas div div.areaTextoFoto h4 {font-size: 12px ; font-weight: bold ; color: #666}				
		.conteudoAbas div div.areaTextoFoto div.texto {	
			float: left;
			color: #999999;
			font: normal 11px Arial;
			margin-left: -2px;
			margin-right: 0px;
			width:798px;
			border: 2px solid #eeeeee;
			border-top:none;
			border-bottom:none;			
			padding: 22px 15px 0px 23px ;
			}
		.conteudoAbas div div.areaTextoFoto .texto p,
		.conteudoAbas div div.areaTextoFoto .texto ul,
		.conteudoAbas div div.areaTextoFoto .texto li{margin-top: 0px;margin-bottom: 0px;}	
		.conteudoAbas div div.areaTextoFoto	.texto ul{margin-left: 26px}
		.conteudoAbas div div.areaTextoFoto .texto img{margin: 0px 10px 0px 10px}
		.conteudoAbas div div.areaTextoFoto	.texto a {color:#0066cc;}			
		
		.fundoAbas{background-image:url("../imagens/bgAbasBottom.gif");	background-repeat:no-repeat;background-position:top left;width: 840px;height: 19px;margin-left: 3px;clear: both;}
		
			
		
		.conteudoAbas div div.areaTextoFoto div.areaComplementos {
			background: url(../imagens/bgAreaComplementos.jpg) top left repeat-y;
			}
			
		.conteudoAbas div div.areaTextoFoto div.boxComplementos {
			float: left;
			width: 245px;
			margin: 31px 24px 0 0;
			}
			
		.conteudoAbas div div.areaTextoFoto div.boxComplementos .foto {
			width: 108px;
			margin: 0;
			color: #999999;
			font-size: 9px;
			margin-right: 9px;
			}
			
		
		/* -- */
	
	.funcionalidades {
		width: 847px;
		margin: 30px 0 0 0;
		font: normal 10px Arial, Helvetica, sans-serif;
		color: #999999;
		padding-left: 30px;
		}
	
	.funcionalidades img {
		float: left;
		margin-right: 6px;
		}	
		
	.funcionalidades .mail {
		float: left;
		width: 110px;
		}
		
	.funcionalidades .print {
		float: left;
		width: 99px;
		}	
		 
	.funcionalidades .print span {
		margin-top: 8px;
		display: block;
		}
		
	.funcionalidades .favorites {
		float: left;
		width: 85px;
		}
		
	.funcionalidades .rss{
		float: left;
		width: 85px;
		margin-left: 25px;
	}
	
	.funcionalidades .rss span{
		margin-top: 16px;
		display: block;	
	}		
	
	.funcionalidades .docs{
		float: left;
		width: auto;
	}	
	.funcionalidades .docs img{float: left;}	
	.funcionalidades .docs form{margin: 0 }	
	.funcionalidades .docs span{display: block;margin-top: -3px;float: left;}
	.funcionalidades .docs span select{
		font: normal 10px Arial, Helvetica, sans-serif;
		color: #999999;
		height: 18px;
		margin-top: 2px;
		width: 309px;
		border: 1px solid #b9b9be;	
	}	
			
	.funcionalidades .rate {
		clear: both;
		font: bold 12px Arial;
		color: #999999;
		padding-top: 20px;
		}
		
	.funcionalidades .rate strong { 
		color: #999999;
		float: left;
		margin: 0 4px 0 0;
		}
		
	.funcionalidades .rate span {
		font-size: 10px;
		color: #999999;
		margin-top: 3px;
		display: block;
		}
		
	.funcionalidades a{color: #999999;text-decoration: none;}	
	.funcionalidades a:hover{color: #999999;text-decoration: underline;}		
	
	/* -- */
	
	
	/* CSS de Contato */
	
	#corpoContato {
		background: url(../imagens/fundoInterna.png) top left no-repeat;
		width: 810px;
		margin: 1px auto auto auto;
		padding: 20px 20px 0 20px;
		}
			
	#corpoContato h1 {
		font: bold 22px Arial; 
		color: #006699; 
		margin: 20px 0 0 0;
		}
		
	#corpoContato h2 {
		font: normal 11px Arial;
		color: #999999;
		margin: 0 0 11px 0;
		}
		
	#corpoContato h2 a {
		color:#006699;
		}	
		
	#corpoContato #box {
		background-image: url(../imagens/boxContato.gif);
		width: 381px;
		height: 426px;
		margin: 28px 0 0 0;
		}	
		
	#corpoContato #box h1 {
		font-size: 12px;
		color: #666666;
		margin: 25px 0 0 0;
		padding-top: 10px;
		}
		
	#corpoContato #box h1 span {
		font-size: 10px;
		}	
		
	#corpoContato #box #areaDepartamentos {
		color: #999999;
		font: bold 11px Arial;
		padding-top: 30px;
		}	
		
	#corpoContato #box #areaDepartamentos .left {
		float: left;
		width: 200px;
		margin: 0;
		}
		
	#corpoContato #box #areaDepartamentos .right {
		float: left;
		width: 145px;
		margin: 0;
		}
		
	#corpoContato #box #areaDepartamentos .left input, #corpoContato #box #areaDepartamentos .right input {
		margin:10px 5px 0 0;
		}	
		
	#corpoContato #box #dados {
		clear: both;
		margin: 0 5px 0 0;

		position: relative;
		top: 25px;
		color: #999999;
		font:normal 11px Arial;
		}
		
	#corpoContato #box #dados input, #corpoContato #box #dados textarea {
		width: 340px;
		border: 1px solid #cecece;
		border-top-width: 2px;
		margin-bottom: 10px;
		}
		
	#corpoContato #box #dados textarea {
		height: 93px;
		}
		
	#corpoContato #box #dados p {
		margin: 0;
		}
			
	#corpoContato #box #areaInfo {
		color: #999999;
		font: bold 11px Arial;
		padding-top: 20px;
		clear: both;
		position: relative;
		top: 20px;
		}	
		
	#corpoContato #box #areaInfo .left {
		float: left;
		width: 200px;
		margin: 0;
		}
		
	#corpoContato #box #areaInfo .left input {
		float: left;
		margin: 5px 0 0 0;
		}	
		
	#corpoContato #box #areaInfo .left span {
		float: left;
		margin: 0 0 0 4px;
		font-size: 10px;
		width: 150px;
		}
				
	#corpoContato #box #areaInfo .right {
		float: right;
		width: 135px;
		margin: 0;
		}
	
	/* -- */
	
	/* CSS Resultado de Busca */
	
	#corpoBusca	{
		background: url(../imagens/fundoInterna.png) top left no-repeat;
		width: 810px;
		margin: 1px auto auto auto;
		padding: 20px 20px 0 20px;
		}	
		
	#corpoBusca h1 {
		margin: 0;
		font: bold 11px Arial; 
		color: #666666; 
		margin: 20px 0 30px 0;
		}
		
	#corpoBusca #paginacao {
		margin: 80px 0 0 0; 
		font: normal 11px Arial;
		}
		
	#corpoBusca #paginacao a {
		color: #0066cc; 
		margin-left: 4px;
		}
	
	#corpoBusca .resultado {
		width: 252px; 
		font: normal 11px Arial; 
		color: #999999; 
		height: 108px; 
		overflow-y:hidden; 
		float: left; 
		margin: 20px 18px 10px 0;
		}
		
	#corpoBusca .resultado h1 {
		color: #0099cc; 
		font: bold 14px Arial; 
		margin:0 0 16px 0;
		}
		
	#corpoBusca .resultado img {
		float: left; 
		margin: 0 12px 0 0;
		}
		
	#corpoBusca .resultado a {
		color: #0066cc;
		}
	
	/* -- */
	 
/* -- */

/* CSS do Rodapé */

#rodape {
	width:auto;
	margin: 50px auto;
}

#rodape #interno{width: 850px;margin: 0 AUTO;}

#rodape h1 {
	margin: 0 AUTO;
	}

#rodape p {
	float: right;
	margin: 20px 10px 0 0 ;
	padding: 0;
	font-family: Arial;
	font-size: 10px;
	color: #6c6c6c;
	}

#rodape ul {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
#rodape ul li {
	list-style: none;
	display: inline;
	margin: 0;
	}

#rodape ul li.semBordas a {
	border-left: 0;
	}
	
#rodape ul li a {
	font-family: Arial;
	font-size: 10px;
	color: #6c6c6c;
	padding: 0 6px 0 8px;
	text-decoration: none;
	border-left: 1px solid #6c6c6c
	}
	
#rodape ul li a:hover {
	color: #0066cc;
	}
	
/* -- */