@charset "iso-8859-1";
/* CSS Document */

/* GERAL */

body{
	background:#e3e7ea url(../img/bg.jpg) repeat-x;
	color:#838c94;
	font-family:Tahoma;
	font-size:11px;
	margin:0;
	padding:0;
}

ul{
	margin:0;
	padding:0;
}

a{
	color:#9099A0;
	outline:none;
}

input,
textarea,
select{
	border:1px solid #c9d0d6;
	color:#6b6e70;
	font-family:Arial;
	font-size:12px;
}

.left{
	float:left;
}
.right{
	float:right;
}

.file{
	font-size:10px !important;
	font-weight:normal !important;
}

.clear{
	clear:both;
}

#siteMain{
	margin:auto;
	width:980px;
}

#divGeral{
	background:#ffffff;
	padding:18px;
	float:left;
	margin-bottom:20px;
   
}

.titulo{
	color:#838c94;
	*font-family:TitilliumMaps26L999wt, Tahoma;
	font-family /*\**/:TitilliumMaps26L999wt\9, Tahoma;
	font-family:TitilliumMaps26L, Tahoma;
	font-size:26px;
	font-weight:normal;
	margin-top:10px;
}

h3{font-weight:normal; font-size:9px;}

/* RODAPE */

#rodape{
	color:#838c94;
	font-size:9px;
	padding:0 0 50px 0;
	clear:both;
	width:980px;
	margin:auto;
	*margin-top:20px;
}
#rodape a{
	color:#838c94;
	font-weight:bold;
	text-decoration:none;
}


/* TOPO */

#topo{
	background:url(../img/bg-topo.jpg) repeat-x;
	height:124px;
	padding:10px 0 0 0;
}

#menuTopo{
	height:52px;
	margin:26px 0 25px 20px;
}

#menuTopo li{
	background:url(../img/separador-menu.gif) no-repeat scroll right center transparent;
	float:left;
	list-style:none outside none;
	padding:0 15px;
	width:80px;
	height:30px;
}

#menuTopo li a{
	display:block;
	line-height:30px;
	text-decoration:none;
	height:30px; 
}

#menuTopo li a:hover{
	display:block;
	background-color:#D8DDE1;
	color:#FFF;
	font-weight:bold;	 	
	height:30px;
}



body #linguagem{
	border-bottom:1px solid #DADCDB;
	height:15px;
	left:420px;
	position:relative;
	top:-55px;
	width:95px !important;
}
/* ICON-SOCIAL-HEADER */
#ico-social {
	float:right;
	margin:-55px 85px 0 0;
	padding-right:6px;
	width:95px;
}
#topo #ico-social #ico-twitter {
	float:left;
	padding-right:2px;
}
#topo #ico-social #ico-youtube {
	float:left;
	padding-right:2px;
}
#topo #ico-social #ico-flickr {
	float:left;
	padding-right:2px;
}
#topo #ico-social #ico-skype {
	float:left;
}
#topo #ico-social ul {
	width:95px;
}
#topo #ico-social li {
	list-style-type: none;
}
#topo #ico-social img {
	border:none;
}

/* ICON-SOCIAL-FOOTER */
#rodape #ico-social {
	float:right;
	margin:-3px 5px 0;
	padding-right:6px;
	width:95px;
}
#rodape #ico-social #ico-twitter {
	float:left;
	padding-right:2px;
}
#rodape #ico-social #ico-youtube {
	float:left;
	padding-right:2px;
}
#rodape #ico-social #ico-flickr {
	float:left;
	padding-right:2px;
}
#rodape #ico-social #ico-skype {
	float:left;
}
#rodape #ico-social ul {
	width:95px;
}
#rodape #ico-social li {
	list-style-type: none;
}
#rodape #ico-social img {
	border:none;
}

#carregando{
	display:none}

.link a{
	text-decoration:none;
	line-height:normal;
	}
	
.link a:hover{
	color:#B5BBBF;}	

/*CLASS MENU*/

#menuTopo ul li{
	height:30px;}

#menuTopo ul li ul {
	background-color:#F0F1F3;
	position:absolute;
	width:150px;
	display:none;
	}

#menuTopo li ul li {
	padding:0px; 
	color:#767779;
	display:block;
	text-align:left;
}

