/*--------------------------------------------------------------------------
Clic.com.mx
----------------------------------------------------------------------------
 File: promoReelStyles.css
 Author:   Gabriel Rosales Montes
 		   --> gabriel AT clic DOT com DOT mx <--
   		   http://www.clic.com.mx-
---------------------------------------------------------------------------		
 CSS styles for the front page promotions, apply to specific HTML tags
 CSS estilos para las promociones en el portada del web aplicados a etiquetas HTML.
--------------------------------------------------------------------------*/

#galleryFrontPromos{
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	border:1px solid white;
	width:654px;
	overflow:hidden;
	margin-left: -5px;
}
#slides{
	height:400px;
	width:654px;
	overflow:hidden;
}
.slide{
	float:left;
}
#menuFrontPromos{ }
ul.frontPromos {
	margin-left: 30px;
	list-style: none;
}

li.menuItem{
	width:60px;
	display:inline-block;
	list-style:none;
	/*height:45px;*/
	overflow:hidden;
	background:url(../img/frontPagePromoDisplays/img/posters_promocionales/menuFrameSprite.png) no-repeat;	
}

li.inact:hover{
	background:url(../img/frontPagePromoDisplays/img/posters_promocionales/menuFrameSprite.png) 0 -92px no-repeat;
}
li.inact:link{
	background:url(../img/frontPagePromoDisplays/img/posters_promocionales/menuFrameSprite.png) 0 -184px no-repeat;
}
li.menuItem {
	width: 141px;
	height: 92px;
	margin-right: 7px;
	padding-left: 7px;
}

li.act,li.act:hover{
	background:url(../img/frontPagePromoDisplays/img/posters_promocionales/menuFrameSprite.png) 0 -276px no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* Mientras mas pegado a la barra de la izquierda, mas cerca a la siguiente miniatura, lo usaré como separador */
	width:0px;
}

li.menuItem a{
	display:block;
	padding-top:10px;
	width: 130px;
	height: 80px;
}
li.menuItem img {
	margin-top: -4px;
}