html {height: 100%;overflow: hidden !important;}
body {
	margin: 0 !important;
	padding: 0 !important;
	background: url(../img/bg_v.png) top right no-repeat #E2E5EF !important;
	height: 100%;
}

.ui-layout-container {
	border: none !important;
	margin: 0 !important;
	width: 100%;
	min-height: 1%;
	overflow: hidden;
	height: 100%;
}

.ui-layout-east{
	background: url(../img/fondo_visor.png) !important;
	border: none !important;
	-webkit-box-shadow: inset 0px 2px 5px 0px #111111;
	-moz-box-shadow: inset 0px 2px 5px 0px #111111;
	box-shadow: inset 0px 2px 5px 0px #111111; 
	width: 13%; 
	float: right;
	overflow: auto;
	/*min-height: 82% !important;
	height: 82% !important;*/
	/*padding: 10px;*/
}

#secciones {
	width: 100% !important;
}

label {
	display:inline !important;
}

.ui-layout-east ul{
	margin: 0;
	padding: 0;
	text-align: center;
}

.ui-layout-east ul li {
	list-style: none;
	margin: 15px 0 15px 0;
	cursor: pointer;
}
.ui-layout-east .cliche {	
	font: bold italic 14px Georgia, Verdana;
	color: #f4f4f4;
	text-shadow: 0px 1px 0px #111;
	box-sizing: initial !important;
	text-align: center;
	border-bottom: none !important;
    border-top: none !important;
    text-transform: none;
}
.ui-layout-east ul li.activo img, .miniaturaActiva img {	
	-webkit-box-shadow: 0px 0px 10px 0px #22b7f2;
	-moz-box-shadow: 0px 0px 10px 0px #22b7f2;
	box-shadow: 0px 0px 10px 0px #22b7f2; 
}
.ui-layout-east ul li img:hover {
	opacity:0.6; 
}

.miniaturaEncarteActiva img{
	-webkit-box-shadow: 0px 0px 10px 0px #22b7f2;
	-moz-box-shadow: 0px 0px 10px 0px #22b7f2;
	box-shadow: 0px 0px 10px 0px #22b7f2; 
}
	
.nombreEncarte {
	font: bold italic 14px Georgia, Verdana;
	color: #f4f4f4;
	padding: 5px;
	text-shadow: 0px 1px 0px #111;
}

#miniaturas {
	overflow: auto;
	margin-bottom: 150px;
}

