/* DEFINIES GERAIS */
* { margin: 0; padding: 0; }
img {border: 0; }
p { margin-bottom: 10px; }
a { text-decoration: none; color:#2C5682; }
A { color:#333; }
A:hover { color:#063092; }
li, ul { list-style: none; }
body {
	background: #D8E9F8 url('imagens/bg.jpg') repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#wrapper {
	margin:0 auto;
	width: 778px;
}
.listagem { float: left !important; }
.listagem2 { float: right !important; }

.txt { background:#fff; border:1px solid #bbb; }
.btn { background:#fff; border:1px solid #ccc; cursor:pointer; margin:0; padding:0; }
.ul li {list-style:inside disc}


/* ESTRUTURA */
#container {
	float: left;
	margin-top: 20px;
	width: 778px;
	background:transparent url(imagens/bg_conteiner.jpg) repeat-y;
}

/* TOPO */
#topo {
	width: 778px;
	height: 109px;
	background: transparent url('imagens/bg_top.jpg') repeat-y;
}
	#topo h1 {
		float: left;
		padding: 25px 0 0 20px;
	}

/* MENU */
#navdate {
	float: left;
	padding-left: 285px;
	margin-top: -42px;
	font-weight: bold;
	text-transform: uppercase; 
}
	#navdate ul {
		float: left;
		width: 569px;
		list-style: none;
	}
	#navdate li {
		float: left;
		background: transparent url('imagens/marc.gif') 0 0 no-repeat;
		padding-left: 15px;
		padding-right: 10px;
	}
		#navdate li a {text-decoration: none; }
		#navdate li a:link {color: #666;}
		#navdate li a:visited {color: #666;}
		#navdate li a:hover {color: #003399;}

/* BANNER */	
.banner {
	float: left;
	padding-left: 12px;
	margin-bottom: 18px;
	}

/* CONTEUDO GERAL */	
#cont {
	margin: 0 14px;
	display: inline;
	float: left;
	width: 750px;
	background: transparent url('imagens/bg_cont.gif') 0 0 repeat-y;
	}		

