@charset "UTF-8"; /* CSS Document */ *{ border: 0; padding: 0; margin: 0; } ul{list-style-type: none;} h1, h2{ font-weight: normal; } h2{ position: absolute; top: 0; } p{ position: absolute; top: 0; } span{ position: absolute; top: 10px; } @font-face { font-family: 'GillSansStdLightRegular'; src: url('../fonts/gillsansstd-light-webfont.eot'); src: url('../fonts/gillsansstd-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gillsansstd-light-webfont.woff') format('woff'), url('../fonts/gillsansstd-light-webfont.ttf') format('truetype'), url('../fonts/gillsansstd-light-webfont.svg#GillSansStdLightRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GillSansMT'; src: url('../fonts/gil_____.eot'); src: url('../fonts/gil_____.eot?#iefix') format('embedded-opentype'), url('../fonts/gil_____.woff') format('woff'), url('../fonts/gil_____.ttf') format('truetype'), url('../fonts/gil_____.svg#gil_____') format('svg'); font-weight: normal; font-style: normal; } #container-geral{ width: 100%; } .conteudo{ width: 680px; margin: 0 auto; } .salon, .cabelos, .lisos, .cabe, .secagem, .potencia , .pratico, .jato, .sonhou, .secadores, .cabo, .tabela-comparativa, .tabela, .box-galeria, .conteudo-embalagem, .rodape{ position: relative; } .cabelos p{ font: 28px 'GillSansStdLightRegular', Arial ; color: #6c270c; right: 71px; top: -3px; line-height: 33px; } .lisos p{ font: 14px 'GillSansMT', Arial; color: #fff; right: 112px; top: 100px; } .cabe p{ font: 16px 'GillSansMT', Arial; color: #4a0019; top: 135px; left: 252px; } .secagem p{ font: 16px 'GillSansMT', Arial; color: #4a0019; top: 90px; left: 71px; } .potencia span{ font: 25px 'GillSansMT', Arial; color: #fff; left: 265px; top: 19px; } .potencia p.texto1{ font: 21px 'GillSansStdLightRegular', Arial; color :#fff; left: 477px; top: 20px; } .potencia p.texto2{ font: 21px 'GillSansStdLightRegular', Arial; color :#fff; left: 268px; top: 48px; } .pratico p{ font: 18px 'GillSansMT', Arial; color: #4a0019; left: 369px; top: 128px; line-height: 20px; } .jato p{ font: 16px 'GillSansStdLightRegular', Arial; color :#fff; left: 60px; top: 71px; line-height: 27px;} .sonhou p{ font: 16px 'GillSansMT', Arial; color: #5b1014; top: 105px; left: 290px; } .secadores p{ font: 16px 'GillSansMT', Arial; color: #96644e; right: 46px; top: 172px; } .cabo span{ font: 25px 'GillSansMT', Arial; color: #fff; left: 60px; } .cabo p.texto1{ font: 21px 'GillSansStdLightRegular', Arial; color :#fff; left: 215px; top: 13px;} .cabo p.texto2{ font: 21px 'GillSansStdLightRegular', Arial; color :#fff; top: 40px; left: 60px; } .tabela-comparativa p{ color: #c9334e; font-family: 'GillSansMT'; font-size: 16px; right: 40px; top: 64px; } .conteudo-embalagem{ float: left; margin-left: 77px; } .conteudo-embalagem ul{ position: absolute; top: 100px; left: 0; } .conteudo-embalagem ul li{ font-size: 14px; font-family: 'GillSansStdLightRegular'; color: #5b1014; margin-bottom: 16px;} .conteudo-embalagem h3{ color: #6c270c; font: 26px "GillSansStdLightRegular", Arial; text-transform: uppercase; padding-top: 5px;} .rodape{ background: url(../images/rodape.jpg) no-repeat; height: 51px; } .rodape a{ color: #fff; float: left; text-decoration: none; font-family: 'GillSansStdLightRegular'; text-transform: uppercase; height: 36px; font-size: 18px; padding-top: 12px; } .baixar{ background: url(../images/buttons.png) no-repeat 20px 13px; padding-top: 15px; padding-left: 60px; } .imprimir{ background: url(../images/buttons.png) no-repeat 18px -36px; padding-left: 64px; width: 275px; padding-top: 12px; } .imprimir:hover{ text-decoration: underline; } .baixar:hover{ text-decoration: underline; } .box-galeria{ background: url(../images/bg-galeria.jpg) no-repeat; height: 332px; } /*Galeria*/ .relative{position:relative} .galeria-fotos{ height: 453px; float: left; padding-left: 20px; } #galeria{ float:left; width:329px; margin-left: 10px; } #fotos{ position:relative; } .galeria-fotos{ height: 271px;} .galeria-fotos h3{ font: 26px "GillSansStdLightRegular", Arial; color: #a88028; padding: 7px 0; width: 316px; top: 45px; text-transform: uppercase; } .galeria-fotos #galeria{ width: 316px; position: relative; top: 3px; left: -18px;} .galeria-fotos #galeria #content{ height: 237px; }