@charset "UTF-8";
/* CSS Document */
/*@font-face*/
@font-face {
    font-family: 'UniSansBoldRegular';
    src: url('uni_sans_bold-webfont.eot');
    src: url('uni_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('uni_sans_bold-webfont.woff') format('woff'),
         url('uni_sans_bold-webfont.ttf') format('truetype'),
         url('uni_sans_bold-webfont.svg#UniSansBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniSansBookRegular';
    src: url('uni_sans_book-webfont.eot');
    src: url('uni_sans_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('uni_sans_book-webfont.woff') format('woff'),
         url('uni_sans_book-webfont.ttf') format('truetype'),
         url('uni_sans_book-webfont.svg#UniSansBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Reset*/
*{ border: 0; padding: 0; margin: 0; } 
body{ font-family: 'UniSansBookRegular';}
ul{ list-style-type: none; }
img{ display: block; }
.block{ display: block; }
.

/*Fonts*/
.uniBold{ font-family: 'UniSansBoldRegular'; }

.font19{ font-size: 19px; }
.font20{ font-size: 20.83px; }
.font21{ font-size: 21px; } 
.font22{ font-size: 22px; } 
.font23{ font-size: 23.34px; }
.font28{ font-size: 28px; }
.font28-meio{ font-size: 28.55px; }
.font29{ font-size: 29.17px; }
.font31{ font-size: 31.25px; }
.font35{ font-size: 35.42px; }
.font41{ font-size: 41.67px; }
.light{ font-weight: lighter; }
.bolder{ font-weight: bold; }

.arial{ font-family: Arial, Helvetica, sans-serif; }

.caixa-alta{ text-transform: uppercase; }

/*Colors*/

.white{ color: #fff; }
.black{ color: #000; }
.black2{ color: #010101; }
.grey{ color: #565656; }
.dark-grey{ color: #414141; }
.yellow{ color: #e1af14; }
.light-grey{ color: #999999; }
.light-grey2{ color: #dadada; }
.pink{ color: #ec008c; }
.blue{ color: #00368b; }
.green{ color: #5d963b; }

/*Posicionamento*/
.absoluta{ position: absolute; }

#container-geral{}
#container{ width: 680px; margin: 0 auto;}

.topo1, .topo2, .topo3,
.conteudo1, .conteudo2, .conteudo3, .conteudo4, .conteudo5, .conteudo6, .conteudo7, .conteudo8, .video, .conteudo9, .conteudo10, .box-galeria, .conteudo-embalagem { position: relative; }

.topo1{ background: url(../images/epson-perfection-v330-topo1.jpg) no-repeat; width: 680px; height: 186px; }
.topo1 h1{ text-indent: -9999px; }
.topo2{ background: url(../images/epson-perfection-v330-topo2.jpg) no-repeat; width: 680px; height: 219px; }
.topo2 span{ width: 135px; right: 40px; top: -6px; text-align: right; }
.topo3{ background: url(../images/epson-perfection-v330-topo3.jpg) no-repeat; width: 680px; height: 185px; }
.topo3 p{ top: 115px; left: 34px; }

.conteudo1{ background: url(../images/epson-perfection-v330-conteudo1.jpg) no-repeat; width: 680px; height: 97px; }
.conteudo2{ background: url(../images/epson-perfection-v330-conteudo2.jpg) no-repeat; width: 680px; height: 199px; }
.conteudo2 h2{ height: 100px; width: 450px; left: 35px; }
.conteudo2 h2 span:first-child{ top: 0; }
.conteudo2 h2 span{ top: 37px; }
.conteudo2 p{ width: 365px; top: 100px; left: 35px; }
.conteudo3{ background: url(../images/epson-perfection-v330-conteudo3.jpg) no-repeat; width: 680px; height: 188px; }
.conteudo3 h2{ left: 35px; top: 15px; }
.conteudo3 p{ width: 284px; left: 35px; top: 65px; }
.conteudo4{ background: url(../images/epson-perfection-v330-conteudo4.jpg) no-repeat; width: 680px; height: 158px; }
.conteudo4 h2{ right: 140px; top: -10px; }
.conteudo4 p{ width: 317px; right: 17px; top: 39px; }
.conteudo5{ background: url(../images/epson-perfection-v330-conteudo5.jpg) no-repeat; width: 680px; height: 196px; }
.conteudo5 h2{ top: 25px; left: 35px; }
.conteudo5 p{ width: 285px; top: 80px; left: 35px; }
.conteudo6{ background: url(../images/epson-perfection-v330-conteudo6.jpg) no-repeat; width: 680px; height: 179px; }
.conteudo6 h2{ right: 50px; top: 17px; }
.conteudo6 h3{ position: relative; height:80px; left: 278px; top: 85px; }
.conteudo6 h3 span:first-child{ top: 0; }
.conteudo6 h3 span{ top: 30px; }
.conteudo7{ background: url(../images/epson-perfection-v330-conteudo7.jpg) no-repeat; width: 680px; height: 171px; }
.conteudo7 p{ width: 356px; left: 277px; }
.conteudo8{ background: url(../images/epson-perfection-v330-conteudo8.jpg) no-repeat; width: 680px; height: 175px; }
.conteudo8 h2{ left: 25px; }
.conteudo8 p{ width: 350px; top: 47px; left: 25px; } 
.video{ background: url(../images/epson-perfection-v330-video.jpg) no-repeat; width: 680px; height: 403px; }
.video iframe{ left: 60px; top: 48px; }
.conteudo9{ background: url(../images/epson-perfection-v330-conteudo9.jpg) no-repeat; width: 680px; height: 184px; }
.conteudo9 h2{ left: 25px; top: 15px; }
.conteudo9 p{ top: 87px; width: 369px; left: 25px;}
.conteudo10{ background: url(../images/epson-perfection-v330-conteudo10.jpg) no-repeat; width: 680px; height: 211px; }
.conteudo10 h2{ left: 25px; top: 25px; }
.conteudo10 p{ left: 25px; width: 275px; top: 80px; }
.box-galeria{ background: url(../images/epson-perfection-v330-galeria.jpg) no-repeat; width: 680px; height: 413px; }
.conteudo-embalagem{ float: left; top: 28px; height: 200px; }
.conteudo-embalagem h2{ width: 270px; top: 25px; left: -8px; }
.conteudo-embalagem ul{ width: 270px; top: 76px; left:-8px; }
.conteudo-embalagem li{ font-size: 13.54px; line-height: 32px; }
.rodape{background: url(../images/epson-perfection-v330-botoes.jpg) no-repeat; width: 680px; height: 54px; position: relative; }
.rodape a:first-child{ margin-left: 10px; width: 280px; text-align: right; padding-right: 53px; padding-left: 0;}
.rodape a{ text-decoration: none; width: 260px; float: left; line-height: 45px; padding-left: 60px; }
.rodape a:hover{ text-decoration: underline; }