@charset "utf-8";
/* 
    Documento   : iartigos.css
    Criado      : 17/11/2011 16:22:00
    Modificado  : 17/11/2011 16:22:00

    Autor(es)   : 
        André da Silva Severino

    Modificado por:

  
    Descrição   : Arquivo DEFAULT responsável pelo layout/estrutura do iArtigos no site do cliente
    Package     : web-files/css
*/
#wrap-site {
    width:80%;
    height:100%;
    margin:10px auto;
    text-align:left;
}
    
#wrap-topo-artigos{
    height:44px;
}

#wrap-topo-artigos h1{ font-size: 1.250em; font-weight: bold;}

#font_size {height:40px; width:100px; background:red;}
#font_size ul { float: right; }
#font_size ul li { float: left; margin-right: 3px}
#font_size a {
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  background: #ccc;
  color: #4F4F4F
}


#wrap-conteudo-artigos {
    padding:10px 30px 20px 0px;
    height:100%;
}
#wrap-conteudo-artigos h2 {
    font:bold 1.500em Verdana;
    margin-bottom:20px;
    margin-top:10px;
}

.box-imagem p{margin:4px 0px; text-align: center;}
.box-imagem p span{display:block; font:11px Tahoma;}

#wrap-rodape-artigos {
    clear:both;
    margin-top:20px;
    height:24px;
    }
#wrap-rodape-artigos p{
    font-size:11px;
    text-align:center;
    color:#7e7e7e;
    line-height:24px;
}

#fonte-artigo{
    margin-top:20px;
}
#fonte-artigo p, 
#fonte-artigo p a{font:12px Arial; color:#333;}
#fonte-artigo p i, 
#fonte-artigo p a i{font-weight:bold; font-size:14px; color:#000;}

#fonte-artigo p a:hover{color:#069; text-decoration:none;}

#conteudo{margin-top:10px;}

.tam1 p, .tam1 li { font-size: 80%}
.tam2 p, .tam2 li { font-size: 90%}
.tam3 p, .tam3 li { font-size: 95%}
.tam4 p, .tam4 li { font-size: 100%} /* tamanho padrão */
.tam5 p, .tam5 li { font-size: 105%}
.tam6 p, .tam6 li { font-size: 110%}
.tam7 p, .tam7 li { font-size: 120%}

/* Layout do iartigos(detalhe) */

#wrap-social{
    margin-top:20px; 
    padding:0px 30px 10px 30px;
}
    #wrap-social h3{
        font:bold 16px Tahoma;
        margin-bottom:20px;
    }

    #wrap-social #facebook{
        border:none;
        height:21px;
        width:250px;
        overflow:hidden;
    }