@charset "utf-8";
/* CSS Document */

body{font-family: Arial, Helvetica, sans-serif; font-size:small; color:#7D7B73; background: url(../../img/site/layout/background.jpg) repeat-x #E5E5E5;}

/* ================================================== ÍNICIO DO LAYOUT ================================================== */
.total{width:960px; min-height:420px; position:relative; margin:auto; background: url(../../img/site/layout/fd-total.jpg) no-repeat;} 

/* ================================================== ÍNICIO DO TOPO ================================================== */
.topo{width:960px; min-height:20px; position:relative;}

/* BLOCO TELEFONE TOPO */
.blTelefone{width: 960px; height: 50px; position: relative;}
.blTelefone p:first-child{width: 260px; position: absolute; font-size: medium; font-family: 'myriad_proregular'; color: #3F6FAF; text-indent: 22px; background: url(../../img/site/layout/icone-tel.png) no-repeat 0 5px; top: 15px; left: 680px;}
.blTelefone p{width: 260px; position: absolute; font-size: medium; font-family: 'myriad_proregular'; color: #3F6FAF; text-indent: 22px; background: url(../../img/site/layout/whatsApp-icon1.png) no-repeat 0 5px; top: 35px; left: 680px;line-height:1.8;}



/* LOGOTIPO */

.logo{width: 106px; height: 156px; display: block; position: absolute; text-indent: -9999px; background: url(../../img/site/layout/logo.png); top: 7px;  left: 427px; z-index: 10;}
.logo a{width: 106px; height: 156px; display: block; z-index: 10;}

/* MENU PRINCIPAL */ 
.menu{width: 918px; height: 51px; position: relative; background: url(../../img/site/layout/fd-menu.png); margin: 15px auto 0 auto;}
.menu li{float: left; font-family: 'myriad_proregular'; color: #FFF; }

.espacoLogo{width: 106px; height: 28px;}

.btn1{width: 145px; height: 28px; display: block; text-align: center; line-height: 28px;}
.btn1 a{width: 145px; height: 28px; display: block; color: #FFF; text-decoration: none;}

.btn2{width: 131px; height: 28px; display: block; text-align: center; line-height: 28px;}
.btn2 a{width: 131px; height: 28px; display: block; color: #FFF; text-decoration: none;}

.btn3{width: 128px; height: 28px; display: block; text-align: center; line-height: 28px;}
.btn3 a{width: 128px; height: 28px; display: block; color: #FFF; text-decoration: none;}

.btn4{width: 137px; height: 28px; display: block; text-align: center; line-height: 28px;}
.btn4 a{width: 137px; height: 28px; display: block; color: #FFF; text-decoration: none;}

.btn5{width: 133px; height: 28px; display: block; text-align: center; line-height: 28px;}
.btn5 a{width: 133px; height: 28px; display: block; color: #FFF; text-decoration: none;}

.btn6{width: 133px; height: 28px; display: block; text-align: center; line-height: 28px;}
.btn6 a{width: 133px; height: 28px; display: block; color: #FFF; text-decoration: none;}


/* ================================================== ÍNICIO DO CORPO ================================================== */
.corpo{width:960px; min-height:60px; position:relative;}

/* BLOCO MENU PRODUTOS */
.blMenuProd{width: 182px; min-height: 20px; position: relative; margin: 30px 0 0 0;}
.menuProd{width: 153px; min-height: 20px; position: relative; background: #EFEDED; border-left: 1px solid #AEADA7; border-right: 1px solid #AEADA7; padding-top: 2px; margin: 0  0 -7px 15px;}
.menuProd li{width: 153px; height: 23px; text-indent: 5px;}
.menuProd li a{color: #7E7B73; text-decoration: none;}

/* TITULO DA CATEGORIA */
/*.titCategoria{width: 169px; height: 27px; display: block; position: relative; color: #FFF; line-height: 27px; text-indent: 21px; font-size:12px; background: url(../../img/site/layout/tit-categoria.png) no-repeat; cursor: pointer; margin: 7px 0 0 10px;}*/

/* BLOCO FALE CONOSCO */
/*.blFaleConosco{width: 182px; min-height: 20px; position: relative; margin: 50px 0 0 0;}
.blFaleConosco .titCategoria{width: 166px; height: 27px; display: block; position: relative; color: #FFF; line-height: 27px; text-indent: 23px; background: url(../../img/site/layout/tit-categoria.png); z-index: 2;}*/


/* COLUNA 2 HOME */
.col2Home{width: 778px; min-height: 535px; float: left; background: url(../../img/site/layout/fd-col2.png) no-repeat;}

/* COLUNA UNIFORMES SOCIAL */
.uniformeSocial{width: 250px; min-height: 20px; float: left; margin: 286px 0 0 0;}
.uniformeSocial .titProduto{width: 170px; position: relative; font-family: 'bauhaus-light-lightregular'; color: #3F6FAF; font-size: x-large;  margin: 10px 0 0 45px;}
.uniformeSocial p{width: 210px; position: relative; text-align: justify; margin: 7px 0 0 22px;}
.uniformeSocial .vejaMais{width: 23px; height: 23px; display: block; position: relative; background: url(../../img/site/layout/btn-mais.png); text-indent: -9999px; margin: 5px 0 0 210px;}
.uniformeSocial .vejaMais a{width: 23px; height: 23px; display: block;}

/* COLUNA UNIFORMES PROFISSIONAIS */
.uniformeProfissional{width: 255px; min-height: 20px; float: left; margin: 350px 0 0 0;}
.uniformeProfissional .titProduto{width: 220px; position: relative; font-family: 'bauhaus-light-lightregular'; color: #3F6FAF; font-size: x-large;  margin: 10px 0 0 18px;}
.uniformeProfissional p{width: 220px; position: relative; text-align: justify; margin: 7px 0 0 18px;}
.uniformeProfissional .vejaMais{width: 23px; height: 23px; display: block; position: relative; background: url(../../img/site/layout/btn-mais.png); text-indent: -9999px; margin: 5px 0 0 220px;}
.uniformeProfissional .vejaMais a{width: 23px; height: 23px; display: block;}

/* COLUNA UNIFORMES ESCOLARES */
.uniformeEscolares{width: 259px; min-height: 20px; float: left; margin: 285px 0 0 0;}
.uniformeEscolares .titProduto{width: 220px; position: relative; font-family: 'bauhaus-light-lightregular'; color: #3F6FAF; font-size: x-large;  margin: 10px 0 0 30px;}
.uniformeEscolares p{width: 210px; position: relative; text-align: justify; margin: 7px 0 0 22px;}
.uniformeEscolares .vejaMais{width: 23px; height: 23px; display: block; position: relative; background: url(../../img/site/layout/btn-mais.png); text-indent: -9999px; margin: 5px 0 0 210px;}
.uniformeEscolares .vejaMais a{width: 23px; height: 23px; display: block;}

/* COLUNA 2 */
.col2{width: 778px; min-height: 535px; float: left; z-index:1;}

/* BANNER */
.banner{width: 771px; height: 316px; position: relative; background: url(../../img/site/layout/banner1.png) no-repeat; margin: 0 0 0 7px; z-index:1;}

/* TITULO DA PAGINA */ 
.titPag{width: 750px; position: relative; font-family: 'bauhaus-light-lightregular'; color: #3F6FAF; font-size: x-large; margin: 15px 0 0 20px;}

/* CONTEÚDO */
.conteudo{width:778px; min-height:20px; position:relative; float: left; margin: 2px 0 0 0;}
.conteudo p{width: 740px; position:relative; text-align:justify; padding: 10px 0 0 20px;}

/* EXPANDIR */
.expandir{width:960px; height:35px; position:relative; clear:both;}

/* ================================================== ÍNICIO DO RODAPÉ ================================================== */
.rodape{width:100%; height:131px; position:relative; background:url(../../img/site/layout/fd-rodape.jpg) repeat-x; margin:auto;}
.cont-rodape{width:960px; height:131px; position:relative; margin:0 auto 0 auto;}
.cont-rodape p{width: 960px; position: relative; text-align: center; color: #FFF; top: 55px;}
.cont-rodape p a{color: #FFF; text-decoration: none;}

/* MENU RODAPE */
.menuRodape{width: 900px; height: 20px; position: relative; top: 45px; left:70px;}
.menuRodape li{float: left; color: #FFF; margin: 0 0 0 6px;}
.menuRodape a{color: #FFF; text-decoration: none;}

/* REDES SOCIAIS */
.redeSocial{width: 80px; height: 37px; position: absolute; left: 870px; top: 80px;}
.redeSocial li{float: left; text-indent: -9999px;}

.facebook{width: 35px; height: 37px; display: block; background: url(../../img/site/layout/redes-sociais.png) -44px;}
.twitter{width: 35px; height: 37px; display: block; background: url(../../img/site/layout/redes-sociais.png); margin: 0 0 0 10px;}
.facebook a, .twitter a{width: 35px; height: 37px; display: block;}

/* PÁGINA CONTATO ================================================== */
.form-contato{width: 600px; min-height: 20px; position: relative; font-weight: bold;; margin: 20px auto 0 auto;}
.cp-form{width: 600px; height: 30px; border: 1px solid #999; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #666; text-indent: 5px; background: none;}
.cp-texto{width: 600px; height: 100px; border: 1px solid #999; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #666; text-indent: 5px; background: none;}
.btn-enviar{width: 100px; height: 30px; position: relative; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #8E2929; color: #FFF; font-weight: bold; cursor: pointer; margin: 0 0 0 506px;}

/* PÁGINA LOCALIZAÇÃO ================================================== */
.mapa{width: 700px; height: 300px; position: relative; border: 1px solid #000; margin: 15px 0 0 20px;}


/* PÁGINA CLIENTES ================================================== */

.blocoClientes{width:720px; margin-left:30px; margin-top:20px; float:left;}
.logoClientes{border:1px #333333 solid; border-radius:8px; width:100px; height:75px; margin:6px 6px 0 0; float:left;}

.listaDicas{margin-left:20px; padding-top:10px; }
.listaDicas li a{text-decoration:none; color:#3F6FAF;}

.blocoDica{width:700px; margin:auto; padding-top:10px; text-align:justify;}
.blocoDica ul{list-style:disc; }
.blocoDica ul{list-style:disc; margin:4px 0; }
.blocoDica p{padding: 0 0; margin:10px 0; width:inherit; }


.voltar{width:7ch;height:18px;; line-height:1.5; border:1px #8E2929 solid; background:#8E2929; float:right;position:relative; top:-20px; left:-80px; text-align:center; border-radius:7px;}
.voltar a{text-decoration:none;color:#FFF; font-weight:bold;}

.listaDeUniformes{margin-left:20px; padding-top:10px;}
.listaDeUniformes a{text-decoration:none; color:#3F6FAF;}

.blocoProdutos{width:740px; margin-left:30px; margin-top:20px; float:left;}
.blocoProdutos div{}

.emailsContato a{text-decoration:none; color:#3F6FAF;}
.emailsContato a:last-child{margin-left:48px;}

.produtosCaixa{border:3px #333333 solid; border-radius:6px; width:159px; height:175px; margin:6px 6px 0 0; float:left;}
.blocoCategorias{border:3px #333333 solid; border-radius:6px; width:159px; height:175px; margin:6px 6px 22px 0; float:left;}

.blocoCategorias a{text-decoration:none;}
.blocoCategorias span{font-weight:bold; position:relative; top:4px; color:#3F6FAF;}