@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'MeganoOT-Regular';
	src: url('meganoot-regular.eot');
	src: url('meganoot-regular.eot?#iefix') format('embedded-opentype'),
			 url('meganoot-regular.woff') format('woff'),
			 url('meganoot-regular.ttf') format('truetype'),
			 url('meganoot-regular.svg#meganoot-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
@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: 0; font-weight: normal; }
img{ display: block; }
p{ position: absolute; top: 10px; }

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

.powerlife,
.mais-durabilidade,
.grande-segredo,
.steamglide,
.sistema-antipingos,
.self-clean,
.video,
.fio-com-giro,
.amplo-bocal,
.luz-piloto,
.vapor-vertical,
.niveis-de-vapor,
.saida-de-vapor,
.compare,
.tabela,
.box-gaeria,
.conteudo-embalagem,
.dimensoes{ position: relative; }


.powerlife h1{ font-family: MeganoOT-Regular; font-size: 60px; color: #ed1c24; top: 125px; left: 17px; }

.mais-durabilidade h2{ font-family: MeganoOT-Regular; font-size: 22px; color: #ed1c24; left: 22px; top: 0px; }

.grande-segredo p{ font-family: Arial; font-size: 14px; color: #333; top: 33px; left: 64px; }

.steamglide p{ font-family: Arial; font-size: 14px; color: #333; left: 60px; top: 84px;  }

.sistema-antipingos p{ font-family: Arial; font-size: 14px; color: #333; top: 60px; left: 84px; }

.self-clean p{ font-family: Arial; font-size: 14px; color: #333; left: 107px; top: 55px; }

.fio-com-giro p{ font-family: Arial; font-size: 14px; color: #333; top: 60px; left: 327px; }

.amplo-bocal p{ font-family: Arial; font-size: 14px; color: #333; left: 194px; top: 60px; }

.luz-piloto p{ font-family: Arial; font-size: 14px; color: #333; top: 60px; left: 274px; }

.vapor-vertical p{ font-family: Arial; font-size: 14px; color: #333; top: 70px; left: 46px; }

.niveis-de-vapor p{ font-family: Arial; font-size: 14px; color: #333; top: 75px; left: 48px; }

.saida-de-vapor p{ font-family: Arial; font-size: 14px; color: #333; left: 97px; top: 55px; } 

.compare p{ font-family: Arial; font-size: 14px; color: #333; top: 45px; left: 20px; }

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

.dimensoes{ float: left; margin-left: 15px; }
.dimensoes h3{ font: 22px "GillSansMT", Arial; color: #f00; width: 316px; top: 30px; text-transform: uppercase; }
.dimensoes img{ margin-top: 75px; }

.galeria-fotos{ height: 335px; padding-left: 349px; position: relative;}
.galeria-fotos h3{ font: 22px "GillSansMT", Arial; color: #f00; position: relative; text-transform: uppercase; top: 30px; }
.galeria-fotos #galeria{ background: #8fb4c3; width: 316px; position: relative; top: 48px; border-top: 5px solid #8fb4c3;}
.galeria-fotos #galeria #content{ height: 237px; }
.lupa{ position: absolute; right: 30px; top: 60px; }

.conteudo-embalagem{ background: url(../images/conteudo-embalagem.jpg) no-repeat; height: 217px; }
.conteudo-embalagem h3{ color: #f00; font-size: 22px; font-family: GIllSansMT; text-transform: uppercase; left: 32px;}
.conteudo-embalagem ul{ position: absolute; top: 60px; left: 50px; }
.conteudo-embalagem ul li{ font-family: Arial; font-size: 14px; margin-bottom: 10px; }

.botoes{position: absolute; bottom: 7px; left: 15px; }
.botoes a{ background: url(../images/fundo-botoes.png) no-repeat 0 0; width: 126px; height: 28px; float: left; margin-right: 10px; color: #f00; text-decoration: none; font-family: GillSansMT; font-size: 14px; padding-top: 6px; text-align: center;}
.botoes a:hover{ background: url(../images/fundo-botoes.png) no-repeat 0 -43px; }