@charset "utf-8";
html{
	overflow-y:scroll;
	overflow-x:hidden;
}
body {
	background: url(../images/bg-fundonoise.png) repeat;
	margin:0;
	overflow-x:none;
	-height:100%;
	-width:100%;
}
a{text-decoration:none;color:#FFF;}
a:hover{text-decoration:underline;color:#FFF;}

#topo{/*id que aloca o menu e a logo*/
	width:930px;
	height:auto;
	margin:0 auto;
	background-image:url(../images/bg-fundonoise.png);
}
#img{/*id que aloca s o slide de imagens*/
	width:1920px;
	height:330px;
	float:right;
	*right:0;
	*position:absolute;
	border-top:3px solid #444;
	border-bottom:3px solid #444;
	/*position:absolute;
	left:50%;
	margin-left:-960px;*/
}
#slideimg2{/*imagem do topo que  utilizada para as otras paginas sem ser a index*/
	width:1920px;
	height:200px;
	overflow:hidden;
	border-top:3px solid #444;
	border-bottom:3px solid #444;
	position:absolute;
	left:50%;
	margin-left:-960px;
	margin-top:93px;
	-margin-top:0px;
	*margin-top:0px;
}
.arrumaimgslide{/*div para arrumar o problema causado pela position absolute da divslide*/
	margin-top:0;
	width:1px;
	height:200px;
}
.arrumaimgslideie{/*div para arrumar o problema causado pela position absolute da divslide na index para o ie*/
	margin-top:0;
	width:1px;
	height:340px;
}
.divpedeprod{
	float:left;
	padding-top:20px;
	padding-left:0;
}
.divdicas span{
	color:#CCC;
	font-size:14px;
	font-weight:bold;
}
.divprodutos{/*div que aloca a o content dos produtos gerais*/
	width:600px;
	float:left;
	padding-top:20px;
	padding-left:30px;
}
.divprodutos span{/*div que aloca a o content dos produtos gerais*/
	color:#CCC;
	font-size:14px;
	font-weight:bold;
}
.imageprod{
	width:211px;
	float:left;
	margin-right:10px;
	border:2px solid #444;
}
.divcentr{
	width:400px;
	float:left;
	padding-left:30px;
	text-align:left
}
.divcentr p{
	margin-top:10px;
	padding-left:50px;
	padding-top:15px;
	text-align:left
}
.divcentr span{
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.maisfeiras{/*div que aloca todo o conteudo da div com os mini produtos*/
	width:540px;
	margin:0 auto;
	-margin:100px auto;
	padding-top:30px;
}
.maisproddiv{/*div que aloca todo o conteudo da div com os mini produtos*/
	width:540px;
	margin:0 auto;
	padding-top:30px;
}
.maisproddiv p{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.maispd{/*div individual com cada imagem aleatoria*/
	width:120px;
	height:90px;
	margin-right:10px;
	margin-bottom:20px;
	border:2px solid #FFF;
	float:left;
	overflow:hidden;
}
.divclientes{/*div que aloca a o content dos da pagina empresa*/
	width:650px;
	float:left;
	padding-left:30px;
	text-align:left
}
.divclientes span{
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.divbenef{/*div que aloca a o content dos da pagina empresa*/
	width:600px;
	float:left;
	padding-left:30px;
	text-align:left
}
.divbenef span{
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.divempresa{/*div que aloca a o content dos da pagina empresa*/
	width:600px;
	float:left;
	padding-left:30px;
	text-align:left
}
.divempresa b{/*div que aloca a o content dos da pagina empresa*/
	padding-left:10px;
	text-align:left;
	padding-top:-2px;
}
.divempresa p{
	margin-top:10px;
	padding-top:15px;
	text-align:left;
}
.divempresa span{
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.logo{
	width:217px;
	height:93px;
	float:left;
}
.menu{
	width:700px;
	float:right;
	margin-top:37px;
}
.menu ul{
	list-style:none;
}
.menu ul li{
	float:left;
	padding:0px 20px 0px 20px;
	color:#dadaed;
	font-size:14px;
}
.menu ul li a{
	padding:0px 7px 0px 7px;
	color:#EEE;
	font-size:14px;
	text-decoration:none;
}
.menu ul li a:hover{
	padding:4px 7px 4px 7px;
	color:#86C18D;
	font-size:14px;
	font-style:italic;
	text-decoration:none;
	text-shadow:#000 0px 0px 3px;
}
.imagelateral{
	width:217px;
	float:left;
	margin-top:-24px;
	-margin-top:-25px;
	position:relative;
}
.menulateral{
	width:180px;
	padding-top:10px;
	float:left;
}
.menulateral ul{
	list-style:none;
	width:179px;
	height:292px;
	margin:0;
	padding:10px 5px 0px 5px;
}
.menulateral ul li{
	height:20px;
	padding:4px;
	background:url(../images/riscopng.png) repeat-x bottom;
}
.menulateral ul li a{
	color:#DDD;
	text-decoration:none;
}
.menulateral ul li a:hover{
	color:#DDD;
	text-decoration:none
}

.menulateral2{
	width:180px;
	padding-top:10px;
	float:left;
}
.menulateral2 ul{
	list-style:none;
	width:179px;
	height:292px;
	margin:0;
	padding:10px 5px 0px 5px;
}
.menulateral2 ul li{
	padding:4px;
	background:url(../images/riscopng.png) repeat-x bottom;
}
.menulateral2 ul li a{
	color:#DDD;
	text-decoration:none;
}
.menulateral2 ul li a:hover{
	color:#DDD;
	text-decoration:none
}

/*div{
	border:1px solid #AAA;
}*/
#content{
	width:930px;
	margin:0 auto;
	padding-top:30px;
}
#rodape{
	width:930px;
	margin:10px auto;
	padding-top:10px;
	background:url(../images/bg-risco.png) repeat-x top;
}
.clear{clear:both;}
.englobabloco{
width:462px;
float:left;
}
.topoengloba{
height:22px;
background:url(../images/bg-topocarrousel.png) repeat-x;
margin:0 auto;
width:454px;
color:#FFF;
padding-left:2px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:22px;
}
.restoengloba{
width:450px;
height:275px;
padding:8px 10px 4px 4px;
background:url(../images/bg-carrousel.gif) no-repeat;
color:#FFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.preloadercarrosel{
	position:absolute;
	margin-top:100px;
	margin-left:100px;
	background:url(../images/carregando.gif);
	width:35px;
	height:35px;
	z-index:3;
}
.restoengloba img{
margin-right:8px;
}
.botao{
	width:183px;
	height:60px;
	position:absolute;
	margin-left:250px;
	background:url(../images/button-smais.gif);
	margin-top:170px;
	z-index:50;
	cursor:pointer;
}
.botao img{
	border:0;
}
.divlogoclientes{/*div individual que engloba cada logo dos clientes na pagina clientes*/
	width:150px;
	height:80px;
	float:left;
	padding:2px;
	border:0px;
	-display:inline;
}
.divlogoclientes img{/* borda na imagem das logos */
	border:0;
}
.feira{/*div que aloca a parte de feiras na index do site*/
	width:200px;
	border:2px solid #444;
	height:180px;
	float:left;
	margin-top:3px;
}
.dicas{
	padding-top:0px;
	padding-left:30px;
	-padding-left:0px;
	width:270px;
	float:left;
}
.dicas2{
	width:300px;
	float:right;
}
.dicas2 ul{
	color:#98c799;
	font-size:14px;
	font-weight:bold;
	list-style:url(../images/dot-dicas.png);
}
.dicas ul{
	color:#98c799;
	font-size:14px;
	font-weight:bold;
	list-style:url(../images/dot-dicas.png);
}
.dicas ul li{
	font-weight:normal;
	font-size:12px;
	color:#f4f4f4;
	width:300px;
	float:left;
	margin-top:9px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.menusanfona{
	width:405px;
	-width:400px;
	height:173px;
	background:url(../images/bg-accordion.gif) no-repeat;
	float:left;
	padding:8px;
}
.efeitobig{
	width:347px;
	height:336px;
	background:url(../images/bg-efeito.png);
	position:absolute;
	right:0;
	margin-top:93px;
	*margin-top:0px;
	z-index:55;
}
.linhaleft{
	width:550px;
	float:left;
	padding-top:20px;
}
.linharight{
width:350px;
float:right;
}
/**************Fade Header****************/
#header {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 217px;
	height: 93px;
	position: relative;
	background:url(../images/logo-sstop.gif) no-repeat;
}
#header a {
	position: absolute;
	top: 0;
	left: 0;
	width: 217px;
	height: 93px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
}
#header .fake-hover {
	margin: 0;
	padding: 0;
	width: 217px;
	height: 93px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:url(../images/logo-sstop2.png) no-repeat;
}
.divlinksrapidos{/*botoes a baixo na pagina produtos*/
	width:850px;
	-width:800px;
	margin:0 auto;
}
.divlinksrapidos ul{
	list-style:none;
	margin:0 auto;
}
.divlinksrapidos ul li{
	color:#222;
	font-weight:bold;
	width:180px;
	height:33px;
	margin-top:0px;
	margin-left:80px;
	-margin-left:20px;
	float:left;
	-display:inline;
	/*font-size:12px;
	text-align:center;
	line-height:22px;
	text-shadow:#CCC 0px 1px 0px; pode ser usado posteriormente */
}
.divlinksrapidos2{/*botoes a baixo na pagina produtos*/
	width:850px;
	-width:800px;
	margin:0 auto;
}
.divlinksrapidos2 ul{
	list-style:none;
	margin:0 auto;
}
.divlinksrapidos2 ul li{
	color:#222;
	font-weight:bold;
	width:180px;
	height:33px;
	margin-top:0px;
	margin-left:80px;
	-margin-left:500px;
	float:left;
	/*font-size:12px;
	text-align:center;
	line-height:22px;
	text-shadow:#CCC 0px 1px 0px; pode ser usado posteriormente */
}
.barrabot{
	width:770px;
	height:50px;
	background:url(../images/barrabot.png);
	margin:40px auto;
	position:relative;
	padding:4px 4px 4px 4px;
}
.buttongeral{/*div que gera os botes com bg elastico*/
width:200px;
cursor:pointer;
height:41px;
float:left;
background:url(../images/buttonn.png) repeat-x;
*border:1px solid #FFF;
-border:1px solid #FFF;
line-height:40px;
margin-right:20px;
text-shadow:#FEFEFE 0px 1px 0px;
text-align:center;
font-weight:bold;
-moz-box-shadow: 0px 0px 4px #111;
color:#333;
}
.buttongeral2{/*botao de cadastro*/
width:200px;
height:41px;
background:url(../images/buttonn.png) repeat-x;
*border:1px solid #FFF;
-border:1px solid #FFF;
line-height:40px;
margin:0 auto;
text-shadow:#FEFEFE 0px 1px 0px;
text-align:center;
font-weight:bold;
-moz-box-shadow: 0px 0px 4px #111;
color:#333;
}
.buttonn{/*div que gera os botes com bg elastico*/
width:300px;
height:41px;
background:url(../images/buttonn.png) repeat-x;
*border:1px solid #FFF;
-border:1px solid #FFF;
line-height:40px;
text-shadow:#FEFEFE 0px 1px 0px;
text-align:center;
font-weight:bold;
-moz-box-shadow: 0px 0px 4px #111;
color:#333;
}
.buttonn a{
color:#333;
text-decoration:none;
}
a.buttonn:hover {
color:#333;
text-decoration:none;
}
.divthublb{/*div que aloca as imagens dos produtos para o lightbox*/
width:69px;

-height:50px;
overflow:hidden;
height:76px;
-padding-bottom:0px;
border:2px solid #FFF;
background:url(../images/simagem.jpg);
margin-bottom:7px;
margin-left:2px;
-display:inline;
float:left;
cursor:pointer;
opacity:1;
text-align:center;
}
.divthubup{/*div que aloca a imagem maior*/
width:300px;
height:354px;
border:2px solid #FFF;
margin-bottom:7px;
float:left;
}
.divthubup2{/*div que aloca a imagem das feiras*/
width:600px;
height:310px;
border:2px solid #FFF;
margin-bottom:7px;
margin-left:2px;
float:left;
}
/**************Fim Fade Header****************/

/**************CARROSEL*****************/
#jFlowSlide{ }
#myController {font-family: Georgia; padding:2px 20px 0px 20px; height:60px; margin:0 auto; text-align:center}
#myController span.jFlowSelected {background:url(../images/dot-c-2.png) no-repeat; margin-right:30px;}

.slide-wrapper { padding: 0px; overflow:hidden;}
.slide-thumbnail { width:600px; float:left; }
.slide-thumbnail img {}
.slide-details { width:465px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }
.jFlowPrev {color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;position:absolute;margin-top:-180px;margin-left:-24px}
.jFlowNext {color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;position:absolute;margin-top:-190px;margin-left:923px}
.jFlowPrev:hover, .jFlowNext:hover {opacity:0.7;}
.jFlowControl{background:url(../images/dot-c-1.png) no-repeat; width:12px; height:32px; padding:0px 5px 0px 5px;margin-right:30px; cursor:pointer;}

.backLava {
	position:absolute;
	z-index:-3;
	background:#333;
	-background:transparent;
	border:0;
	height:30px;
}
.colunaprodutosesq{
	width:300px;
	float:left;
}
.colunaprodutosmeio{
	margin-left:13px;
	width:400px;
	float:left;
}
.colunaprodutosmeio2{/*coluna das informacoes de cada feira*/
	margin-left:8px;
	width:300px;
	float:right;
}
.ende{/*fonte do endereço na pagina de central de atendimento*/
	font-size:11px;
	padding-left:15px;
}
.colunaprodutosmeio span{
	color:#CCC;
	font-size:15px;
	font-family:'AurulentSansRegular', Arial, sans-serif;
}
.colunaprodutosmeio2 span{
	color:#CCC;
	font-size:15px;
	font-family:'AurulentSansRegular', Arial, sans-serif;
}
.colunacentrdir{
	margin-left:8px;
	width:207px;
	float:left;
}
.colunacentrdir span{
	font-size:10px;
	color:#222;
}
.buttonfone{
	margin:4px 0;
	width:214px;
	height:53px;
	background:url(../images/buttonfone.gif);
}
.divnewsind{
	width:250px;
	height:200px;
	border:1px solid #FFF;
	color:#CCC;
	position:absolute;
	dysplay:block;
}
.colunaprodutosdir{
	margin-left:8px;
	width:200px;
	float:left;
}
.colunaprodutosmeio label{
	font-size:11px;
}
.colunaprodutosmeio label strong{
	color:#333;
}
.butdivform{/*botao liquido*/
	width:200px;
	height:32px;
	background:url(../images/buttontituloform.jpg) no-repeat;
	margin:0 auto;
	padding:17px 0px 0px 0px;
	text-align:center;
	font-weight:bold;
	text-shadow:#FEFEFE 0px 1px 0px;
	color:#333;
	cursor:pointer;
}
.pedidosbox{
	width:400px;
	float:left;
}
.butdivform a{/*botao liquido*/
	color:#333;
	text-decoration:none;
}
.divexpand{
	width:189px;
	display:none;
	padding:4px 0px 0px 8px;
}
.divexpandinfo{
	width:300px;
	-width:290px;
	display:none;
	padding:4px 0px 0px 8px;
}
.divexpand span{
line-height:22px;
font-size:11px;
float:left;
}
.formbutton{
padding:0px 6px 0px 6px;
color:#FFF;
height:29px;
background:url(../images/botaoform.png) repeat-x;
border:0;
-moz-box-shadow: 0px 0px 2px #111;
box-shadow: 0px 0px 2px #111;
float:right;
margin-right:3px;
margin-bottom:8px;
-border:1px solid #333;
*border:1px solid #333;
}
.formbutton3{
padding:0px 6px 0px 6px;
color:#FFF;
height:29px;
background:url(../images/botaoform.png) repeat-x;
border:0;
-moz-box-shadow: 0px 0px 2px #111;
box-shadow: 0px 0px 2px #111;
margin-left:10px;
margin-bottom:8px;
-border:1px solid #333;
*border:1px solid #333;
}
.formbutton2{
padding:0px 6px 0px 6px;
color:#FFF;
height:29px;
background:url(../images/botaoform.png) repeat-x;
border:0;
-moz-box-shadow: 0px 0px 2px #111;
box-shadow: 0px 0px 2px #111;
float:left;
margin-right:3px;
margin-bottom:8px;
-border:1px solid #333;
*border:1px solid #333;
}

/******FORM PRODUTOS******/
.formtext{
background:#eaeaf6;
border:2px solid #484645;
color:#666;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px 4px 5px 4px;
margin-bottom:5px;
}
/**************FIM CARROSEL*****************/
/**************Slide Imagens Produtos***************/
/* This is the ul you have all your images in */
.pikachoose ul{text-align:center;padding-left:0;height:100px;margin:10px 0px 0px 0px;}
.pikachoose ul li{float: left;padding:0px;border:2px solid #FFF;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:600px;height:350px;display:block;position:relative;margin:0 auto;-margin:0 auto 100px 0; overflow:hidden;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:0px solid #FFF;padding:0;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{display:block;width:600px;padding-top:4px;text-align:center;position:absolute;bottom:0px;left:0px;background:#000;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}
/**************Fim Slide Imagens Produtos***************/
.jquery-selectbox {
	position: relative;
	height: 30px;
	width: 50px;
	z-index: 0;
	float: left;
	display: inline;
	margin:0;
	font-size: 9px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 5px 0px 0px 5px;
	background-image: url(../images/bg_red.jpg);
}
.jquery-selectbox.selecthover {
	border-color: #9F7627;
	background-color: #FFFCDF;
	background-image: url(../images/bg_red.jpg);
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 3px 0px 0px 3px;
	display: block;
	overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 16px;
	padding: 2px;
	left: 0px;
	background:#602020;
	width: 100px;
	height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	background:url(../images/lay-selectMoreButton.jpg);
	margin-top:1px;
	margin-left:-20px;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	background:url(../images/lay-selectMoreButton.jpg);
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #87683d;
	color: #eee;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
}
/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url(../images/bg-TextFieldError.gif);
}
.divcadastro{/*div de confirmacao de cadastro*/
	width:250px;
	height:50px;
	color:#333;
	border:1px solid #374A35;
	margin:25px auto;
	background:#A7D1A5;
	padding:4px;
	text-align:center;
}

/* This is the ul you have all your images in */
.pikachooseCompact ul{padding:5px 0 0 5px;width:1920px;height:15px;margin:0;overflow:hidden;float:right;position:relative;z-index:99;}
.pikachooseCompact ul li{float:left;margin:0 6px 4px 0;position:relative;z-index:100;}
.pikachooseCompact ul li div img{position:relative;cursor:pointer;z-index:100;}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:1920px;height:330px;-height:335px;display:block;-position:absolute;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;}
#pikame_compact{position:absolute;z-index:110;right:900px;top:390px;*top:295px;float:left;}
#pikame_compact li{float:left;margin-left:4px;cursor:pointer;-moz-box-shadow:#000 0px 0px 5px;}
.pika_back_img{position:relative;}
.pika_subdiv{position:relative;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{height:16px;padding:4px 5px 0 0;text-align:right;float:right;z-index:100;display:none;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:1px;top:3px;display:none;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:1px;height:1px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:1px;height:1px;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:2px;left:2px;height:1px;width:1px;}
.pika_next_hover{position:absolute;top:2px;right:2px;height:1px;width:1px;}

#pikame_user{border:0;margin-top:-10px;-margin-top:315px;-position:absolute;text-align:center;width:600px;margin-left:20px;}
#pikame_user li{width:103px;}


.jFlowSlideContainer img{
	margin-left:5px;
	margin-top:2px;
}
.spantp{
	position:absolute;
	background:#EEE;
	border:2px solid #661A1A;
	color:#ff0000;
	font-size:11px;
	padding:5px;
	margin-left:250px;
	-margin-left:-550px;
	*margin-left:-550px;
	margin-top:-70px;
	-margin-top:40px;
	*margin-top:40px;
}

#imagemprodutos{
	opacity:0.5;
	filter: alpha(opacity = 50);
}

