/* CSS Document */

/* PORTFÓLIO */
#portfolio {
  width: 465px;
  float: left;
  border-left: 1px dotted #CCC;
  padding: 0 4px 0 11px;
  margin: 10px auto;
}

#portfolio h2{
  background: url('../imagens/portfolio.jpg') center left no-repeat;
  width: 450px;
  height: 61px;
  text-indent: -5000px;
  overflow: hidden;
  margin: 5px 7px;
}

#portfolio #chamadas {
  display: table;
  width: 440px;
  margin: 0 auto;
}

#portfolio h3 a{
  display: block;
  font: bold 14px Verdana;
  color: blue;
  width: 220px;
  text-align: center;
  float: left;
  text-decoration: underline;
}
  #portfolio h3 a:hover {
    text-decoration: none;
    color: red;
  }  

#portfolio h4 {
  border-bottom: 3px double #DDD;
  color: #72706F;
  font: normal 20px "Trebuchet MS", Verdana;
  display: block;
  padding-left: 7px;
}
  
  /* PORTFOLIO - ABERTURA */
  #abertura {
    clear: both;
    height: 100px;
  }
  /* FIM DE PORTFOLIO - ABERTURA */
  
  /* PORTFOLIO - SITES */
  #sites {
    clear: both;
    display: table;
    width: 440px;
    margin: 0 auto;
    background-color: #FCFCFC;
    border: 1px solid #E5E5E5; 
    margin: 10px;     
    padding: 3px 5px;
  }
  
  #sites .item {
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: table;
    clear: both;
    border-bottom: 4px double #E5E5E5;
    height: 100%;
  }
  
  #sites .item h5 {
    text-align: center;
    font: normal 22px "Trebuchet MS";
    color: #0291D0;
  }
  
  #sites .item p.url {
    text-align: center;
    font: normal 10px Verdana;
    color: #999;
    margin-bottom: 1px;
  }
    
    #sites .item .imagem {
      float: left;
      width: 200px;
      margin: 5px;
    }    
    #sites .item .texto {
      width: 220px;
      float: left;
      padding: 2px 5px;
    }
    
      #sites .item .texto p {
        color: #333;
        font: normal 11px Verdana;
        margin: 4px 0;
        line-height: 18px;
        text-align: left;
      }      
      #sites .item .texto p.data {
        font: italic 11px Verdana;
        text-align: center;
        margin: 7px;
      }
      
      #sites .item .texto p a {
        text-decoration: underline;
        color: #777;
      }      
      #sites .item .texto p a:hover {
        text-decoration: none;
        color: #000;
      }

      #sites .item .texto .validadores {
        text-align: right;
      }
  /* FIM DE PORTFOLIO - SITES */
  
  /* PORTFOLIO - DESIGN */
  #design {
    clear: both;
    display: table;
    width: 440px;
    margin: 0 auto;
    background-color: #FFF;
    border: 1px solid #E5E5E5; 
    margin: 10px;     
    padding: 3px 5px;
  }
  
    #design ul li {display:inline;}    
    #design ul li a {
      font: normal 11px Verdana;
      margin-left: 10px;
      margin-top: 5px;
      color: blue;
      text-decoration: underline;
    }
    #design ul li a:hover {
      color: red;
      text-decoration: none;  
    }
    
    /* DESIGN BANNERS */
    #design #banners {
      margin: 15px auto;
    }
    
    #design #banners h5 {
      text-align: center;
      font: normal 22px "Trebuchet MS";
      color: #0291D0;
      margin: 10px 0;
    }
    
    #design #banners .item {
      width: 440px;
      padding: 8px 0;
      margin-bottom: 5px;
      display: table;
      clear: both;
      border-bottom: 4px double #E5E5E5;
      border-top: 4px double #E5E5E5;
      text-align: center;
      height: 100%;
    }
        
    #design #banners .item p {
        color: #333;
        font: normal 11px Verdana;
        margin: 4px 0;
        line-height: 10px;
      }
    #design #banners .item img {
      border: 1px solid #000;
    }
    
    /* FIM DE DESIGN BANNERS */
    
    /* DESIGN - CARTAZES */
    #design #cartazes {
      margin: 15px auto;
    }
    
    #design #cartazes h5 {
      text-align: center;
      font: normal 22px "Trebuchet MS";
      color: #0291D0;
      margin: 10px 0;
    }
    
    #design #cartazes .item {
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: table;
    clear: both;
    border-bottom: 4px double #E5E5E5;
    height: 100%;
  }
 
    #design #cartazes .item .imagem {
      float: left;
      width: 200px;
      margin: 5px;
    }    
      #design #cartazes .item .imagem img {
      border: 1px solid #000;
      }
    #design #cartazes .item .texto {
      width: 200px;
      float: left;
      padding: 2px 5px;
    }
    
      #design #cartazes .item .texto p {
        color: #333;
        font: normal 11px Verdana;
        margin: 4px 0;
        line-height: 18px;
        text-align: left;
      }      

    /* FIM DE DESIGN - CARTAZES */
    
    /* DESIGN - ENCARTES */
    #design #encartes h5 {
      text-align: center;
      font: normal 22px "Trebuchet MS";
      color: #0291D0;
      margin: 10px 0;
    }
    
    #design #encartes .item {
      width: 440px;
      padding: 8px 0;
      margin-bottom: 5px;
      display: table;
      clear: both;
      border-bottom: 4px double #E5E5E5;
      border-top: 4px double #E5E5E5;
      text-align: center;
      height: 100%;
    }
    
    #design #encartes .item h6{
      font: bold 20px "Trebuchet MS";
    }
    #design #encartes .item h6 a {
      color: #000;
    }
    #design #encartes .item h6 a:hover {text-decoration:underline;}
    
    #design #encartes .item p {
        color: #333;
        font: normal 11px Verdana;
        margin: 4px 0;
        line-height: 10px;
      }     
    /* FIM DE DESIGN - ENCARTES */
    
    /* DESIGN - LOGO */
    #design #logomarcas {
      margin: 15px auto;
    }
    
    #design #logomarcas h5 {
      text-align: center;
      font: normal 22px "Trebuchet MS";
      color: #0291D0;
      margin: 10px 0;
    }
    
    #design #logomarcas .logo {
      display: block;
      width: 220px;
      height: 150px;
      float: left;
      text-align: center;
    }
    /* FIM DE DESIGN - LOGO */

  
  /* FIM DE PORTFOLIO - DESIGN */

/*    
    #portfolio ul li b {
      font: bold 12px Verdana;
      margin-left: -10px;
    }
/* FIM DE PORTFÓLIO */