#header - todos os id 'header':
*/ /* DESTAQUES */ #area_esquerda { width: 240px; float: left; } #area_esquerda .content{ padding-left:20px; margin: auto; } #area_direita { width: 720px; float: right; } #area_direita .content{ padding-right:20px; margin: auto; } #area_direita .content #esquerda { width: 460px; float: left; } #area_direita .content #esquerda .content{ padding:0px; margin: auto; } #area_direita .content #direita { width: 220px; float: right; } #area_direita .content #direita .content{ padding:0px; margin: auto; } #area_direita .content #colspan { width: 700px; float: left; } #area_direita .content #colspan .content{ padding:0px; margin: auto; } #area_esquerda .sephorizontal{ clear:both; height: 40px; } #area_direita .sephorizontal{ clear:both; height: 40px; } .destaques .titulo, .destaques .subtitulo { color: #E80B1A; } /*TOPO*/ #topo{ height:94px; /*como esta area n tem linha superior tem q ter mais 1 px de altura*/ } #topo .cabecalho{ margin-top: 16px; margin-bottom: 10px; } #topo .caminhonavegacao{ font-size:11px; color: #737272; } /*PESQUISA*/ #pesquisa{ height:93px; clear: both; } #pesquisa .label{ font-size:11px; margin-top:13px; margin-bottom:2px; } #pesquisa .caixatexto input{ font-size:11px; color: #737272; float: left; } #pesquisa .botao{ float: left; margin-left:10px; } #pesquisa .combobox{ clear: both; } #pesquisa .combobox select{ font-size:11px; color: #737272; } /*CESTO*/ #cesto{ height:93px; font-size:11px; clear: both; } #cesto .label{ margin-top:13px; margin-bottom:5px; } #cesto .logo{ float: left; } #cesto .conteudo{ float: left; margin-top:5px; margin-left:10px; } #cesto .conteudo .numerolinhas{ float: left; } #cesto .conteudo .valortotal{ float: left; font-weight: bold; } #cesto .ver{ clear: both; } #cesto .ver a{ color: #5B3534; } /*TEMAS*/ #temas{ font-size:11px; } #temas dl{ margin-top:25px; } #temas dt{ color: #D01413; font-weight: bold; } #temas dt a{ color: #D01413; } #temas dd{ } #temas dd td a{ color: #737272; } #temas dd td a:hover{ color: #D01413; } #menu_facets td a { font-size: 11px; color: #737272; } #menu_facets td a:hover { font-size: 11px; color: #D01413; } td#parent_item a, td#parent_item a:hover { font-weight: bold; color: #D01413; } #spacer { border: 0px solid blue; width: 120px; height: 7px; line-height: 7px; //height: 1px; /* IE7 */ //line-height: 1px; /* IE7 */ margin: none; padding: 0px 0px 0px 0px; } #temas .linha{ margin-top:5px; margin-bottom:5px; } /*MONTRA*/ #montra{ margin-top:25px; font-size:12px; width: 700px; /*background-color: red;*/ } #montra .destaques{ clear:both; } #montra .destaques .cabecalho{ clear:both; height:45px; } #montra .destaques .cabecalho .texto{ line-height:30px; font-size:17px; font-weight:bold; color: #D01413; border-bottom: 1px solid #CACACA; } #montra .destaques .grande{ float:left; margin-right:20px; } #montra .destaques .grande .sinopse{ margin-top:20px; } #montra .destaques .grande .preco{ font-weight: bold; } #montra .destaques .publicidade{ width: 220px; float:left; } /*MONTRA - ESCOLARES*/ #montra .destaques .temas{ width: 460px; float:left; margin-right:20px; } /*RESULTADOS DE PESQUISA*/ #resultadospesquisa{ font-size:12px; width: 700px; /*background-color: red;*/ } #resultadospesquisa .paginacao{ width:460px; margin-right:20px; float: left; } #resultadospesquisa .paginacao .content{ height:25px; line-height:25px; clear: both; } #resultadospesquisa .paginacao .content .intervalo{ float:left; } #resultadospesquisa .paginacao .content .navegacao{ float: right; } #resultadospesquisa .paginacao .content .navegacao .pagina_actual{ color: #E80B1A; } #resultadospesquisa .paginacao .content .navegacao a{ color: #737272; } #resultadospesquisa .ordenacao{ width: 220px; float:left; } #resultadospesquisa .ordenacao .content{ height:25px; line-height:25px; clear: both; } #resultadospesquisa .ordenacao .content select{ font-size:11px; color: #737272; } #resultadospesquisa .listagem{ margin-top:25px; width:460px; margin-right:20px; float:left; } #resultadospesquisa .listagem .destaques .pequeno{ width:460px; } #resultadospesquisa .listagem .destaques .pequeno .texto{ width: 370px; } #resultadospesquisa .sephorizontal{ clear:both; height: 20px; } #resultadospesquisa .destaques .publicidade{ margin-top:25px; width: 220px; float:left; } /*FICHA DO PRODUTO*/ #fichaproduto{ font-size:12px; width: 700px; clear:both; } #fichaproduto #detalhes{ float:left; width: 460px; margin-top:25px; margin-right:20px; } #fichaproduto #detalhes #imagem{ float:left; width: 220px; margin-right:30px; margin-bottom:30px; } #fichaproduto #detalhes #imagem img{ width: 220px; } #fichaproduto #detalhes #principais{ float:left; width: 210px; } #fichaproduto #detalhes #principais .titulo, #fichaproduto #detalhes #principais .subtitulo { font-size:14px; font-weight:bold; color: #E80B1A; } #fichaproduto #detalhes #principais .subtitulo { font-weight:normal; } #fichaproduto #detalhes #principais .autores{ font-weight:bold; } #fichaproduto #detalhes #principais .conhecerinterior{ padding-top:30px; } #fichaproduto #detalhes #principais .disponibilidade{ padding-top:30px; } #fichaproduto #detalhes #principais .preco{ padding-top:30px; font-weight: bold; } #fichaproduto #detalhes #principais .adcesto{ clear:both; } #fichaproduto #detalhes #principais .adcesto .logo{ margin-right:15px; float: left; } #fichaproduto #detalhes #principais .adcesto .label{ float: left; margin-top:14px; } #fichaproduto #detalhes #principais .adcesto .label a{ color: #5B3534; } #fichaproduto #detalhes #outros{ clear:both; /*width: 460px;*/ width: 210px; /*margin-bottom:20px;*/ margin-top:20px; } #fichaproduto #detalhes #outros .label{ font-weight: bold; margin-bottom:0px; } /*RECURSOS DO PRODUTO*/ #fichaproduto #multimedia{ clear:both; width: 460px; margin-top:10px; margin-bottom:10px; } #fichaproduto #multimedia #separador{ margin: 10px 0px 10px 10px; float:left; } #fichaproduto #multimedia #paginas { /*margin-top: 15px;*/ margin-right : 10px; border: 0px solid green; float: left; } #fichaproduto #multimedia #paginas img { border: 1px solid gray; } /* Definições para mostrar as imagens ao passar o rato por cima*/ #fichaproduto #multimedia .thumbnail_new{ position: relative; z-index: 0; } #fichaproduto #multimedia .thumbnail_new:hover{ background-color: transparent; z-index: 50; } #fichaproduto #multimedia .thumbnail_new span{ /*CSS for enlarged image*/ position: absolute; background-color: rgb(255, 255, 255); padding: 5px; left: -1000px; border: 1px solid gray; visibility: hidden; color: black; text-decoration: none; } #fichaproduto #multimedia .thumbnail_new span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } #fichaproduto #multimedia .thumbnail_new:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -200px; left: 40px; /*position where enlarged image should offset horizontally */ } #fichaproduto #multimedia #ficha_prod_video { margin-top: 15px; margin-left : 10px; border: 0px solid green; float: left; cursor:pointer; background-image: url(/images/video.gif); background-repeat: no-repeat; width: 139px; height: 115px; } #fichaproduto #multimedia #ficha_prod_audio { margin-top: 15px; margin-left : 10px; border: 0px solid green; float: left; cursor:pointer; } #fichaproduto #multimedia #ficha_prod_audio_img{ background-image: url(/images/audio_icon.gif); margin: 10px 5px 10px 15px; height: 10px; width: 13px; border: 0px solid green; background-repeat: no-repeat; float: left; } #fichaproduto #multimedia #ficha_prod_audio_texto{ margin: 7px 0px 10px 0px; font-size: 12px; float: left; } #fichaproduto #multimedia #ficha_prod_audio_conta{ font-size: 12px; float: left; margin: 7px 8px 0px 8px; } #fichaproduto #multimedia #ficha_prod_audio_conta a:link, #fichaproduto #multimedia #ficha_prod_audio_conta a:active, #fichaproduto #multimedia #ficha_prod_audio_conta a:visited, #fichaproduto #multimedia #ficha_prod_audio_conta a:hover { text-decoration: none; } /*******/ #fichaproduto #sinopse{ float:left; width: 700px; margin-top:5px; } #fichaproduto #sinopse .label{ line-height:30px; font-weight:bold; color: #D01413; } #fichaproduto #sinopse .descricao{ margin-bottom:10px; } #fichaproduto #produtosrelacionados{ float:left; width: 220px; } #fichaproduto #produtosrelacionados .label{ height:40px; line-height:40px; background-color: #666666; color:white; font-size: 16px; font-weight: bold; padding-left: 3px; } #fichaproduto #produtosrelacionados .destaques{ padding-top:20px; padding-bottom:20px; } #fichaproduto #produtosrelacionados .preco{ /*padding-top:30px;*/ } /*FICHA DO PRODUTO BP*/ #fichaprodutobp{ font-size:12px; width: 700px; clear:both; } #fichaprodutobp #detalhes{ float:left; width: 460px; margin-top:25px; margin-right:20px; } #fichaprodutobp #detalhes #elementobp{ float:left; width: 180px; margin-right:0px; margin-bottom:40px; } #fichaprodutobp #detalhes #elementobp .imagem img{ width: 180px; } #fichaprodutobp #detalhes #elementobp .preco{ font-weight: bold; padding-top:15px; } #fichaprodutobp #detalhes #bp .preco{ font-weight: bold; padding-top:15px; line-height: 40px; } #fichaprodutobp #detalhes #bp .adcesto{ float: left; padding-left: 20px; } #fichaprodutobp #detalhes #bp .adcesto .logo{ margin-right:15px; float: left; } #fichaprodutobp #detalhes #bp .adcesto .label{ float: left; margin-top:14px; } #fichaprodutobp #detalhes #bp .adcesto .label a{ color: #5B3534; } #fichaprodutobp #detalhes .plus{ float:left; width: 35px; margin-left:15px; margin-right:15px; margin-top:110px; margin-bottom:10px; } #fichaprodutobp #produtosbp{ float:left; width: 220px; } #fichaprodutobp #produtosbp .label{ height:40px; line-height:40px; background-color: #666666; color:white; font-size: 16px; font-weight: bold; padding-left: 3px; } #fichaprodutobp #produtosbp .definicao{ padding-top:20px; padding-bottom:40px; font-size: 11px; } #fichaprodutobp #produtosbp .plus{ clear: both; padding-top:10px; padding-bottom:10px; padding-left:100px; } #fichaprodutobp #produtosbp .destaques{ } #fichaprodutobp #produtosbp .destaques .pequeno{ float:left; width:220px; } #fichaprodutobp #produtosbp .destaques .pequeno .texto{ width:220px; font-weight:bold; margin: 0px; } #fichaprodutobp #produtosbp .destaques .pequeno .texto .titulo{ font-size:13px; } #fichaprodutobp #produtosbp .destaques .pequeno .texto .autores{ font-size:12px; }