#easyTooltip{
	margin:0 10px 1em 0;
	padding:8px;
	background:#fcfcfc;
	border:2px solid #444;
	line-height:130%;
	color:#333;				
	}
#easyTooltip h3{
	margin:0 0 .5em 0;
	font:13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}	
#easyTooltip p{
	margin:0 0 .5em 0;
	}		
#easyTooltip img{
		background:#fff;
		padding:1px;
		border:1px solid #e1e1e1;
		float:left;
		margin-right:10px;
		}		

#item{display:none;}

#dvimgprod{

}

.divalocaprod{
position:absolute;
width:110px;
height:35px;
background:url(../images/boxshadowprod.png);
margin-top:72px;
color:#CCC;
line-height:35px;
z-index:10;
text-align:center;
font-size:12px;
}

.textobndes{
	position:absolute;
	width:100px;
	margin-top:-30px;
	*margin-top:10px;
	*margin-left:-40px;
	margin-left:70px;
	font-size:10px;
	opacity:0;
	filter: alpha(opacity = 0);
}

.divbotoes{
	width: 220px;
	*width: 290px;
	float: right;
}


/*********************Lightbox**********************/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*********************Fim Lightbox**********************/

* {margin:0; padding:0}
.sm {list-style:none; width:408px; height:174px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden;}

/********************************
Página Pedidos - Limpando Inlines
********************************/

.pedidosEspacamento{
	width:100px;
	margin-right:20px;
	margin-top:4px;
}

.camposPedidos{
	width:150px;
	margin-right:20px;
	margin-left:15px;
}
.preel{
background-color:#FFFFFF; !important
background-image:url(../images/carregando.gif);
background-repeat:no-repeat;
}