body {
  background:url(../images/fundobody.png) repeat-x top left #3A3A3A;
  *background:url(../images/fundobody.png) repeat-x top left #2F2F2F;
  _background:url(../images/fundobody.png) repeat-x top left #3A3A3A;  
  font-family:verdana,Helvetica,Calibri;
  font-size:14px;
  }

a{
  color:#DC241E;
  text-decoration:none;
}

a:hover{
  color:#DC241E;
}

h2{
  font-size:18px;
  font-weight:bold; 
  color:#DC241E;
  float:right;
  margin:0 0 10px 0;
  _margin:0 5px 10px 0;
}

h3{
  background:url(../images/titulo.png) no-repeat top left;
  padding:20px 0 0 0;
  color:#DC241E;
  font-size:18px;
}

h2 b{
  color:#fff;
}

#top{
  display:block;
  height:340px;
}

#all{
  width:916px;
  margin:0 auto;
  background:url(../images/site.png) repeat-y top left ;
  padding:0 8px;
}

div#menu{
 background:url(../images/barramenu.png) repeat-x top left;
 height:87px;
 position: absolute;
 z-index: 100;
 width:900px;
}

div#menu h1 a{
  background:url(../images/logo.png) no-repeat top left;
  width:179px;
  height:78px;
  display:block;
  text-indent:-9000px;
  margin:5px 0 0 15px;
  float:left;
}

ul#menu{
  float:right;
  margin:0 20px 0 0;
}

ul#menu li{
  display: inline;
  float:left;
}

ul#menu li a{
  display:block;
  width:91px;
  height:40px;
  text-align:center;
  background:url(../images/menu.png) no-repeat bottom left;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  line-height:40px;
  font-size:12px;
}


ul#menu li a span{
  width:91px;
  height:90px;
  margin:0 0 -40px 0;
  _margin:0;
  _height:40px;
  background:url(../images/menu.png) no-repeat bottom left;
  _background:none;
  display:none;
}

#pg_contato ul#menu li a.bt_contato,
#pg_associados ul#menu li a.bt_associados,
#pg_fotos ul#menu li a.bt_fotos,
#pg_principal ul#menu li a.bt_home,
#pg_conheca-a-rede-hipermac ul#menu li a.bt_conheca-a-rede-hipermac{
  width:91px;
  height:85px;
  _height:40px;
  background:url(../images/menuativo.png) no-repeat top left;
  padding:50px 0 0 0;
  color:#fff;
}


#pg_contato ul#menu li a.bt_contato span,
#pg_fotos ul#menu li a.bt_fotos span,
#pg_associados ul#menu li a.bt_associados span,
#pg_conheca-a-rede-hipermac ul#menu li a.bt_conheca-a-rede-hipermac span,
#pg_principal ul#menu li a.bt_home span{
  background:none;
  height:85px;
  _height:40px;
  margin:0 0 -85px 0;
  padding:0;
  display:block;
}

#photo{
 position: absolute;
 z-index: 1;
 display: none;
}

/*********** meio da pag principal *********/
#middle_principal{
  background:url(../images/fundohome.png) no-repeat top left;
  height:204px;
  width:900px;
}

#middle_principal .noticias{
  float:left;
  width:235px;
}

#middle_principal .noticias a.botao_cinza{
  background:url(../images/promocaonoticia.png) no-repeat top left;
  width:190px;
  height:20px;
  display:block;
  padding:10px 0;
  color:#fff;
  font-weight:bold;
  text-align:center;
  margin:0 auto;
}

#middle_principal .noticias a.botao_cinza b{
  color:#DC241E;
}

#middle_principal .noticias a:hover.botao_cinza{
  background:url(../images/promocaonoticia.png) no-repeat bottom left;
}

#middle_principal .noticias a.produto{
  display:block;
  margin:3px 10px;
  padding:3px;
}

#middle_principal .noticias a.produto h2{
  color:#fff;
  margin:0 0 10px 0;
  padding:0;
  font-size:14px;
  float:none;
}
#middle_principal .noticias a.produto p{
  font-weight:bold;
}

#middle_principal .noticias a.produto img{
  float:left;
  margin:0 5px 0 0;
}

