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

html{
	letter-spacing: 2px;
}

html, body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #6A6A6A;
}

body *{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img{
	border: none;
	margin: 0;
	padding: 0;
}

#contenedor{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	table-layout:fixed;
	}
	
	#logo{
		position: relative;
		margin: 20px;
		z-index: 20;
		}
		
	#menu{
		position: relative;
		margin: 0 20px 0 20px;
		padding: 0;
		width: 228px;
		height: 435px;
		background-color: #FFFFFF;
		z-index: 70;
		}
		
	#menu.menu_video{
		}
		
		#menu a{
			color: #6A6A6A;
			text-decoration: none;
			}
		
		#menu a:hover{
			color: #576C0F;
			font-style: italic;
			}
		
		#menu h1{
			font-size: 24px;
			border-top: 1px dotted #6A6A6A;
			border-bottom: 1px dotted #6A6A6A;
			margin: 0;
			padding: 0px 0px 3px 0px;
			color: #576C0F;
			}
		
		#menu ul{
			list-style: none;
			height: 325px;
			width: 228px;
			overflow: hidden;
			position: relative;
			margin: 0 0 0 28px;;
			padding: 0;
			}
		
		#menu #cont_ul{
			position: relative;
			margin: 22px 0 0 0;
			padding: 0;
			display: block;
			}
		
			#menu #cont_ul .jScrollPaneTrack{
				position: absolute;
				left: 0;
				}
		
		#menu.menu_video ul{
			}
		
			#menu ul li{
				list-style: none;
				margin: 7px 0 7px 0;
				}
		
			#menu ul li:first-child{
				margin: 0 0 7px 0;
				}
		
			#menu ul li:last-child{
				margin: 7px 0 0 0;
				}
		
			#menu ul li form{
				margin: 0;
				padding: 0;
				}
		
			#menu ul li input{
				color: #6A6A6A;
				margin: 0;
				padding: 0;
				letter-spacing:1px;
				cursor: pointer;
				text-align: left;
				}
		
			#menu ul li.actual input{
				color: #576C0F;
				font-style: italic;
				margin: 0;
				padding: 0;
				}
		
			#menu ul li.actual2 input{
				color: #576C0F;
				font-style: italic;
				margin: 0;
				padding: 0;
				}
		
		#menu img{
			margin: 0;
			padding: 0;
			}
		
		#menu #ops{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			}
		
			#menu p{
				line-height: 14px;
				margin: 4px 0;
				padding: 0;
				font-weight: bold;
				}
		
			#menu #ops a{
				margin-left: 15px;
				font-weight: normal;
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: 12px;
				}
			
			#menu hr.home{
				width: 100%;
				height: 1px;
				border: 1px solid #ffffff;
				border-bottom: 1px dotted #999999;
				margin: 0;
				padding: 0;
				}
	
	div#imagen{
		position: relative;
		width: 843px; /* ancho de la imagen */
		height: 412px; /* alto de la imagen */
		overflow: hidden;
		/*margin-left: 268px;*/
		margin: 0;
		padding: 0;
		z-index: 0;
		}
	div#imagen.video{
		width: 401px; /* ancho de la imagen */
		height: 370px; /* alto del vídeo (320) + alto del reproductor (50) */
		}
		
		#pantalla{
			position: relative;
			width: 843px; /* ancho de la imagen */
			height: 412px; /* alto de la imagen */
		}

		#flechas{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 9000;
			width: 843px; /* ancho de la imagen */
			height: 412px; /* alto de la imagen */
			}
			
				.flecha_izq{
					position: absolute;
					top: 0;
					left: 0;
					z-index: 5;
					width: 309px;
					height: 412px;
					}
				.flecha_der{
					position: absolute;
					top: 0;
					right: 0;
					z-index: 5;
					width: 309px;
					height: 412px;
					}
			
				.flecha_izq img{
					position: absolute;
					top: 200px;
					left: 47px;
					display: none;
					}
				.flecha_der img{
					position: absolute;
					top: 200px;
					right: 47px;
					display: none;
					}
				#imagen .flecha_izq img,
				#imagen .flecha_der img, 
				#imagen .flecha_izq a,
				#imagen .flecha_der a {
					border: none;
					}
	
			#imagen .sc_menu_gal li, 
			#imagen .sc_menu_gal li a{
				position: relative;
				border: none;
				margin: 0 32px 0 0;
				padding: 0;
				z-index: 30;
				}
	
			#imagen img{
				position: relative;
				display: inline;
				margin: 0;
				padding: 0;
				z-index: 10;
				}
				
				#zoom{
					position:absolute;
					top: 3px;
					right: 224px;
					z-index: 999999;
					overflow:hidden;
					cursor: pointer;
					width:24px;
					height:22px;
					}
				
				#pause{
					position:absolute;
					top: 136px;
					left: 222px;
					z-index: 999999;
					overflow:hidden;
					cursor: pointer;
					width:399px;
					height:32px;
					}
	.lista_bg{
		background-color: #E8E8E8;
		border-top: 1px dotted #A2A2A2;
		border-bottom: 1px dotted #A2A2A2;
		padding: 8px 0;
		margin: 10px 0;
	}
	#lista{
		position: relative;
		width: 850px;
		height: 106px;
		/* Add scroll-bars */
		overflow: auto;
		margin: 0;
		display: block;
		}
	#lista.lista_video{
		height: 156px;
		}
	div.sc_menu {
		/* Set it so we could calculate the offsetLeft */
		position: relative;
		width: 100%;
		height: 105px;
		/* Add scroll-bars */
		overflow: auto;
		background-color: #E8E8E8;
		border-top: 1px dotted #A2A2A2;
		border-bottom: 1px dotted #A2A2A2;
		padding: 8px;
		margin: 10px 0 0 0;
	}
		ul.sc_menu,
		ul.sc_menu_gal {
			display: block;
			height: 101px;
			/* Max width here, for users without Javascript */
			width: 150000px;
			padding: 0;
			/* Remove default margin */
			margin: 0 0 0 8px;
			background: url('navigation.png');
			list-style: none;
		}
		.video ul.sc_menu,
		.video ul.sc_menu_gal {
			/* Max width here, for users without Javascript */
			width: 401px;
		}
		.sc_menu li,
		.sc_menu_gal li {
			display: block;
			float: left;
			padding: 0;
			margin: 0 10px 0 0;
			border: 1px solid #000000;
		}
		.sc_menu a,
		.sc_menu_gal a {
			display: block;
			text-decoration: none;
			border: 1px solid #ffffff;
		}
		.sc_menu span,
		.sc_menu_gal span {
			/* We want a caption to display on the next line */
			display: block;
			margin-top: 3px;
			text-align: center;
			font-size: 12px;
			color: #fff;
		}
		.sc_menu span,
		.sc_menu_gal span {
			display: none;
			margin-top: 3px;
			text-align: center;
			font-size: 12px;
			color: #fff;
		}
		.sc_menu a:hover span,
		.sc_menu_gal a:hover span {
			display: block;
		}
		.sc_menu img,
		.sc_menu_gal img {
			/* Bordes redondeados */
			/*
			border: 3px #fff solid;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			*/
		}
		.sc_menu a:hover img,
		.sc_menu_gal a:hover img{
			filter:alpha(opacity=50);
			opacity: 0.5;
		}