@charset "UTF-8"; /* CSS Document */ @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; } *{ border: 0; padding: 0; margin: 0; } h1, h2, h3{ position: absolute; top: 0; font-weight: normal; } img{ display: block; } p{ position: absolute; top: 10px; } #container-geral{ width: 100%; } .conteudo{ width: 680px; margin: 0 auto; } .batedeira, .seu-dia, .mais-potencia, .facilita, .controle, .quantidades, .tabelas, .box-galeria, .conteudo-embalagem{ position: relative; } .batedeira h1, .seu-dia p, .mais-potencia p, .facilita p, .controle p, .quantidades p{ font-family: 'GillSansMT'; } .batedeira h1{ color: #0cb5bb; font-size: 18px; text-align: right; right: 20px; top: 45px; } .batedeira h1 span{ display: block; } .seu-dia p{ color: #fff; font-size: 14px; right: 35px; top: 132px; } .mais-potencia p{ color: #000; font-size: 16px; top: 170px; left: 22px; } .facilita p{ color: #000; font-size: 16px; left: 228px; top: 108px; } .controle p{ color: #fff; font-size: 16px; right: 35px; top: 18px; } .quantidades p{ color: #ed1c24; font-size: 22px; left: 84px; top: 15px; } .quantidades{ background: url(../images/quantidades.jpg) no-repeat; height: 59px; } .box-galeria{ background: url(../images/bg-galeria.jpg) no-repeat; height: 337px; padding: 12px 0 0 25px; } .dimensoes{ height: 40px; } .dimensoes h3{ height: 41px; background: url(../images/title-dimensoes.jpg) no-repeat; width: 233px; top: 12px; font-family: 'GillSansMT'; font-size: 20px; text-transform: uppercase; padding: 8px 0 0 25px; } .galeria-de-fotos { background-image: url(../images/bg-galeria.jpg); height: 40px; width: 223px; } .galeria-de-fotos h3{ height: 41px; background:url(../images/title-galeria.jpg) no-repeat; width :233px; top: 12px; font-family: 'GillSansMT'; font-size: 20px; text-transform: uppercase; padding: 8px 0 0 25px; } #galeria { height: 165px; width: 295px; } #galeria-fotos { width: 295px; } #nav { float:left; list-style:none; margin-top: 5px; margin-right: 0; margin-bottom: 0; } #nav img { display: inline; } #nav li { display:inline; margin-right:1px; list-style-type: none; } .bg-amarelo { background-color: #ffead3; padding-top: 8px; padding-right: 12px; padding-bottom: 72px; padding-left: 11px; } .float-left { float: left; } .conteudo-embalagem{ background: url(../images/conteudo-embalagem.jpg) no-repeat; height: 238px; } .conteudo-embalagem h3{ color: #464646; font-size: 22px; font-family: GIllSansMT; text-transform: uppercase; left: 22px; padding-left: 6px;} .conteudo-embalagem ul{ position: absolute; top: 40px; left: 45px; } .conteudo-embalagem ul li{ font-family: Arial; font-size: 14px; margin-bottom: 5px; padding-left: 18px;} .botoes{position: absolute; bottom: 30px; left: 15px; } .botoes a{ background: url(../images/img-botoes.jpg) no-repeat 0 0; width: 127px; height: 28px; float: left; margin-right: 10px; color: #464646; text-decoration: none; font-family: GillSansMT; font-size: 14px; padding-top: 6px; text-align: center;} .botoes a.imprimir{ background: url(../images/img-botoes.jpg) no-repeat -136px 0; } .botoes a:hover{ background: url(../images/img-botoes.jpg) no-repeat 0 -48px; color: #f00; }