*{
padding: 0;
margin: 0;
}

body{
background-image: url(imagens/fundo.png);
}

#container{
width: 963px;
height: auto;
margin: 0 auto;
background: #FFFFFF;
}

#nav{
width: 963px;
height: 36px;
margin-top: -5px;
}

#nav ul{
list-style-type: none;
}

#nav ul#menu{
list-style-type: none;	
}

#nav ul#menu li ul{
list-style-type: none;	
}

#nav ul#menu{
margin-left: 0px;
}

#nav ul#menu li {
position: relative;
float: left;
text-align: center;
margin-left: 1px;
}

#nav ul#menu li a{
height: 36px;
float: left;
font-family: Arial, Helvetica, Verdana;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
line-height: 37px;
padding-left: 32px;
padding-right: 31px;
text-align: center;
}

#nav ul#menu li  ul li a{
height: 36px;
float: left;
font-family: Arial, Helvetica, Verdana;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
line-height: 37px;
padding-left: 0px;
padding-right: 29px;
text-align: center;
}	

#nav ul#menu li a:hover{
background-image: url(imagens/botao_hover.png);
}

#nav ul#menu li{
background-image: url(imagens/botao_up.png);
}

#nav ul#menu li ul li{
background-image: url(imagens/botao_up.png);
}

#nav ul#menu li ul{
display: none;
position: absolute; 
top:36px;
left: -1px;
z-index: 999999;
}

#nav ul#menu li{
      z-index: 99999;
}


#nav ul#menu li ul li{
width: 190px;
}


#nav ul#menu li ul li{
display: none;
}

#nav ul#menu li:hover ul li{
height: 36px;
display: block;
background: #F2F2F2;
border-bottom: solid 1px #FFFFFF;
text-align: left;
text-indent:10px;
background-image: url(imagens/botao_up.png);

}

#nav ul#menu li:hover ul li:hover{
background-image: url(imagens/botao_hover.png);
}

#nav ul#menu li ul{
height: 30px;
float: left;
display: block;
}

#slides{
width: 963px;
height: 350px;
margin-top: 10px;
overflow: hidden;
}


#box{
width: 963px;
height: 200px;
overflow: hidden;
margin-top: -30px;
}

#barra-box-destaque{
width: 466px;
height: 30px;
margin-top: 10px;
margin-left: 10px;
}

#barra-box-oportunidade{
width: 466px;
height: 30px;
margin-top: 10px;
margin-left: 10px;
}

#box-texto{
width: 466px;
height: 155px;
float: left;
margin-top: 1px;
margin-left: 10px;
border-top: 1px solid #CCCCCC;
background: #F4F4F4;
margin-bottom: -1px
}
#bloco{
width: 446px;
height: 155px;
margin-left: 10px;
margin-top: 10px;
}
#box-texto a{
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
color: #666666;
text-decoration: none;
text-align: justify;
}

#box-texto a:hover{
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
color: #666666;
text-decoration: underline;
text-align: justify;
}

#box-esquerdo{
float: left;
}

#box-direito{
float: left;
}

#barra-canais{
width: 466px;
height: 30px;
margin-top: 10px;
margin-left: 10px;
}

#box-canais{
width: 942px;
height: 90px;
margin-top: 1px;
margin-left: 10px;
}

#box-canais ul li{
list-style-type: none;
}

#box-canais ul{
margin-top: 10px;
}

#box-canais ul li{
display: inline;
padding-left: 4px;
}
.icone-canais{
border: solid 1px #CCCCCC;
}

.icone-canais:hover{
border: solid 1px #666666;
}

#sidebar{
width: 220px;
height: auto;
margin: 10px 0 0 10px;
}

#conteudo{
width: 690px;
height: auto;
background: #FFFFFF;
margin: 10px 0 10px 10px;
float: left;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
color: #666;
text-align: justify;
padding: 10px;
line-height: 25px;
}

#conteudo-qualidade{
width: 690px;
height: 628px;
background: #FFFFFF;
margin: 10px 0 10px 10px;
float: left;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
color: #666;
text-align: justify;
padding: 10px;
line-height: 25px;
background-image: url(imagens/imagem-qualidade.jpg);
}

