/*

Autor: Eduardo Santos

URL: http://www.dusilva.com

Email: dudu.wd@hotmail.com
 
Empresa: http://www.pratica.eti.br

*/

* {padding: 0; margin: 0; text-decoration: none; font-family: 'Trebuchet MS'; font-size: 12px; list-style: none; border: none; line-height: 14px; outline: none;}



hr { display: none;}

html {height: 100%; background: #fff;}

body { background:#e0eef4 url(../img/bg.jpg) no-repeat top center; font-size:12px; max-width: 1600px; margin: 0 auto;}
 


/* -------------------------------------------#e0eef4 DIV CONTAINER ------------------------------------------- */

#container { width: 902px; margin: 0 auto;}

/* ------------------------------------------- FIM DIV CONTAINER ------------------------------------------- */







/* ------------------------------------------- DIV HEADER ------------------------------------------- */

#header { width: 100%; height: 497px; position: relative;}

#bgHeader { width: 672px; height: 94px; position: absolute; top: 51px; left: 270px; background: url(../img/bg-header.jpg) no-repeat;}



#header h1 a { display: block; width: 212px; height: 97px; position: absolute; top: 19px; left: 4px; background: url(../img/logo.jpg) no-repeat;}



#navAtalho {width: 288px; height:137px; position: absolute; top:8px; right:0; background: url(../img/bg-navAtalho.png) no-repeat;}

/*#navAtalho { width: 220px; height: 25px; position: absolute; top: 23px; right:0;}

#navAtalho li { display: inline;}

#navAtalho li a { display: block; width: 106px; height: 25px; float: left; margin-left: 1px;}

#navAtalho li .btPaginaInicial {background: url(../img/bt-pagina-inicial.jpg) no-repeat;}

#navAtalho li .btCadastrese {background: url(../img/bt-cadastre.jpg) no-repeat;}

#navAtalho li .btFale {background: url(../img/bt-fale.jpg) no-repeat;}*/



#navFlash {width: 900px; height: 59px; position: absolute; top: 145px; left: 0px;}


#menu {height: 59px; width: 960px;}
#menu ul li a {background-image:url(../img/menu.png); background-repeat: no-repeat; display: block; height: 59px;}
#menu ul li span {background-image:url(../img/menu.png); background-repeat: no-repeat; height: 59px; text-indent:-99999px; display:block; cursor:pointer;}
#menu ul li {height: 59px; float:left;}
#menu ul li.sep-menu {width:1px; height:102px; background: url(../img/sep-menu.png) no-repeat left top;}

.m1 {background-position: 0px -59px; width:108px;}
.hover1 {background-position: 0px 0px; }
.m2 {background-position: -109px -59px; width:131px;}
.hover2 {background-position: -109px 0px;}
.m3 {background-position: -241px -59px; width:111px;}
.hover3 {background-position: -241px 0px;}
.m4 {background-position: -353px -59px; width:110px;}
.hover4 {background-position: -353px 0px;}
.m5 {background-position: -464px -59px; width:119px;}
.hover5 {background-position: -464px 0px;}
.m6 {background-position: -584px -59px; width: 106px;}
.hover6 {background-position: -584px 0px;}
.m7 {background-position: -691px -59px; width:107px;}
.hover7 {background-position: -691px 0px;}
.m8 {background-position: -799px -59px; width:101px;}
.hover8 {background-position: -799px 0px;}

/* #navFlash ul li { display: inline;} */


#bannerFlash { width: 900px; height: 305px; padding-top:1px; position: absolute; top:203px; left:0; background: url(../img/bg-banner-flash.png) no-repeat center;}

#painel {width: 900px; height: 305px; position: relative;}
.mascara-painel {background: url(../img/mascara-painel.png) no-repeat; height: 39px; width: 900px; position: absolute; left: 0; bottom: 0; z-index: 1000;}


/* ------------------------------------------- FIM DIV HEADER ------------------------------------------- */







/* ------------------------------------------- DIV CONTENT ------------------------------------------- */

#content { width: 100%;}

#content p { margin: 15px 0;}

#content p, #content p strong { color: #7a7a7a; font-size: 13px;}





#sobreAtacado { width: 272px; padding-top: 80px; margin-top: 43px; background: url(../img/bg-sobre-atacado.jpg) no-repeat;}

#sobreAtacado h3 { color: #008c54; font-size: 14px;}



#sobreAtacado ul { margin: 15px 0;}

#sobreAtacado ul li { display: inline;}



#linhaProdutos {width: 284px; padding-top: 190px; padding-left: 35px; margin-top: 26px; background: url(../img/bg-linha-produtos.jpg) no-repeat;}

#linhaProdutos p {width: 257px;}



#nossasLojas {width:282px; height:250px; padding-top:105px; background: url(../img/bg-nossas-lojas.png) no-repeat; margin-bottom: 27px;}



/* ------------------------------------------- FIM DIV CONTENT ------------------------------------------- */







/* ------------------------------------------- DIV FOOTER ------------------------------------------- */

#footer { width: 100%; height: 343px; background: url(../img/bg-footer.jpg) repeat-x left bottom; clear:both;}

#footerCenter { width: 973px; height: 343px; background: url(../img/bg-footer-center.png) no-repeat bottom; margin: 0 auto; position: relative;}

#footerCenter cite { text-align: center; width: 100%; margin-top:31px; display: block; font-family: Arial; font-size: 12px; color: #fff; font-style: normal;} 

#footerCenter cite a {color: #fff; text-decoration: underline; font-weight:bold; font-size: 12px; font-family: Arial;} 



#noticias { min-height:147px;}

#noticias ul { position: absolute; top: 70px; left: 350px;}

#noticias ul li { width: 250px; height: 27px; padding: 15px 0 0 30px; background: url(../img/bg-li-noticias.jpg) no-repeat; margin-bottom: 2px; *margin-bottom: 0;}

#noticias ul li a { color: #000;}



#confiraPromocoes { display: block; width: 131px; height: 95px; background: url(../img/bg-confira-promocoess.jpg) no-repeat; position: absolute; top: 76px; left: 154px;}

/* ------------------------------------------- FIM DIV FOOTER ------------------------------------------- */







/* ------------------------------------------- INTERNAS ------------------------------------------- */

.heightHeaderIntern { height: 204px!important;}



#contentInterno { width: 900px; padding-top: 3px; position: relative; background:#fff url(../img/bg-content-interno.jpg) no-repeat left top}

#contentInterno h2 {width: 894px; height: 226px; display: block; text-indent: -9999px; margin-left: 3px;}

#contentInterno h2#bgSobreAtacado {background: url(../img/bg-h2-sobre-atacado.jpg) no-repeat;}

#contentInterno h2#bgNossasLojas {background: url(../img/bg-h2-nossas-lojas.jpg) no-repeat;}

#contentInterno h2#bgProdutos {background: url(../img/bg-h2-produtos.jpg) no-repeat;}

#contentInterno h2#bgNoticias {background: url(../img/bg-h2-noticias.jpg) no-repeat;}

#contentInterno h2#bgServicos {background: url(../img/bg-h2-servicos.jpg) no-repeat;}

#contentInterno h2#bgContato {background: url(../img/bg-h2-contato.jpg) no-repeat;}

#contentInterno h2#bgOfertas {background: url(../img/bg-h2-ofertas.jpg) no-repeat;}



#sombraLeft, #sombraRight { width: 30px; height: 427px; position: absolute;}

#sombraLeft { background: url(../img/sombra-left.png) no-repeat; top: 21px; left: -30px;}

#sombraRight { background: url(../img/sombra-right.png) no-repeat; top: 21px; right: -30px;}

#bgBottomContentIntern { width: 900px; padding-bottom:25px; background: url(../img/bg-bottom-content-intern.jpg) repeat-x left bottom;}





#contentInternMenor { width: 818px; margin: 0 auto; min-height:500px;}

#contentInternMenor p { margin-bottom: 20px;}



#colLeft { width: 573px; float: left;}

#colLeft h3 { color: #00623b; font-size: 13px;}

#colLeft p { margin: 20px 0; font-size: 13px; line-height: 18px;}

#empresasGrupo {width: 102px; height: 421px; padding: 71px 65px; padding-bottom: 0; background: url(../img/bg-empresas-grupo.png) no-repeat; position: absolute; top: 209px; left: 641px;}

#empresasGrupo img { display: block; margin-bottom: 50px;}



/*Quem somos*/

ul.box-fotos-empresa { overflow:hidden; margin-bottom:10px;}

ul.box-fotos-empresa li { float:left; margin:0 8px 0 0; }



#footerCenterIntern{ width: 973px; height: 186px; background: url(../img/bg-footer-center-intern.png) no-repeat bottom; margin: 0 auto; position: relative;}

.heightFooterIntern { height: 187px!important;}



#footerCenterIntern cite { text-align: center; width: 100%; margin-top:34px; display: block; font-family: Arial; font-size: 12px; color: #fff; font-style: normal;} 

#footerCenterIntern cite a {color: #fff; text-decoration: underline; font-weight:bold; font-size: 12px; font-family: Arial;} 



ul#listaLojas {}

ul#listaLojas li { display: block; float: left; margin-bottom: 30px; width: 386px; padding: 16px 7px 0 0; height: 261px; background: url(../img/bg-li-nossas-lojas.png) no-repeat}

.ImgNomeInfo { width: 176px; margin: 0 auto; text-align: center}

.ImgNomeInfo p { color: #fff; font-size: 18px; margin: 23px 0 25px 0;}

.ImgNomeInfo a.bt-mais-info { width:80px; text-indent:-5000px; margin:0 auto; padding-top:5px; height:12px; display:block; background: url(../img/bt-mais-info.gif) no-repeat bottom;}



ul#listaProdutos { padding-left: 30px;}

ul#listaProdutos li { display: block; float: left; margin-bottom: 30px; width: 225px; padding: 16px 30px 0 0; background: url(../img/bg-li-produtos.png) no-repeat 8px top;}

.ImgNome { margin: 0 auto; text-align: center}

.ImgNome p { color: #00623b; font-size: 18px; margin: 23px 0 25px 0;}





#slideNossasLojas {width:359px; min-height:277px; float:left; }

#slideNossasLojas img { padding:14px 12px; background:url(../img/bg-img-slideNossasLojas.jpg) no-repeat; }



#detalheTxt { width: 415px; float: right; /*margin-top: 20px;*/}

#detalheTxt h3 { color: #c50012; font-size:24px; margin-bottom:5px; line-height:normal;}

#detalheTxt p { font-size: 13px; margin-bottom: 20px;}

#detalheTxt p strong { font-size: 13px;}



#slide-detalheTxt { overflow:hidden; margin-bottom:25px;}



#servicosLoja { clear: both; overflow:hidden;}

#servicosLoja h3.titServicos-disponiveis { background:url(../img/titServicos-disponiveis.gif) no-repeat; height:22px; text-indent:-5000px; margin:0 0 10px 15px;}

#servicosLoja h4 { color: #c60113; width: 100%; font-size: 18px; margin: 0 30px 30px 0; padding-bottom: 31px; border-bottom: 1px solid #bfcfd8;}



#box-fotos-lojas { overflow:hidden;}

#box-fotos-lojas ul li { padding:8px; margin-bottom:30px; float:left; background:url(../img/bg-fotos-lojas.png) no-repeat;}

#box-fotos-lojas ul li.center { margin:0 55px;}





/*nossasLoja*/

#servicosLoja ul.nossasLoja { margin-bottom:40px; background:url(../img/bg-ul-servicosLoja.png) no-repeat; float:left; height:106px; padding:15px 0 0 15px; width:803px; }

#servicosLoja ul.nossasLoja li { display:inline;}

#servicosLoja ul.nossasLoja li a { color:#556A74; display:block; float:left; font-size:10px; font-weight:bold; margin:0 4px; padding-top:60px; text-align:center; width:90px; } 

/*Servicos*/

#servicosLoja ul.marginB30 { width: 752px; height: 104px; padding:15px 0 0 50px; background: url(../img/bg-ul-servicosLoja.jpg) no-repeat bottom;}

#servicosLoja ul.marginB30 li { float:left; }

#servicosLoja ul.marginB30 li a { padding-top:60px; width:100px; display: block; font-size:10px; font-weight: bold; text-align: center; color: #556a74; float: left; } 

#servicosLoja ul.marginB30 li.ativo { background: url(../img/bg-li-ativo.jpg) no-repeat bottom center; width:100px; height:104px; }



#servicosLoja ul li a.bgAmbiente {background: url(../img/bg-ambiente.png) no-repeat center top;}

#servicosLoja ul li a.bgAmbiente:hover {background: url(../img/bg-ambiente-hover.png) no-repeat center top;}



#servicosLoja ul li a.bgCredito {background: url(../img/bg-credito.png) no-repeat center top;}

#servicosLoja ul li a.bgCredito:hover {background: url(../img/bg-credito-hover.png) no-repeat center top;}



#servicosLoja ul li a.bgCor {background: url(../img/bg-cor.png) no-repeat center top;}

#servicosLoja ul li a.bgCor:hover {background: url(../img/bg-cor-hover.png) no-repeat center top;}



#servicosLoja ul li a.bgEstacionamento {background: url(../img/bg-estacionamento.png) no-repeat center top;}

#servicosLoja ul li a.bgEstacionamento:hover {background: url(../img/bg-estacionamento-hover.png) no-repeat center top;}



#servicosLoja ul li a.bgHorario {background: url(../img/bg-horario.png) no-repeat center top;}

#servicosLoja ul li a.bgHorario:hover {background: url(../img/bg-horario-hover.png) no-repeat center top;}



#servicosLoja ul li a.bgLanchonete {background: url(../img/bg-lanchonete.png) no-repeat center top;}

#servicosLoja ul li a.bgLanchonete:hover {background: url(../img/bg-lanchonete-hover.png) no-repeat center top;}



#servicosLoja ul li a.bgEntrega {background: url(../img/bg-entrega.png) no-repeat center top;}

#servicosLoja ul li a.bgEntrega:hover {background: url(../img/bg-entrega-hover.png) no-repeat center top;}



#servicosLoja ul li a.bgLoja {background: url(../img/bg-loja.png) no-repeat center top;}

#servicosLoja ul li a.bgLoja:hover {background: url(../img/bg-loja-hover.png) no-repeat center top;}



/*Serviços*/

.marginAbas { margin:0 10px;}

#aba2 a { color:#000000; font-weight:bold;}

.noticiasChamada { padding-bottom: 40px; border-bottom: 1px solid #bfcfd8; margin-bottom: 40px;}

.noticiasChamada h3 { color: #007c4b; font-size: 16px; margin: 10px 0;}

.noticiasChamada p { font-size: 13px;}



#paginacao { background: #fff; padding: 13px 0; text-align: center;}

#paginacao ul {}

#paginacao ul li { display: inline;}

#paginacao ul li a { padding: 4px 10px; color: #0e3854; border: 1px solid #bcc8d0; background: #fff; font-weight: bold;}

#paginacao ul li a:hover { color: #fff; border: 1px solid #92a1a8; background: #92a1a8;}



/*Contato*/

fieldset.form-contato { padding:30px 0 0 79px;}

fieldset.form-contato legend { display:none;}

fieldset.form-contato label { display:block; margin-bottom:5px;}

fieldset.form-contato input { padding:11px 10px; width:360px; margin-bottom:11px; background: url(../img/bg-input-contato.gif) no-repeat; border:0 none;}

fieldset.form-contato textarea { padding:11px 10px; height:180px; margin-bottom:10px; background: url(../img/bg-textarea-contato.png) no-repeat; border:0 none; overflow:auto; width:360px}

fieldset.form-contato .bt-enviar { padding:0; width:70px; cursor:pointer; height:41px; background: url(../img/bt-enviar.gif) no-repeat; border:0 none;}



#boxLocalizacao {width: 162px; height: 485px; padding: 71px 35px; padding-bottom:0; background: url(../img/bg-localizacao-contato.png) no-repeat; position: absolute; top: 209px; left: 641px;}

#boxLocalizacao ul li h5 { margin-bottom:5px; color:#00623b; font-weight:bold;}

#boxLocalizacao ul li p {margin-bottom:5px; line-height:16px;}

#boxLocalizacao ul li {margin-bottom:36px;_margin-bottom:26px;}

#boxLocalizacao a.btMais-info-loja { display: block; height:10px; background: url(../img/btMais-info-loja.gif) no-repeat;}





ul#nav-rodape { height:41px; padding:71px 45px 0; }

ul#nav-rodape li { float:left; margin-right:10px;}

ul#nav-rodape li a { display:block; width:213px; height:41px;}



ul#nav-rodape-home { height:41px; padding:71px 45px 0; }

ul#nav-rodape-home li { float:left; margin-right:10px;}

ul#nav-rodape-home li a { display:block; width:213px; height:41px;}



#fotoNoticia {background: url(../img/bg-foto-noticia.png) no-repeat; padding: 18px; float: left; margin: 0 35px 35px 0;}

#voltar { color: #000; text-decoration: underline; font-weight: bold; font-size: 13px;}

.titNoticia { color: #007c4b; font-size: 16px; margin-bottom: 30px;}





#tabelaCor { width: 519px; border-collapse: collapse; margin: 30px auto; text-align: left;}

#tabelaCor tr th { background: #bfcfd8; border: 1px solid #bfcfd8; padding: 10px;}

#tabelaCor tr td { background: #eef5f9; border: 1px solid #bfcfd8; padding: 10px;}

/* ------------------------------------------- FIM INTERNAS ------------------------------------------- */



#box-em-desenvolvimento { width:425px; margin:0 auto; background: url(../img/em-desenvolvimento.jpg) no-repeat; height:245px;}



/* ------------------------------------------- CLASSES ------------------------------------------- */

.txtHidden { text-indent: -9999px;}

.noMarginL { margin-left: 0!important;}

.noMarginB { margin-bottom: 0!important;}

.floatL { float: left!important;}

.floatR { float: right!important;}

.displayNone { display: none!important;}

.linkMais { font-weight:bold; text-decoration: underline; font-size: 13px; color: #000;}

.clear { clear: both;}

.verde { color: #00623b;}

.marginB30 { margin-bottom: 30px;}

/* ------------------------------------------- FIM CLASSES ------------------------------------------- */