#header - todos os id 'header':
*/ /* CABE�ALHO */ #header { width: 980px; height: 105px; background-image: url(/images/fundotophp.jpg); } #header .logo_cd { margin: 20px 30px 0px 0px; } #header .logo_ce { margin: 20px 20px 0px 0px; } /* DESTAQUES */ #area_esquerda { width: 480px; float: left; /*margin-right:20px;*/ /*n�o � necess�rio especificar pq � o que resulta da coloca��o das �reas alinhadas � esquerda e direita*/ } #area_esquerda .content{ padding:0px; margin: auto; } #area_direita { width: 480px; float: right; } #area_direita .content{ padding:0px; margin: auto; } #area_esquerda .content .sephorizontal{ clear:both; height: 40px; } #area_direita .content .sephorizontal{ clear:both; height: 40px; } /*destaques CE*/ #cateditorial { width: 480px; margin-left: auto; margin-right: auto; } #cateditorial .cabecalho{ background-color: #8CB420; height:58px; margin-bottom: 15px; } #cateditorial .destaques{ width: 460px; margin-left: 20px; clear:both; } #cateditorial .destaques .sinopse{ float:left; margin-top:20px; } #cateditorial .destaques .titulo, #cateditorial .destaques .subtitulo { color: #E80B1A; } #cateditorial .destaques .subtitulo { font-weight: normal; } /* #cateditorial .destaques .grande .titulo{ font-size:15px; } */ #cateditorial .destaques .grande .preco{ font-weight: bold; } /*destaques CD*/ #catdidactico { width: 480px; margin-left: auto; margin-right: auto; } #catdidactico .cabecalho{ height:60px; background-color: #C84469; margin-bottom: 15px; } #catdidactico .destaques{ margin-left: 20px; clear: both; } #catdidactico .destaques .pequeno{ float:left; width:220px; font-size: 12px; } #catdidactico .destaques .pequeno .imagem{ float:left; width: 95px; } #catdidactico .destaques .pequeno .imagem img{ width: 95px; } #catdidactico .destaques .pequeno .texto{ float:left; width: 110px; margin-left: 15px; } #catdidactico .destaques .titulo, #catdidactico .destaques .subtitulo { color: #7A2743; } #catdidactico .destaques .subtitulo { font-weight: normal; } /*destaque institucional*/ #institucional { width: 480px; /*mais 20px (do que o destaque MB) pq todos os destaques têm um espaçamento de 20px à direita*/ margin-left: auto; margin-right: auto; } #institucional .destaques{ clear:both; } #institucional .destaques .sepvertical{ width:0px; height:1px; /*o firefox obriga*/ float: left; } #institucional .destaques .sephorizontal{ clear:both; height: 20px; } #institucional .destaques .imagem{ float: left; padding-right: 20px; padding-bottom: 20px; } /*destaque magicboards*/ #magicboards { width: 460px; _height:104px; /*tem q estar aqui senao a border n aparece!*/ background-image: url(/images/titulombhp.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; } #magicboards .destaques{ padding-top: 45px; clear:both; } #magicboards .destaques .texto{ font-size:12px; float:left; width:220px; margin-right: 70px; } #magicboards .destaques .texto .titulo{ font-size: 15px; } #magicboards .destaques .imagem{ float:left; width:170px; padding-top: 65px; } #magicboards .destaques .imagem img{ width: 170px; }