.notCurrentStep{
	color: #b7b7b7;
	text-decoration: line-through;
}

.currentStep{
	font-weight: bold;
	color: #26affd;
}


.thumb{
	padding: 5px;
	background-color: #989b9b;
	background-image: none;
	margin-top: 10px;
	margin-right: 9px;
}

.nome{
	text-align: center;
}
.files{
	width: 700px;
}

.file{
	width: 700px;
}

#gallery{
	text-align: center;
}

#gallery .file{
	margin-left: -30px;
}

#gallery a{
	text-align: left;
	 text-decoration: none;
	 color: #000;
	 font-weight: bold;
}

#gallery a:hover{
	text-decoration: underline;
}

#upload .files{
	margin-left: -15px;
}

#sceltaCategoria .file{
	margin-left: -26px;
}

ul.file{
	text-align: center;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.file li { float: left; margin-right: 5px; margin-bottom: 20px; }

ul.file li div.description{
	text-align: center;
	position: relative;
	right: 7px;
}


a.submit{
	height: 30px;	
	width: 75px;
	background: coral;
	padding: 2px 4px;
}

div.button {
	height: 29px;	
	width: 133px;
	background: url(../images/button.png) 0 0;
	
	font-size: 14px;
	color: #26affd;
	text-align: center;
	padding-top: 15px;
}
/* 
We can't use ":hover" preudo-class because we have
invisible file input above, so we have to simulate
hover effect with javascript. 
 */
div.button.hover {
	background: url(../images/button.png) 0 56px;
	color: #26affd;	
}