.photoGallery {margin:0 auto;overflow:hidden;}
.photoViewerContainer {overflow:hidden;background-color:#EA671E;margin-bottom:20px;padding:2px;}
.photoContainer {width:368px;height:207px;text-align:center;float:left;}
.photoContainer img {border:0;}

.photoDescription {text-align:justify;}
.photoDescription > h1 {color:#EA671E;margin:10px 0 0 0;padding-bottom:5px;}
.photoDescription > p {min-height:3.7em;max-height:3.7em;overflow:auto;margin:0;}
.AlbumContainerDecoration {overflow:auto;height:207px;}

.albumContainer {margin-left:370px;background-color:#EA671E;}
.albumContainer .album_title {width:100%;margin:2px 0;}
.albumContainer .album_title span {background:#74B328 url(../images/vinetas/vineta.png) no-repeat 2px center;color:#000000;font-size:11px;display:block;padding:5px 0 5px 19px;text-decoration:none;cursor:pointer;}
.albumContainer .album_title span:hover {background:transparent url(../images/vinetas/ir_a_links_enviar_siguiente.png) no-repeat 2px center;color:#FFFFFF;}

/* box styling */
.box {width: 656px;height: 524px;position: absolute;display: none;}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
.box .close {position: absolute;left: 8px;top: 8px;cursor: pointer;height: 35px;width: 35px;text-decoration: none;}

/* overlay scrollable */
.images {position: absolute;overflow: hidden;margin: 50px;width: 557px;height: 400px;}

/* single image */
.images div.items div {float: left;width: 557px;height: 400px;margin-right: 30px;}

/* the tooltip */
.images div.items div.info {float: none;background: #333;color: #fff;font-size: 13px;margin-top: -137px;padding: 5px 75px;height: 125px;display: none;width: 490px;}
.images div.items div.info h3 {color: #cde;margin-top: 10px;}

/* override button style on the overlay */
.box div.navi {position: absolute;bottom: 33px;left: 50px;}
.box div.nextPage {left: 580px;}

.thumbnailContainer {background-color:#CCCCCC;margin-top:10px;overflow:hidden;width:477px;}
/* define background image for the expose mask */
.mask {background: #123 url(  '../images/scrollable/mask_gradient_1800.png' ) no-repeat;background-position: 50% -200px;}

/* general settings for both scrollables */
.thumbnailContainer .items {width: 20000em;position: absolute;clear: both;height:100%;}

/* next/prev buttons */
.thumbnailContainer .navi {background-image: url( '../images/scrollable/anterior.png' );width:16px;height:16px;float:left;margin-top:63px;margin-left:3px;}
.thumbnailContainer .navi:hover {background-image: url( '../images/scrollable/anterior_hover.png' );}
.thumbnailContainer .navi:active {background-image: url( '../images/scrollable/anterior_active.png' );}
.thumbnailContainer .nextPage {background-image: url( '../images/scrollable/siguiente.png' );clear:right;margin-left:0;}
.thumbnailContainer .nextPage:hover {background-image: url( '../images/scrollable/siguiente_hover.png' );}
.thumbnailContainer .nextPage:active {background-image: url( '../images/scrollable/siguiente_active.png' );}
.thumbnailContainer .navi.disabled {visibility: hidden;}

/* the thumbnail scrollable */
.thumbnails .items div {padding: 5px;float: left;}
.thumbnails-small {position: relative;overflow: hidden;width:410px;height:110px;margin:15px;float:left;display:inline-block;}
.thumbnails-small div.items div {float: left;margin-right:10px;}
.thumbnail-pic {cursor:pointer;vertical-align:middle;}