@charset "UTF-8";
/* CSS Document */

.expstickybar{
	position:fixed;
	padding: 0px;
	right:0; /*horizontally center bar in window*/
	left:0; /*horizontally center bar in window*/
	visibility:hidden;
	z-index: 10000;
	width:auto; /*set width of bar to width of entire window*/
	font-weight:bold;
	}

.expstickybar a{
color: white;
}


#bar-container-content {
    -moz-box-shadow: 0 0 3px #000000;
    bottom: -140px;
    height: 312px; /* eliminar tamaño */
    position: fixed;
    width: 100%;
    z-index: 1000;}

	#bar-container {
			-moz-box-shadow: 0 4px 5px #000;
			-webkit-box-shadow: 0 4px 5px #000;
			border-color: #212121;
			border-style: solid;
			border-width: 1px 0;
			color: #000000;
			position: relative;
			
			background: #e3ddcd;
			background: -moz-linear-gradient(top, #e3ddcd 0%, #9b9586 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3ddcd), color-stop(100%,#9b9586));
			background: -webkit-linear-gradient(top, #e3ddcd 0%,#9b9586 100%);
			background: -o-linear-gradient(top, #e3ddcd 0%,#9b9586 100%);
			background: -ms-linear-gradient(top, #e3ddcd 0%,#9b9586 100%);
			background: linear-gradient(top, #e3ddcd 0%,#9b9586 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ddcd', endColorstr='#9b9586');
			}
	
		#bar-bar {
			cursor: pointer;
			height: 25px;
			line-height: 25px;
			margin: 0 auto;
			overflow: hidden;
			padding: 0;
					}
					
				#bar-controls {
					float: right;
					}
					
				.openclose {
					height: 25px;
					width: 25px;
					float: right;
				}
				
				.imgoc {
				background: url("../../_imagenes/portal/iconos2.png") no-repeat scroll -1px -15px transparent;
				height: 12px;
				width: 14px;
				}
				.imgoca {
				background: url("../../_imagenes/portal/iconos2.png") no-repeat scroll -1px -33px transparent;
				height: 12px;
				width: 14px;
				}
				
				
				.bar-text {
				border-color: #212121;
				border-style: solid;
				border-width: 0 1px;
				color: #08467B;
				float: left;
				font-family: 'fjalla_oneregular', Trebuchet MS;
				font-size: 18px;
				padding: 3px 10px 0 10px;
				margin: 0;
				text-shadow: 1px 1px 1px #E7DEC5;
				letter-spacing:1px;
				font-weight:normal;
				}
				
					

				
				.bar-text:hover {
					border-color: #212121;
					color: #fff;
					-moz-box-shadow: 0px 0px 5px #000;
					-webkit-box-shadow: 0px 0px 5px #000;

					
											background: #dbbc32; /* Old browsers */
											background: -moz-linear-gradient(top, #dbbc32 0%, #987a00 100%); /* FF3.6+ */
											background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbbc32), color-stop(100%,#987a00)); /* Chrome,Safari4+ */
											background: -webkit-linear-gradient(top, #dbbc32 0%,#987a00 100%); /* Chrome10+,Safari5.1+ */
											background: -o-linear-gradient(top, #dbbc32 0%,#987a00 100%); /* Opera 11.10+ */
											background: -ms-linear-gradient(top, #dbbc32 0%,#987a00 100%); /* IE10+ */
											background: linear-gradient(top, #dbbc32 0%,#987a00 100%); /* W3C */
											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbbc32', endColorstr='#987a00'); /* IE6-9 */										
						}

				.bar-titu {
					border: 0 none transparent;
					color: #08467B;
					float: left;
					font-family: 'fjalla_oneregular', Trebuchet MS;
					font-size: 18px;
					letter-spacing: 2px;
					margin: 0;
					padding: 3px 370px 0 0;
					text-shadow: 1px 1px 1px #E7DEC5;
								}
						

	
			#tray-container {
			background: none repeat scroll 0 0 rgba(247, 241, 228, 0.3);
			color: #FFFFFF;
			position: relative;
			}
			
			#tray-bar {
			height: 145px;
			margin: 0 auto;
			overflow: hidden;
			padding: 0;
			white-space: nowrap;
			}
			
			
			#slider-body {
				height: 103px;
				margin: auto;
				overflow: hidden;
				position: relative;
				}
				
					.slider-prev, .slider-next {
							-moz-border-radius: 0 0 0 0;
							border-width: 0;
							height: 103px;
							margin-top: 0;
							width: 28px;
					}
				
					.playlist-bar-tray-button {
							background: none repeat scroll 0 0 #666666;
							border-color: #555555;
							color: #FFFFFF;
							filter: none;
					}
					.slider-prev {
							float: left;
							border-top: 0 none transparent;
							border-bottom: 0 none transparent;
					}

					.slider-next, .slider-prev {
							border-top: 0 none transparent;
							border-bottom: 0 none transparent;
							height: 145px;
							width: 25px;
					}
					
					.button {
							background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
							background: -webkit-gradient(linear,left top,left bottom,from(white),to(#EFEFEF)); 
							filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=white,endColorStr=#EFEFEF);
							border: 1px solid #CCCCCC;
							color: #000000;
							cursor: pointer;
							overflow: visible;
							vertical-align: middle;
							white-space: nowrap;
					}
					
					.button-black {
							border: 1px solid #212121;
							color: #000000;
							cursor: pointer;
							overflow: visible;
							vertical-align: middle;
							white-space: nowrap;
							
			background: #e3ddcd;
			background: -moz-linear-gradient(top, #e3ddcd 0%, #9b9586 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3ddcd), color-stop(100%,#9b9586));
			background: -webkit-linear-gradient(top, #e3ddcd 0%,#9b9586 100%);
			background: -o-linear-gradient(top, #e3ddcd 0%,#9b9586 100%);
			background: -ms-linear-gradient(top, #e3ddcd 0%,#9b9586 100%);
			background: linear-gradient(top, #e3ddcd 0%,#9b9586 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ddcd', endColorstr='#9b9586');
					}
					.button-black:hover,.button-black:focus{
						border-color:#212121;
						background: #dbbc32; /* Old browsers */
						background: -moz-linear-gradient(top, #dbbc32 0%, #987a00 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbbc32), color-stop(100%,#987a00)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top, #dbbc32 0%,#987a00 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top, #dbbc32 0%,#987a00 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top, #dbbc32 0%,#987a00 100%); /* IE10+ */
						background: linear-gradient(top, #dbbc32 0%,#987a00 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbbc32', endColorstr='#987a00'); /* IE6-9 */										
						}
						
			.button-black:activo{		
				background: #987a00; /* Old browsers */
				background: -moz-linear-gradient(top, #987a00 0%, #dbbc32 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#987a00), color-stop(100%,#dbbc32)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #987a00 0%,#dbbc32 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #987a00 0%,#dbbc32 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #987a00 0%,#dbbc32 100%); /* IE10+ */
				background: linear-gradient(top, #987a00 0%,#dbbc32 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#987a00', endColorstr='#dbbc32' ); /* IE6-9 */
				}

					
					.button:hover,.button:focus{
						
						background:#f3f3f3;
						background-image:-moz-linear-gradient(top,#ebebeb,#ffffff);
						background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#ffffff));
						filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ebebeb,endColorStr=#ffffff);
						}

					.button:visited {
						border-color:yellow;
						background:red;
						background-image:-moz-linear-gradient(top,#000,red);
						background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#ffffff));
						filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ebebeb,endColorStr=#ffffff);
						}

					
					.slider-next {
						float: right;
						border-top: 0 none transparent;
						border-bottom: 0 none transparent;

						}
						
						.color-button {
						background: none repeat scroll 0 0 #666666;
						border-color: #555555;
						color: #FFFFFF;
						filter: none;}
						
						/* contenedor portadas */
					.slider-body {
							height: 145px;
					}
				
					.slider-body {
							margin: auto;
							overflow: hidden;
							position: relative;
					}
				
							#image-list { /*OL*/
								list-style: none outside none;
								margin: 0;
								padding: 0;}
								
								.image-item { /*LI*/
								display: inline-block;
								margin-right: 10px;
								margin-top: 5px;
								position: relative;
											}
									
									.image-item a { /*LI*/
										filter: none;
										opacity: 1;
										text-decoration: none;
										-moz-border-radius: 3px 3px 3px 3px;
										-webkit-border-radius: 3px 3px 3px 3px;
										background: none repeat scroll 0 0 #FFFFFF;
										border: 1px solid #D3D3D3;
										display: inline-block;
										overflow: hidden;
										padding: 4px;
										position: relative;
									}
									
									.shade-left, .shade-right {
												bottom: 0;
												position: absolute;
												top: 0;
												width: 10px;
										}
		
											.shade-left {
												background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0.2), transparent);
												background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, 0.2)),to(transparent));
												filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr="#30000",endColorStr="black00");
												}
											
											.shade-right { 
												background-image: -moz-linear-gradient(left,transparent,rgba(0, 0, 0, 0.2));
												background-image: -webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0, 0, 0, 0.2)));
												filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr="black00",endColorStr="#30000");}
												
											
												
												.shade-left {
													left: 0;
													}
													
												.shade-right {
													right: 0;
													}

											
									.image-item a img{ /*LI*/
										border: 0;
										}
										
										.playlist-bar-item .delete {
										-moz-border-radius: 0 0 0 0;
										-webkit-border-radius: 0 0 0 0;
										bottom: 39px;
										height: 21px;
										left: 78px;
										width: 21px;
										font-weight: normal;
										opacity: 0;
										overflow: hidden;
										padding: 0;
										position: absolute;
										white-space: normal;
										}
										
								
									.delete {
										-moz-border-radius: 0 0 0 0;
										-webkit-border-radius: 0 0 0 0;
										font-weight: normal;
										height: 21px;
										left: 72px;
										overflow: hidden;
										padding: 0;
										position: absolute;
										white-space: normal;
										width: 21px;
										cursor: pointer;
										top: 0;
										right: 0;
										}	
											
										
										.button-delete {
											position:absolute;
											left:6px;
											top:6px;
											width:10px;
											height:10px;
											background:no-repeat url("../../_imagenes/portal/favoritas/iconos2.png") -2px -1px;
										}
										
										.button-mas {
													background: url("../../_imagenes/portal/iconos2.png") no-repeat scroll 2px -49px #E3DDCD;
													height: 25px;
													left: 0;
													position: absolute;
													top: 0;
													width: 28px;
												}
										
										
										.arrow-left {
											background: url("../../_imagenes/portal/iconos2.png") no-repeat scroll -30px 0 transparent;
											height: 21px;
											width: 11px;
											}
											
										.arrow-right {
											background: url("../../_imagenes/portal/iconos2.png") no-repeat scroll -18px -26px transparent;
											height: 21px;
											width: 11px;
											}