/* position and dimensions of the navigator */
.navi {
height:20px;
margin:0 auto;
width:75px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

.scrollable {
height:480px;
overflow:hidden;
position:relative;
width:920px;
margin: 0 0 0 0;
}
.scrollable .items {
clear:both;
position:absolute;
width:20000em;
}
.items div {
float:left;
width:950px;
}
.scrollable .active {
border:2px solid #000000;
cursor:default;
position:relative;
}



.scrollable img.hover {
	background-color:#123;	
}


#promociones .texto{
float: left;
width: 425px;
height: 480px;
display: block;
}

.promocion h3 {
font-size:36px;
margin:15px 0 20px;
text-decoration:underline;
}

#promociones .imagen{
display: block;
width: 470px;
height: 480px;
margin: 0 20px 0 0;
position: relative;
}

#promociones .imagen img {
display:block;
}
#promociones .imagen .img_mask {
position:absolute;
z-index:2;
float: left;
}
#promociones .imagen .masked_img {
height:418px;
position: relative;
top:15px;
left: 19px;
width:418px;
z-index:1;
padding: 0;
}