#middle_principal .noticias a:hover.produto h2,
#middle_principal .noticias a:hover.produto p,
#middle_principal .noticias a:hover.produto{
  color:#DC241E;
}

#middle_principal .noticias a.botao_vermelho{
  background:url(../images/botao.png) no-repeat top left;
  width:150px;
  height:16px;
  display:block;
  color:#fff;
  font-weight:bold;
  font-size:12px;
  text-align:center;
  padding:3px 0 0 0;
  margin:4px 10px;
  _height:15px;
}
#middle_principal .noticias a:hover.botao_vermelho{
  background:url(../images/botao.png) no-repeat bottom left;
}

#middle_principal .associados{
  float:left;
  margin:10px 0 0 17px;
  width:400px;
}

#middle_principal .associados a.ass{
  float:right;
  margin:5px 0 0 0;
  font-size:12px;
  color:#ccc;
}

#middle_principal .associados a:hover.ass{
  color:#DC241E;
}

#middle_principal .associados a div{
  float:left;
  color:#fff;
  text-align:right;
  line-height:16px;
  font-size:11px;
}

#middle_principal .associados a h3{
  color:#fff;
  margin:0 0 5px 0;
  padding:0;
  font-size:14px;
  background:none; 
}
#middle_principal .associados a p{
  text-align:right;
  color:#fff;
  line-height: 19px;
}
#middle_principal .associados a p small{
  font-size:10px;
}

#middle_principal .associados a img{
  border:2px solid #585858;
  margin:0 0 0 10px;
}

#middle_principal .associados a:hover h3,
#middle_principal .associados a:hover p small{
  color: #DC241E;
}
#middle_principal .associados a:hover img{
  border:2px solid #DC241E;
}


#main .fornecedores{
  background:url(../images/fundofornecedor.png) no-repeat top left;
  width:148px;
  height:137px;
  float:left;
  display:block;
  margin:15px;
  _margin:10px;
  padding:10px;
}

.seta_left{
background:url(../images/fornecedorleft.gif) no-repeat top left;
height:51px;
width:8px;
display:block;
float:left;
margin:30px 5px 0 5px;
}

.seta_right{
  background:url(../images/fornecedorright.gif) no-repeat top left;
  height:51px;
  width:8px;
  display:block;
  float:left;
  margin:30px 5px 0 5px;
}
#main .fornecedores img{
  float:left;
}

#txt_cont{
  float:left;
  width:110px;
  display:block;
  height:110px;
  overflow: hidden;
  margin:3px 0 0 0;
}

#txt_cont span{
 width:100px;
 height:100px;
 display:block;
 float:left;
 margin:0 4px;
}


#main .fornecedores h3{
  text-align:center;
  margin:5px 0 0 0;
  padding:0;
  font-size:14px;
  background:none; 
  *padding:5px 0 0 0; 
}

#main .fotos{
  float:left;
  width:690px;
  margin:10px 0 0 0;
}

.fotos a{
  background:url(../images/album.png) no-repeat top left;
  width:152px;
  height:108px;
  display:block;
  padding:7px;
  margin:10px 3px;
  font-size:14px;
  float:left;
  _ margin:10px 2px;
}

.fotos a p{
  color:#fff;
  margin:2px 0;
  font-size:10px;
  _margin:0;
}

.fotos a b{
  font-size:10px;
  color:#ccc;
}

.fotos a:hover{
  background:url(../images/album.png) no-repeat bottom left;
}

.products div {
	width:100%;
	text-align: center;
}

.products div a img {
	margin-top: 3px;
	border: 10px solid #FFF; 	
}

.products div a h2 {
	font-size: 14px;
	display: block;
	text-align: center;	
	clear: both;
	margin: 0px;
	width: 100%;
}

.products div a p {
	clear: both;
	text-align: center;	
	color: #FFF;
}

/****** rodape *******/
#rodape{
  background:url(../images/rodape.png) no-repeat top left;
  padding:15px 8px;
  width:916px;
  margin:0 auto;
  height:30px;
}

#rodape p{
  color:#fff;
  font-size:10px;
  line-height:16px;
}

#rodape div{
  float:left;
  width:710px;
  text-align:right;
  padding:0 10px 0 0;
}

