.thermometerFondo
{
	
	text-align:center;
	position: relative;
	background:  #f3f3f3 url('../../img/DonacionFAFA2.png') no-repeat 50% 50% / contain ;
	height:100%;

}

#ObjetivoTermometro
{
	color:#000000;
	
	//margin: 0px 0px 0px 90px;
	font-size: 1.17em;
	font-weight: bold;
	
}

.content {
	
	text-align:center;
	//width:100%;
	//margin-left:42%;
	margin: 0px 0px 0px 42%;
}

.thermometer {
	
	position:relative;
	width:60px;
	height:300px;
	border:1px solid #aaa;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	    -ms-border-radius: 12px;
	     -o-border-radius: 12px;
	        border-radius: 12px;
	
	-webkit-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
	   -moz-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
	    -ms-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
	     -o-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
	        box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
}

.thermometer .track {
	
	height:280px;
	top:10px;
	width:20px;
	border: 1px solid #aaa;
	position: relative;
	margin:0 auto;
	background: rgb(255,255,255);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(1%,rgb(255,255,255)));
	background: -webkit-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background:      -o-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background:     -ms-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background:    -moz-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background:   linear-gradient(to bottom, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background-position: 0 -1px;
	background-size: 100% 5%;
}

.thermometer .progress {
	height:0%;
	width:100%;
	background: rgb(20,100,20);
	background: rgba(20,100,20,0.6);
	position: absolute;
	bottom:0;
	left:0;
}

.thermometer .goal {
	position:absolute;
	top:0;
}

.thermometer .amount {
	display: none;
	padding:0 5px 0 60px;
	border-top:1px solid black;
	font-family: Trebuchet MS;
	font-weight: bold;
	color:#333;
}

.thermometer .progress .amount {
	padding:0 50px 0 5px;
	position: absolute;
	border-top:1px solid #060;
	color:#060;
	right:0;
}


@media screen and (max-width: 800px) 
{
	
	#ObjetivoTermometro
	{
	color:#000000;
	
	margin: 0px 0px 0px 70px;
	font-size: 1.17em;
	font-weight: bold;
	
	}
	.content {
		margin:0px 0px 0px 42%;
	}
	.thermometerFondo
	{
		
		background:  #f3f3f3 url('../../img/DonacionFAFA2.png') no-repeat 50% 50% / contain ;
		position: relative;
	//	margin:0px 0px 0px 23%;
		width: 50%;
		min-width: 280px;
	}
	
}