/* COLUNA DE DESTAQUES - HOME */	
	#cont #infoauxiliar {
		float: right; 
		width: 220px; 
		}
		#cont #infoauxiliar h3 {
			text-transform:uppercase;
			padding: 10px 15px;
			font-size: 11px;
			color: #5C78B9;
			background: transparent url('imagens/bg_info_top.gif') 0 0 no-repeat;
			}
		#cont #infoauxiliar h4 {
			text-transform:uppercase;
			padding: 10px 15px;
			font-size: 11px;
			color: #5C78B9;
			}
		#cont #infoauxiliar .marc {
			font-family: Tahoma, sans-serif;
			background: transparent url('imagens/marc.gif') 0 0 no-repeat;
			padding-left: 15px;
			}
			#cont #infoauxiliar .marc A { color:#fff; }
			
		#cont #infoauxiliar div.news {
			padding:0 15px 10px 15px;
			font-size: 11px;
			}
		#cont #infoauxiliar div.news label {
			display:block; float:left; text-align:right; width:50px; margin:3px 5px 0 0;
			}
		#cont #infoauxiliar div.news input {
			margin-bottom:5px;
			}
		/* COLUNA DE DESTAQUES - DESTAQUES DA LISTA ORDENADA */
		#cont #infoauxiliar dl {
			color: #666;
			padding: 0 10px;
			width: 200px;
			}
			#cont #infoauxiliar dt {
				padding: 12px 0;
				}
			#cont #infoauxiliar dd {
				padding-bottom: 20px;
				border-bottom: 1px solid #D4DFF8;
				}
		#cont #infoauxiliar div.obras {
			margin:0; padding:0 15px 10px 15px; border-bottom: 1px solid #D4DFF8;
		}
		#cont #infoauxiliar div.obras A { color: #666; }
		#cont #infoauxiliar div.obras A div#titulo { color: #333; margin:0 0 5px 0; }
		#cont #infoauxiliar div.obras div#texto IMG { float:left; margin:0 10px 5px 0; }
		
				
	/* CONTEUDO - HOME */	
		#cont #conteudo {
			float: left;
			width: 525px;
			background-color: #FFF;
			}
			#cont #conteudo h3 {
				width: 485px;
				height: 30px;
				text-transform:uppercase;
				padding: 7px 15px;
				font-size: 11px;
				color: #5C78B9;
				background: transparent url('imagens/bg_dest_semana.gif') left top no-repeat;
				}
			#cont #conteudo .marc {
				font-family: Tahoma, sans-serif;
				background: transparent url('imagens/marc.gif') 0 0 no-repeat;
				padding-left: 15px;
				}
						
			#cont #conteudo .marc a {
				color:#FFFFFF;
				margin:0 0 0 5px; 
				}
			
						
			div.noticias { margin:0 0 25px 20px; }
			div.noticias A { display:block; margin:0 0 10px 0; color:#666; }
			div.noticias A:hover { color:#333; }
			div.noticias A .titulo { color:#4F6DB2; font-weight:bold; }
			div.noticias A:hover .titulo { color:#063092; }
			
			div.obras A { color: #666; }
			div.obras A div#titulo { color: #333; margin:0 0 5px 0; }
			div.obras div#texto IMG { float:left; margin:0 10px 5px 0; }
	
	/* CONTEUDO - PGINAS INTERNAS */	
		#cont #conteudoInterna {
			float: left;
			margin-top: 2px;
			width: 525px;
			min-height: 300px;
			background: url('imagens/bg_contInterno.jpg') top left repeat-y;
			}
			#cont #conteudoInterna h3 {
				float: left;
				margin: 0 0 0 2px;
				padding: 15px 0 0 28px;
				display: inline;
				width: 495px;
				height: 25px;
				font-size: 20px;
				text-transform: uppercase;
				font-family: Tahoma;
				font-weight: normal;
				color:#315380;
				background: #fff url('imagens/bg_h3.jpg') -1px 0 no-repeat;
				}
				#cont #conteudoInterna h3 img {
					float: left;
					xmargin: 18px 0 0 28px;
				}
			#cont #conteudoInterna h3.titLinhas {				
				float: left;
				padding: 15px 0 0 30px;
				height: 20px;
				width: 490px;
				color: #2c5682;
				font-size: 20px;
				text-transform: uppercase;
				font-family: Tahoma;
				font-weight: normal;
				}
			#cont #conteudoInterna ul.navSec {
				float: left;
				margin: 5px 0 0 25px;
				padding-bottom: 10px;
				width: 485px;
				display: inline;
				font-family: Tahoma;
				font-size: 12px;
				background: transparent url('imagens/bg_span.jpg') bottom left repeat-x;
				}
				#cont #conteudoInterna ul.navSec li { display: inline; }
				#cont #conteudoInterna ul.navSec li.atual { text-decoration: underline; }
				#cont #conteudoInterna ul.navSec li a {	color: #2c5682;	}
				#cont #conteudoInterna ul.navSec li a:hover { text-decoration: underline;}
				
			#cont #conteudoInterna span.destaque {
				float: left;
				margin: 5px 0 0 25px;
				padding-bottom: 10px;
				width: 485px;
				font-style: italic;
				color: #2c5682;
				font-family: Tahoma;
				font-size: 12px;
				background: transparent url('imagens/bg_span.jpg') bottom left repeat-x;
			}
			#cont .texto {
				float: left;
				margin: 10px 0 0 25px;
				width: 480px;
				display: inline;
				}
				#cont .texto ximg{
					float: right;
					padding-left: 5px;
					}
				#cont .texto .titulo{
					color:#4F6DB2;
					}
				#cont .texto .news{
					width:250px;
					margin:0 0 0 130px;
					padding: 10px 15px;
					font-size: 11px;
					}
				#cont .texto .news label {
					display:block; float:left; text-align:right; width:50px; margin:3px 5px 0 0;
					}
				#cont .texto .news input {
					margin-bottom:5px;
					}

		/* LISTAGEM DOS PRODUTOS */
			#cont #conteudoInterna ul.prodListagem {
				float: left;
				width: 490px;
				margin: 5px 0 0 20px;
				display: inline;
			}
				#cont #conteudoInterna ul.prodListagem li { 
					float: left;
					width: 149px;
					display: inline;
					margin: 0 2px 10px 10px;
					_margin-left: 0px;
				}
				#cont #conteudoInterna ul.prodListagem img {
					padding: 5px;
					float: left;
					width: 148px;
					height: 126px;
					background: transparent url('imagens/bg_foto.jpg') top left no-repeat;
					}
				#cont #conteudoInterna ul.prodListagem li p {
					float: left;
					margin: 2px 0 0 3px;
					cursor: pointer;
					display: inline;
					width: 139px;
					height: 25px;
					padding: 5px;
					text-align: center;
					background-color: #86b5ff;
				}
				#cont #conteudoInterna ul.prodListagem li a { color: #fff; }
		
		/* PRODUTO INTERNO*/ 
			#cont #conteudoInterna ul.prodInterno { 
				float: left;
				width: 460px;
				display: inline;
				margin: 15px 0 20px 25px;
				}
				#cont #conteudoInterna ul.prodInterno li{ 
					float: left;
					width: 460px;
					padding: 9px 0;
					}
				#cont #conteudoInterna ul.prodInterno li img {
					padding: 4px;
					background: transparent url(imagens/bg_foto_big.jpg) top left no-repeat;
					}
		
		/* RODAPE PRODUTO INTERNO*/ 
			#cont #conteudoInterna ul.rodapeProd {
				float: left;
				width: 250px;
				padding-left: 200px;
				margin-left: 20px;
				display: inline;
				background: transparent url('imagens/bg_span.jpg') top left repeat-x;
				}
				#cont #conteudoInterna ul.rodapeProd li{
					float: left;
					padding: 15px 5px;
					}
					
		/* MENU LATERAL */
		#infoauxiliar ul.mGeral {
			margin: 0 3px;
			border-top: 1px dashed #9CB9DB;
			}
			#infoauxiliar ul.mGeral li.sub {
				display:block;
				border-bottom: 1px solid #b3ccfe;
				text-transform: uppercase;
				}
				#infoauxiliar ul.mGeral li.sub a { 
					display: block;
					padding: 8px 0 8px 10px;
					font-weight: bold;
					color: #336699; 
					background-color: #d8e7ff;
					}
				#infoauxiliar ul.mGeral li.sub a:hover { padding: 8px 0 8px 12px; color: #254b71; background-color: #c2d9ff; }
				
			#infoauxiliar ul.mGeral li.cor2 a { background-color: #e3eeff !important;}
			#infoauxiliar ul.mGeral li.cor2 a:hover { color: #254b71; background-color: #c2d9ff !important;}
			
			#infoauxiliar ul.mGeral li.subCat {
				display:block;
				text-transform: none;
				color: #336699;
				font-weight: bold;
				background-color: #f4f6ff;
				border-bottom: 1px solid #b3ccfe;
				}
				#infoauxiliar ul.mGeral li.subCat a { display:block; position:relative; padding:0; color: #336699; }
				#infoauxiliar ul.mGeral li.subCat a:hover { padding:0 0 0 2px; color: #112233; }
					
				/*SUB MENUS INTERNO */
				
				#infoauxiliar ul.mInterna { display:block; margin:0; padding:0; }	
				#infoauxiliar ul.mInterna li.subInt{ padding: 4px 0 4px 15px; }

	

	/* CONTEUDO - DESTAQUES INTERNOS */
			#cont #conteudo .destaque {
				float: left;
				display: inline; margin-left: 7px;
				background: #FFF url('imagens/bg_destaque.jpg') 10px 0 no-repeat;
				width: 250px;
				font-size: 10px;
				}
				/* IMAGEM */
				.destaque .destaque01 {
					padding: 10px 0 0 18px;
					}
				/* TEXTO ABAIXO IMAGEM */
				.destaque h4 {
					padding: 25px 0 0 15px;
					font-size: 11px;
					color: #4F6DB2;
					background: transparent url('imagens/bg_dest_h4.gif') 5px 10px no-repeat;
					}
					.destaque h4 a {color: #4F6DB2; text-decoration: none; }
					.destaque h4 a:hover {color: #063092;}

				.destaque p {
					padding: 10px 5px 20px 15px;
					width: 235px;
					font-size: 11px;
					color: #666;
					}
					.destaque p a {color: #666; text-decoration: none; }
					.destaque p a:hover {color: #333;}

/* RODAP */		
#bottom {
	float: left;
	height: 62px;
	width: 778px;
	background: transparent url('imagens/bg_bot.jpg') 0 0 no-repeat;
	font-size: 10px;
	text-align: left;
	letter-spacing: -1px;
	word-spacing: 2px;
}
	#bottom address {
		padding-left: 20px; padding-top: 20px;
		color: #666;
		font-style: normal; font-size:11px;
	}
		#bottom address span {
			padding:0 5px 0 15px;
			background: transparent url('imagens/marc.gif') 0 0 no-repeat;
			color: #637EBC;
			font-weight: bold;
		}







span.paginacao { color:#aaa; }
span.paginacao A { color:#4F6DB2; }
span.paginacao A:hover { color:#063092; }




/* NEWSLETTER */
.news_body { margin:15px; padding:0; background-color:#B0C5F2; background-image:none; }
.news_conteudo { width:500px; background:#ffffff; border:5px solid #ffffff; }
.news_cabecalho { height:41px; padding:35px 40px 10px 125px; background:url(imagens/newsletter.jpg) no-repeat; color:#315380; font-size:110%; font-weight:bold; }
.news_texto { margin:10px 5px 15px; text-align:left; }
.news_rodape { padding:8px; background:#eeeeee; text-align:center; }




/*
Alpha PNG support for IE
------------------------------
Aviso, este cdigo abaixo funciona apenas para visualizao na tela. Quando este documento for impresso, o bug voltar.
O Hack Abaixo faz o cdigo rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari j tem a transparencia de PNG nativo.
\*/
* html img/**/ { filter:expression(this.alphaxLoaded ? "" : (this.src.substr(this.src.length-4)==".png" ? ((!this.complete) ? "" : this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+String(this.alphaxLoaded=true).substr(0,0)+(this.src="imagens/spacer.gif").substr(0,0)) : this.runtimeStyle.filter="")); }