.ui-layout-resizer-east { background: #ccc !important; }

.ui-layout-center{ 
	 margin: 10px auto;
	 width: 87%; 
/*	 height: 100%; */
	/* min-height: 100%;*/
	 border: none !important; 
	 overflow:hidden !important; 
 }
 
 .ui-layout-center.ancho_visor {
	margin: 0 !important;
	float: left !important;
	/*height: 100% !important;
	min-height: 100% !important;*/
}

#menu { margin: 7px auto !important; }
#menu.ancho_quiosco { width: 960px; ; }

#menu .header-title {
		border-bottom: 1px solid #ccc;
		margin: 0;
		padding: 5px;
		min-height: 1%;
		overflow: hidden;
}
	#menu .header-title h1 {
		font: bold 14px Arial, sans-serif;
		margin: 0 !important;
		padding: 0 !important;
		z-index: 999 !important;
		position: relative !important;
		padding: 0 40px 0 5px !important;
		height: 31px;	
		line-height: 31px !important;
		color: #666;
		float: left;
		cursor: pointer;
		background: url(../img/flecha_data.png) no-repeat bottom right;
		text-shadow: 0px 1px 0px #ffffff;
	}
	
	#menu .header-title .fecha {
		font: 14px Arial;
		color: #666;
		display: block;
		float: left;
		padding: 8px 0 0 10px;
	}

	.opciones_visor {
		margin: 0 5px 0 5px;
		padding: 0;
		min-height: 1%;
		overflow: hidden;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; 
	    border: 1px solid #ABABAB;
	    float: left;
		
	}
	.opciones_visor li {
		border-left: 1px solid #fff;
	    border-right: 1px solid #ABABAB;
	   	background: #efefef;
		background: -moz-linear-gradient(top, #efefef 0%, #d8d8d8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#d8d8d8));
		background: -webkit-linear-gradient(top, #efefef 0%,#d8d8d8 100%);
		background: -o-linear-gradient(top, #efefef 0%,#d8d8d8 100%);
		background: -ms-linear-gradient(top, #efefef 0%,#d8d8d8 100%);
		background: linear-gradient(top, #efefef 0%,#d8d8d8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 );			    
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
	    color: #707070;
	    font-family: 'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    margin: 0;
	    /* padding: 2px 5px 2px 5px; */
	    outline: medium none;
	    text-align: center;
	    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	    list-style: none;
	    float: left;
	    position: relative;
	    height: 31px;
	}
	.opciones_visor li.activo{
		background: #e3e3e3; /* Old browsers */
		background: -moz-linear-gradient(top,  #e3e3e3 0%, #f6f6f6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e3e3e3 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e3e3e3 0%,#f6f6f6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e3e3e3 0%,#f6f6f6 100%); /* IE10+ */
		background: linear-gradient(top,  #e3e3e3 0%,#f6f6f6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */		
		box-shadow: none !important;
	}
	.opciones_visor li img { 
		width: auto !important; 
		margin: 0 !important;
		padding: 1px !important;
		opacity: 0.8;
		cursor: pointer;
	}
	.opciones_visor li:nth-last-child(1) { border-right: none !important; }
	.opciones_visor span {
		background: red;
		font: 10px Arial;
		color: #fff;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 5px 0px 0px 0px;
		border-radius: 5px 0px 0px 0px;
		padding: 1px 2px 1px 3px;
		bottom: -2px;
		right: 0px;
		position: absolute;
	}
	.opciones_visor .desactivado img {
		 opacity: 0.4 !important;
	}

	
	.der .opciones_visor .calendario {
		padding: 0 !important;
		margin: 0 !important;
		width: 100px;	
	}
		.opciones_visor .calendario a {
			padding: 0 !important;
			margin: 0 !important;
		}
		.opciones_visor .calendario #textoFecha {
			border-top: none !important;
			border-right: none !important;
			border-bottom: none !important;
			padding: 0 !important;
			margin: 0 !important;
			border-left: 1px solid #ABABAB;
			height: 31px;
			width: 70px;
			text-align: center;
			color: #707070 !important;
		    font-family: 'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;
		    font-size: 12px;
		    font-weight: bold;
		    float: right;
		    background: #fff !important;
		    display: block;
		    border-radius: 0 !important;
		    bottom: 0 !important;
		    position: auto !important;
		    right: 0 !important;
		    line-height: 30px !important;
		}
		
		.opciones_visor .calendario img { 
			float: left !important; 
			margin: 7px !important; 
			padding: 0 !important; 
		}
		

	#divSelectorSecciones { margin: 5px; }

	#menu .header-title .der a{
		float: left;
		margin: 5px 5px 5px 5px;
		/*position: relative;*/
		text-decoration: none;
	}
	#menu .header-title .der a img{ 
			/*width: 32px; */
			/*opacity:0.5;*/ 
			border: none;
	}
	#menu .header-title .der a img:hover{ opacity:1;  }
/*	#menu .header-title .der a span {	
		border: 1px solid #C00;
		-moz-border-radius: 60px;
		width: 15px;
		background-color: #C00;
		height: 13px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font: 11px Arial;
		color: #fff;
		text-align: center;
	}*/


.brd-der {
	border-right: 1px dotted #ccc;
	padding-right: 15px;
}
	
.izq { float: left; }
.der { float: right; }

#visor {
	height: 100%;
	min-height: 100%;
	position: relative;
	background: #eee;
	margin: 0 5px;
}

#imagenPagina {
	width:100%;
}

.smooth_zoom_preloader {
		background: transparent url(../img/cargaImagenPagina.gif) center center no-repeat;
		width:100%;
		height:100%;
}

#nav-atras{ position: absolute; top: 50%; left: 0px; cursor:pointer;}
#nav-adelante{ position: absolute; top: 50%; right: 20px; cursor:pointer;}

.visor_nav {
	position: absolute; 
	background: #000; 
	padding: 20px 5px 20px 5px; 
	display: none;
	z-index: 9999999;
}

#main
{
height: 500px;
z-index: 9999;
}


.header-title .izq {
    border: 1px solid #ccc;
   	background: #efefef;
	background: -moz-linear-gradient(top, #efefef 0%, #d8d8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#d8d8d8));
	background: -webkit-linear-gradient(top, #efefef 0%,#d8d8d8 100%);
	background: -o-linear-gradient(top, #efefef 0%,#d8d8d8 100%);
	background: -ms-linear-gradient(top, #efefef 0%,#d8d8d8 100%);
	background: linear-gradient(top, #efefef 0%,#d8d8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 );			    
	-webkit-box-shadow: inset 1px 1px 0px 0px #fff;
	-moz-box-shadow: inset 1px 1px 0px 0px #fff;
	box-shadow: inset 1px 1px 0px 0px #fff; 
    margin: 0;
    
    
    display: none;
}

.mostrar_ediciones {
		position:absolute;
		display: none;
		min-height: 1%;
		overflow: hidden;
		width: 650px;
		margin: 0 !important;
		padding: 8px;
		background: #fff !important;
		border: 1px solid #ccc !important;
		-webkit-box-shadow: 3px 3px 0px 0px #eaeaea;
		-moz-box-shadow: 3px 3px 0px 0px #eaeaea;
		box-shadow: 3px 3px 0px 0px #eaeaea; 
		z-index: 99 !important;		
		text-shadow: 0 1px 0 #FFFFFF;
		text-align:left;
}
	
	
.mostrar_ediciones ul { 
	margin: 0;
	padding: 0;
    float: left;
    width: 100%;
	min-height:1%;
	overflow:hidden; 
	list-style-type: none; 
}
	
	.mostrar_ediciones ul li { 
	  display:inline;
	  float: left;
	  width:46%;
	  margin:0 10px 0 10px;
	  padding: 6px 0 6px 0 !important;
	  border-bottom: 1px dotted #ccc;
	  font: 12px Arial;
  		text-align: left;
	}
	
	.mostrar_ediciones li a {	
		padding-left: 23px !important;
		font-size: 13px !important;
		color: #111 !important;
		text-decoration: none;
		color: #111;

		
	}
	
	.mostrar_ediciones li:hover { cursor: pointer; background: #f4f4f4 !important; }	
	
	.mostrar_ediciones strong {
		font: bold 12px Verdana;
		color: #666;
		margin-bottom: 5px;
		display: block;
	}

	
	.mostrar_ediciones .suplementos{ 
		margin: 15px 0 0 0 !important;
		padding-top: 10px !important;
	}

	.mostrar_ediciones div {
		margin: 5px;
		clear: both;
		min-height: 1%;
		overflow: hidden;
	}
	
	.mostrar_ediciones .leyenda {
		background: #eee;
		padding: 0;
		clear: both;
		margin: 20px 0 0 0;
		text-align: center;
	}
	
	.productoPendienteCompra {
		background: url(../img/cesto.png) top left no-repeat !important;
	}
	
	.productoRelacionado{
		background: url(../img/flecha_producto.png) top left no-repeat;
	}

	.productoComprado{
		background: url(../img/producto_comprado.png) top left no-repeat;
		font-weight: bold;
		color: #000 !important;
	}	
	
	.especialPendienteCompra {
			background: url(../img/estrella.png) top left no-repeat;
	}
	
	.clear { clear: both; }
	
	/*
	.mostrar_ediciones ul {
		margin: 0;
		padding: 0;
		list-style: none;
		min-height: 1%;
		overflow: hidden;
	}
	.mostrar_ediciones ul li {
		padding: 5px;
		font: 12px Arial;
	}

	.mostrar_ediciones ul li a {
		text-decoration:none !important;
		color: #111;
		text-shadow: 0px 1px 0px #ffffff;
	}
	.mostrar_ediciones ul li a:hover { color: #111 !important; }
	.mostrar_ediciones ul li a.productoPendienteCompra { color: #666; }
	.mostrar_ediciones ul li img { 
		border: 3px solid #eee;
		width: 125px; 
	}
	*/

.aperturaSeccion {font-size:14px;font-family:Sans-serif;font-weight:200;color:#EAFFED;white-space:nowrap; }
.continuacionSeccion {font-size:14px;font-family:Sans-serif;font-weight:200;color:#Ec004F;white-space:nowrap; }


/* Jquery Dialog Albums */


.ui-dialog{
	background: #eee !important;
}

.galleria-container{
	background: #111 !important;
}

#contenedor_multimedia{
	width: 730px !important;
	height: 430px !important;
	float:left;
}


#album{
	width: 100% !important;
	float: left; 
	display: block;
}

#playlist {
	margin-left: 10px;
	width: 110px !important;
	float: left;
	height: 430px !important;
	padding: 5px;
}

#video {
	width: 730px; 
	height: 430px; 
	float: left; 
	display: none;
}

.miniaturaMultimedia{
	width: 110px !important;
	border: 1px solid #ccc;
	cursor: pointer;
}
.galleria-container {
	height: 430px !important;
}

#barra_pasapasa{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		overflow: hidden;
		min-height:1%;
		padding: 0;
		box-sizing: initial !important;		   	
	
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top,  #cccccc 0%, #8e8e8e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#8e8e8e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cccccc 0%,#8e8e8e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cccccc 0%,#8e8e8e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cccccc 0%,#8e8e8e 100%); /* IE10+ */
background: linear-gradient(top,  #cccccc 0%,#8e8e8e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */

	    color: #707070;
	    font-family: 'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    margin: 0 3px 0 3px;
	    text-align: center;
	    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	    list-style: none;
	    float: left;	
		border: 1px solid #ABABAB;
		height: 31px;
}
	#barra_pasapasa div { padding: 8px 2px 7px 2px; }

	#barra_pasapasa img { border: none; }
	#barra_pasapasa .anterior {
		width: 25px;
		float: left;
		border-right: 1px solid #ddd;	
		cursor: pointer;	
	}	
	#barra_pasapasa .siguiente {
		width: 25px;
		float: left;
		border-left: 1px solid #ddd;
		cursor: pointer;
	}		
	#barra_pasapasa .paginasActivas {
		width: 65px;
		text-align:center !important;
		background: #fff;
		float: left;
		border-left: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
		height: 31px;
	}