@charset "utf-8";

/* CSS Document */



body { 

margin:0; 

padding:0;

background:#cbc7c2;

font-family:Arial, Helvetica, sans-serif;

font-size: 11px;

color: #4a4949;

}



.titulo {

	color: #755344;

	font-size:14px;

}



.subtitulo {

	color: #4a4949;

	font-size:12px;

}



a:link {

	color: #695B4C;

	text-decoration:none;

}

a:visited {

	color: #7C6E60;

	text-decoration:none;

}

a:hover {

	color: #8C7F71;

	text-decoration:underline;

}

a:active {

	color: #58595B;

	text-decoration:underline;

}



#header { 

margin:0 auto; 

padding:0;

margin-bottom: 5px;

}


#main_home {

	width: 100%;

	background-image:url(../images/fundohome.jpg);

	background-repeat:repeat-x;

}



#topo { 

margin:0 auto; 

width:980px;
height:170px;

}



#logo {
	width: 200px;
	height:170px;

}





#corpo0 {
	margin: 0 auto;
	width: 980px;
	height: 1000px;
}

#corpo1 {
	margin: 0 auto;
	width: 980px;
	height: 830px;
}

#corpo2 {
	margin: 0 auto;
	width: 980px;
	height: 1200px;
}


#corpo3 {
	margin: 0 auto;
	width: 980px;
	position:relative;
}

#corpo {
	width: 908px;
	height: 230px;
	padding-left: 72px;
	padding-top: 52px;
	background-image:url(../images/intro.png);
	background-repeat:no-repeat;
	margin-bottom: 37px;
	margin-top:-10px;
}



#conteudo_intro {

	width: 826px;



}













#banner {

	width:980px; 

	height: 390px;

	background-image:url(../images/slider_fon_bg_1.png);

	background-repeat:no-repeat;

	

	

}





#conteudobanner {

	width:828px; 

	height: 258px;

	padding-left:72px;

	padding-top:62px;

	

	

}







#fotointro {

	width: 261px;

	height: 191px;

	background-image:url(../images/fotointro1.png);

	background-repeat:no-repeat;

	float:left;

}



#textointro {

	height: 191px;

	width: 540px;
	
	margin-top:13px;

	padding-left: 22px;

	padding-top: 15	px;

	float:left;

	

}



#caixa {

	width: 910px;
	height: 384px;
	margin-top: 40px;
	padding-left: 70px;

}



#tl_destaques {

	width: 828px;

	height: 43px;
	
	margin-top: -30px;

	background-image:url(../images/tl_destaques.png);

	background-repeat:no-repeat;

}

#pd_destaques {
 
	width: 839px;
	height: 170px;
	background-image:url(../images/destprod_1.png);
    
	background-repeat:no-repeat;


}



#prod_destaques {

	width: 842px;

	height: 330px;

	background-image:url(../images/destprod.png);

	background-repeat:no-repeat;

	background-position:top;

	padding-top: 10px;

}



#rodape {

	background-image:url(../images/fundorodape.png);

	background-repeat:repeat-x;

	background-color: #7c6e60;

	height: 110px;

	text-align:center;

	padding-top: 80px;

	color: #aaa7a2;

}

#rodape2 {

	background-image:url(../images/fundorodape.png);

	background-repeat:repeat-x;

	background-color: #7c6e60;

	height: 110px;

	text-align:center;
	padding-top: 80px;

	color: #aaa7a2;

}





#corpos {

	width: 982px;
	position:relative;

}



#conteudosite {

	width: 900px;

	padding-left: 40px;

	padding-right: 40px;

	background-image:url(../images/fundo1inst.png);

	background-repeat:repeat-y;

	float:left;

	text-align:justify;

}



#finaldapagina {

	width: 980px;

	height: 95px;

	background-image:url(../images/fundo2inst.png);

	background-repeat:no-repeat;

	float:left;

}





#fotoinst {

	width: 227px;

	height: 306px;

	background-image:url(../images/inst_1.png);

	background-repeat:no-repeat;

	background-position:right;

	float:right;

}


#fotopromo {

	width: 227px;

	height: 306px;

	background-image:url(../images/promo_img.png);

	background-repeat:no-repeat;

	background-position:right;

	float:right;

}

#fotopromo1 {

	width: 227px;

	height: 306px;

	background-repeat:no-repeat;

	background-position:right;

	float:right;

}



/*///////////   MENU   ///////////*/





#menu {

	width:940px;

	height: 29px;

	margin-top: 20px;

	padding-left: 20px;

	padding-right: 20px;

	

}



#menuin {

	width: 680px;

	margin: 0 auto;

}





#menu2 {

	width:982px; 

	height: 137px;

	background-image:url(../images/fundo_0_inst.png);

	background-repeat:no-repeat;

	float:left;

		

}







#menua {

	width:940px;

	height: 29px;

	margin-top: 61px;

	padding-left: 20px;

	padding-right: 20px;

	

}





#home,



a:link#home,



a:visited#home {



  background-position: 0px 0px;



  float: left;



  width: 71px;



  height: 29px;



  margin: 0px;



  text-decoration: none;



  overflow: hidden;





}







a:visited#home, a:link#home {



	background-image: url("../images/bthome.png");



	float: left;



}







a:hover#home {



	background-image: url("../images/bthome.png");



	background-position: 0px 29px;



	float: left;



}







#home {



	background-image: url("../images/bthome.png");



	background-position: 0px 29px;



	float: left;



}













#institucional,



a:link#institucional,



