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

.float-left{ float: left; }

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

.juicer-ri1870, .maximo, .maquina, .bocal, .controle, .wats, .litros, .suco, .limpeza, .partes, .acompanha, .seguranca, .box-galeria, .conteudo-embalagem{ position: relative; }

.juicer-ri1870 h1{ font-family: 'GillSansMT'; font-size: 18px; color: #ed1f27; right: 18px; top: 45px; }
.juicer-ri1870 h1 span{ font-size:15px; display: block; text-align: right; }

.maximo p{ color: #fff; font-family: 'GillSansMT'; font-size: 15px; right: 30px; top: 170px; }

.maquina p{ color: #000; font-family: 'GillSansMT'; font-size: 16px; top: 125px; left: 50px; }

.controle p{ color: #fff; font-family: 'GillSansMT'; font-size: 16px; top: 33px; right: 165px; }

.litros p{ color: #3c3c3c;  font-family: 'GillSansMT'; font-size: 16px; top: 95px; left: 40px; }

.suco p{ color: #3c3c3c;  font-family: 'GillSansMT'; font-size: 16px; top: 59px; right: 73px; }

.limpeza p{ color: #fff; font-family: 'GillSansMT'; font-size: 16px; top: 85px; left: 34px; }

.seguranca p{ color: #fff; font-family: 'GillSansMT'; font-size: 16px; top: 84px; left: 206px; }

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

.dimensoes{ height: 40px; }
.dimensoes h3{ height: 41px; background: url(../images/title-dimensoes.jpg) no-repeat; width: 233px; top: 1px; font-family: 'GillSansMT'; font-size: 20px; text-transform: uppercase; padding: 8px 0 0 25px; color: #ed1c24; }

.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: 0; font-family: 'GillSansMT'; font-size: 20px; text-transform: uppercase; padding: 8px 0 0 25px; color: #fff; }

#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: #4c4d4f; padding-top: 8px; padding-right: 12px; padding-bottom: 72px; padding-left: 11px; }
.alinhamento{ margin-left: 24px; }
.conteudo-embalagem{ background: url(../images/conteudo-embalagem.jpg) no-repeat; height: 251px; }
.conteudo-embalagem h2{ color: #ed1c24; font-size: 22px; font-family: GIllSansMT; text-transform: uppercase; left: 22px; top: 0px;}
.conteudo-embalagem ul{ position: absolute; top: 40px; left: 5px; }
.conteudo-embalagem ul li{ font-family: Arial; font-size: 14px; margin-bottom: 5px; padding-left: 18px;}
.conteudo-embalagem ul li span{ margin-right: 5px; }

.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: #fff; 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; }

.lupa{ position: absolute; right: 34px; top: 48px; z-index: 88; }