/* CSS Document */

/* saboneteira */
#saboneteira {
	clear: both;
	position:relative;
	display:block;
	height: 173px;
	width: 156px;
	background:url(imagens/icones/saboneteira.jpg) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
}
#saboneteira span.hover {
	position: absolute;
	display: block;
	width: 156px;
	height: 173px;
	background: url(imagens/icones/saboneteira.jpg) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;
}

/* torneira */
#torneira {
	clear: both;
	position:relative;
	display:block;
	height: 173px;
	width: 178px;
	background:url(imagens/icones/torneira.jpg) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
}
#torneira span.hover {
	position: absolute;
	display: block;
	width: 178px;
	height: 173px;
	background: url(imagens/icones/torneira.jpg) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* descarga */
#descarga {
	clear: both;
	position:relative;
	display:block;
	height: 275px;
	width: 178px;
	background:url(imagens/icones/descarga.jpg) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
}
#descarga span.hover {
	position: absolute;
	display: block;
	width: 178px;
	height: 275px;
	background: url(imagens/icones/descarga.jpg) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* mictorio */
#mictorio {
	clear: both;
	position:relative;
	display:block;
	height: 375px;
	width: 99px;
	background:url(imagens/icones/mictorio.jpg) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
}
#mictorio span.hover {
	position: absolute;
	display: block;
	width: 99px;
	height: 375px;
	background: url(imagens/icones/mictorio.jpg) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* chuveiro */
#chuveiro {
	clear: both;
	position:relative;
	display:block;
	height: 372px;
	width: 236px;
	background:url(imagens/icones/chuveiro.jpg) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
	background-image: url(imagens/icones/chuveiro.jpg);
}
#chuveiro span.hover {
	position: absolute;
	display: block;
	width: 236px;
	height: 372px;
	background: url(imagens/icones/chuveiro.jpg) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* video_demonstrativo */
#video_demonstrativo {
	clear: both;
	position:relative;
	display:block;
	height: 110px;
	width: 220px;
	background:url(imagens/icones/video_demonstrativo.jpg) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
	
}

#video_demonstrativo span.hover {
	position: absolute;
	display: block;
	width: 220px;
	height: 110px;
	background: url(imagens/icones/video_demonstrativo.jpg) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* comece_economizar */
#comece_economizar {
	clear: both;
	position:relative;
	display:block;
	height: 100px;
	width: 400px;
	background:url(imagens/icones/comece_economizar.jpg) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
	
}

#comece_economizar span.hover {
	position: absolute;
	display: block;
	width: 400px;
	height: 100px;
	background: url(imagens/icones/comece_economizar.jpg) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* arejadores_economicos */
#arejadores_economicos {
	clear: both;
	position:relative;
	display:block;
	height: 156px;
	width: 251px;
	background:url(imagens/icones/arejadores_economicos.png) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
	
}

#arejadores_economicos span.hover {
	position: absolute;
	display: block;
	width: 251px;
	height: 156px;
	background: url(imagens/icones/arejadores_economicos.png) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* arejador_kitchen */
#arejador_kitchen {
	clear: both;
	position:relative;
	display:block;
	height: 156px;
	width: 251px;
	background:url(imagens/icones/arejador_kitchen.png) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
	background-image: url(imagens/icones/arejador_kitchen.png);
	
}

#arejador_kitchen span.hover {
	position: absolute;
	display: block;
	width: 251px;
	height: 156px;
	background: url(imagens/icones/arejador_kitchen.png) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* arejadores_convencionais */
#arejadores_convencionais {
	clear: both;
	position:relative;
	display:block;
	height: 156px;
	width: 251px;
	background:url(imagens/icones/arejadores_convencionais.png) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
	background-image: url(imagens/icones/arejadores_convencionais.png);
	
}

#arejadores_convencionais span.hover {
	position: absolute;
	display: block;
	width: 251px;
	height: 156px;
	background: url(imagens/icones/arejadores_convencionais.png) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* reguladores_vazao */
#reguladores_vazao {
	clear: both;
	position:relative;
	display:block;
	height: 156px;
	width: 251px;
	background:url(imagens/icones/reguladores_vazao.png) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
	background-image: url(imagens/icones/reguladores_vazao.png);
	
}

#reguladores_vazao span.hover {
	position: absolute;
	display: block;
	width: 251px;
	height: 156px;
	background: url(imagens/icones/reguladores_vazao.png) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

/* conheca_modelos */
#conheca_modelos {
	clear: both;
	position:relative;
	display:block;
	height: 24px;
	width: 303px;
	background:url(http://www.dracoeletronica.com.br/economizaragua/imagens/icones/conheca-modelos.png) no-repeat 0 0;
	cursor: hand;
	z-index: 0;
	background-image: url(http://www.dracoeletronica.com.br/economizaragua/imagens/icones/conheca-modelos.png);
	
}

#conheca_modelos span.hover {
	position: absolute;
	display: block;
	width: 303px;
	height: 24px;
	background: url(http://www.dracoeletronica.com.br/economizaragua/imagens/icones/conheca-modelos.png) no-repeat bottom;
	top: 0px;
	z-index: -1;
	left: 0px;
	right: 0px;

}

#botao-na-empresa{clear:both;position:relative;display:block;cursor:hand;z-index:0;height:33px;width:120px; background:url(economizaragua/botoes/botao-na-empresa.png) no-repeat 0 0;}
#botao-na-empresa span.hover{position:absolute;display:block;z-index:-1;height:33px;width:120px;background:url(economizaragua/botoes/botao-na-empresa.png) no-repeat bottom;left:0px;right:0px;}

#botao-em-casa{clear:both;position:relative;display:block;cursor:hand;z-index:0;height:33px;width:120px; background:url(economizaragua/botoes/botao-em-casa.png) no-repeat 0 0;}
#botao-em-casa span.hover{position:absolute;display:block;z-index:-1;height:33px;width:120px;background:url(economizaragua/botoes/botao-em-casa.png) no-repeat bottom;left:0px;right:0px;}

#botao-eco-torneira{clear:both;position:relative;display:block;cursor:hand;z-index:0;height:33px;width:120px; background:url(economizaragua/botoes/botao-eco-torneira.png) no-repeat 0 0;}
#botao-eco-torneira span.hover{position:absolute;display:block;z-index:-1;height:33px;width:120px;background:url(economizaragua/botoes/botao-eco-torneira.png) no-repeat bottom;left:0px;right:0px;}

#botao-eco-chuveiro{clear:both;position:relative;display:block;cursor:hand;z-index:0;height:33px;width:120px; background:url(economizaragua/botoes/botao-eco-chuveiro.png) no-repeat 0 0;}
#botao-eco-chuveiro span.hover{position:absolute;display:block;z-index:-1;height:33px;width:120px;background:url(economizaragua/botoes/botao-eco-chuveiro.png) no-repeat bottom;left:0px;right:0px;}

#botao-eco-descarga{	clear: both;position: relative;	display: block;	cursor: hand;	z-index: 0;	height: 33px;	width: 120px; background:url(economizaragua/botoes/botao-eco-descarga.png)no-repeat 0 0;	}
#botao-eco-descarga span.hover{position:absolute;display:block;z-index:-1;height:33px;width:120px;background:url(economizaragua/botoes/botao-eco-descarga.png) no-repeat bottom;left:0px;right:0px;}