@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; } #container-geral{ } .conteudo{ width: 680px; margin: 0 auto; } /*genéricos*/ *{ border: 0; padding: 0; margin: 0; } h1, h2{ font-weight: normal; } ul{ list-style-type: none; } span{ color: #fff; font-family: GillSansMT; } p{ position: absolute; top: 0px; } .clear-both{ clear: both; } .micro-system, .imagem-produto, .ouvir, .curta, .graves, .design, .ouca, .som, .dimensoes, .box-galeria, .conteudo-embalagem, .rodape{ position: relative; } .micro-system span{ position: absolute; right: 32px; top: 26px; font: 23px 'GillSansMT', Arial; color: #fff; } .ouvir p{ font: 15px Arial; color: #fff; top: 97px; left: 40px; } .curta p{ font: 15px Arial; color: #fff; top: 129px; right: 44px; } .graves p{ font: 15px Arial; color: #fff; left: 31px; top: 126px; } .design p{ font: 15px Arial; color: #fff; right: 13px; top: 73px;} .ouca p{ font: 15px Arial; color: #fff; right: 52px; top: 80px; } .som p{ font: 15px Arial; color: #fff; left: 57px; top: 50px; } .container-galeria{ height :325px; padding-top: 20px; } .dimensoes{ position: relative; float: left; margin: 0 9px 0 18px; } .dimensoes h2{ position: absolute; font: 24px "GillSansMT", Arial; color: #fff; text-align: center; left: 65px; top: 6px; } .box-galeria{ background: url(../images/bg-galeria.jpg) no-repeat; height: 344px; float: left; } .box-galeria h2{ background: #035996; font: 24px "GillSansMT", Arial; color: #fff; text-align: center; padding: 8px 0; width: 316px; } .box-galeria #galeria{ background: #035996; width: 316px; } #slider{ height: 237px !important; } .conteudo-embalagem{ background: url(../images/conteudo-embalagem.jpg) no-repeat; height: 294px; position: relative; } .conteudo-embalagem h2{ color: #999999; font: 27px "GillSansMT", Arial; position: absolute; top: -7px; left: 196px; } .conteudo-embalagem ul{ position: absolute; top: 81px; right: 87px;} .conteudo-embalagem ul.direita{ left: 503px; top: 72px; } .conteudo-embalagem ul li{ color: #353535; font: 15px "GillSansMT", Arial; background: url(../images/bullet.png) no-repeat left center; padding-left: 15px; margin-bottom: 4px; } .conteudo-embalagem ul li.bullet{ background: url(../images/bullet.png) no-repeat left 8px; } .rodape{ position: absolute; top: 230px; left: 167px; } .rodape a{ color: #fff; font: 19px "GillSansMT", Arial; width: 144px; height: 36px; float: left; padding: 9px 0 0 32px; text-decoration: none; } .rodape a:first-child{ margin-right: 9px; } .rodape a.imprimir{ padding: 9px 0 0 28px; width: 149px; } .rodape a:hover{ text-decoration: underline; } /*Lightbox*/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 49%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }