/*Tags HTML*/
body{
  font-family: Verdana, Arial;
  font-size: 11px;
  /*background: url(../imgs/layout/bg2.jpg) repeat;*/
  background-color:#d4d4d4;
  margin: 0px 0px 10px 0px;
}

*{
  margin: 0px;
  padding: 0px;
  border: 0px;
}
img{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

a{
  color: black;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

ol, ul{
  list-style: none;
}

/*Fim das Tags HTML*/

/*Classes*/
.both{
  clear: both;
}

.titulo{
  color: #663333;
  font-size: 14px;
}

.erro{
  color: #FF0000
}

.sucesso{
  color: #0E7700;
}

.error{
  border: 1px solid #FF0000 !important;;
}

.paginacao{
  padding: 4px;
  background: #F0F0F0;
  border: 1px solid #E3E3E3;
}

.pag{
  float:left;
  background:#dfeefd;
  padding: 10px;
  width:970px;
  min-height: 250px;
}
.btVoltar{
  width: 100%;
  float:left;
  text-align:center;
  margin-top: 20px;
}

/*Fim das Classes*/

/*IDs*/
#centraliza{
  margin: 0px auto;
  width: 990px;
}

#centro{
  float: left;
  width: 990px;
}

#conteudo{
  float:left;
  width:990px;
  margin: 10px 0px 5px 0px;
}

#title{
  font-size:18px;
  color:#000099;
  border-bottom:3px double #000099;
  margin-bottom: 10px;
  padding-bottom: 3px;
}
/*Fim das IDs*/

/*Entrada - entrada.php*/
#entrada{
  background:url(../imgs/layout/bgEntrada.jpg) no-repeat top;
  width:990px;
  height:627px;
  position:relative;
}

#guy{
  float: left;
  clear: right;
  margin: 20px;
}
/*---Guy CSS (Left)--*/
#guycontainer{
  position: relative;
  overflow: hidden;
  height: 222px;
  width: 426px;
  background: #FFF;
  top: 355px;
  left: 260px;
}
.frame{
  position: absolute;
  z-index: 3;
}
#guyoverlay{
  top: -233px;
  position: absolute;
  z-index: 1;
}
#guyblock{
  height: 222px;
  width: 470px;
  background: #000;
}
#guyedge{
  height: 222px;
  width: 470px;
  background: url('../imgs/layout/drip.png');
}

img.loadpic{

}

/*Fim - Entrada - entrada.php*/
/*Topo - topo.php*/
#topo{
  float:left;
  width: 990px;
  text-align:center;
  margin: 5px 0px 5px 0px;
}

#bannerTop{
  float:left;
}

#menu{
  float:left;
  width:990px;
  background:url(../imgs/layout/bgmenu.jpg) repeat-x top;
  height:38px;
  margin-top: 10px;
}

#menu li{
  float:left;
  color:#FFF;
  font-size:16px;
  font-weight:bold;
  padding: 10px 17px 0px 17px;
  vertical-align:middle;
  cursor:pointer;
}

#menu li#redeSocial{
  padding: 5px 0px 0px 8px;
}
/*Fim - topo.php*/
/*Banner - Menu - bannerMenu.php*/
#menuBanner{
  float:left;
  width: 990px;
  height: 218px;
}
/*Fim - banner Menu*/
/*Index - home.php*/
#barraTit{
  background:url(../imgs/layout/bgmenu.jpg) repeat-x top;
  width:980px;
  height:28px;
  font-size:19px;
  padding:8px 0px 0px 10px;
  color:#FFF;
  float:left;
}

#bannerHome{
  float:left;
}

#bannerHome li{
  float:left;
  cursor:pointer;
}
/*Fim - home*/
/*Palavras - palavras.php*/
#palavras{
  float:left;
  width: 972px;
  background:#5e8ab1;
  padding:10px;
  margin-bottom: 5px;
}

#palavras ul{
  float:left;
  margin: 0px 10px 10px 35px;
}

#palavras ul li{
  color:#FFF;
  font-size:13px;
  font-weight:500;
  margin: 0px 25px 3px 25px;
  cursor:pointer;
}

#palavras ul li:first-child{
  font-size:18px;
  text-decoration:underline;
}
/*Fim - palavras*/
/*Rodape - rodape.php*/
#rodape{
  float:left;
  background:#000;
  width: 990px;
}

#rodape p{
  float:left;
  color:#FFF;
  padding: 10px 0px;
  font-size:15px;
}

#rodape p:first-child{
  width: 940px;
  text-align:center;
}

#rodape p img{
  vertical-align:middle;
}
/* FIM Rodape - rodape.php*/
/*Contato - contato.php*/
#quadroContato{
  width: 290px;
  margin:35px auto;
  border:1px dashed #666;
  padding: 20px;
  margin-bottom: 20px;
}

#contatoForm{
  float:left;
  width: 550px;
  margin: 0px 20px;
}

