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

*{ border: 0; padding: 0; margin: 0; }

@font-face {
	font-family: 'HelveticaNeueLTStd-Bd';
	src: url('../fonts/helveticaneueltstdbd.eot');
	src: url('../fonts/helveticaneueltstdbd.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/helveticaneueltstdbd.woff') format('woff'),
			 url('../fonts/helveticaneueltstdbd.ttf') format('truetype'),
			 url('../fonts/helveticaneueltstdbd.svg#helveticaneueltstdbd') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
		font-family: 'HelveticaNeueLTStd-Th';
		src: url('../fonts/helveticaneueltstdth.eot');
		src: url('../fonts/helveticaneueltstdth.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/helveticaneueltstdth.woff') format('woff'),
				 url('../fonts/helveticaneueltstdth.ttf') format('truetype'),
				 url('../fonts/helveticaneueltstdth.svg#helveticaneueltstdth') format('svg');
		font-weight: normal;
		font-style: normal;
}

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

h1{ font-weight: normal; }
p{ position: absolute; top: 0; }
ul{ list-style-type: none; }

 
.lavadora, .eficiencia, .pressao, .economia, .pistola, .sistema, .video, .mangueira, .acessorios, .remove, .jato, .box-galeria, .dimensoes, .conteudo-embalagem{ position: relative; }
.lavadora h1 p{ font: 16px 'HelveticaNeueLTStd-Bd', Arial; color: #fff; text-transform: uppercase; right: 171px; top: 26px; }
.lavadora h1 span{ font: 16px 'HelveticaNeueLTStd-Th', Arial; }

.eficiencia p.texto1{ font: 26px 'HelveticaNeueLTStd-Bd', Arial; color: #b2123c; text-transform: uppercase; top: 200px; left: 50px; }
.eficiencia p.texto2{ font: 26px 'HelveticaNeueLTStd-Th', Arial; color: #b2123c; text-transform: uppercase; top: 230px; left: 50px; }

.economia p{ font: 16px Arial; color: #fff; top: 60px; right: 27px; }
.pistola p{ font: 16px Arial; color: #fff; left: 48px; top: 105px; }
.sistema p{ font: 16px Arial; color: #323232; right: 35px; top: 122px; }

.video{ background: url(../images/assista-ao-video.jpg) no-repeat; height: 483px; }
.video iframe{ position: absolute; top: 76px; left: 37px; }
.mangueira p{ font: 19px 'HelveticaNeueLTStd-Bd', Arial; color :#fff; top: 218px; left: 26px; } 
.acessorios p.texto1{ font: 23px 'HelveticaNeueLTStd-Bd', Arial; color :#fff; top: 68px; right: 36px; }
.acessorios p.texto2{ font: 23px 'HelveticaNeueLTStd-Th', Arial; color :#fff; top: 96px; right: 143px; }
.remove p{ font: 16px Arial; color: #323232; top: 108px; left: 32px; }

.jato span{ position: absolute; top: 0; }
.jato span.texto1{ font: 25px 'HelveticaNeueLTStd-Bd', Arial; color: #b72046; top: 36px; left: 26px; }
.jato p.texto2{ font: 25px 'HelveticaNeueLTStd-Th', Arial; color: #363636; line-height: 25px; top: 64px; left: 26px; }
.jato span.texto3{ font: 25px 'HelveticaNeueLTStd-Bd', Arial; color: #b72046; right: 115px; top: 36px;}
.jato p.texto4{ font: 25px 'HelveticaNeueLTStd-Th', Arial; color: #363636; top: 64px; right: 97px; line-height: 25px; }
.jato p.texto5{ font: 23px 'HelveticaNeueLTStd-Bd', Arial; color: #fff; top: 198px; left: 186px; }

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

.conteudo-embalagem{ background: url(../images/conteudo-embalagem.jpg) no-repeat; height: 129px; }
.conteudo-embalagem .img-lavadora{ position: absolute; right: 40px; top: -156px; }
.conteudo-embalagem h2{ font: 22px Arial; color: #b3153e; position: absolute; top: -50px; left: 37px; }
.conteudo-embalagem ul{ position: absolute; top: -10px; left: 38px; }
.conteudo-embalagem ul li{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #323232; }


.rodape{ background: url(../images/rodape.jpg) no-repeat; height: 51px; }
.rodape a{ float: left; height: 33px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; color: #fff; font-weight: bold; text-decoration: none; }
.baixar{ background: url(../images/buttons.png) no-repeat 290px 6px; width: 204px; padding: 18px 0 0 135px; }
.baixar:hover{ background: url(../images/buttons.png) no-repeat 286px -49px; text-decoration: underline; }
.imprimir{ background: url(../images/buttons.png) no-repeat 13px -107px; padding: 18px 0 0 66px; }
.imprimir:hover{ background: url(../images/buttons.png) no-repeat 9px -166px; text-decoration: underline; }


/*Galeria*/
.relative{position:relative}


.galeria-fotos{ height: 502px;  background: #f2f2f2;}

#galeria .titulo {
	background: #343434;
}
.dimensoes .titulo {
	background: #989898;
}
.titulo{
	padding:10px 15px
}

#galeria{
	float:left;
	width:329px;
	margin-left: 10px;	
}
#galeria h3, .dimensoes h3 {
	margin-bottom: 0px;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #fff;
}
.dimensoes{
	float: left;
	margin-left: 5px;
}
#fotos{
	position:relative;
}
#slideshow{
	width:329px;
	height:300px
}
.lupa{
	background:url(../images/lupa.png);
	height:33px;
	width:38px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:8;
	pointer-events:none
}
#thumbs{
	width:inherit;
	height:1%;
	overflow:hidden;
	padding:0;
	margin:5px 0 0 0
}
#thumbs .viewport{
	float:left;
	width:305px;
	height:70px;
	overflow:hidden;
	position:relative
}
#thumbs .buttons{
	display:block;
	background-position:0 -38px;
	text-indent:-999em;
	float:left;
	width:21px;
	height:21px;
	overflow:hidden;
	position:relative
}
#thumbs .disable{visibility:hidden}
#thumbs .overview{list-style:none; position:absolute; padding:0; margin:0; width:40px; left:0; top:0}
#thumbs .overview li{
	float:left;
	margin:0 3px 0 0;
	padding:1px
}
#thumbs .overview li img{
	border:5px solid #FFF
}
#thumbs .prev{background:url(../images/seta_left_galeria.png) no-repeat scroll 0 0 transparent; margin:24px -10px 0 0; z-index:10}
#thumbs .next{background:url(../images/seta_right_galeria.png) no-repeat scroll 0 0 transparent; background-position:0 0; margin:24px 0 0 -10px}