@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; }
h2, h3{ position: absolute; font-weight: normal; }
p{ position: absolute; top: 10px; }
img{ display: block; }
ul{ list-style: none; }

#container-geral{ width : 100%; }
.conteudo{ width: 680px; margin: 0 auto; }

.tinta, .multifuncional, .features, .facil, .comparativo, .mais-tinta, .video, .imagens, .crie, .box-galeria, .conteudo-embalagem, .garantia, .rodape{ position: relative; }

.facil p{ color: #fff; font-family: 'UniSansBookRegular'; font-size: 14px; right: 103px; top: 152px; line-height: 21px; }

.comparativo p:first-child{ color: #fff; font-family: 'UniSansBoldRegular'; font-size: 20px; left: 29px; top: 13px;  }
.comparativo p.dois-ml{ color: #666666; font-family: 'UniSansBoldRegular'; text-align: center; font-size: 17px; line-height: 17px; left: 40px; top: 182px; }
.comparativo p.setenta-ml{ left: 200px; color: #666666; font-family: 'UniSansBoldRegular'; text-align: center; font-size: 17px; line-height: 17px; left: 265px; top: 182px; }
.comparativo p.recargas{ right: 0; color: #666666; font-family: 'UniSansBoldRegular'; text-align: center; font-size: 17px; line-height: 17px;  right: 56px; top: 68px; }

.mais-tinta p{ top: 15px; left: 235px; }
.mais-tinta p span:first-child{ color: #4679b8; }
.mais-tinta p span{ font-family: 'UniSansBoldRegular'; font-size: 24px; display: block; color: #eb008c; }

.video{ background: url(../images/video.jpg) no-repeat; height: 431px; }
.video iframe{ position: absolute; left: 61px; top: 59px; }
.imagens p{ color: #fff; font-size :14px; font-family: 'UniSansBookRegular'; line-height: 23px; left: 61px; top: 135px; }
.crie p{ font-size: 18px; font-family: 'UniSansBookRegular'; color: #fff; right: 79px; top: 89px; text-align: right; line-height: 20px;}

/*Galeria*/
.box-galeria{ background: url(../images/bg-galeria.jpg) no-repeat; height: 398px; }

.conteudo-embalagem{ background: url(../images/conteudo-embalagem.jpg) no-repeat 2px 0; height: 258px; }
.conteudo-embalagem h2{ color: #fff; font-family: 'UniSansBoldRegular'; font-size: 31px; left: 36px; top: 20px; }
.conteudo-embalagem ul{ position: absolute; top: 70px; left: 37px;}
.conteudo-embalagem ul li{ color: #fff; font-size: 14px; font-family: 'UniSansBoldRegular'; }
.conteudo-embalagem ul li span{ display: block; padding-left: 9px;}

.garantia{ left: 2px; }

.rodape{ background: url(../images/rodape.jpg) no-repeat; height: 58px; }
.rodape a:first-child{ width: 181px; margin-left: 16px; padding-left: 152px; }
.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; }
.rodape a:hover{ text-decoration: underline; }
.rodape a#manual, .rodape a#breve{ width: 258px; padding-left: 58px; padding-top: 10px; height: 35px; }