#contatoForm .label{
  float:left;
  width: 28%;
  margin-bottom: 5px;
  text-align:right;
  padding-right: 3px;
}

#contatoForm .field{
  float:left;
  width: 68%;
  margin-bottom: 5px;
}

#contatoForm input[type=text], #contatoForm select{
  border:1px solid black;
}

#contatoForm textarea{
  border:1px solid black;
  width: 420px;
  height: 150px;
}

#contatoFoto{
  float:left;
}
/*Fim - Contato*/
/*Infraestrutura - infraestrutura.php*/
#centroInfra{
  float:left;
  width: 780px;
  margin-left: 90px;
}

.infraestrutura ul{
  float: left;
  width: 100%;
  margin: 0px 0px 30px 0px;
}

.infraestrutura ul li{
  float: left;
  width: 228px;
  text-align: center;
  margin: 0px 14px 0px 14px;
}

.infraestrutura ul li b{
  font-size: 14px;
}

.infraestrutura #imagemGrande{
  float: left;
  width: 510px;
}

.infraestrutura #imagemGrande span{
  font-style: italic;
}

.infraestrutura #imagens{
  float: right;
  width: 240px;
}

.infraestrutura ul li img, .infraestrutura #imagemGrande img, .infraestrutura #imagens img{
  padding: 4px;
  border: 1px solid #888;
  margin: 0px;
}

.infraestrutura ul li img:hover, .infraestrutura #imagens img:hover{
  border: 1px solid #555;
  background: #ECECEC;
}

.mostraGaleriaInfra{
  width: 760px;
  padding: 10px 100px 10px 100px;
  margin: 0 auto;
}
.subTitulo1{
  font-size: 20px;
  font-style: italic;
  color:#009900;
}

#titGaleria{
  background:#003366;
  font-size:14px;
  font-style:italic;
  margin: 10px 0;
  padding: 5px;
  font-weight:bold;
  float:left;
  width:100%;
  color:#FFF;
}

/*Fim Infraestrutura*/
/*Localização - localizacao.php*/
#quadroLoca{
  width: 290px;
  margin:35px auto;
  border:1px dashed #666;
  padding: 20px;
  margin-bottom: 20px;
  text-align:center;
}

#mapa{
  text-align:center;
}
/*Fim - localização*/
/*Video - video.php*/
#pagVideo{
  width:100%;
  text-align:center;
}

#videoDest{
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
}

#videoMais{
  float: left;
  width: 100%;
  margin: 20px 0px 10px 0px;
}

#videoMais p{
  text-align:center;
  font-size:18px;
  color:blue;
}

#videoMais ul{
  float: left;
  margin: 10px 0px 0px 30px;
}

#videoMais ul li{
  float: left;
  width: 150px;
  height: 216px;
  margin: 10px 22px 10px 22px;
  padding: 10px;
  border: 1px solid #EDECEB;
  overflow: hidden;
  color: #FF9900;
}

#videoMais ul li strong{
  color: black;
}

#videoMais ul li a{
  color: #FF9900;
}

#videoMais ul li:hover{
  border: 1px solid #CCC;
  cursor: pointer;
}

/*FIM - Video - video.php*/
/*TrabalheConosco - trabalhe_conosco.php*/
#trabalhaConosco{
  width: 655px;
  margin: 0 auto;

}

#trabalheConosco{
  float:left;
  width:100%;
}

.titleCampo{
  float:left;
  width: 33%;
  text-align:right;
  margin: 0px 5px 10px 0px;
  padding: 8px 0px 8px 0px;
  /*		border:1px solid pink;*/
}

.campoForm{
  float:left;
  width:66%;
  height:32px;
  margin: 0px 0px 10px 0px;
  /*	border:1px solid red;*/
}

.campoForm input, select{
  height:30px;
  vertical-align:middle;
  border:1px solid #CCCCCC;
}

.campoForm input[type=radio]{
  height:30px;
  vertical-align:middle;
  border:none;
}

.campoForm span{
  font-size:10px;
  color:#FF0000;
}

.titCateg{
  font-size:16px;
  border-bottom:1px solid #999;
  padding-bottom: 3px;
  float:left;
  width: 550px;
  font-weight:bold;
  margin: 10px 0px 10px 0px;
}

.textEmprego{
  font-size:15px;
  padding-bottom: 3px;
  float:left;
  width: 550px;
  font-weight:bold;
  margin: 0px 0px 10px 0px;
  color:#CCC;
}

.campoObs{
  float:left;
  margin:0px 0px 10px 50px;
}

.campoObs textarea{
  vertical-align:middle;
  border:1px solid #CCC;
}

.linhaPrincipal1{
  font-weight:bold;
  background:#CCC;
  margin: 10px 0px;
}

.campoTitulo1{
  font-weight:bold;
}

.btEnviaTrab{
  float:left;
  width:100%;
  text-align:center;
}

