* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
.header {
    width: 100%;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("img background/background header index.png");
    background-repeat: no-repeat;
}
.item_header {
    width: 950px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}
.logomarca {
    width: 300px;
    height: 80px;
    float: left;
    margin-top: 35px;
}
.content_email_phone {
    width: 600px;
    height: 80px;
    float: left;
}
.phone_index {
    width: 200px;
    height: 50px;
    float: left;
    color: #666;
    margin-top: 70px;
    font-family: "verdana";
    font-size: 12px;
    margin-left: 155px;
}
.email_index {
    width: 245px;
    height: 50px;
    float: left;
    color: #666;
    margin-top: 70px;
    font-family: "verdana";
    font-size: 12px;
}
#banner_figura {
    width: 100%;
    height: 230px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-image: url("img background/banner figura.png");
    background-size: 100%;
}
/* -- Menu -- */

#menu {
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background-color: #818285;
}
.item_menu {
    width: 820px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.bt_menu {
    width: 135px;
    height: 50px;
    float: left;
    margin-top: 14px;
}
.bt_menu a {
    text-decoration: none;
    background-color: #818285;
    border: 1px solid #818285;
    padding: 14px 18px;
    color: #FFF;
    font-family: "verdana";
    font-size: 13px;
    text-align: center;
}
.bt_menu a:hover {
    color: #666;
    font-family: "verdana";
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #FFF;
    padding: 16px 20px;
    
}
/* -- txt news -- */
#txt_news {
    width: 100%;
    height: 50px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
.txt_new {
    width: 900px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: "verdana";
    font-size: 24px;
    color: #666;
}

/* -- News -- */
#news {
    width: 100%;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("img background/background content index.png");
}
.item_news {
    width: 925px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
}
.content_news {
    width: 290px;
    height: 350px;
    float: left;
    margin-top: 10px;
    margin-left: 13px;
}
.header_news {
    width: 290px;
    height: 50px;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-family: "verdana"; 
}
.txt_news {
    width: 290px;
    height: 250px;
    border: 1px solid #FFF;
    margin-top: 10px;
    color: #333;
    text-align: justify;
    float: left;
    background-color: #f8f8f8; 
}
.footer_news a{
    width: 290px;
    height: 50px;
    float: left;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-family: "verdana";
    font-size: 14px;    
    border: 1px solid #009999;
    background-color: #009999;
}
.footer_news a:hover {
    border: 1px solid #FFF;
}

/* -- Quick Guide -- */

#quick_guide {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.item_quick_guide {
    width: 950px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;    
}
.txt_quick_guide {
    width: 950px;
    height: 40px;
    float: left;
    color: #999999;
    text-align: center;
    font-family: "verdana";
    font-size: 24px;
    margin-top: 20px;
}
.figure_quick_guide a{
    width: 200px;
    height: 100px;
    float: left;
    margin-left: 27px;
    margin-top: 15px;
    border: 1px solid #ccc;   
}
.figure_quick_guide a:hover {
    border: 1px solid #009999;
}

/* Footer */
#footer{ width: 100%;
         height: 300px;
         margin-left: auto;
         margin-right: auto;
         background-color: #333333;
}
#content_footer{ width: 950px;
                 height: 250px;
                 margin-left: auto;
                 margin-right: auto;
                 margin-top: 30px;
}
                 
.information_footer{ width: 300px;
                     height: 230px;
                     float: left;
                     margin-left: 10px;
                     margin-top: 25px;
                     color: #FFF;
                     font-family: "verdana";
                     font-size: 12px;                     
}
/* Formulário footer */

.form_font_footer{ font-family: "Verdana";
            font-size: 12px;
}
.input_footer{ width: 300px;
               height: 25px;
               }
.bt_footer{ width: 100px;
            height: 30px;
            border: 1px solid #ffffff;
            background-color:#99ccff;
}

#direct_footer{ width: 930px;
                height: 20px;
                border-top: 1px solid #FFF;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
                color: #FFF;
                font-family: "verdana";
                font-size: 12px;
}
/* -- Company Goal -- */

#company {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("img background/background contact.png");
}
.item_company {
    width: 950px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.content_company {
    width: 900px;
    height: 250px;
    margin-left: 25px;
    color:#333;
    text-align: justify;
    font-size: 12px;
    font-family: "verdana";
}

/* -- Service -- */

#service {
    width: 100%;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
}
.item_service {
    width: 900px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    color: #666;
    font-family: "verdana";
    font-size: 12px;
    text-align: justify;
}


