#imgPhoto {
  border: 1px solid #c5530f;
  padding: 9px;
  display: block;
  max-width: 580px;
  width:expression(document.body.clientWidth > 580? "580px": "auto" );
  max-height: 450px;
  height:expression(document.body.clientHeight > 450? "450px": "auto" );
  margin-bottom: 20px;
}

#imgDida {

}

#imgPhoto2 {
  border: 1px solid #c5530f;
  padding: 9px;
  display: block;
  max-width: 400px;
  width:expression(document.body.clientWidth > 400? "400px": "auto" );
  max-height: 400px;
  height:expression(document.body.clientHeight > 400? "400px": "auto" );
  margin-bottom: 20px;
}

#imgPhoto3 {
  border: 1px solid #c5530f;
  padding: 9px;
  display: block;
  max-width: 300px;
  width:expression(document.body.clientWidth > 300? "300px": "auto" );
  max-height: 300px;
  height:expression(document.body.clientHeight > 300? "300px": "auto" );
  margin-bottom: 20px;
  margin-left: 20px;
}

#image-list {
	width: 450px;
	/*border: 1px solid #000;*/
}

#miniatura {
	width: 60px;
	height: 60px;
	margin-right:6px;
	margin-bottom: 6px;
  border: 1px solid #c5530f;
  padding: 3px;
}

#miniatura2 {
	width: 60px;
	height: 60px;
  border: 1px solid #c5530f;
  padding: 3px;
  margin-top:-4px;
}

#miniatura-container {
	width: 68px;
	height: 83px;
	margin-right:6px;
	margin-bottom: 6px;
  border: 1px solid #c5530f;
  padding: 3px;
  padding-top: 7px;
  float: left;
  text-align: center;
}

#miniatura-container2 {
	width: 403px;
	height: 64px;
	margin-right:6px;
	margin-bottom: 10px;
  border: 1px solid #c5530f;
  padding: 3px;
  padding-top: 7px;
  float: left;
  text-align: left;
  background-color:#feefde;
}

#miniatura span { display: none; }

#miniatura a {
  float: left;
  display: block;
  height: 15px;
  width: 25px;
  margin: 0 3px 0 0;
  border: 1px solid #c5530f;
}
#miniatura.active a, #miniatura li a:hover { 
  background: #DAE2E7; 
  border: 1px solid #C4A89A; 
  color: #2A6C7F;
}
.clear-images { clear: left; height: 1em; }