/*************************************************************************/
/** CORPO ****************************************************************/
/*************************************************************************/
#corpo div#areaesquerda{
	position: absolute;
	top: 0px;
	left: 15px;
	width: 242px;
	height: 464px;
	padding: 0;
	background-color: #EFEFEF;
	background-image: none;
}

#corpo div#conteudo{
	position: absolute;
	top: 0px;
	right: 15px;
	width: 678px;
	height: 462px;
	background-color: #EFEFEF;
	border: 1px solid #EFEFEF;
}

/*************************************************************************/
/** AREA ESQUERDA ********************************************************/
/*************************************************************************/
#areaesquerda h1,
#areaesquerda h2,
#areaesquerda p{
	position: relative;
	float: left;
}

#areaesquerda h1{
	width: 237px;
	height: 28px;
	margin: 0 0 4px 0;
	padding: 20px 0 0 5px;
	line-height: 20px;
	background-image: url(../imagens/bg_ffffff_05.png);
}

#areaesquerda h2{
	width: 232px;
	margin: 12px 0 0 20px;
	font-size: 12px;
	font-weight: normal;
	color: #4C4C4C;
}

#areaesquerda p{
	width: 212px;
	margin: 10px 0 0 20px;
	color: #4C4C4C;
}

#areaesquerda div.menu_esquerdo,
#areaesquerda .menu_esquerdo div{
	position: relative;
	float: left;
	clear: both;
	width: 242px;
	margin: 0;
	padding: 0;
	font-size: 9px;
	color: #EFEFEF;
}

#areaesquerda .menu_esquerdo div{
	margin-bottom: 5px;
	background-image: url(../imagens/bg_ffffff_05.png);
}

#areaesquerda .menu_esquerdo span,
#areaesquerda .menu_esquerdo a,
#areaesquerda .menu_esquerdo a:active,
#areaesquerda .menu_esquerdo a:visited,
#areaesquerda .menu_esquerdo a:hover{
	display: block;
	width: 237px;
	margin-bottom: 2px;
	padding-left: 5px;
	line-height: 18px;
	color: #333;
	background-color: #EFEFEF;
	font-size: 10px;
	text-decoration: none;
}

#areaesquerda .menu_esquerdo a:hover{
	background-color: #E9E9E9;
}

#areaesquerda .menu_esquerdo a.active,
#areaesquerda .menu_esquerdo a.active:active,
#areaesquerda .menu_esquerdo a.active:visited,
#areaesquerda .menu_esquerdo a.active:hover{
	color: #FFF;
	background-color: #00A6CA;
}

#areaesquerda .menu_esquerdo span.mn1,
#areaesquerda .menu_esquerdo a.mn1,
#areaesquerda .menu_esquerdo a.mn1:active,
#areaesquerda .menu_esquerdo a.mn1:visited,
#areaesquerda .menu_esquerdo a.mn1:hover{
	font-size: 12px;
	line-height: 22px;
	background-image: url(../imagens/bg_ffffff_15.png);
}

/*************************************************************************/
/** CONTEUDOS ************************************************************/
/*************************************************************************/
#conteudo div#informacao{
	position:absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 445px;
	margin: 8px 0;
	padding: 0 10px 0 20px;
	overflow: hidden;
}

#informacao h1{
	position: relative;
	float: left;
	clear: both;
	width: 630px;
	margin: 0;
	padding: 0;
}

#informacao h1{
	padding-top: 11px;
	padding-bottom: 20px;
	line-height: 20px;
}

#informacao p{
	font-size: 10px;
	line-height: 14px;
	padding-top: 10px;
}

/*************************************************************************/
/** ITEMS ****************************************************************/
/*************************************************************************/
#informacao div.item{
	position: relative;
	float: left;
	clear: both;
	padding-bottom: 25px;
}

#informacao .item img,
#informacao .item div{
	float: left;
	clear: none;
}

#informacao .item img{
	margin-right: 10px;
}

#informacao .item h2,
#informacao .item p{
	float: left;
	clear: both;
	width: 630px;
	margin: 0;
	padding: 0;
}

#informacao .item p{
	padding-bottom: 10px;
}

#informacao .item h2{
	padding-bottom: 5px;
}

/** LOUCAS SANITARIAS ****************************************************/
#informacao .item.tipologia h2,
#informacao .item.tipologia p{
	width: 570px;
}

#informacao div.item.tipologia p{
	padding-bottom: 0;
}

#informacao div.item.saida h2,
#informacao div.item.saida p{
	width: 500px;
}

#informacao div.item.saida h2{
	margin-top: 15px;
}

#informacao .item.queda div{
	padding-top: 30px;
}

#informacao div.item.queda p{
	width: 475px;
}

#informacao div.item.poupanca p{
	padding-top: 15px;
}

/** MOVEIS ***************************************************************/
#informacao .item.materiais p{
	padding-bottom: 20px;
}

#informacao .item.acabamento h2,
#informacao .item.acabamento p{
	width: 490px;
}


/** HIDROMASSAGEM ********************************************************/
#informacao .item.massagem img,
#informacao .item.sistema img{
	margin-right: 15px;
}

#informacao .item.massagem h2,
#informacao .item.massagem p{
	width: 445px;
}

#informacao .item.sistema h2,
#informacao .item.sistema p{
	width: 495px;
}

#informacao .item.sistema.opcao h2,
#informacao .item.sistema.opcao p{
	margin-left: 132px;
}
/** CABINAS **************************************************************/
#informacao .item.programa h2,
#informacao .item.programa p{
	width: 345px;
}

#informacao .item.hidroterapia img{
	margin-right: 15px;
}

#informacao .item.hidroterapia h2,
#informacao .item.hidroterapia p{
	width: 495px;
}

/** TORNEIRAS ************************************************************/
#informacao .item.caracteristicas{
	padding-bottom: 15px; 
}

#informacao .item.garantia p,
#informacao .item.caracteristicas h2,
#informacao .item.caracteristicas p{
	width: 540px;
}

#informacao .item.last,
#informacao .item .last{
	margin-bottom: 0;
	padding-bottom: 0;
}

/*
#informacao div.item.saida{
	position: relative;
	display: block;
	float: left;
	clear: none;
	width: 200px;
	padding-right: 20px;
}

#informacao div.item.saida.last{
	padding-right: 0px;
}

#informacao div.item.saida img{
	position: relative;
	display: block;
	margin: 0 auto;
}

*/

/*************************************************************************/
/** OUTROS ***************************************************************/
/*************************************************************************/
.jspTrack{
  background-image: url(../imagens/bg_ambiente_jspVerticalBar.png);
}

.jspVerticalBar .jspArrowUp{
  background-image: url(../imagens/bg_ambiente_jspArrowUp.png);
  
}

.jspVerticalBar .jspArrowUp.jspActive{
  background-image: url(../imagens/bg_ambiente_jspArrowUp_ACTIVE.png);
}

.jspVerticalBar .jspArrowDown{
  background-image: url(../imagens/bg_ambiente_jspArrowDown.png);
  
}

.jspVerticalBar .jspArrowDown.jspActive{
  background-image: url(../imagens/bg_ambiente_jspArrowDown_ACTIVE.png);
  
}