#site{
  /*box-shadow: 0 0 12px black;*/
  margin:0 auto;
  display: table;
  width: 960px;
  font-size: 12px;
  font-family: arial;
  /*background-color: yellow;*/
}

#linha{
  margin-top: -10px;
  background-color: #459514;
  width: 100%;
  height: 12px;
}

/* ========================================================================================================================== */
/* ================================================== topo ===================================================================*/

#topo{
  display: table;
  
}

#logo{
  margin: 0px 0px 0px 20px;
  float: left;
  background-image: url(../images/logobrasil.png);
  width: 215px;
  height:114px;
}

#colaboradores{
  margin: 50px 0px 0px 140px;
  float: left;
  width: 260px;
}

#carta{
  float: left;
  width: 26px;
  height: 20px;
  background-image: url(../images/mail.png);
}

#texto1{
  margin: 4px 0px 0px 5px;
  float: left;
}

#webmail{
  margin: 4px 0px 0px 5px;
  float: left;
}

#telef{
  margin: 0px 0px 0px 130px;
  float: left;
  text-align: right;
  font-size: 13px;
}

/* ========================================================================================================================== */
/* ================================================== menu horizontal ========================================================*/

.menu-horizontal {
  margin: 50px 0px 0px -10px;
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  text-transform: uppercase;  /* transforma para caixa alta todo o texto */
}

.menu-horizontal a:link, a:visited, a:active {
  text-decoration:none;
  background-color: #f8f8f8;
  color: #373636;
  padding: 16px;
}

.menu-horizontal a:hover{
  background-color: #e0e0e0;
}

li {
  display: inline; /*  coloca o menu em linha */
  list-style:none;
}

#linha-menu{
  margin: 18px 0px 0px 20px;
  width: 910px;
  height: 1px;
  background-color: #459514; 
}

/* ========================================================================================================================== */
/* ================================================== meio pagina ============================================================*/

/* ========================================================================================================================== */
/* ================================================== esquerdo ===============================================================*/

#meio-pagina{
  display: table;
}


#infor-esque{
  float: left;
  width: 320px;
}

#marc-topo{
  margin: 29px 0px 0px 50px;
  /*background-image: url(../images/ferramentas.jpg);*/
  width: 213px;
  height: 21px;
}

#infor-direita{
  float: left;
  width: 610px;
}

#btn-via{
  margin-bottom: 10px;
  width: 213px;
  height: 47px;
}

#btn-carga{
  margin-bottom: 10px;
  width: 213px;
  height: 47px;
}

#btn-coleta{
  margin-bottom: 10px;
  width: 213px;
  height: 47px;
}

#btn-entrega{
  margin-bottom: 10px;
  width: 213px;
  height: 47px;
}

#btn-cotacao{
  width: 213px;
  height: 47px;
}

#conjunt-btn{
  margin: 17px 0px 0px 50px;
}

#servi{
  font-size: 17px;
  color: #387911;
}

#transp-carga{
  margin: 17px 0px 0px 50px;
}

#imag-carga{
  margin: 6px 0px 0px 10px;
  float: left;
  background-image: url(../images/servicos-agrijar.jpg);
  width: 59px;
  height: 27px;
}

#cham-carga{
  float: left;
}

#topo-carga{
  height: 50px;
}

#fracio{
  width: 220px;
  height: 45px;
  background-color: #f8f8f8;
}

#consol{
  width: 220px;
  height: 45px;
  background-color: #f8f8f8;
}

#locac{
  width: 220px;
  height: 45px;
  background-color: #f8f8f8;
}

#itens{
  text-transform: uppercase;
}

#texto{
  padding: 10px 0px 10px 0px;
}

#boneco-agrijar{
  width: 107px;
  height: 157px;
  background-image: url(../images/0.jpg);
}

#formulario{
  margin: 30px 0px 0px 0px;
  float: left;
  width: 500px;
}


/* ========================================================================================================================== */
/* ================================================== esquerdo ===============================================================*/



/* ========================================================================================================================== */
/* ================================================== rodape =================================================================*/


#rodape{
  height: 150px;
  text-align: center;
}

#links a:link, a:visited, a:active{
  text-decoration:none;
  color: #459514;
}

#nitdesigner{
  color: #727171;
  font-size: 10px;
}

#tel{
  color:#ccc;
}





/* ========================================================================================================================== */
/* ================================================== banner =================================================================*/


#banner{
  margin: 35px 0px 0px 0px;
  /*width: 590px;
  height: 200px;
  background-color: #FFF;*/
}



/* ========================================================================================================================== */
/* ================================================== slideshow =================================================================*/

#slideshow {
    position:relative;
    height:200px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* ========================================================================================================================== */
/* ================================================== texto index =================================================================*/

#texto-index{
  text-align: justify;
  margin: 60px 0px 0px 0px;
  width: 600px;
}

#inf{
  color: #595858;
}

#cidade{
  font-size: 15px;
  font-family: verdana;
  text-align: center;
}

#space{
  width: 100%;
  height: 2px;
  background-color: #fff;
}

#space-g{
  width: 100%;
  height: 20px;
}

/* ========================================================================================================================== */
/* ================================================== datas  =================================================================*/

.datas{
  background-repeat: no-repeat;
  width: 960px;
  height: 675px;
  /*margin: 0px 0px 10px 0px;*/
}

#tempo{
  margin: 16px 0px 0px 28px;
  float: left;
  width: 120px;
  height: 170px;
}

#banner-data{
  width: 810px;
  height: 675px;
  float: right;
  background-image: url(../images/abril.png);
}