/* CSS Document */

  /* CONTATO */
  #contato {
    width: 465px;
    float: left;
    border-left: 1px dotted #CCC;
    padding: 0 4px 0 11px;
    margin: 10px auto;
  }
  
  #contato h2{
    background: url('../imagens/contato.jpg') center left no-repeat;
    width: 450px;
    height: 61px;
    text-indent: -5000px;
    overflow: hidden;
    margin: 5px 7px;
  }
  
  #contato h3 {

    border-bottom: 3px double #DDD;
    color: #72706F;
    font: normal 25px "Trebuchet MS", Verdana;
    margin-top: 30px;
    display: block;
    padding-left: 7px;
  }
  
  #contato p {
    color: #FD8A00;
    font: normal 11px Verdana;
    text-align: justify;
    line-height: 15px;
    margin-left: 7px;
  }
  
    #contato ul li {
      font: normal 14px "Trebuchet MS", Verdana;
      margin: 4px 30px;
      list-style: square;
    }
    
    #contato ul li a {
      font: bold 14px "Trebuchet MS", Verdana;
      color: blue;
      text-decoration: underline;
    }
    
    #contato ul li a:hover {
      color: red;
      text-decoration: none;
    }
    
  /* FORMULARIO */
  #contato form {
    width: 420px;
    margin: 0 auto;
    background-color: #FAFAFA;
    border: 1px dotted #E5E5E5;
    padding: 7px 10px;
    margin: 10px;
  }
    
    #contato form label {
      margin: 10px;
      display: block;
    }
    
    #contato form label .nome {
      float: left;
    }
    
    #contato form label b {
      display: block;
      font: bold 13px Arial;
    }
    
    #contato form label input, #contato form label select, #contato form label textarea {
      border: 1px solid #CCC;
      background-color: #FCFCFC;
      padding: 5px 6px;
      font: normal 16px "Trebuchet MS";
    }
    
    #contato form #btn {
      text-align: right;
    }
    
    #contato form #btn input {
      width: 150px;
      padding: 5px;
      font: bold 13px Arial;
      background-color: #FCFCFC;
      color: #555;
      border: 3px double #DCC;
    }
  /* FIM DE FORMULARIO */ 

  /* FIM DE CONTATO */