/* css inicial padrão */

div, body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, form {padding:0px; margin:0px;}

a { text-decoration:none; }

.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }

.pag_on { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#003366; font-weight:bold; text-decoration:none;}
.pag_off { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #006699; font-weight:bold; text-decoration:none;}

.list { font-family:tahoma; font-size:10px; color: #0D457E; font-weight:normal; text-decoration:none;}
.list:hover { font-family:tahoma; font-size:10px; color: #0D457E; font-weight:normal; text-decoration:underline;}

input, textarea, select, option { font-size:10px; font-family:tahoma;}


.desc { font-family:tahoma;
		color:#006699;
		font-size:9px;
		text-align:center;	
}

.tabela {
		background-color:#FFFFFF;
		background-image:url(../jpg/bg_tabela.jpg);
		background-repeat: repeat-x;
		text-align:center;
		overflow:hidden;
}

#paginacao { text-align:center; padding-top:20px; padding-bottom:50px; background-color:#D6EDFB; background-image:url(../jpg/bg_paginacao.jpg); background-position:top center; background-repeat: no-repeat; overflow:hidden; }

#titulo { 
		padding-left: 20px; 
		padding-top:18px; 
		padding-bottom:14px;
		background-image:url(../jpg/bg_h1.jpg);
		background-repeat: repeat-x;
		font-family: tahoma;
		font-size:14px;
		color:#0D457E;
}

#topo, #meio, #rodape_img { 	
	margin-left:auto;
	margin-right:auto;
	width:775px;
}

#topo {
	background-image:url(../jpg/bg_topo.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:171px;
}

#meio {
	background-image:url(../jpg/bg_azul_meio.jpg);
	background-repeat:repeat-y;
	overflow: hidden;
}

#rodape_img {
	background-image:url(../jpg/bg_rodape.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:102px;
}

#rodape {
	width:100%;
	background-color:#000000;
	overflow:hidden;
	height:100px;
}

#conteudo {
	margin-left:82px;
	margin-right:78px;
}

#menu {
	width:135px;
	height:200px;
	float:left;
}

#destaque {
	background-repeat:no-repeat;
	background-position: bottom center;
	background-color:#FFFFFF;
	width:330px;
	float:left;
	
}

#publicidade {
	background-image: url(../jpg/bg_publicidade.jpg);
	background-repeat:no-repeat;
	width:147px;
	height:200px;
	float:left;
}

.produtos_destaque {
	width:68px;
	height:66px;
	padding:2px;
	border:1px solid #7885A2;
	background-color: #fff;
	margin:1px;
	margin-top:10px;
	float:left;
}

.txt_rodape span{ }

.txt_rodape {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
	margin-top:40px;
	margin-left:82px;
	margin-right:78px;
	margin-bottom:40px;
	float:left;
}

.txt_rodape p{ margin-bottom:2px; }

#rodape_aux {
	width:775px;
	margin-left:auto;
	margin-right:auto;
}

#flex { float:right; vertical-align:top; } 

/* Visualizador
--------------------------------------------------------- */
div.thumbwrapper {float: left;padding: 5px;margin: 8px;	text-align: center;}

.highslide {cursor: url(highslide/graphics/zoomin.cur), pointer;outline: none;}

.highslide-image {border: 2px solid white;}
.highslide-image-blur {}
.highslide-caption {display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px;background-color: white;}
.highslide-loading {  display: block;color: white;font-size: 9px;font-weight: bold;	text-transform: uppercase; text-decoration: none;padding: 3px;border-top: 1px solid white;border-bottom: 1px solid white;background-color: black;}

a.highslide-credits,
a.highslide-credits i {padding: 2px;color: silver; text-decoration: none;font-size: 10px;}
a.highslide-credits:hover,
a.highslide-credits:hover i {color: white; background-color: gray;}

.highslide-move { cursor: move;}
.highslide-overlay {display: none;}

.controlbar {background: url(../highslide/graphics/controlbar4.gif);width: 167px;height: 34px;}
.controlbar a {	display: block;float: left; /*margin: 0px 0 0 4px;*/height: 27px;}
.controlbar a:hover {background-image: url(../highslide/graphics/controlbar4-hover.gif);}
.controlbar .previous {width: 50px;}
.controlbar .next {	width: 40px; background-position: -50px 0;}
.controlbar .highslide-move {width: 40px;background-position: -90px 0;}
.controlbar .close {width: 36px;background-position: -130px 0;}

.highslide-display-block { display: block;}
.highslide-display-none { display: none;}

/* -------- efeito que faz abrir imagem em forma dinâmica (abre apenas uma imagem, semelhante ao efeito que parece flash) ---------- */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gif/overlay.png", sizingMethod="scale");
	
}

/* ----------------------------------- DESTAQUES ------------------------------ */

ul.lista_destaques {
	position: relative;
	list-style:none;
	list-style-type:none;
}

ul.lista_destaques li {
	margin-left: 1px;
	margin-top:8px;
	position: absolute;
	width: 327px;
	height: 152px;
	background: #000;
}

.item_baixo {
	text-align:right;
	padding: 10px 10px 0 10px;
	margin-top: 155px;
	height: 40px;
	font-family:tahoma;
	color:#0270BD;
	font-size:10px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../gif/png/item_baixo_bg.png, sizingMethod=scale);
}
.item_baixo[class] {
	background: url("../gif/png/item_baixo_bg.png");
}
#barra_dest {
	
	position: absolute;
	height: 27px;
	width: 450px;
	background: url("../jpg/barra_dest_bg.jpg") repeat-x;

}
#barra_dest ul {
	margin-left:5px;
	margin-top:167px;	
	list-style:none;
	list-style-type:none;
}
#barra_dest ul li {
	float: left;
	width: 13px;
	height: 13px;
	padding: 2px;
	font-family:tahoma;
	font-size:10px;
}

#barra_dest ul li a {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	color:#0270BD;
}
#barra_dest ul li.atual {
	background: #0270BD;
}
#barra_dest ul li.atual a {
	color: #fff;
}
#barra_dest_tit {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 59px;
	height: 9px;
	background: url("../gif/png/barra_dest_tit.png") no-repeat;
}