#trabalhaFim{
  text-align:center;
  font-size:14px;
  color:#003399;
  font-weight:bold;
}
/*Fim - trabalheConosco*/
/*certificação - certificacoes.php*/
#certificacao{
  float:left;
  width: 100%;
  text-align:center;
}

#certificacao img{
  float:left;
  border:1px solid #666;
  padding: 5px;
  margin: 10px;
}

#titCertificacao{
  font-size:18px;
  text-align:center;
  margin-bottom: 20px;
}

#obsCert{
  text-align:center;
}
/*Fim - Perfumaria - perfumaria.php*/
/*produtos - produtos.php*/
.titleProduto{
  color: #666666;
  font-size: 12px;
  font-weight:bold;
  padding: 5px;
}

.produto ul{
  float: left;
  width: 100%;
  margin: 0px 0px 25px 0px;
}

.produto ul li{
  float:left;
  font-size:12px;
  min-height: 25px;
  padding: 0px 10px 0px 10px;
  margin: 0px 3px 11px 3px;
  cursor:pointer;
}

.produto ul li img{
  margin: 8px;
  vertical-align:middle;
}

.produto ul li:hover img{
  border: 1px solid #003399;
  margin: 7px;
}

.listaProduto{
  float: left;
  width: 100%;
  margin: 0px 0px 25px 0px;
  border:1px solid black;
}

.listaProduto li{
  font-size:12px;
  width:800px;
  cursor:pointer;
}

.listaProduto li:first-child{
  width:100px;
}

.listaProduto:hover{
  background:#003366; /*E9E9E9 - cinza*/
  color:#FFF;
}

.produto p{
  margin: 0px 0px 10px 0px;
}

/*Fim dos Produtos*/
/*ProdDet - prod_det.php*/
.produtoDet{
  float:left;
  width:950px;
}

.fotoProd{
  float:left;
  margin-right: 10px;
  border:1px solid black;
}

.nomeProd{
  float:left;
  width: 900px;
  margin-bottom: 40px;
  font-size: 18px;
  color:#CC0000;
}

.btOrc{
  float:right;
  text-align:center;
  color:#666;
  font-size:14px;
  width:100%;
  margin: 0px 0px 20px 0px;
}

.txtProd{
  border:1px dashed #9B9B9B;
  float:left;
  background:#EBEBEB;
  padding: 0px 10px 10px 10px;
  text-align:justify;
  margin:0px 0px;
  width:700px;
}

.txtProd p{
  margin-bottom: 20px;
}

#produtoDet .subTitulo{
  font-size:16px;
  color:white;
  padding:5px;
  background:#000066;
  font-weight:bold;
}

#galeriaProd{
  float:left;
  width: 600px;
  margin: 20px 0px 0px 200px;
}
/*Fim - ProdDet*/
/*Galeria - LightBox*/
.subTitulo{
  background:#003366;
  font-size:14px;
  font-style:italic;
  margin: 10px 0;
  padding: 5px;
  font-weight:bold;
  float:left;
  width:100%;
  color:#FFF;
}

#galeria{
  float:left;
  text-align: center;
  border: 1px solid #777;
  padding: 5px;
  width: 97%;
}

#galeria img{
  border: 1px solid #CCC;
  margin: 2px;
}

#galeria img:hover{
  border: 1px solid #555;
}
/*Fim da Galeria - LightBox*/
/*Kip Cullers - kipcullers.php*/
#centroKip{
  float:left;
  width: 780px;
  margin-left: 90px;
}

.kipcullers ul{
  float: left;
  width: 100%;
  margin: 0px 0px 30px 0px;
}

.kipcullers ul li{
  float: left;
  width: 228px;
  text-align: center;
  margin: 0px 14px 0px 14px;
}

.kipcullers ul li b{
  font-size: 14px;
}

.kipcullers #imagemGrande{
  float: left;
  width: 510px;
}

.kipcullers #imagemGrande span{
  font-style: italic;
}

.kipcullers #imagens{
  float: right;
  width: 240px;
}

.kipcullers ul li img, .kipcullers #imagemGrande img, .kipcullers #imagens img{
  padding: 4px;
  border: 1px solid #888;
  margin: 0px;
}

.kipcullers ul li img:hover, .kipcullers #imagens img:hover{
  border: 1px solid #555;
  background: #ECECEC;
}

.mostraGaleriaKip{
  width: 760px;
  padding: 10px 100px 10px 100px;
  margin: 0 auto;
}
.subTitulo1{
  font-size: 20px;
  font-style: italic;
  color:#009900;
}

#titGaleria{
  background:#003366;
  font-size:14px;
  font-style:italic;
  margin: 10px 0;
  padding: 5px;
  font-weight:bold;
  float:left;
  width:100%;
  color:#FFF;
}

/*Fim Kip Cullers*/
/*Institucional - institucional.php*/
#institucional ul{
  width: 600px;
  margin: 0 auto;
}
#institucional ul li{
  float:left;
  margin: 20px;
}
/*Fim - institucional*/