/*--------------------------------------------------------------- root element for the scrollable*/
	
	
/*------------------------------------------- carrusel superdestacados */	
	
#contenido.layout_none #scroll_destacados1 {
	margin: 0;
	padding: 0;
	position: relative;
	width: 795px;
	height: 693px;
	display: block;
	margin-left: 0px;
	float: left;
}

#contenido.layout_left #scroll_destacados1 {
	padding: 0;
	position: relative;
	width: 692px;
	height: 420px;
	display: block;
	margin: 0 0 15px 0;
	float: left;
	/*background-color: #F96;*/
}
#contenido.layout_none .scrollable1, #contenido.layout_left .scrollable1  {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 795px;
	height: 693px;
}
#contenido.layout_left .scrollable1 {
	width: 692px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable1 .items {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}
.items div {
	float: left;/*	width:940px;*/
}
#contenido.layout_none .sombra, #contenido.layout_left .sombra {
	/*background-image: url("images/sombra_superdestacados.png");*/
	background-position: left top;
	background-repeat: repeat-x;
	display: block;
	height: 30px;
	position: absolute;
	left: -6px;
	top: -6px;
	width: 992px;
	z-index: 1;
}
#contenido.layout_left .sombra {
	width: 692px;
}
/* active item */
.active {
	/*	border:2px solid #000;*/
	position: relative;
	cursor: default;
}
/*------------------------------------------- carrusel destacados */


/*----------------------- PORTADAS */

#scroll_destacados2 {
	margin: 0;
	padding: 0;
	position: relative;
	width: 960px;
	height: 380px;
	display: block;
	margin-left: 16px;
	float: left;
	/*background-color: #CF3;*/
	margin-bottom: 20px;
}
.scrollable2 {
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 380px;
}
 .scrollable2 .items  {
	width: 20000em;
	position: absolute;
	clear: both;
}
#contenido.layout_none .destacados_xl {
	/* padding: 5px 20px 0;*/
	padding: 0;
	margin: 0;
	width: 900px;
}
#contenido.layout_none .destacados_xl ul {
	/* padding: 5px 20px 0;*/
	padding: 0;
	margin: 0 0 0 33px;
	width: 900px;
}
#contenido.layout_none .destacados_xl li {
	display: block;
	float: left;
	height: 380px;
	list-style-position: outside;
	list-style-type: none;
	/*    margin: 10px 10px 0 0;
    padding: 10px 22px 0 0;*/

	margin: 0;
	padding: 0;
	width: 275px;
	margin-right: 35px;
}
.destacados_xl li.ultimo {
	background-image: none;
	margin-right: 0 !important;
	padding-right: 0 !important;
}
/*----------------------- SUBPORTADAS */

#contenido.layout_left #scroll_destacados2 {
	margin: 0;
	padding: 0;
	position: relative;
	width: 660px;
	height: 380px;
	display: block;
	margin-left: 16px;
	float: left;
	/*background-color: #CF3;*/
	margin-bottom: 20px;
}
#contenido.layout_left .scrollable2 {
	position: relative;
	overflow: hidden;
	width: 660px;
	height: 380px;
}
#contenido.layout_left .destacados_xl {
	/* padding: 5px 20px 0;*/
	padding: 0;
	margin: 0;
	width: 600px;
}
#contenido.layout_left .destacados_xl ul {
	/* padding: 5px 20px 0;*/
	padding: 0;
	margin: 0 0 0 33px;
	width: 600px;
	background-color: #F33
}
#contenido.layout_left .destacados_xl li {
	display: block;
	float: left;
	/*height: 380px;*/
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 275px;
	margin-right: 25px;
}
/*--------------------------------------------------------------- PUNTOS NAVEGACIÓN */

#contenido.layout_none .ptos_superdestacados, #contenido.layout_left .ptos_superdestacados {
	margin-left: 0px;
	width: 290px;
	position: absolute;
	right: 20px;
	top: 660px;
	margin-top: 0px;
	z-index: 10;
	text-align: left;
}
#contenido.layout_left .ptos_superdestacados {
	right: 50px;
	top: 330px;
}
#contenido.layout_none .ptos_destacados, #contenido.layout_left .ptos_destacados {
	margin-left: 0px;
	width: 290px;
	position: absolute;
	right: 50px;
	top: -52px;
	margin-top: 0px;
	z-index: 10;
	text-align: left;
}
#contenido.layout_left .ptos_destacados {
	right: 0px;
}
.navi {
	right: 0px;
	position: absolute;
}
/* items inside navigator */
.navi a {
	width: 25px;
	height: 25px;
	float: left;
	margin: 0px;
	background: url(images/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
	text-align: right;
	margin-right: 2px;
}
/* mouseover state */
.navi a:hover {
	background-position: 0 -25px;
}
/* active state (current page state) */
.navi a.active {
	background-position: 0 -50px;
}
/*--------------------------------------------------------------- BOTONES */


/* this makes it possible to add next button beside scrollable */
.scrollable {
/*	float:left;*/
}
/*  botones HORIZONTALES   ---------------------  prev, next, prevPage and nextPage buttons */
a.browse {
	display: block;
	width: 44px;
	height: 680px;
	cursor: pointer;
	margin: 6px 0 0 -1px
}
#contenido.layout_left #destacados1 a.browse {
	height: 400px;
	margin-top: -20px !important;
}
/* right */
a.right {
	margin-right: 0px;
	position: absolute;
	right: 0;
	z-index: 100;
	margin: 6px 0;
}
a.right:hover {
	background-position: -44px 0px;
}
a.right_flecha2:hover {
	background-position: -30px 0px;
}
a.right_flecha2 {
	background: url(images/navegacion_scrollable2_sig.png) no-repeat;
	background-position: 0 0px;
	right: 0px;
	width: 30px;
	height: 380px;
	margin: 0px;
}
/*a.left {
	margin-left: 0px;
}
a.left:hover {
	background-position:-30px 0;
}
*/



/* left */
a.left {
	margin-right: 0px;
	position: absolute;
	left: 0px;
	z-index: 100;
}
a.left:hover {
	background-position: 0px 0px;
}
a.left_flecha2 {
	background: url(images/navegacion_scrollable2_ant.png) no-repeat;
	background-position: -30px 0;
	width: 30px;
	height: 380px;
	margin: 0px;
}
/*   botones VERTICALES   ---------------------  up and down */
/*a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}


a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }


a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 
*/

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