* {margin:0; padding: 0; border:0;}
#gallery {
	position:relative; 
	height:306px; 
	width:995px;  
    }
    
#images {
	height:306px; 
	background:#eef5f6; 
	}
	
#image {
	position:relative; 
	width:1000px; 
	height:306px; 
	background:#282828 url(images/loading.gif) center center no-repeat; 
}

#image img {
	position:absolute; 	
	width: 995px;
	height:306px; 
	left: 3px;

}

#thumbwrapper {
	width:1000px; 
	position:relative;
	height:0px;
	float:left;
}


#thumbarea{
	position:relative; 
/*	overflow:hidden; */
	width:996px;
	z-index:400;
	margin-top:-20px;
	height: 20px; 
   	opacity:0.7; 
	filter:alpha(opacity=70);
	font-size: 0.7em;
}

#thumbarea:hover{
    background:#480000;
/*	overflow:hidden; */
	width:1000px;
	height: 20px; 
	z-index:400;
	opacity:0.7; 
	filter:alpha(opacity=70);
}

#thumbs {
	position:relative; 
	list-style:none; 
	margin-left:5px;
/*	width:85px; */
/*    padding: 2px 0 0 0; */

}

#thumbs li {
	margin-top:3px;
	float:left; 
	margin-left:2px;  
	cursor:pointer;
}

#thumbs li a{
    font-weight:bold;
	text-decoration: none;
	padding: 0 5px 0 5px;
	color:#fff;
    background:grey;
}
#thumbs li{
    color:#000;
    background:#585858;
}

#thumbs li a.activo{
    color:#000;
    background:#cacaca;
}
#thumbs li a:hover{
    color:#000;
    background:#fff;
}
.imgnav {
	position:absolute; 
    float:left;
	width: 50px; 
	outline:none; 
	cursor:pointer;
    text-align:center;
}


#controles{
	list-style:none;
	float:left;
	margin-left: 4px;
	width:50px;
}
#controles li {
    float:left;    
	cursor:pointer;
}

#controles li a{
    margin-top:3px;
    font-weight:bold;
	text-decoration: none;
    color:#fff;
	background:#585858;
}
#previmg {
	text-decoration:none;
	color:#ccc;
}

#previmg:hover {
	color:#000;
    background:#CC9966;
}

#nextimg {
    margin:0 0 0 57px;
	text-decoration:none;
	color:#ccc;
}
#nextimg:hover {
	color:#000;
    background:#CC9966;
}