* {
	margin: 0;
	padding: 0;
}
.clear:after{
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
.clear {
 display: inline-block;
}
* html .clear {
 height: 1%;
}
.clear{
 display: block;
}
#slider_value {
  float: left;
  width: 320px;
  margin: 20px 0px;
}
#slider_value h2 {
  font: 12px/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
} 
#slider_value .slider {
	background: url(slider.png) no-repeat 0;
	width: 300px;
	height: 30px;
	position: relative;
	top: 5px;
	left: 0;
}
#slider_value .block {
  margin: 8px;
  width: 300px;
}
.indicator {
	width: 30px;
	height: 30px;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
}
#slider_value .value {
	font-size: 12px;
	border: none;
	width: 30px;
	text-align: right;
}
#largura .indicator {
  background: url(red.png);
}

#altura .indicator {
  background: url(green.png);
}