/* RESET Averia, Bree Serif, Cardo
#################### */
*{outline:none;}
a{text-decoration:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
ul{list-style:none; margin:0; padding:0;}
img{border:none;}
/* GERAL
#################### */
body{
  margin:0;
  padding:0;
  background:url('../imgs/geral/bg.png') center 0;
  background: url('../imgs/geral/body-tail.jpg') 50% 0 repeat-y;
  font-family: Arial, Helvetica, sans-serif;
}

.content{width:960px; margin:auto;}

/* TOPO
#################### */
#topo{
  position:absolute;
  width:100%;
  height:150px;
  /*background:url(../imgs/geral/bg_topo.png) repeat-x;*/
  z-index:9;
}
.topoBg{
  background: url('../imgs/geral/transparent_white_70.png');
  border-radius: 0 0 10px 10px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
}
#topo img{
  margin:10px 0 10px 13px;
}

#topo #menu{
  margin-top: 10px;
  height: 40px;
  background:url(../imgs/geral/bg_menu.png) repeat-x;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
}
#topo #menu ul{border-radius: 10px; border: 0px solid;}
#topo #menu li{background:url(../imgs/geral/bg_menu.png) repeat-x; display:inline-block; padding:10px 25px 11px 25px;}
#topo #menu li:first-child{background:none; margin-left: 18px;}
#topo #menu li:last-child{margin-right: 18px;}
#topo #menu li:hover{background:url(../imgs/geral/bg_menu_active.png) repeat-x;}
#topo #menu li:hover a{color:#fff!important;}

#topo #menu a{
  font-size: 16px;
  font-weight: bold!important;
  white-space: nowrap;
  letter-spacing: 1px!important;
  font: normal normal normal 14px/1.4em 'Open Sans', sans-serif;
  color:#4B8576;
}
.sel{background:url(../imgs/geral/bg_menu_active.png) repeat-x!important;}
.sel a{color:#fff!important;}

h2{font-weight:bold; font-size:22px; font-style:italic;}

/* GERAL
#################### */
#geral{
  float:left;
  position:relative;
  width:100%;
  min-height:705px;
}

#banner, #pattern, #pattern2{
  position:absolute;
  padding:0 0 40px 0;
  z-index:1;
  width:100%;
  height:665px;
  /*background-color:#4B8576;*/
  text-align:center;
  overflow:hidden;
}
#banner{ overflow: hidden; width: 100%; height: 665px;}
#banner IMG{
  position:absolute;
  top:0;
  /*left:0;*/
  z-index:8;
  opacity:0.0;
  left:50%;
  margin-left:-960px;
}
#banner IMG.active{z-index:10; opacity:1.0;}
#banner IMG.last-active{z-index:9;}

#pattern{
  background:url('../imgs/geral/pattern4.png') center center;
  height:625px;
}

/*
#pattern2{
  background:url('../imgs/geral/bg_bluewaveline3.png') no-repeat center center;
}
*/


#anima{
  position:absolute;
  width:412px;
  height:418px;
  background:url(../imgs/geral/bg_anima.png) no-repeat;
  z-index:3;
  left:50%;
  top:160px;
  margin:0 0 0 -500px;
  color:#FFF;
}
#anima .row01{
  position:absolute;
  display:none;
  font-size:20px;
  text-transform:uppercase;
  left:165px;
  top:120px;
}
#anima .row02{
  position:absolute;
  left:-150px;
  margin:115px 0 0 0;
  font-size:70px;
  width:350px;
  text-align:right;
  opacity:0;
  filter:alpha(opacity=0);
  font-weight:bold;
  letter-spacing:-6px;
}
#anima .row03{
  position:absolute;
  right:-10;
  margin:153px 0 0 0;
  font-size:85px;
  width:290px;
  opacity:0;
  filter:alpha(opacity=0);
  font-weight:bold;
  letter-spacing:-8px;
}
#anima .bt_conhecamais span{visibility:hidden;}
#anima .bt_conhecamais{
  position:absolute;
  width:114px;
  height:54px;
  background:url(../imgs/geral/bt_conhecamais.png) no-repeat;
  top:280px;
  left:165px;
  display:none;
}

#miolo{
  position:relative;
  top:170px;
  width:100%;
  min-height:550px;
  z-index:2;
}

#empresa, #produtos, #servicos, #fornecedores{display: none;}
#empresa{display: block;}

