* {
margin:0; 
padding:0
}

body,td,th,img {
font:12px Verdana, Arial, Helvetica, sans-serif;
 background: #000000
 
 
 	color: #009c7b;cursor:url("hoja1.cur"), default;

}
 
#gallery {
position:relative; 
width:686px; 
margin:40px auto; 
padding:10px; 
border:6px solid #000; 
background: #000000
}

#images {
height:225px; 
background:#eef5f6; 
margin-bottom:20px
}

#image {
position:relative; 
width:672px; 
height:375px; 
padding:5px;  
background: #000000 url(images/loading.gif) center center no-repeat
}

#image img {
position:absolute; 
top:5px; 
left:5px
}

#thumbwrapper {
margin-top:10px; 
padding:5px 0; 
width:682px; 
height:100px; 
}

#thumbarea {
position:relative; 
overflow:hidden; 
height:100px; 
width:682px; 
}
#thumbs {
position:absolute; 
list-style:none; 
margin-left:5px;
height:100px; 
width:10000px;
border-right:5px solid #000	
}
#thumbs li {
float:left; 
margin-right:5px; 
cursor:pointer
}
.imgnav {
	position:absolute;
	height:375px;
	width:20%;
	z-index:100;
	height:375px;
	width:20%;
	z-index:100;
	outline:none;
	cursor:pointer;
	top: 2px;
}

#previmg 
{
	left:-22px;
	background:url(images/left.gif) left center no-repeat;
	border-left:5px solid #000
}

#previmg:hover 
{
opacity:1; 
filter:alpha(opacity=100)
}

#nextimg {
	right:-22px;
	background:url(images/right.gif) right center no-repeat;
	border-right:5px solid #000
}

#nextimg:hover {
opacity:1; 
filter:alpha(opacity=100)}