/* -- Downloads -- */
#downloads {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.item_downloads {
    width: 950px;
    height: 550px;
    margin-left: auto;
    margin-right: auto;
}
.txt_dowloads {
    width: 950px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: justify;
    font-family: "verdana";
    font-size: 24px;
    color: #666;
}
.content_downloads a{
    width: 160px;
    height: 40px;
    float: left;
    font-family: "verdana";
    font-size: 12px;
    padding: 15px;
    text-decoration: none;
    text-align: center;
    color: #666;
    margin-left: 35px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.content_downloads a:hover { 
    border: 1px solid #333;
    border-radius: 5px;
}

/* -- Contact -- */

#contact_form{
    width: 100%;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("img background/background contact.png");
}
#form_content{width:600px;
              height:400px;
              margin-left: auto;
              margin-right: auto;
}
.Enter_title{ font-family: "verdana";
              font-size: 12px;
              width: 600px;
              height: 30px;
              font-size:24px;
              color:#333333;
              text-align: center;
              float: left;
              margin-top: 10px;
}
.Enter_company{ width: 370px;
                height: 30px;
                float: left;
                font-family: "verdana";
                font-size: 12px;
                margin-top: 10px;
}
.nome_fantasia{ width: 350px;
                height: 30px;
                border: 1px solid #CCC;
                border-radius: 3px;
}
.form_cnpj{ width: 213px;
            height: 30px;
            float: left;
            font-family: "verdana";
            font-size: 12px;
            margin-top: 10px;
            margin-left: 15px;
}
.cnpj{ width: 213px;
       height: 30px;
       float: left;
       border: 1px solid #CCC;
       border-radius: 3px;
}
.form_state_registration{ width: 150px;
                          height: 40px;
                          float: left;
                          font-family: "verdana";
                          font-size: 12px;
                          margin-top: 30px;
}
.ie{ width: 150px;
     height: 30px;
     float: left;
     border: 1px solid #CCC;
     border-radius: 3px;
}
.Enter_phone{ width: 150px;
              height: 40px;
              float: left;
              font-family: "verdana";
              font-size: 12px;
              margin-top: 30px;
              margin-left: 15px;
}
.phone{ width: 150px;
        height: 30px;
        float: left;
        border: 1px solid #CCC;
        border-radius: 3px;
}
.form_email{ width: 267px;
             height: 40px;
             float: left;
             font-family: "verdana";
             font-size: 12px;
             margin-top: 30px;
             margin-left: 15px;
}
.email{ width: 267px;
        height: 30px;
        float: left;
        border: 1px solid #CCC;
        border-radius: 3px;
}
.form_end{ width: 600px;
           height: 40px;
           float: left;
           font-family: "verdana";
           font-size: 12px;
           margin-top: 20px;
}
.end{ width: 600px;
      height: 30px;
      float: left;
      border: 1px solid #CCC;
      border-radius: 3px;
}
.form_obs{ width: 600px;
           height: 100px;
           float: left;
           font-family: "verdana";
           font-size: 12px;
           margin-top: 10px;
}
.obs{ width: 600px;
      height: 100px;
      float: left;
      border: 1px solid #CCC;
      border-radius: 3px;
      background-color: #99ccff;
}
.bt_enviar{ width: 120px;
            height: 30px;
            margin-top: 40px;
            border: 1px solid #CCC;
            float: left;
            background-color: #FFF;
            border-radius: 5px;
}
.bt_enviar:hover{ width: 120px;
                  height: 30px;
                  margin-top: 40px;
                  border: 1px solid #FFF;
                  float: left;
                  color:#FFF;
                  background-color: #99ccff;
                  border-radius: 5px;
}

/* Galeria */

#galeria {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.item_galeria {
    width: 950px;
    height: 3500px;
    margin-left: auto;
    margin-right: auto;
}
.txt_galeria {
    width: 950px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: justify;
    font-family: "verdana";
    font-size: 24px;
    color: #666;
}
.content_galeria {
    width: 280px;
    height: 300px;
    float: left;
    font-family: "verdana";
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    color: #666;
    margin-left: 15px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.imagen_galeria {
    width: 250px;
    height: 200px;
    float: left;
    text-decoration: none;
    text-align: center;
    margin-left: 15px;
    margin-top: 10px;
    
}
.t_galeria {
    width: 250px;
    height: 40px;
    float: left;
    color: #666;
    margin-left: 15px;
    margin-top: 10px;
    
}
