.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;

	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/*tabla*/
#tabla_foto{
	width:700px ;
	padding-left: 40px;
}
#tabla_foto tr td{
	width: 350px;
	padding-left: 20px;
}
.sombra {
   float:left;
   background-color: #A7A7A7;
   margin: 10px 0 0 5px;
  
}

.sombra img {
   display: block;
   position: relative;
  background-color: #fff;


  margin: -6px 6px 6px -6px;
}

/*foto2*/
div.img-wrap { 
    /* Needed to keep the image from being set to float left in ie 7, but doesn't work for ie 6*/
    position: relative;
    /* This triggers the layout feature to contain the floated divs for the top and bottom borders */ 
    overflow: hidden; 
}

div.img-container {
    /* Keep the floated divs/image contained within */
    position: relative;
    float: left;
    overflow: hidden;
    /* this is the left side vertical border
       Set the color to transparent then include the image and have 
       it repeat vertically */
    background: transparent url(../../images/borde_foo_izq.png) repeat-y;
}

div.img-container img {
     /* Setting the padding equal to the border width for all sides 
        so the borders can be seen */
    padding: 6px;
    /* this is the right side vertical border
       Set the color to transparent then include the image and have 
       it repeat vertically and line up on the right side of the image */
    background: transparent url(/images/pic_frame_vertical.jpg) repeat-y right;
}


/*links*/
.td a:link {
	color: #584D4D;
	text-decoration:none;
	
}

.td a:visited {
	color: #584D4D;
	text-decoration:none;
}

.td a:active {
	color: #FFFFFF;
	text-decoration:none;
}

.td a:hover {
	color:red;
	text-decoration:none;
}