#menuTopo li ul  li a{
	background:#F0F1F3 url(../img/seta-menu-produtos.gif) no-repeat center left; 
	color:#767779;
	text-decoration:none;
	display:block;
	width:125px;
	padding-left:28px;
	}
		
#menuTopo li ul li a:hover{
	background: #F8FAF9 url(../img/seta-vermelha-menu-produtos.gif) no-repeat center left; 
	color:#767779;
	font-weight:normal;
	}


/* DROP DOWN */

.acessoClientes{
	background:url(../img/bt-acesso.gif) no-repeat;
	display:block;
	height:52px;
	text-indent:-9999px;
	width:195px;
}
.acessoClientes:hover{
	background:url(../img/bt-acesso-hv.gif) no-repeat;
}

.menuAcesso{
	background:#d7dde1;
	margin:-11px 0 0 12px;
	padding:15px 11px;
	position:absolute;
	text-align:left;
}
.menuAcesso input{
	border:none;
}

.labelEmail{
	background:url(../img/label-email.gif) no-repeat;
	display:block;
	float:left;
	height:24px;
	margin:0 0 7px 0;
	text-indent:-9999px;
	width:56px;
}

.labelSenha{
	background:url(../img/label-senha.gif) no-repeat;
	clear:both;
	display:block;
	float:left;
	height:24px;
	text-indent:-9999px;
	width:56px;
}
.strEmail,
.strSenha{
	float:left;
	height:22px;
	width:125px;
}

.btEntrar{
	margin:11px 0 0 116px;
}

.acessoInterno{
	background:url(../img/bt-chave.gif) no-repeat;
	display:block;
	height:52px;
	text-indent:-9999px;
	width:53px;
}
.acessoInterno:hover{
	background:url(../img/bt-chave-hv.gif) no-repeat;
}

.menuInterno{
	background:#d7dde1;
	margin:-11px 0 0 -161px;
	padding:15px 11px;
	position:absolute;
	text-align:left;
}
.menuInterno input{
	border:none;
}

.labelEmail2{
	background:url(../img/label-email.gif) no-repeat;
	display:block;
	float:left;
	height:24px;
	margin:0 0 7px 0;
	text-indent:-9999px;
	width:56px;
}

.labelSenha2{
	background:url(../img/label-senha.gif) no-repeat;
	clear:both;
	display:block;
	float:left;
	height:24px;
	text-indent:-9999px;
	width:56px;
}
.strEmail2,
.strSenha2{
	float:left;
	height:22px;
	width:125px;
}

.btEntrar2{
	margin:11px 0 0 116px;
}


/* FLASH */

#flash{
	float:left;
	height:435px;
	width:600px;
}

#flashInicio{
    float:left;
    width:965px;
	height:340px;
	}

/* ACCORDEON */

#menuAccord{
	float:right;
	margin:19px 19px 0 0;
}

#bannerHome{
	float:right;
	height:144px;
	margin:17px 19px 0 0;
	width:317px;
}

/* CONTEUDO */

#conteudoHome{
	background:#ffffff url(../img/bg-conteudo.jpg) no-repeat;
	min-height:437px;
	text-align:left;
	width:944px;
}

#conteudo{
	background:#ffffff url(../img/bg-conteudo.jpg) no-repeat;
	min-height:550px;
	text-align:justify;
	width:944px;
	float:left;
	margin-bottom:40px;
}

/* DESTAQUES-INICIO */

#destaques{
width:944px;
margin-top:30px;
float:left;
}

.noticias{
width:565px;
float:left;
margin-right:30px;
}

.noticias ul {
margin-left:18px;
list-style:none;
}

.noticias ul li{
background: url(../img/seta-incio.jpg) no-repeat;
padding-left:35px;
line-height:36px;
margin:3px 0px;
}

.noticias ul li a{
text-decoration:none;
}
.noticias ul li a:hover{
text-decoration:underline;
}

/*NEWSLETTER*/
#newsletter{
background:url("../img/seta-newsletter.jpg") no-repeat scroll 0 0 transparent;
float:right;
height:36px;
margin:3px 0 0 0;
padding:5px 8px 4px 26px;
width:150px;
}

.newsletterForm{
color:#838c94;	
font-family:Tahoma;
font-size:11px;
float:left;
height:20px;
width:113px;
padding-left:5px;
}

