@charset "UTF-8"; /* CSS Document */ /*@font-face*/ @font-face { font-family: 'UniSansBoldRegular'; src: url('../fonts/uni_sans_bold-webfont.eot'); src: url('../fonts/uni_sans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/uni_sans_bold-webfont.woff') format('woff'), url('../fonts/uni_sans_bold-webfont.ttf') format('truetype'), url('../fonts/uni_sans_bold-webfont.svg#UniSansBoldRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'UniSansBookRegular'; src: url('../fonts/uni_sans_book-webfont.eot'); src: url('../fonts/uni_sans_book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/uni_sans_book-webfont.woff') format('woff'), url('../fonts/uni_sans_book-webfont.ttf') format('truetype'), url('../fonts/uni_sans_book-webfont.svg#UniSansBookRegular') format('svg'); font-weight: normal; font-style: normal; } *{ border: 0; padding: 0; margin: 0; } h1, h2{ position: absolute; font-weight: normal; } p{ position: absolute; top: 10px; } img{ display: block; } ul{ list-style: none; position: absolute; } .conteudo-geral{ width : 100%; } .conteudo{ width: 680px; margin: 0 auto; } .video { background: url(../images/video.png); height: 348px; text-align: center; padding-top: 30px; } .facil, .observacoes, .tintas, .video, .conectividade, .cabo, .box-galeria, .conteudo-embalagem, .rodape{ position: relative; } .facil p{ font: 14px 'UniSansBookRegular'; color: #fff; right: 62px; top: 166px; line-height: 22px; } .tintas p{ font: 18px 'UniSansBoldRegular'; color: #3e3e3e; left: 40px; top: 226px; line-height: 19px; } .conectividade p{ font: 20px 'UniSansBookRegular'; color: #010101; right: 52px; top: 66px; } /*Galeria*/ .box-galeria{ background: url(../images/bg-galeria.jpg) no-repeat; height: 396px; } .conteudo-embalagem{ background: url(../images/conteudo-embalagem.jpg) no-repeat 0 0; height: 391px; } .conteudo-embalagem h2{ color: #fff; font-family: 'UniSansBoldRegular'; font-size: 31px; left: 36px; top: 23px; } .conteudo-embalagem ul{ position: absolute; top: 83px; left: 37px;} .conteudo-embalagem ul li{ color: #fff; font-size: 14px; font-family: 'UniSansBoldRegular'; padding-bottom: 1px; } .conteudo-embalagem ul li span{ display: block; padding-left: 9px;} .rodape{ background: url(../images/rodape.jpg) no-repeat; height: 43px; } .rodape a:first-child{ width: 181px; margin-left: 16px; padding-left: 152px; color: #3e3e3e; } .rodape a{ float: left; text-decoration: none; color: #fff; font-family: 'UniSansBookRegular'; font-size: 19px; width: 258px; padding-left: 58px; padding-top: 10px; height: 35px; margin-top: 0; } .rodape a:hover{ text-decoration: underline; } .rodape a#manual, .rodape a#breve{ width: 258px; padding-left: 58px; padding-top: 10px; height: 35px; }