#rodape p a{
  color:#ccc;
  text-decoration:underline;
}

#rodape p b{
  color:#ccc;
}

#rodape p b a{
  color:#ccc;
  text-decoration:underline;
}

#rodape a.area{
  background:url(../images/areacentral.gif) no-repeat top left;
  width:82px;
  height:35px;
  display:block;
  text-indent:-9000px;
  float:left;
}

#rodape a.webmail{
  background:url(../images/webmail.gif) no-repeat top left;
  width:82px;
  height:35px;
  display:block;
  text-indent:-9000px;
  float:left;
  padding: 5px;
}

/********** produtos **********/
#pg_produtos .produtos {
  background:#1e1e1e;
  width:880px;
  padding:10px;
  _padding:10px 8px;
  color:#fff;	
}

#pg_produtos .produtos h3 {

}

#pg_produtos .produtos .item {
	margin-top: 15px;
	width: 200px;
	float: left;
	border-right: 1px solid #4F4F4F;
	border-bottom: 1px solid #4F4F4F;	
	text-align: center;
	margin-right: 19px;
}

#pg_produtos .produtos div.item img {
	margin-top: 3px;
	border: 10px solid #FFF; 	
}

#pg_produtos .produtos div.item h2 {
	font-size: 14px;
	display: block;
	text-align: center;	
	clear: both;
	margin: 0px;
	width: 100%;
	padding: 5px 0px;
}

#pg_produtos .produtos div.item p {
	clear: both;
	text-align: center;	
}

/********** conheca-a-rede-hipermac **********/
#pg_conheca-a-rede-hipermac #main .fotos{
  width:880px;
  margin:10px;
  _width:900px;
  _margin:10px 5px;
}
#pg_conheca-a-rede-hipermac #main .fotos a{
  margin:5px;
} 

#pg_conheca-a-rede-hipermac h2{
  float:left;
}

div.rede{
  background:#1e1e1e;
  width:880px;
  padding:10px;
  _padding:10px 8px;
  color:#fff;
}
div.rede p{
  line-height:18px;
  margin:10px 0;
}

div.rede p i{
  color:#c92a26;
}

div.rede .right,
div.rede .left{
  float:left;
  width:420px;
  margin:15px 15px 0 0;
}
/********* associados *********/
#pg_associados div.associados{
  width:880px;
  padding:10px;
}

#pg_associados div.associados h2{
  margin-top:10px;
  margin-right:15px;
}

#pg_associados div.associados .stores{
 width:660px;
 float:left;
}

#pg_associados div.associados .city{
  background:url(../images/fundocidades.png) repeat-y top left;
  float:left;
  width:210px;
  margin:10px 0 0 5px;
  color:#fff;
}

#pg_associados div.associados .city .text{
  font-size:11px;
  padding:7px;
  line-height:15px;
}

div.city a.town{
  background:url(../images/btcidades.png) no-repeat top left;
  height:33px;
  width:193px;
  display:block;
  margin:10px 0 0 0;
  line-height:33px;
  font-size:11px;
  color:#fff;
}

div.city a.town i{
  font-style: normal;
  font-weight:bold;
}



div.city a.town span{
  background:url(../images/cidadeinativo.png) no-repeat top left;
  width:16px;
  height:16px;
  margin:8px 5px;
  display:block;
  float:left;
}

div.city a:hover.town{
  color:#DC241E;
}

#pg_associados div.associados .city .text b{
  color:#DC241E;
}

#pg_associados div.associados .city .top{
 background:url(../images/cidadestop.png) no-repeat top left;
 display:block;
 height:3px;
}


#pg_associados div.associados .city .end{
 background:url(../images/cidadesbottom.png) no-repeat bottom left;
 display:block;
 height:4px;
}


#pg_associados div.associados .box{
  background:url(../images/fundoassociados.png) repeat-y top left;
  width:655px;
  margin:10px 0;
  _padding:0;
}

#pg_associados div.associados .box .left{
  float:left;
  margin:10px 0 10px 10px;
  width:420px;
  font-size:12px;
  color:#fff;
  line-height:16px;
}

#pg_associados div.associados .box .right{
  border:3px solid #2d2d2d;
  float:left;
  margin:10px 0 10px 10px;
}