a:visited#institucional {



  background-position: 0px 0px;



  float: left;



  width: 143px;



  height: 29px;



  margin: 0px;



  text-decoration: none;



  overflow: hidden;







}







a:visited#institucional, a:link#institucional {



	background-image: url("../images/btinstitucional.png");



	float: left;



}







a:hover#institucional {



	background-image: url("../images/btinstitucional.png");



	background-position: 0px 29px;



	float: left;



}







#institucional {



	background-image: url("../images/btinstitucional.png");



	background-position: 0px 29px;



	float: left;



}



#produtos,
a:link#produtos,
a:visited#produtos {
  background-position: 0px 0px;
  float: left;
  width: 119px;
  height: 29px;
  margin: 0px;
  text-decoration: none;
  overflow: hidden;
}

a:visited#produtos, a:link#produtos {
	background-image: url("../images/btprodutos.png");
	float: left;
}

a:hover#produtos {
	background-image: url("../images/btprodutos.png");
	background-position: 0px 29px;
	float: left;
}

#produtos {
	background-image: url("../images/btprodutos.png");
	background-position: 0px 29px;
	float: left;
}

	
#promocoes,
a:link#promocoes,
a:visited#promocoes {
  background-position: 0px 0px;
  float: left;
  width: 148px;
  height: 29px;
  margin: 0px;
  text-decoration: none;
  overflow: hidden;
}

a:visited#promocoes, a:link#promocoes {
	background-image: url("../images/btlancamentos.png");
	float: left;
}

a:hover#promocoes {
	background-image: url("../images/btlancamentos.png");
	background-position: 0px 29px;
	float: left;
}

#promocoes {
	background-image: url("../images/btlancamentos.png");
	background-position: 0px 29px;
	float: left;
}





#vendas,



a:link#vendas,



a:visited#vendas {



  background-position: 0px 0px;



  float: left;



  width: 106px;



  height: 29px;



  margin: 0px;



  text-decoration: none;



  overflow: hidden;







}







a:visited#vendas, a:link#vendas {



	background-image: url("../images/btvendas.png");



	float: left;



}







a:hover#vendas {



	background-image: url("../images/btvendas.png");



	background-position: 0px 29px;



	float: left;



}







#vendas {



	background-image: url("../images/btvendas.png");



	background-position: 0px 29px;



	float: left;



}















#contato,



a:link#contato,



a:visited#contato {



  background-position: 0px 0px;



  float: left;



  width: 86px;



  height: 29px;



  margin: 0px;



  text-decoration: none;



  overflow: hidden;







}







a:visited#contato, a:link#contato {



	background-image: url("../images/btcontato.png");



	float: left;



}







a:hover#contato {



	background-image: url("../images/btcontato.png");



	background-position: 0px 29px;



	float: left;



}







#contato {



	background-image: url("../images/btcontato.png");



	background-position: 0px 29px;



	float: left;



}







/* //////////// PRODUTOS //////////// */









#marcas {

	width: 810px;

	margin: 0 auto;

}



#corpodetalhes {

	width: 910px;

	margin: 0 auto;

}



#campomarcas {

	width: 800px;

	height: 150px;

	margin-bottom: 15px;

	padding-right: 10px;

	background-image:url(../images/marcas/linha.png);

	background-position:bottom;

	background-repeat:no-repeat;

}



#campomarcas3m {

	width: 800px;

	height: 260px;

	margin-bottom: 15px;

	padding-right: 10px;

	background-image:url(../images/marcas/linha.png);

	background-position:bottom;

	background-repeat:no-repeat;

}



#logomarcasp {

	width: 200px;

	height: 100px;

	float:left;

	margin-right: 10px;
	margin-bottom: 10px;


}



#calcado {

	width: 210px;

	height: 300px;

	float:left;

	margin-right: 10px;

	text-align: center;

}

#oculos {

	width: 210px;

	height: 140px;

	float:left;

	margin-right: 10px;

	text-align: center;

}


#luvas_pro {

	width: 210px;

	height: 150px;

	float:left;

	margin-right: 10px;

	text-align: center;

}



#safety {

	width: 210px;

	height: 150px;

	float:left;

	margin-right: 10px;

	text-align: center;

}

# voltar { background-image: url(../../images/bt_voltar.jpg); 
        
		
		background-position: 0px 0px;
        
		float: left;
		
		width: 63px;
		
		height: 22;
		
	
	}




#fotoestoque {

	width: 344px;

	height: 415px;

	float:right;

	background-image:url(../images/estoque.jpg);

	background-repeat:no-repeat;

}







.textoprodutoslado {

	margin-left: 210px;

}

	#form {

	width: 320px;

	margin-left:50px;

	

}

	#formcorpo {

	width: 810px;

	height: 450px;

	margin-left:50px;

	position:relative;

	

}

#conteudointernoc {



	width: 240px;

	float: left;

	margin-top: 318px;

	}
	
	
	#endvendas {
	width: 240px;
	float: left;
	text-align:right;
	margin-top: 220px;
	margin-left: 30px;

	}
	
	
#atendidas {
	width: 300px;
	float: right;
	text-align: left;

		}	
	

#galeria {
	width: 600px;
	margin: 0 auto;
}
/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideshowContainer {
	border: 1px solid #cdcdcd;
	background-color:#efefef;
	width: 400px;
	height: 280px;
	margin-bottom: 5px;
	margin: 0 auto;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

/*************************************************************/

#galeria {
	width: 600px;
	margin: 0 auto;
}