@charset "utf-8";

/* scrolls */

#destacados, #novedades, #noticias, #noticiasGrande{
	border: 1px solid #f1f1f1;
	width:551px;	
	height:250px;
	margin-bottom:10px;
}


div.scrollable{
	height:200px;
	overflow:hidden; 
    position:relative;         
    width: 489px;
	float:left;
}

div.scrollable div.items{
    width:10000em;     
    position:absolute; 
} 

div.scrollable div.items div{
	float:left;
	margin-left:3px;
    width:159px; 
    height:200px;

}



div.scrollable div.items div img:hover{
	border: solid 1px #AAA;
}


div.scrollable div.items div img{
	border: solid 1px #e9e9e9;
}

div.scrollable div.items div p{
	width: 157px;
	text-align:center;
}

#noticiasGrande div.items div{
	width:483px; 
}

/* noticias grande */

#noticiasGrande h4{
	text-transform:uppercase;
	color:#313131;
	
	float:left;
	display:inline-block;
	width:400px;	
}

#noticiasGrande span.fecha{
	text-align:right;
	margin-right:2px;
	clear:right;	
	float:right;	
	display:inline-block;
	width:70px;	
}

#noticiasGrande p{
	text-align:left;	
	float:left;
	display:inline-block;
	width:400px;	

}

#noticiasGrande a.linkBox  { 	
	float:right;
	display:inline-block;
	width:70px;	
	text-align:right;
	margin:0px;
}

/* noticias  */

#noticias{
	height:280px;	
}

#noticias div.scrollable{
	height:280px;	
}

#noticias h4{
	text-transform:uppercase;
	color:#313131;	
	float:left;
	margin-right: 2px;
	padding-left: 5px;
}

#noticias span.fecha{
	margin-right: 5px;
	margin-left: 5px;
}

#noticias p{
	text-align:left;
	margin-right: 5px;
	margin-left: 5px;
}

#noticias a.linkBox  { 	
	float:none;
}


/* Cabeceras de los scrollers */
div.linkContainer{
	background-color:#f1f1f1;
	height:20px;	
}

#destacados div.linkContainer, #novedades div.linkContainer{
	height:27px;
	margin:3px; 
}

#destacados div.linkContainer{
	background-color:#fff; 
}

div.linkContainer a.linkB{
	width: 160px;
	padding: 4px 0px 2px 24px;
	background-color:#FFF;
	display:block;
	float:left;
}

div.linkContainer a.linkA{
	color:#d90000;
	font-size:12px;
	margin-left:40px;
	padding:3px 3px 3px 3px;
	width:188px;
	display:block;
	float:left;
	border-right: 3px solid #fff;
}


#destacados div.linkContainer a.linkB{
	background-color:#f1f1f1;
}

#destacados a.linkA, #destacados a.linkB, #novedades a.linkA, #novedades a.linkB{
	height:22px;
}

#destacados div.scrollable div.items div a img, #novedades div.scrollable div.items div a img{
	height: 157px;
	width: 157px;
	display: inline-block;	
}

#destacados a.linkA, #novedades a.linkA{
	background-image: url(/css/img/pic-destacado.gif);
	background-repeat:no-repeat;
	background-position: 80% 55%;
}

#destacados a.linkB, #novedades a.linkB{
	background-image: url(/css/img/pic-novedad.gif);
	background-repeat:no-repeat;
	background-position: 75% 50%;
}


/* Botones de navegación lateral */
a.prev, a.next {
	display:inline-block;
	float:left;
	margin-top: 70px;
	width:7px;
	height:14px;	
	cursor:pointer;
}

a.prev{	
	margin-left: 14px;
	margin-right: 11px;
	background:url(/css/img/btnPrev.gif) no-repeat;	
}

a.next{	
	margin-left: 14px;
	background:url(/css/img/btnNext.gif) no-repeat;	
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}


/* Navegación */
div.navi {
	margin-top:6px;
	margin-left:250px;
	width:200px;
	height:20px;
}


div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/css/img/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

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

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


/****************************************************/
















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */