.seleccionados {
	position: relative;
	height: 492px;
}

.seleccionados li {
    margin-right: 19px !important;
}

#carousel_container {
	position: absolute;
	top:130px;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	height: 228px;
	width: 899px;
}
.centrado {
	margin-right: auto;
	margin-left: auto;
}
#carousel_inner {
	float:left; 
	width:775px; 
	overflow: hidden; 
}

#carousel_ul {
	position:relative;
	left:-187px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width:9999px; 
	padding-bottom:10px;
}

#carousel_ul li{
	float: left; 
}

#carousel_ul li img {
	.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
	cursor:pointer;
	cursor: hand; 
	border:0px; 
}
#left_scroll, #right_scroll{
	float:left; 
	height:62px; 
	width:62px; 
	margin-top: 86px;
}
#left_scroll img, #right_scroll img{
	/*styling*/
	cursor: pointer;
	cursor: hand;
}