/*-------------------------------------------------------------------- LAYOUT "index" Style - NUTRIFARMA(IE6+ FF1.5+ Opera9+) Version: 1.0 - 2007 author: Burocratik (alexandre r. gomes) email: alex@burocratik.com website: http://www.burocratik.com -----------------------------------------------------------------------*/ @import url(corpo.css); /* = CONTENT FLAS-----------------------------------------------------*/ #contentPrim #contentFlash{ width: 690px; height:180px; background: transparent url(../pics/img-flash.jpg) no-repeat; } /* = CONTENT HTML-----------------------------------------------------*/ #contentPrim #contentHtml{ width: 690px; height: 209px; background: transparent url(../pics/topo-produtos.jpg) no-repeat; } #contentPrim #contentHtml h3{ display: block; position: relative; top: 30px; left: 175px; padding: 0; margin: 0; width: 500px; font: italic 18px Verdana, Arial, Helvetica, sans-serif; color: #565656;} #contentPrim #contentHtml h3 strong{font: bold 22px Verdana, Arial, Helvetica, sans-serif; color: #565656;} #contentPrim #contentHtml ul.categorias2 { position: relative; left: 175px; top: 40px; width: 505px; height: 1%; clear: both; /*overflow: hidden;*/ margin-left: 0; padding: 0; } #contentPrim #contentHtml ul.categorias2 li{ position: relative; float: left; width: 140px; height: auto; margin: 0 20px 0 0; padding: 0 0 5px 15px; font: 11px/14px Tahoma, Arial, Helvetica, sans-serif; color: #152e42; } #contentPrim #contentHtml ul.categorias2 li.last{margin-right: 0;} #contentPrim #contentHtml ul.categorias2 li a {font: 11px/14px Tahoma, Arial, Helvetica, sans-serif; color: #898d92; text-decoration: none;} #contentPrim #contentHtml ul.categorias2 li a:hover, #contentPrim #contentHtml ul.categorias2 li a:focus{color: #152e42; border-bottom: 1px dashed #152e42;} /* = CONTENT -----------------------------------------------------*/ #contentPrim .linha{ width: 690px; height: 1%; overflow: hidden; margin-left: 0; padding: 0; background: transparent url(../imgs/contentPrim-linha-bg.gif) no-repeat left bottom; } #contentPrim .linha img{padding: 0;} #contentPrim .linha p{padding: 0 0 10px 0;} #contentPrim .linha .colunaImg{float:left; position: relative; width: 120px;} #contentPrim .linha .colunaTxt{ float:left; position: relative; width: 190px; padding-right: 35px; padding-left: 10px; padding-top: 80px; background: transparent url(../imgs/img-novo.gif) no-repeat left top;} #contentPrim .linha .colunaFinal{ float:left; position: relative; width: 190px; padding-left: 10px; padding-top: 80px; background: transparent url(../imgs/img-novo.gif) no-repeat left top;} #contentPrim .linha .colunaEsq{float:left; position: relative; width: 280px; padding: 0 50px 0 20px;} #contentPrim .linha .colunaDta{float:left; position: relative; width: 340px; height: 1%; overflow: hidden;} #contentPrim .linha .colunaDta img{padding-bottom: 20px;} #contentPrim .linha .colunaEsq p{font-size: 13px; line-height: 18px; padding: 0 0 10px 0; margin: 0;} #contentPrim .linha .colunaEsq a{ position: relative; display: block; width: 56px; font: 10px Tahoma, Arial, Helvetica, sans-serif; color: #969a9d; font-weight: bold; text-decoration: underline; background: transparent url(../imgs/icon-seta-abrir.gif) no-repeat center right; } #contentPrim .linha .colunaEsq a.fechar{ font: 10px Tahoma, Arial, Helvetica, sans-serif; color: #969a9d; font-weight: bold; text-decoration: underline; position: relative; width: 48px; background: transparent url(../imgs/icon-seta-fechar.gif) no-repeat center right; } #contentPrim .linha .colunaEsq a:hover, #contentPrim .linha .colunaEsq a:focus{ font: 10px Tahoma, Arial, Helvetica, sans-serif; color: #108cb1; font-weight: bold; border-bottom: none; text-decoration: none; } /*#contentPrim .linha ul li{padding: 0 0 10px 20px; background: transparent url(../imgs/icon-lista.gif) no-repeat 0 4px;}*/ /* = BOTOES -----------------------------------------------------*/ #contentPrim .linha form#categorias legend{display: none;} #contentPrim .linha form#categorias ul {width: 690px; height: 1%; overflow: hidden; margin-left: 0; padding: 0;} #contentPrim .linha form#categorias ul li{position: relative; float: left; margin: 0 10px 10px 0;} #contentPrim .linha form#categorias ul li.last{margin-right: 0;} #contentPrim button { display: block; width: 165px; height: 80px; margin: 0; padding: 0; border: 0; cursor: pointer; font: 12px/15px Tahoma, Arial, Helvetica, sans-serif; color: #898d92; text-align: right; } #contentPrim button:hover h3, #contentPrim button:focus h3{color: #152e42;} #contentPrim button h3 { position: absolute; display: block; width: 80px; height: 60px; top: 10px; right: 20px; padding: 0; margin: 0; font: 12px/15px Tahoma, Arial, Helvetica, sans-serif; color: #898d92; text-align: right; vertical-align: middle; } /* = PRODUTOS -----------------------------------------------------*/ #contentPrim ul#produtos{position: relative; width: 100%; overflow: hidden; height: 1%;} #contentPrim ul#produtos img{padding: 0; margin: 0;} #contentPrim ul#produtos li{ display: block; float: left; position: relative; width: 165px; height: 200px; margin: 5px 10px 20px 0; } #contentPrim ul#produtos li.last{margin-right: 0;} #contentPrim ul#produtos a{ position: absolute; display: block; top: 0px; left: 0px; text-indent: -5555px; width: 165px; height: 200px; z-index: 100; overflow: hidden; background: transparent url(../imgs/bg-produtos-hover-none.gif) no-repeat; } #contentPrim ul#produtos a:hover, #contentPrim ul#produtos a:focus{text-decoration: none;} *:first-child+html #contentPrim ul#produtos a:hover{border:0;} /* :BUG: IE7 */ #contentPrim .refProduto{ position: absolute; left: -9999px; top:-9999px; overflow: hidden; width: 145px; height: 180px; padding: 10px; background: transparent url(../imgs/bg-produtos-hover.png) no-repeat; font: normal 50px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #7a7a7a; } #contentPrim .refProduto h3{font: bold 12px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #7a7a7a;} #contentPrim .refProduto p{font: normal 11px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #7a7a7a;} /* =TXTrestante ------------------------------------------------------------------*/ #contentPrim .linha .colunaEsq .txtRestante { /*:INFO: esta classe tem de ser menos especifica k a .show, pois este css o ultimo a aparecer*/ position: absolute; left: -5555px; top: -55555px; overflow: hidden; padding: 0; margin: 0; } #contentPrim .linha .colunaEsq .show{ position: relative; left: 0px; top: -10px; overflow: visible; padding: 0; margin: 0; } /* = CONTENT FICHA TCNICA --------------------------------------------*/ #ficha #contentPrim{background: transparent url(../imgs/linha-bg.gif) no-repeat center top; padding: 40px 0;} /* LINHA */ #ficha #contentPrim .linha{width: 650px; height: 1%; overflow: hidden; margin-left: 0; padding: 0 20px 0 20px;} #ficha #contentPrim .linha h2{ font-size: 25px; line-height: 18px; color: #108cb1;} #ficha #contentPrim .linha h3{font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color: #0083a9; text-transform: uppercase; margin: 20px 0 5px 0;} #ficha #contentPrim .linha strong{font-weight: bold; color: #7a7a7a;} #ficha #contentPrim .linha img{padding: 0;} /* COLUNA ESQUERDA */ #ficha #contentPrim .linha .colunaEsq{float:left; position: relative; width: 300px; padding: 0 0 50px 0 ; margin: 0 25px 0 0;} #ficha #contentPrim .linha .colunaEsq .imagem img{display: block; z-index: 99px; margin: 0 auto;} #ficha #contentPrim .linha .colunaEsq .imagem p{ position: absolute; display: block; top: 0px; right: 60px; z-index: 100px; text-indent: -5555px; width: 62px; height: 62px; padding: 0; background: transparent url(../imgs/img-novo.png) no-repeat center center!important; background: transparent url(../imgs/img-novo.gif) no-repeat center center; } #ficha #contentPrim .linha .colunaEsq p.preco{ position: relative; display: block; width: 300px; height: 38px; padding: 30px 0 20px 0; margin-bottom: 10px; font: normal 32px/36px Verdana, Arial, Helvetica, sans-serif; color: #108cb1; background: transparent url(../imgs/img-preco-bg.png) no-repeat center center!important; background: transparent url(../imgs/img-preco-bg.gif) no-repeat center center; text-align: center; } #ficha #contentPrim .linha .colunaEsq p.preco span{font-size: 20px;} #ficha #contentPrim .linha .colunaEsq p.preco em{font: italic 10px Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a;} #ficha #contentPrim .linha .colunaEsq button p{display: none;} #ficha #contentPrim .linha .colunaEsq button{ position: relative; display: block; width: 143px; height: 44px; margin: 0 auto; padding: 0; background: transparent url(../imgs/bt-comprar.png) no-repeat left top!important; background: transparent url(../imgs/bt-comprar.gif) no-repeat left top; } #ficha #contentPrim .linha .colunaEsq button:hover{ background: transparent url(../imgs/bt-comprar.png) no-repeat left bottom!important; background: transparent url(../imgs/bt-comprar.gif) no-repeat left bottom; } /* COLUNA DIREITA */ #ficha #contentPrim .linha .colunaDta{float:left; position: relative; width: 320px; padding: 30px 0 50px 0;} #ficha #contentPrim .linha .colunaDta span{font-size: 13px; color: #108cb1;} #ficha #contentPrim .linha .colunaDta h4{font: italic 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a; font-weight: bold; padding-bottom: 3px;} #ficha #contentPrim .linha .colunaDta p, #ficha #contentPrim .linha .colunaDta ul{font: italic 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a;} #ficha #contentPrim .linha .colunaDta ul li{padding-bottom: 3px;} #ficha #contentPrim .linha .colunaDta ul.descricao{font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0;} #ficha #contentPrim .linha .colunaDta ul.descricao li{padding: 0 0 5px 10px; background: transparent url(../imgs/icon-lista-ficha.gif) no-repeat left top;} #ficha #contentPrim .linha .colunaDta ul.docs{font: normal 11px/13px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 20px 0 0 0;} #ficha #contentPrim .linha .colunaDta ul.docs li{display: block; height: 15px; padding: 5px 0 0 30px; margin-bottom: 5px;} #ficha #contentPrim .linha .colunaDta ul.docs li.pdf{ background: transparent url(../imgs/icon-pdf.png) no-repeat 3px 0!important; background: transparent url(../imgs/icon-pdf.gif) no-repeat 3px 0; } #ficha #contentPrim .linha .colunaDta ul.docs li.xls{ background: transparent url(../imgs/icon-xls.png) no-repeat 3px 0!important; background: transparent url(../imgs/icon-xls.gif) no-repeat 3px 0; } #ficha #contentPrim .linha .colunaDta ul.docs a{font: bold 12px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #3a9fbd; text-decoration: underline; padding-right: 10px;} #ficha #contentPrim .linha .colunaDta ul.docs a:hover{text-decoration: none;} /* =BUGS: ------------------------------------------------------------------*/ * html #contentPrim .linha .colunaEsq .txtRestante{ /* :BUG: IE6, IE7: se nao definir display e width o content nao me aparece!!! */ display: block; width: 100%; height: auto; } *:first-child+html #contentPrim .linha .colunaEsq .txtRestante{display: block; width: 100%; height: auto;}