#conteudo-seguranca{
width: 690px;
height: 628px;
background: #FFFFFF;
margin: 10px 0 10px 10px;
float: left;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
color: #666;
text-align: justify;
padding: 10px;
line-height: 25px;
background-image: url(imagens/imagem-seguranca.jpg);
}

#conteudo-meio-ambiente{
width: 690px;
height: 628px;
background: #FFFFFF;
margin: 10px 0 10px 10px;
float: left;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
color: #666;
text-align: justify;
padding: 10px;
line-height: 25px;
background-image: url(imagens/imagem-meio-ambiente.jpg);
}

#conteudo-saude{
width: 690px;
height: 628px;
background: #FFFFFF;
margin: 10px 0 10px 10px;
float: left;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
color: #666;
text-align: justify;
padding: 10px;
line-height: 25px;
background-image: url(imagens/imagem-saude.jpg);
}


.foto-sidebar{
border: 1px solid #CCC;
margin-bottom: 10px;
}

#barra-titulo{
width: 712px;
height: 30px;
background-image: url(imagens/barra_titulo.png);
font-family: Arial, Helvetica, Verdana;
font-size: 14px;
color: #FFF;
text-indent: 15px;
line-height: 30px;
font-weight: bold;
margin: 10px 0 0 10px;
float: left;
}


form{
width: 600px;
margin-bottom: 20px
}

form fieldset legend{
font-family: Arial;
font-size: 12px;
color: #151515;
font-weight: bold; 
padding: 0px 0px 10px 0px; 
}

form label{
font-family: Arial, Helvetica, Verdana;
font-size: 10px
color: #666;
font-weight: bold;
}


form label input{
width: 550px;
height: 18px;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: Arial;
font-size: 13px;
color: #151515;
display: block;
margin: 5px 0px 5px 0px;
}

form label input:hover{
width: 550px;
height: 18px;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: Arial;
font-size: 13px;
color: #151515;
display: block;
margin: 5px 0px 5px 0px;
background: #EAEAEA;
}


form label textarea{
width: 550px;
height: 100px;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: Arial;
font-size: 13px;
color: #151515;
display: block;
margin: 10px 0px 5px 0px;
}

form label textarea:hover{
width: 550px;
height: 100px;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: Arial;
font-size: 13px;
color: #151515;
display: block;
margin: 10px 0px 5px 0px;
background: #EAEAEA;
}

form label span{
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #666;
margin: 10px 0px 5px 0px;
}

form label select{
width: 250px;
height: 20px;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: Arial;
font-size: 13px;
color: #151515;
display: block;
margin: 0px 0px 5px 0px;
}

form label select:hover{
width: 250px;
height: 20px;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: Arial;
font-size: 13px;
color: #151515;
display: block;
margin: 0px 0px 5px 0px;
background: #EAEAEA;
}

.botao{
width: 150px;
height: 25px;
background-color: #EAEAEA;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: Arial;
font-size: 12px;
color: #151515;
cursor: pointer;
}

.botao:hover{
width: 150px;
height: 25px;
background-color: #EAEAEA;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: Arial;
font-size: 12px;
color: #151515;
cursor: pointer;
background: #999;
}


#rodape{
width: 963px;
height: 70px;
background-image: url(imagens/barra_rodape.png);
margin-top: 10px;
font-family: Arial, Verdana, Helvetica;
font-size: 11px;
color: #666666;
text-align: center;
line-height: 75px;
}

.yes {padding:3px; background:#EAFFD5; border:1px solid #0F0;}
.no {padding-top:3px; padding-bottom:3px; padding-right:20px; padding-left:20px; background:#FDD; border:1px solid #F00;}

.campanha{margin: 14px; float: left; border: solid 1px #CCC;}
.campanha:hover{margin: 14px; float: left; border: solid 1px #666;}

.certificacoes{margin: 14px; float: left; border: solid 1px #999;}
.certificacoes:hover{margin: 14px; float: left; border: solid 1px #666;}