.ok {
float:right;
height:23px;
width:23px;
}

/* TITULO */

#titulo{
	float:left;
	width:100%;
}
#titulo a{
	background:url(../img/ico-flecha.gif) no-repeat center center;
	color:#979ea6;
	font-size:9px;
	margin:0 0 0 -31px;
	padding:0 0 0 33px;
	text-decoration:none;
}

/* MENU LATERAL */

#menuLateral{
	float:left;
	margin:25px 0 0 0;
	width:137px;
}
#menuLateral ul{
	border-top:#e2e5e7 solid 1px;
}
#menuLateral li{
	border-bottom:#e2e5e7 solid 1px;
	height:30px;
	line-height:30px;
	list-style:none;
	vertical-align:middle;
}
#menuLateral a{
	color:#838c94;
	display:block;
	text-decoration:none;
}

#menuLateral a:hover{
	text-decoration:none;
}

/* TEXTO */

#texto{
	float:left;
	font-family:Arial;
	margin:25px 0 0 40px;
	width:705px;
}

#texto ul{
	list-style:none;
	line-height:13px;
}

#texto ul li a{
	text-decoration:none;
}

#texto ul li a:hover{
	text-decoration:underline;
}

#textoFull{
	float:left;
	font-family:Arial;
	margin:25px 0 0 40px;
	width:695px;
}


#textoFull2{
	float:left;
	font-family:Arial;
	margin:25px 0 0 0;
	width:850px;
}
#texto span,
#textoFull span,
#textoFull2 span{
	font-size:14px;
	font-weight:bold;
}


/* NAVEGACAO */

#navegacao{
	margin:30px auto auto auto;
	width:100%;
}
#navegacao a{
	color:#9099a0;
	font-weight:bold;
	text-decoration:none;
}


/* C-Pack */

#cpack{
	/*background:url(../img/bg-cpack.png) no-repeat right;*/
	min-height:520px;
	padding:31px 22px;
	width:882px;
}

/* MEIO AMBIENTE */

#meioAmbiente{
	padding:31px 32px;
	width:882px;
}

/* CLIENTES */

#clientes{
	padding:31px 32px;
	width:882px;
}
#clientes ul{
	float:left;
	margin:60px 0 0 0;
}
#clientes li{
	float:left;
	list-style:none;
	margin:0 36px 43px 0;
}
#clientes .last{
	margin:0 0 43px 0;
}


/* PRODUTOS */

#produtos{
	padding:31px 32px;
	width:882px;
}

/* COSMETICOS */

#produtosCosmeticos{
	background:url(../img/bg-produtos-cosmeticos.jpg) no-repeat;
	min-height:320px;
	width:882px;
	padding:31px 32px;
	}
	
#produtosCosmeticos img{ 
border:none;
	}

#texto-cosmeticos{
	float:left;
	font-family:Arial;
	margin-top:38px;
	width:882px;
	height:200px;
}

.bloco-esquerdo{
	background-image:url(../img/portfolio-cosmeticos.jpg);
	background-repeat:no-repeat;
	background-position: bottom center;
	width:420px;
	margin-right:20px;
	float:left;
	}

.bloco-direito{
	float:right;
	font-size:9px;
	font-weight:normal;
	width:420px;
	}

.portfolio-cosmetitos{
	background:url(../img/portfolio-Titulo-cosmeticos.jpg) top left no-repeat;
	width:416px;
	height:216px;
	margin-top:30px;
	float:left;
	}

.block a{
	display:block;
}


.tubos-cosmetitos{
	/*background: url(../img/tubos-titulo-cosmeticos.png) top left no-repeat;*/
	float:left;
	height:185px;
	width:400px;
}

.produtos-tubos{
	padding:35px 0 0 6px;
	text-align:center;
	float:left;}

.tampas-cosmeticos{
	/*background:url(../img/tampas-titulo-cosmeticos.jpg) no-repeat scroll left top transparent;*/
	float:left;
	margin-top:38px;
	padding-top:2px;
	width:400px;
	}

.produtos-tampas{
	width:100px;
	float:left;
	text-align:center;
	padding-left:5px;}

.img-tampas{
	width:116px;
	text-align:center;
	padding:0px 10px;
	}