#pg_associados div.associados .box .top{
  background:url(../images/associadostop.png) no-repeat top left;
  height:3px;
  display:block;
}

#pg_associados div.associados .box .end{
   background:url(../images/associadosbottom.png) no-repeat bottom left;
   height:4px;
   width:655px;
   display:block;
}


#pg_associados div.associados a.loja{
  background:url(../images/down.gif) no-repeat top right;
  display:block;
  color:#fff;
  font-size:16px;
  margin:5px 15px 5px 10px;
  _margin:0 15px 0 10px;
  _linhe-height:16px;
  font-weight:bold;    
}

#pg_associados div.associados .box .left a{
  background:none;
  margin:0;
  color:#DC241E;
  font-size:14px;
}

#pg_associados div.associados address{
  margin:5px 0;
  font-style: normal;
  color:#ccc;
}

/*********** contato ***********/
div.form{
  background:url(../images/fundocontato.png) no-repeat top right;
  width:305px;
  height:367px;
  display:block;
  margin:0 10px 10px 10px;
  padding:10px;
  float:left;
}


form label{
  color:#fff;
  float:left;
  width:80px;
  margin:10px 10px 0 0;
  font-size:12px;
  text-align:right;
}

form input{
  width:200px;
  margin:10px 0 0 0;
  border:0;
}

form textarea{
  width:200px;
  height:100px;
  margin:10px 0 0 0;
  border:0;
}




form select{
  width:200px;
  margin:10px 0 0 0;
  border:0;
}

div.orcamento form input.submit,
form input.submit{
  width:68px;
  height:19px;
  float:right;
  margin:10px 10px 0 0;
}

div.central{
  float:left;
  padding:10px 0;
  width:550px;
}

div.central h2{
  float:left;
}

div.central p.fone{
  background:url(../images/telefone.gif) no-repeat top left;
  padding:0 0 0 20px;
  height:16px;
  margin:10px 0 10px 35px;  
  color:#cfcfcf;
  font-weight:bold;
}

div.central a{
  background:url(../images/mail.gif) no-repeat top left;
  padding:0 0 0 20px;
  height:16px;
  color:#cfcfcf;
  font-weight:bold;
  margin:10px 0 10px 35px;
  text-decoration:underline;
}

div.central a:hover{
  color:#DC241E;
}

div.central p.endereco{
  background:url(../images/mapa.png) no-repeat top left;
  padding:0 0 0 55px;
  height:36px;
  margin:10px 0;
  color:#fff;
  font-weight:bold;  
}


/******************************/
.alert{
  display: block;
  background:url(../images/atencao.gif) 5px center no-repeat #ffffe1;
  padding:5px 5px 5px 25px;
  font-size: 10px;
  color:#000;
  margin:5px 0 0;
}

.success{
  display: block;
  background:url(../images/tick.gif) 5px center no-repeat #ffffe1;
  font-size: 10px;
  color:#000;
  padding:5px 5px 5px 25px;
  margin:5px 0 0; 
}


/********** fotos **************/
div.photo{
  width:880px;
  padding:10px;
}

#galeria{
  float:left;
  width:495px;
  margin:10px 0 0 0;
}

#galeria h4{
  font-size:16px;
  color:#fff;
  margin:0 0 5px 0;
}

#galeria p b{
  font-size:10px;
}


div.texto{
  color:#fff;
  line-height:20px;
}

#pg_fotos div.fotos{
  float:left;
  background:url(../images/divfotos.png) no-repeat top left;
  padding:0 0 0 30px;
  height:440px;
  width:350px;
}

#pg_fotos div.fotos a{
  margin:2px 4px;
}

div.fotos div.height{
  height:380px;
  display:block;
}

/********************** *paginacao **********************/
#paginacao {
	color: #862E13;
	width: 100%;
	font-size: 11px;
	padding: 5px 0;
	margin: 20px 0 0 0;
	text-align: center;
	clear: both;
	display: table;
}
#paginacao p a {
	background:url(../images/paginacao.gif) no-repeat top left;
	width:14px;
	height:16px;
	color: #fff;
	font-size:10px;
	text-decoration: none;
	font-weight: normal;
	padding:3px 0;
	margin: 0 1px;
	float:left
}