/* INTERNAS */
.conteudo{
  position: relative;
  padding:20px;
  width:920px;
  border-radius:10px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
  background: #fff;
  min-height:440px;
}
.conteudo .bg_conteudo{
  float:left;
  margin:0 8px 0 8px;
  width:960px;
  height:530px; /*520px;*/
  background-color:#FFF;
  /*overflow:auto;*/
}
.conteudo .desc_secao{
  float:left;
  padding:12px 0 0 0;
  width:976px;
  height:51px;
  background:url(../imgs/geral/bg_conteudo_bot.png) no-repeat 0 0;
  text-align:center;
  font-size:24px;
  color:#FFF;
  letter-spacing:-1px;
}


/* INTERNAS */

#contato{
  position:relative;
  margin-top:165px;
  width:100%;
}
#contato .coluna01{
  float:left;
  margin:25px 0 20px 0;

  padding:0 29px 0 0;
  width:451px;
  height:400px;
  background:url(../imgs/geral/hr_contato.png) repeat-y right 25px;
}
#contato h3{
  float:left;
  margin:25px 0 0 0;
  padding:0;
  width:441px;
  color:#ED8500;
  font-size:20px;
  text-transform:uppercase;
  font-weight:100;
  line-height:18px;
  letter-spacing:-1px;
}
#contato h3:first-child{margin:0px;}
#contato address{
  float:left;
  margin:5px 0 0 0;
  padding:0;
  width:441px;
  color:#666;
  font-size:16px;
  font-weight:100;
  letter-spacing:-1px;
}

#contato ul.telefones{
  float:left;
  margin:9px 0 0 0;
  padding:0 0 0 0;
  width:441px;
}
#contato ul.telefones li{
  float:left;
  margin:10px 0 0 0;
  width:441px;
  height:40px;
  background:url(../imgs/geral/bg_telefone.png) no-repeat;
}
#contato ul.telefones li .cidade{float:left; padding:11px 0 0 15px; width:152px; height:29px; font-size:14px; text-align:center; color:#FFF; font-weight:bold;}
#contato ul.telefones li .num{float:left; padding:11px 0 0 0; text-align:center; height:29px; width:85px; background:url('../imgs/geral/line.png') no-repeat left center; color:#4B8576; font-size:14px; font-weight:bold;}
#contato ul.telefones li .numfirst{float:left; padding:11px 0 0 0; height:29px; width:115px; text-align:center; color:#ED8500; font-size:14px; font-weight:bold;}
#contato ul.telefones li .email{
  float:left;
  padding:12px 0 0 9px;
  height:29px;
  color:#0099EB;
  font-size:11px;
  letter-spacing:-1px;
  font-weight:bold;
  background:url(../imgs/geral/line.png) no-repeat left center;
}

#contato .coluna02{
  float:right;
  margin:25px 0 0 0;
  width:446px;
  height:400px;
}
#contato h3 span{
  float:left;
  margin:-5px 0 0 0;
  padding:0;
  width:446px;
  color:#4B8576;
  font-size:35px;
  text-transform:lowercase;
  font-weight:100;
  letter-spacing:-2px;
}
#contato h3 span strong{font-weight:bold;}

#contato #formContato{
  float:left;
  position:relative;
  width:446px;
  margin:15px 0 0 0px;
}
#contato #formContato input.auto-clear, #contato #formContato textarea.auto-clear{
  float:left;
  margin:0 2px 5px 0;
  padding:4px;
  width:209px;
  height:25px;
  line-height:33px;
  background:url(../imgs/geral/bg_input.png) no-repeat;
  border:solid 2px transparent;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  text-indent:5px;
  font-size:13px;
  color:#A2A2A2;
  -webkit-appearance: none;
  font-style:italic;
  resize:none;
}
#contato #formContato input:focus.auto-clear, #contato #formContato textarea:focus.auto-clear{
  border:solid 2px #81CF1F;
  color:#666666;
  -moz-box-shadow: 1px 1px 3px #999;
  -webkit-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
}
#contato #formContato textarea.auto-clear{
  width:432px;
  height:136px;
  background:url(../imgs/geral/bg_textarea.png) no-repeat;
  overflow:hidden;
  resize:none;
}
#contato #formContato .bt_enviar{
  position:absolute;
  width:91px;
  height:40px;
  background:url(../imgs/geral/bt_enviar.png) no-repeat 0 0;
  border:0px;
  bottom:-50px;
  right:4px;
  cursor:pointer;
  z-index:2;
}
#contato #formContato .bt_enviar:hover{background:url(../imgs/geral/bt_enviar.png) no-repeat 0 -40px;}

