/* 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 */
div.items {width: 20000em;position: absolute;clear: both;height:100%;}

/* next/prev buttons */
div.navi
{
	background-image: url( '../images/scrollable/anterior_galeria.png' );
	width: 51px;
	height: 55px;
	float: left;
	margin-top: 45px;
}

div.navi:hover
{
	background-image: url( '../images/scrollable/anterior_galeria_hover.png' );
}
div.navi:active
{
	background-image: url( '../images/scrollable/anterior_galeria_active.png' );
}
div.nextPage
{
	background-image: url( '../images/scrollable/siguiente_galeria.png' );
	clear: right;
}
div.nextPage:hover
{
	background-image: url( '../images/scrollable/siguiente_galeria_hover.png' );
}
div.nextPage:active
{
	background-image: url( '../images/scrollable/siguiente_galeria_active.png' );
}


div.navi.disabled
{
	visibility: hidden;
}


/* the thumbnail scrollable */
.thumbnails div.items div
{
	padding: 5px;
	float: left;
}

.thumbnails-small
{
	position: relative;
	overflow: hidden;
	width:528px;
	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;}


/* 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;
}


.photoGallery {margin:0 auto;overflow:hidden;max-width:660px;}
.photoViewerContainer {overflow:hidden;background-color:#B8BCC2;}
.photoContainer {width:470px;height:265px;text-align:center;float:left;margin-left:10px;}
.photoContainer img {border:0;}
.photoDescription > h1 {color:#BB6016;border-bottom:1px solid #BB6016;font-weight:normal;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:247px;}
.albumContainer {margin-left:496px;background-color:#fff;}
.albumContainer .album_title {border-bottom:1px solid #DADDDE;margin:0 7px;}
.albumContainer .album_title > span {color:#BB6016;cursor:pointer;display:block;padding:5px 0;}
.albumContainer .album_title > span:hover {color:#DAAC01;}

.albums_left_top {background: transparent url(../images/whitebox/top_iz.png) no-repeat left top;padding-left:10px;}
.albums_right_top {background: transparent url(../images/whitebox/top_der.png) no-repeat right top;padding-right:12px;}
.albums_mid_top {background:transparent url(../images/whitebox/top_medio.png) repeat-x center top;padding-top:13px;}
.albums_left_bottom {background: transparent url(../images/whitebox/fin_iz.png) no-repeat left bottom;padding-left:10px;margin-left:-10px;}
.albums_right_bottom {background: transparent url(../images/whitebox/fin_der.png) no-repeat right bottom;padding-right:12px;margin-right:-12px;}
.albums_mid_bottom {background:transparent url(../images/whitebox/fin_medio.png) repeat-x center bottom;padding-bottom:11px;}
.albums_left_mid {background:#fff url(../images/whitebox/medio_iz.png) repeat-y left;padding-left:10px;margin-left:-10px;height:243px}
.albums_right_mid {background:transparent url(../images/whitebox/medio_der.png) repeat-y right;padding-right:12px;margin-right:-12px;}

.photoc_left_top {background: transparent url(../images/graybox/top_iz.png) no-repeat left top;padding-left:20px;}
.photoc_right_top {background: transparent url(../images/graybox/top_der.png) no-repeat right top;padding-right:22px;}
.photoc_mid_top {background:transparent url(../images/graybox/top_medio.png) repeat-x center top;padding-top:21px;}
.photoc_left_bottom {background: transparent url(../images/graybox/fin_iz.png) no-repeat left bottom;padding-left:20px;margin-left:-20px;}
.photoc_right_bottom {background: transparent url(../images/graybox/fin_der.png) no-repeat right bottom;padding-right:22px;margin-right:-22px;}
.photoc_mid_bottom {background:transparent url(../images/graybox/fin_medio.png) repeat-x center bottom;padding-bottom:21px;}
.photoc_left_mid {background:transparent url(../images/graybox/medio_iz.png) repeat-y left;padding-left:20px;margin-left:-20px;}
.photoc_right_mid {background:transparent url(../images/graybox/medio_der.png) repeat-y right;padding-right:22px;margin-right:-22px;}