@font-face {
    font-family: 'franklin';
    src: url('_fonts/framdcn-webfont.eot');
    src: url('_fonts/framdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/framdcn-webfont.woff') format('woff'),
         url('_fonts/framdcn-webfont.ttf') format('truetype'),
         url('_fonts/framdcn-webfont.svg#franklin_gothic_medium_condRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import url('normalize.css');

* { margin:0; padding:0; font-family: 'franklin'; color: #7d7d7d; list-style:none; font-size: 15px; font-weight: normal; }

*:focus {outline:none;}

ul {list-style:inside;}

a img{border:none;}
a, a:hover {text-decoration:none;}

body{ min-width: 1200px; max-width: 100%; padding:0px; margin:0px; }

#geral{  padding: 0px; margin:0px; position:relative; display: block; background: #fff url('_img/site/bgTopo.png')  repeat-x;}

.centraliza { display: block; width: 1140px; margin: 0 auto; position: relative; padding: 0px 30px; overflow: hidden ; }
.page { display: block; width: 1140px; margin: 0 auto; position: relative; padding: 0px 30px 20px 30px; overflow: hidden ; }

.texto { padding: 0 10px;}

.texto p { margin-bottom: 4px; }

.botao { display: inline-block; background: url('_img/site/bgBotao.png') repeat-x; border: 1px solid #7EAFEC; color: #fff; font-size: 16px; line-height: 30px; height: 30px ; padding : 0px 15px; 
	 -moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;
}
.botao:hover { border: 1px solid #395F98; color: #243958; cursor: pointer;}

h1 { color: #0C1624; padding: 0px 10px; font-size: 26px; margin-bottom: 10px;}
.blue { color:#77A9EC; }
.bc {padding : 15px 40px;  width: 1120px;}

/* Clear Float Width */
.cf:before, .cf:after {content: "";display: table;} 
.cf:after {clear: both;}
.cf { zoom: 1; /* For IE 6/7 (trigger hasLayout) */}

.box { width: 800px;}
.box h3 { color: #0C1624; padding: 10px; font-size: 20px; }

/***************************** TOPO *****************************/

div#topo { width: 100%; height: 160px; margin:0px; display: block;  position: relative;}

/* MENU */
ul#menu{ width: 520px; height: 20px; padding: 15px 10px; position: relative; float: left;}
ul#menu li { list-style-type:none; height:20px; display: block; float:left;  text-align: center; position: relative; color:#FDC90B; border-right: 1px solid #595959; }
ul#menu li:last-child{ border:none;}
ul#menu li a { display:block; font-family: 'Arial'; font-size: 13px; height: 20px; line-height: 20px; margin: 0 5px; -webkit-transition: all .3s ;-moz-transition: all .3s ;-ms-transition: all .3s ;-o-transition: all .3s ;transition: all .3s ;}
ul#menu li a:hover {color: #7DADEA;}

/* ATENDIMENTO */
div#atendimento { width: 580px; height: 30px; padding: 10px 10px; float: right;}
div#atendimento .txt { float: right; height: 30px; font-family: 'arial'; margin-left: 10px; color: #0D1725;line-height: 45px; font-size: 12px;}
div#atendimento .tel {float: right; height: 30px; background: url('_img/site/bgTel.png') no-repeat; padding-left: 30px; line-height: 29px; font-size: 30px; color: #0D1725;}

/* LOGO */
a#logo  { display:block; margin:15px 0px; width:340px;  clear: both; float: left; }

/* BUSCA TOPO */
form#formBusca { display: block; float: right; width: 364px; height: 36px; margin: 20px 10px 10px 10px; position: relative; border: 1px solid #D4D8DE;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
form#formBusca .campo { border: none; background: none; line-height: 15px; padding: 5px; width: 308px; height: 26px; color: #000; font-size: 18px}
form#formBusca #buscar {border: none;background: url('_img/site/btBusca.png') -1px -4px no-repeat; width: 40px;height: 36px;cursor: pointer;float: right; margin-right: 3px;}
form#formBusca #buscar:hover  {background: url('_img/site/btBusca.png') -1px -48px no-repeat;}

/* CARRINho TOPO */

#carrinhoTopo { display: block; clear: right; float: right; margin-right: 10px; color: #0D1725 ; font-size: 18px;  text-align: right; background: url('_img/site/cart.png') no-repeat; height: 30px; line-height: 33px; padding-left: 32px;}
#carrinhoTopo span {color: #77A9EC; background: url('_img/site/arrow.png') right center no-repeat; font-size: inherit; padding: 0px 18px 0px 10px;}


/* LISTA FABRICANTES */

div#fabricantes {  display: block; height: 115px; position: relative; }
div#fabricantes .lista {clear: both;height: 1000px; position: relative;}
div#fabricantes .wrap { width: 1140px; height: 115px; height: auto;}
div#fabricantes .todas {position: absolute; height: 1000px; left: 0px;}

div#fabricantes .prev { display: block; position: absolute; width: 30px; height: 115px; top:0px; left: -30px; background: url('_img/site/prevnext.png') 0px 0px no-repeat; }
div#fabricantes .next { display: block; position: absolute; width: 30px; height: 115px; top:0px; right: -30px; background: url('_img/site/prevnext.png') -30px 0px no-repeat; }
div#fabricantes .prev:hover, div#fabricantes .next:hover {background-position-y: -115px;}

div#fabricantes .item { width: 170px; float: left; height: 90px; margin: 15px 10px 0px 10px; position: relative; cursor: pointer; display: none; }
div#fabricantes .item img { border: 1px solid #D4D8DE ; width: 168px; -moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}

div#fabricantes .item .sub { display: none; width: 162px; padding: 0px 4px 10px 4px ; position: absolute; left: 0px; top: 100px; z-index: 999;}
div#fabricantes .item:hover .sub {display: block;}
div#fabricantes .item .sub a { display: block;font-family: 'Arial'; font-size: 13px; background: #EDEDED; padding: 4px 10px;}
div#fabricantes .item .sub a:hover {color:#000; }

.cor1 {border-bottom: 10px solid #0d1725; }
.cor2 {border-bottom: 10px solid #233C62; }
.cor3 {border-bottom: 10px solid #395E97; }
.cor4 {border-bottom: 10px solid #4783DA; }
.cor5 {border-bottom: 10px solid #7EAFEC; }
.cor6 {border-bottom: 10px solid #85BBFF; }
.co1 {background-color: #0d1725;}
.co2 {background-color: #233C62;}
.co3 {background-color: #395E97;}
.co4 {background-color: #4783DA;}
.co5 {background-color: #7EAFEC;}
.co6 {background-color: #85BBFF;}


/***************************** BANNER  *****************************/

div#banner { width: 100%; height: 330px;  display: block; position: relative;}
#banner .lista { width: 1120px; height: 330px; margin: 0 auto; position: relative;}
#banner .item {width: 1120px; height: 330px; position: relative; display: block; overflow: hidden;}
#banner .item img {width: 1120px; height: 330px;}

#nav {display: block;margin: 0 auto;text-align: center;height: 16px; padding:0; z-index: 998;width:100%; bottom: 15px; left:0px;position: absolute;}
#nav a {margin: 0 4px; padding:0px ; border: 3px solid #999DA6; width:10px;  height:10px; display:inline-table; text-indent:-9999px; font-size: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
#nav a:hover, #nav a.activeSlide  {background:#868A91 ;}

/***************************** BREAD CRUMBS *****************************/

div#breadCrumbs { padding: 10px 0px; height: 20px;}
div#breadCrumbs p { padding: 0 10px; font-size: 14px;}
div#breadCrumbs span { font-size: 14px;}
div#breadCrumbs span:last-child {color:#77A9EC;}


/***************************** HOME *****************************/


div#home .lista { width: 1140px;  padding: 20px 0px;}

div#home .item { margin: 10px; width: 265px;  display: block; float: left;}
div#home .item .borda { display: block; border: 1px solid #D5D9DD ; background: #D4D8DE; -moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; margin-bottom: 10px; padding: 0px;}
div#home .item img { width: 263px; height: 226px; display: block;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}

div#home .item .titulo { font-size: 20px; color: #0D1725; line-height: 22px;}
div#home .item .desc { line-height: 18px; margin: 5px 0px;}
div#home .item .mais { font-size: 16px; color: #FB655A;}

/***************************** EMPRESA *****************************/


#empresa #frame { margin: 30px 10px 10px 10px ; padding: 15px; height: 400px; background: url('_img/site/bgFrame.png') repeat-x;  }
#empresa #frame img { width: 580px; height: 400px; display: block; float: left; margin-right: 15px;}
#empresa #frame .titulo {font-size: 26px; margin-bottom: 10px;}
#empresa .titulo {font-size: 18px;  margin-bottom: 5px;  }

#empresa .col { width: 360px ; margin: 10px; float: left; }


/***************************** CONTATO *****************************/

#formContato  {display: block; background: #efefef; margin: 20px 10px; padding: 30px 0px; }

#formContato p {padding: 10px;}

#formContato .col {display: block; width: 800px; padding: 10px; margin:0 auto; }

#formContato label { display: inline-block; width: 120px; margin-right: 20px;}
#formContato label.gra { vertical-align: top;}

#formContato select {border: 1px solid #ccc; display: inline-block; width: 650px; height: 30px; font-size: 14px;vertical-align: top;}

#formContato .campo { border: 1px solid #ccc; display: inline-block; width: 640px; padding: 5px; height: 20px; line-height: 25px; font-size: 14px;
-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
#formContato .campo.med { width: 490px;}
#formContato .campo.gra { height: 200px; }


#formContato .botao { line-height: 23px; }



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


.lateral { display: block; float: left; width: 250px; padding: 0 10px;}
.lateral p { color: #0C1624; font-size: 17px; margin-bottom: 3px;}
.lateral ul { display: block; border: 1px solid #D5D9DD; padding: 10px; margin-bottom: 20px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;
}

.lateral li  {list-style-type:none;  display: block;}
.lateral li a { font-size: 15px; color: #6E6E6E;}
.lateral li a:hover {color:#77A9EC;} 
.lateral .ativo {color: #0C1624;}

#listaProdutos { width: 850px; float: left; margin: 0 10px;  }
	
.itemProduto { display: block; border-bottom: 1px solid #D5D9DD ;padding-bottom: 20px; height: 244px; margin-bottom: 20px; position: relative; overflow: hidden;}
.itemProduto img {border: 1px solid #D5D9DD;  margin-right: 20px; float: left; width: 280px; height: 240px;
-moz-border-radius: 5px;-webkit-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;}
.itemProduto .nome { font-size: 20px; color: #0C1624; margin-bottom: 10px; text-transform: uppercase;}
.itemProduto .desc {  color: #7B7F80; margin: 5px 0px;}

.itemProduto .botao { position: absolute; bottom: 20px; right: 0px;}

#produtos .frame {display:block; border: 1px solid #D5D9DD; padding: 18px; 
-moz-border-radius: 5px;-webkit-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;
}


#produto .frame {display:block; border: 1px solid #D5D9DD; padding: 18px; margin: 0 10px 20px 10px; 
-moz-border-radius: 5px;-webkit-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;
}



#detalheProduto { display: block; width: 730px; margin: 0px 20px 20px 0px; float: left; padding-right: 20px; }
#detalheProduto img {border: 1px solid #D5D9DD; display: block; margin-right: 20px; float: left; width: 280px; height: 240px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;
}
#produto .tit { font-size: 20px; line-height: 22px; color: #0C1624; margin-bottom: 0px; text-transform: uppercase;}
#produto .cod { font-size: 17px; color: #0C1624; line-height: 18px; margin-bottom: 15px; text-transform: uppercase;}
#produto .titblue  { font-size: 18px; color: #77A9EC; margin-bottom: 0px; text-transform: uppercase;} 


#formAdiciona { display:block;  width: 306px; float: left; margin-bottom: 20px; }
#formAdiciona .tit { text-transform: none; margin-bottom: 10px; font-size: 21px; }
#formAdiciona label { display: inline-block;  margin-right: 30px;}
#formAdiciona .campo { border: 1px solid #ccc; display: inline-block; width: 195px; padding: 5px; height: 20px; line-height: 20px;  -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
#formAdiciona .campo.gra { width: 290px; height: 100px; margin-bottom: 10px; }
#formAdiciona .linha {  display: block; margin-bottom: 10px;}
#formAdiciona .botao {width: 302px; text-align: center; line-height: 25px;}

#especs { display:block; clear: both; border-top: 1px solid #D5D9DD; padding-top: 10px; margin-top: 10px;}

#especs .col1 { width: 730px; padding-right: 20px; margin-right: 20px; float: left; }
#especs .col2 { width: 306px; float: left; }

.download { display: block; background: #efefef url('_img/site/doc.png') 3px center no-repeat; margin-top: 10px; padding: 5px 5px 5px 30px; height: 20px; line-height: 20px;  font-size: 14px; -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.download:hover {background-color: #D5D9DD ;}



section#sugestoes .lista { width: 1080px;  }

section#sugestoes .item { margin: 20px  20px 0px 0px; width: 510px; height: 145px; display: block; float: left; overflow: hidden; }
section#sugestoes .item img { display: block;border: 1px solid #D5D9DD ; float: left; margin-right: 20px; width: 160px; height: 140px; background-size: cover; -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
section#sugestoes .item .titulo { font-size: 20px; color: #0D1725; line-height: 22px; margin: 10px 0px 5px 0px; }
section#sugestoes .item .mais { color: #FB655A; margin-top: 5px; display: block;}


/***************************** CARRINHO *****************************/

div#carrinho .cabecalho { height: 30px; margin: 0 10px; background: #e9e9e9 /* url('_img/site/bgBotao.png') repeat-x */; border-bottom: 1px solid #fff;}
div#carrinho .linha {  background: #f1f1f1; width: 1120px; padding: 5px 0;  margin: 0 10px;margin-bottom: 2px;}

div#carrinho .cabecalho p { float: left; padding: 5px;color:#0C1624; }
div#carrinho .linha p { float: left; padding: 0px 5px;  display: block; font-size: 18px;}

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

.borda { outline-right:1px solid #fff; border-right: 1px solid #fff;}

#carrinho .w1 { width: 80px;}
#carrinho .w7 { width: 820px;}

div#carrinho .linha .foto { float: left; margin-right: 10px; height:60px; width: auto;}
div#carrinho .linha .codigo { font-size: 14px; display: block; }
div#carrinho .linha .icone { display: block; width: 24px; height: 24px; margin: 18px auto;}
div#carrinho .linha .icone img {display: block;}
div#carrinho .linha .desc { clear: both; display: block; float: none; padding: 5px ;margin: 5px ; margin-bottom: 0px; background:#f6f6f6 ; }
div#carrinho .linha .qtd {font-size: 16px; line-height: 24px; height: 30px; width: 45px; border:none; text-align: center; margin: 10px auto; }  


#carrinho .finalizar {float: right; margin-right: 32px;margin-top: 20px;}
#carrinho .limpar {float: left; margin-left: 30px;margin-top: 20px;}

#carrinho .solicita { margin: 0 10px; background: #f1f1f1;  padding:10px 0px 20px 0px;}
#carrinho .ti {font-size: 22px; color: #0C1624 ; padding: 10px; display: block; }

#formCarrinho .col {display: block; width: 530px; padding: 10px 0px 0px 20px; float: left; }

#formCarrinho label { display: inline-block; width: 100px; margin-right: 20px;}

#formCarrinho .campo { border: 1px solid #ccc; display: inline-block; width: 518px; padding: 5px; height: 25px; line-height: 25px; font-size: 14px;
-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}



/***************************** BG BC & LISTAGEM *****************************/

div#bgCinza {background: #E9ECF0; height: 40px;}

div#listagem { margin: 10px auto 20px auto;}
#listagem ul { display: block; width: 170px; overflow-y: hidden; padding: 0 10px; float: left; }
#listagem ul a { display:block; min-height: 20px; line-height: 20px; }
#listagem ul a:hover { color:#000; }

/***************************** RODAPÉ *****************************/

div#rodape { width: 100%; height:60px;  margin: 20px 0px 10px 0px;}
div#rodape .contato { margin:0px 10px ; height: 35px; text-align: right; border-bottom: 1px solid #ccc; line-height: 35px; font-size: 22px; color: #0D1725;}
div#rodape .contato a { float: right; font-size: 22px; color: #0D1725;}
div#rodape .copyright {  margin:0px 10px ; height: 24px; text-align: left; line-height: 24px; font-size: 13px;}
div#rodape .copyright span { float: right; font-size: 13px; }

/***************************** PAGINAÇÃO *****************************/

#paginacao { clear:both; margin: 20px 0px 10px 0px; height: 25px; text-align: center;}

#paginacao a {  text-align: center; width: 25px; line-height: 25px; height: 25px;  text-decoration: none; color:#515151; font-size: 14px; display:inline-table; margin:0 3px; background: #fff;}
#paginacao a:hover {background-color: #e8e8e8; text-decoration: none; }
#paginacao a.ativo {background-color: #77A9EC; color:#fff;}