#pg_noticias #paginacao p a {
		width:14px;
		margin: 0 4px;
}

#paginacao p a:hover {
	color: #DC241E;
	text-decoration: none;
}
#paginacao p span {
	background:url(../images/paginacao.gif) no-repeat top left;
	width:14px;
	height:16px;
	font-size:10px;
	text-decoration: none;
	font-weight: normal;
	padding:3px 0;
	margin: 2px 3px;
	float:left;
	color: #DC241E;
}

#pg_noticias #paginacao p span {
	margin: 0 3px;
}

#paginacao h4 {
	float: left;
	font-size: 11px;
	color: #000;
}
#paginacao p {
	float: right;
	margin: 0px;
}


/******** galeria *******************/
#gallery{
  margin:10px 0;
}

#gallery{
*width:480px;
margin:10px auto;
}
#gallery img {
	border: none;
}
#gallery ul {
	margin: 0;
	padding: 0;
}
#gallery ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#gallery ul li {
	list-style-type: none;
	float: left;
	margin: 0 10px 10px 0;

}
#gallery ul li a, ul li a img {
	float: left;
	overflow: hidden
}
#gallery ul li a:hover {
	border: 3px solid #DC241E;
}
#gallery ul li a:hover img {
	margin: -3px
}

/***************** orçamento **************/
div.orcamento{
  width:880px;
  padding:10px;
}

div.orcamento div.orc{
  float:left;
  padding:10px;
  width:580px;
}

div.orcamento small{
  clear:both;
  color:#fff;
  font-size:10px;
  display:block;
  text-align:right;
  padding:10px 10px 0 0;
}

div.orcamento form{
  width:880px;
  background:#242424;
  display:block;
  height:320px;
  margin:10px 0;  

}

div.orcamento form label{
  color:#fff;
  float:left;
  width:100px;
  margin:10px 10px 0 0;
  font-size:12px;
  text-align:right;
}

div.orcamento form select,
div.orcamento form textarea,
div.orcamento form input{
  float:left;
  width:460px;
}

div.orcamento div#loja{
  float:left;
  width:250px;
  margin:10px 0 10px 20px;
}

div.orcamento div#loja img{
  border:2px solid #585858;
  margin:0 0 10px 0;
}

/********** noticias **********/
div.news{
  width:880px;
  padding:10px;
}

div.news .box_right{
  float:left;
  width:495px;
  margin:10px 0 0 0;
  color:#fff;
  line-height:18px;
}

div.news .box_right p.date{
  color:#ccc;
  font-size:10px;
  font-weight:bold;
  margin:5px 0;
}
div.news .box_right img{  
  border:3px solid #3F3F3F;
  margin:0 2px 10px 2px;
}


div.news .box_left a.news{
  border-bottom:2px solid #3F3F3F;
  display:block;
  clear:both;
  color:#fff;
  margin:0 10px;
  padding:10px;
  font-size:12px;
  line-height:15px;
}

div.news .box_left a.news:hover{
  background:#3F3F3F;
}

div.news .box_left a.news p span{
  color:#DC241E;
}

div.news .box_left a.news p.go{
  float:right;
  font-size:10px;
  color:#DC241E;
  font-weight:bold;
}


div.news .box_left{
  float:left;
  background:url(../images/divfotos.png) no-repeat center left;
  padding:0 0 0 30px;
  width:350px;
  min-height: 400px;
  margin:20px 0 0 0;
}

div.product,
div.products{
  display:block;
  height:125px;
  
}

div#all div.contato div.form form select option.main{
  color:red;
  font-weight:bold;
}

div.noticia {
  text-align: justify; 
}


div.product a.news{
  color:#fff;
  display:block;
  margin:5px 10px 0 10px;
}

div.product a.news p span{
  font-size:11px;
  color:#DC241E;
}

div.product a.news p{
  font-weight:bold;
}

div.product a:hover.news p{
color:#DC241E;
}

div.fornecedores{
  width:880px;
  margin:10px;
}

#main div.fornecedores a:hover h3{
color:#5B5B5B;
}

#pg_fornecedores div.fornecedores img{
  border:3px solid #5B5B5B;
  display:block;
  float:left;
  margin:10px 9px;
}