/* CONTAINER */

BODY {
background-color:#FFC;
background-image:url(imagenes/boton1.jpg);
} 
		#container {
			width: 800px;
			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
			color: #666;
			line-height: 1.6em;
		}
		
		table{
			font-size:11px;
		}
		
/* GENERAL MOJO AND MULA */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size: 32px;
			color:#660000;
			margin-bottom: 30px;
		}
		
		h2 {
			color: #660000;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		a {
			color:#660000;
			text-decoration: none;
		}

		a:hover {
			color:#FF0000;
			background-color:#99FF66;
		}
		
		input {
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
		p {color:#000000;}
		
		
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 4px solid #948979;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
		}
		

		/* the slogan */
		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			font-size:14px;
			
		}

/* NAVIGATION ELEMENTS 
	
		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 140px;
		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}

		#navigation a:link, #navigation a:visited {
			color:#660000;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #000000 url(arrow.gif) 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#FF0000;
			font-weight:bold;
		}

		 #submenu ul {
			margin-left: 15;
			padding-left: 15;
			list-style-type:none;			
			float:none;
			width:auto;
			color:#000000;
		}
		
		#submenu a {
			display:inline;
			padding:none;
			border-bottom: none;
			color:#000000;
			font-size:9px;
			margin-left:15px;
			width:125px;
		}
		
		#submenu a:hover {
			background:none;
			background-color:none;
			color:#000000;
			font-weight:bold;
		}
		
		#submenu a:link, #submenu a:visited {
			color:#000000;
			text-decoration: none;
		}
		
*/

/* THE SMALL BOX BELOW NAV */

/*		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		
*/
		
/* CONTENT ELEMENTS */

		#content {

			margin-left: 180px;
			width: 620px;
			margin-right: 0px;
			text-align:justify;
		}
		
		#content p {
			padding-bottom: 10px;
		}



		
		
		
#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterImageContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterImageContainer.grey { border: 3px solid #888888; }
	#lbOuterImageContainer.red { border: 3px solid #DD0000; }
	#lbOuterImageContainer.green { border: 3px solid #00B000; }
	#lbOuterImageContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterImageContainer.gold { border: 3px solid #B0B000; }

#lbImageDataContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbImageDataContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbImageDataContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbImageDataContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbImageDataContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbImageDataContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbImageData { padding: 0 10px; }
	#lbImageData.grey { color: #333333; }
	#lbImageData.red { color: #620000; }
	#lbImageData.green { color: #003300; }
	#lbImageData.blue { color: #01379E; }
	#lbImageData.gold { color: #666600; }

#lbImageDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }
		
		
		
		
#menu{
	float:left;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	width:140px;
	}
#menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	border:thin;
	}
	
	#menu li{
		float:none;
		padding:0px;
		}
	#menu li a{
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		#menu li a:hover, #menu ul li:hover a{
			background:#9C9 url("arrow.gif") center left no-repeat;
			text-decoration:none;
			
			}
	#menu li ul{
		display:none;
		height:auto;
		padding-left:20px;
		margin:0px;
		border:0px;
		width:200px;
		position:relative;
		z-index:200;
		float:right;
		}
	#menu li:hover ul{
		position:absolute;
		display:none;
		}
		
	#menu li:hover ul{
		display:block;
		position:absolute;

		}
		
	#menu li li {
		display:block;
		background:#9F9;
		margin:0px;
		padding:0px;
		width:200px;
		padding-right:0px;
		}
	#menu li:hover li a{
		background:none;
		
		}
	#menu li ul a{
		display:block;
		height:auto;
		margin:0px;
		text-align:left;
		}
		#menu li ul a:hover, #menu li ul li:hover a{
			background:#9FF url('arrow.gif') center left no-repeat;
			border:1px;
			text-decoration:none;
			}
	#menu p{
		float:left;
		margin-top: 40px;
		padding: 5px;
		border-bottom: 1px dotted #CCC;
		border-top: 1px dotted #CCC;
		}	
/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			padding: 0px 5px 0px 5px;
			background-color:#575352;
		}
		
		#footer p {
			color:#89817f;
			padding: 5px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}