/* LOGISTICA */

#logistica{
	background:url(../img/bg-logistica.png) no-repeat right bottom;
	min-height:520px;
	padding:31px 32px;
	width:882px;
}

/* INOVAÇÃO */

#inovacao{
	padding:31px 32px;
	width:882px;
}

/* NOTICIAS */

#noticias{
	padding:31px 32px;
	width:882px;
}
#noticias #textoFull li{
	border-top:#dee0e1 solid 1px;
	list-style:none;
	height:63px;
}
#noticias #textoFull a{
	color:#9099a0;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

/* NOTICIAS INSTITUCIONAIS */

#noticiasInst{
	padding:31px 32px;
	width:882px;
}
#noticiasInst #textoFull li{
	border-top:#dee0e1 solid 1px;
	list-style:none;
	height:63px;
}
#noticiasInst #textoFull a{
	color:#9099a0;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}


/* CONTATO */

#contato{
	padding:31px 32px;
	width:882px;
}

#contato #endereco{
	float:left;
	width:280px;
}

#contato #endereco2{
	float:left;
	width:280px;
}

#contato #formulario{
	float:left;
	line-height:22px;
}
.strNome3,
.strEmail3{
	height:23px;
	width:260px;
}
.strMensagem{
	height:83px;
	width:260px;
}

.inputBt{
	border:none;
}

#formularioTrabalhe td{
	height:45px;
}


/* ORCAMENTOS */

#qualidade{
	padding:31px 32px;
	width:882px;
}
#qualidade #formulario{
	float:left;
	line-height:13px;
}


.strNomeOrc,
.strTelefoneOrc,
.strEmailOrc,
.strAlturaOrc,
.strLarguraOrc,
.strProfundidadeOrc,
.strPesoOrc,
.strValorOrc{
	height:19px;
	width:160px;
}
.strCidadeOrigOrc,
.strCidadeDestOrc{
	height:19px;
	width:214px;
}
.strUfOriOrc,
.strUfDestOrc{
	height:23px;
	padding:2px 0 0 0;
}


/* PORTFOLIO */
#portfolio{
	/*background-image:url(../img/portfolio-Titulo-cosmeticos.jpg);*/
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	height:230px;
	}

.portfolio{
	list-style:none;
	margin-bottom:40px;
	}
	
.portfolio li{
	float:left;
	margin:14px;
	}
	
#gallery3 img{
 display:none;
}

#gallery3 .img1 img{
	float:left;
	height:78px;
	margin:101px 2px 0 64px;
	width:80px;
 display:block;}	

#gallery3 .img2 img {
	float:left;
	height:94px;
	margin:72px 1px 0 0;
  display:block;
	width:96px;}	

#gallery3 .img3 img{
	float:left;
	height:85px;
	margin:118px 0 0 4px;
 display:block;
	width:90px;}	
	
.texto_bloco_esquerdo{
	height:220px;
	}	
	
	
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  width:100%;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

/* Janela Modal linguagem em desenvolvimento*/

#boxes #dialog2 {
	background:url(../img/JANELA_LINGUAGEM.png) no-repeat;
	height:15px;
	padding:53px 20px;
	width:200px;
	margin-top:-225px;
}

#boxes #dialog3 {
	background:url(../img/JANELA_LINGUAGEM.png) no-repeat;
	height:15px;
	padding:53px 20px;
	width:200px;
	margin-top:-225px;
}
#boxes #dialog4 {
	background:url(../img/JANELA_LINGUAGEM.png) no-repeat;
	height:15px;
	padding:53px 20px;
	width:200px;
	margin-top:-225px;
}

#boxes #dialog5 {
	background:url(../img/JANELA_LINGUAGEM.png) no-repeat;
	height:15px;
	padding:53px 20px;
	width:200px;
	margin-top:-225px;
}

.close{
	float:right;
	}

/*---*/


.linkSeg{
	clear:both;
	text-align:left;
	margin:0 0 0 15px;
}
.linkSeg li{
	float:left;
	list-style:none;
	margin:0 5px;
}
.linkSeg a:hover{
	text-decoration:none;
}

/* */

#modalInovacao{
	clear:both;
	margin:30px 0 0 0;
}
#modalInovacao strong{
	font-size:11px;
}