#contato #formContato .msg_aguarde{
  display: none;
  position: absolute;
  z-index: 9;
  background: #fff;
  width: 443px;
  height: 290px;
  top: 0px;
  left: 0px;
  text-align: center;
  vertical-align: middle;
  line-height: 200px;
  opacity: .7;
}

/* RODAPE
#################### */
#rodape{
  float:left;
  margin:10px 0 0 0;
  width:100%;
  height:90px;
  background:url(../imgs/geral/bg_rodape.png) repeat-x;
}
#rodape .titulo{
  float:left;
  padding:7px 0 0 0;
  width:480px;
  height:24px;
  color:#FFF;
  font-size:11px;
  text-transform:uppercase;
}


#rodape .redessociais{
  float:left;
  padding:7px 0 0 0;
  width:480px;
  height:24px;
  color:#FFF;
  font-size:11px;
  text-transform:uppercase;
}

#rodape .redessociais a span{visibility:hidden;}
#rodape .redessociais a{float:right; width:24px; height:24px;}
#rodape .redessociais a.bt_facebook{background:url(../imgs/geral/facebook_ico.png) no-repeat 0 0; margin:-4px 10px 0 10px;}
#rodape .redessociais a.bt_twitter{background:url(../imgs/geral/twitter_ico.png) no-repeat 0 0; margin:-4px 0}
#rodape .redessociais a:hover{background-position:0 -24px;}

#rodape .marcas{
  float:left;
  margin:25px 0 0 0;
}
#rodape .marcas a span{visibility:hidden;}
#rodape .marcas a{float:left; width:120px; height:29px;}
#rodape .marcas a.bt_aliansce{background:url(../imgs/geral/marca_aliansce.png) no-repeat 0 0;}
#rodape .marcas a.bt_barrasol{background:url(../imgs/geral/marca_barrasol.png) no-repeat 0 0; margin:0 0 0 10px;}
#rodape .marcas a:hover{background-position:0 -29px;}
#rodape .marcas img{float:left; margin:0 30px 0 0;}

#rodape a.bt_desenvolvimento span{visibility:hidden;}
#rodape a.bt_desenvolvimento{
  float:right;
  margin:35px 10px 0 0;
  width:56px;
  height:14px;
  background:url(../imgs/geral/logo_opus.png) no-repeat 0 0;
  font-size:1px;
}
#rodape a:hover.bt_desenvolvimento{background-position:0 -14px;}

#Feedback{
  float:left;
  margin:20px 0 0 0;
  padding:0;
  width:441px;
  color:#666;
  font-size:12px;
  font-weight:100;
  letter-spacing:-1px;
  display:none;
}

/**/

.conteudo .coluna01{
  float:left;
  padding:0 20px 0 0;
  margin:25px 0 0 20px;
  width:430px;
}
.conteudo .coluna02{
  float:right;
  margin:65px 17px 0 0;
  width:430px;
}
.conteudo h1{
  float:left;
  margin:0;
  padding-bottom:10px;
  width:420px;
  color:#ED8500;
  font-size:25px;
  text-transform:uppercase;
  font-weight:100;
  letter-spacing:-1px;
  font-weight: bold;
}
.conteudo h2{color: #4B8576}
.conteudo h3{color: gray;}
.conteudo p{
  text-align: justify;
  font-size: 14px;
  color: #444;
  line-height: 20px;
}

.coluna03{width: 100%;}
.thumbnailsMarcas{width: 100%; margin-top: 5px;}
.thumbnailsMarcas div{
  width: 190px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #dbd5c7;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  padding: 10px 10px;
  line-height: 100px;
}
.thumbnailsMarcas div img{
  vertical-align: middle;
}
.marginR0{margin-right: 0px!important;}

.coluna04{
  margin:25px 0 0 20px;
  width: 880px;
}
.coluna04 h1{float: none;}

.box100{
  width: 855px;
  margin-top: 5px;
  margin-bottom: 30px;
  border: 1px solid #dbd5c7;
  border-radius: 5px;
  text-align: left;
  vertical-align: middle;
  padding: 10px 10px;
  background: #ECF4EF;
}
.p100{width: 100%; margin-top:7px}
.p100 span{color: #ED8500;}
.verde{color: #4B8576!important;}
.box100 img{
  vertical-align: middle;
  margin-right: 9px;
}