#header - todos os id 'header':
*/ *{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } body { margin: 10px 0px 10px 0px; padding: 0; background-color: #FFFFFF; /*color:#E8E8E8;*/ /*background-image: url(/store/public/images/fundo.gif);*/ /*background-repeat: repeat-x repeat-y;*/ font: small Arial, Helvetica, Verdana, sans-serif; font-size:12px; text-align: center; min-width: 980px; } img { border: 0; } #wrapper { text-align: left; width: 980px; margin-left: auto; margin-right: auto; background-color: #ffffff; } #main { margin-top: 0; margin-left: auto; margin-right: auto; //border-left: 1px solid #CACACA; /*//border-left: para o ff não reconhecer*/ //border-right: 1px solid #CACACA; _height:0px; /*tem q estar aqui senao a border n aparece!*/ /*_height para o ie7 não reconhecer*/ } #main .linha{ clear:both; border-bottom: 1px solid #CACACA; } #top { width: 100%; margin-top: 0; margin-left: auto; margin-right: auto; } #bottom { width: 100%; margin-top: 0; margin-left: auto; margin-right: auto; } #content { background-color: #FFFFFF; text-align:left; color: #737272; clear: both; } #content a { color: #E80B1A; text-decoration: none; } /* cabecalho */ #header { width: 980px; height: 125px; background-image: url(/images/fundotop.jpg); margin-left: auto; margin-right: auto; background-color: #2C2C2C; clear: both; } #header .canto_esquerdo { float: left; } #header .logo { float: left; } #header .canto_direito { float: right; } #header .logo_lap { float: right; } /* cabe�alho - �reas/bot�es */ #header_areas { height:33px; /*tem q estar aqui senao a border e o fundo n aparece!*/ margin-left: auto; margin-right: auto; clear: both; background-color: #686868; } #header_areas .botoes img{ border: 0; } /* cabe�alho - bem-vindo */ #header_bem_vindo { height:45px; /*tem q estar aqui senao a border n aparece!*/ margin-left: auto; margin-right: auto; clear: both; } #header_bem_vindo .content{ padding: 20px 20px 10px 20px; } #header_bem_vindo .content #bem_vindo { float: left; font-size:11px; color: #737272; } #header_bem_vindo .content #logout_pa{ float: right; color: #6C6C6C; font-weight: bold; } #header_bem_vindo .content #logout_pa a{ text-decoration:none; color: #6C6C6C; } #header_bem_vindo .content #editar_registo{ float: right; color: #6C6C6C; font-weight: bold; } #header_bem_vindo .content #editar_registo a{ text-decoration:none; color: #6C6C6C; } #header_bem_vindo .content #separador{ float: right; color: #6C6C6C; font-weight: bold; margin-left: 10px; margin-right: 10px; } /*DEFINICOES DAS AREAS DE CONTEUDOS DO SITE*/ #area { width:100%; } #area .content{ padding-left:20px; padding-right:20px; margin: auto; } #area .content #area_esquerda { width: 220px; float: left; } #area .content #area_esquerda .content{ padding:10px 0px 0px 0px; margin: auto; overflow: hidden; } #area .content #area_direita { width: 700px; float: right; } #area .content #area_direita .content{ padding:10px 0px 0px 0px; margin: auto; overflow: hidden; } #area .content #area_direita .content #esquerda { width: 460px; float: left; } #area .content #area_direita .content #esquerda .content{ padding:0px; margin: auto; } #area .content #area_direita .content #direita { width: 220px; float: right; } #area .content #area_direita .content #direita .content{ padding:0px; margin: auto; } /* #area .content #area_direita .content #colspan { width: 700px; float: left; } #area .content #area_direita .content #colspan .content{ padding:0px; margin: auto; } */ #area_esquerda .sephorizontal{ clear:both; height: 40px; } #area_direita .sephorizontal{ clear:both; height: 40px; } /* rodape */ #footer { width: 980px; height: 70px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; background-image: url(/images/fundorod.jpg); clear: both; } #footer .canto_esquerdo { float: left; margin: 0; } #footer .logo { float: right; margin: 0; } #footer .canto_direito { float: right; margin: 0; } #footer .texto{ float: left; margin-top: 30px; font-size:11px; color: #D0697E; } #footer .texto a{ text-decoration:none; text-transform:uppercase; color: #737272; } #copyright .texto{ font-size:11px; color: #737272; text-align: center; margin-top: 20px; } /*DESTAQUES*/ .destaques{ } .destaques .grande{ width: 460px; } .destaques .grande .imagem{ float:left; width: 220px; } .destaques .grande .imagem img{ width: 220px; } .destaques .grande .texto{ font-size:12px; float:left; width: 220px; margin-left: 20px; } .destaques .grande .texto .titulo{ font-size:15px; font-weight:bold; /*color: #E80B1A;*/ } .destaques .grande .texto .autores{ font-weight:bold; } .destaques .pequeno{ float:left; width:220px; } .destaques .pequeno .preco{ font-size: 11px; } .destaques .pequeno .imagem{ float:left; width: 75px; } .destaques .pequeno .imagem img{ width: 75px; } .destaques .pequeno .texto{ font-size:12px; float:left; width: 130px; margin-left: 15px; } .destaques .pequeno .texto .titulo{ /*font-size:12px;*/ color: #6C6C6C; font-weight:bold; /*color: #E80B1A;*/ } .destaques .pequeno .texto .autores{ /*font-weight:bold;*/ } .destaques .adcesto{ float:left; padding-left:5px; } .destaques .adcesto .logo{ /*float: right;*/ } .destaques .sepvertical{ float: left; width:20px; height:1px; /*o firefox obriga*/ } .destaques .sephorizontal{ clear:both; height: 40px; } /*PREÇO*/ .preco{ clear:both; padding-top:30px; } .preco .label{ float: left; } .preco .capa{ float: left; text-decoration: line-through; } .preco .venda{ float: left; color: #E80B1A; }