/* CSS Document */
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {color:#000;}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#up {width:310px!important; height:90px!important;width:330px; height:100px; 
	  background:#eee; border:1px solid #aaa;position:absolute; padding:5px 10px 5px 10px;
	  font-size: 10pt; font-family: Tahoma}
#down {width:310px!important; height:345px!important; width:330px; height:355px; 
	   background:#eee; border:1px solid #aaa; position:absolute; top:249px; padding:5px 10px 5px 10px;
	   font-size: 10pt; font-family: Tahoma}
#unico {width:310px!important; height:450px!important; width:330px; height:460px; 
	    background:#eee; border:1px solid #aaa; position:absolute; padding:5px 10px 5px 10px;
	    font-size: 10pt; font-family: Tahoma}
/*#album {width:410px; height:460px; background:#eee url(photo_album_files/landscape_2.jpg) 0 40px no-repeat; border:1px solid #aaa; 
		margin:0 auto; float:right;}*/
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {padding:0px; margin:410px 0 0 0; list-style-type:none; position:relative; width:410px;}
/* remove the default image border */
.gallery img {border:0;}
/* make the list horizontal */
.gallery li {float:left;}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {font-size:11px; float:left; text-decoration:none; color:#000; background:#fff; text-align:center; 
									  line-height:24px; border:1px solid #444; margin:3px;
									  width:26px!important; height:26px!important; width:28px; height:28px;}
/* position the images using an absolute position and hide them from view */
.gallery li a img {position:absolute; top:-410px; left:0; visibility:hidden; border:0;}
/* fix the top position for the landscape images */
.gallery li a img.landscape {top:-370px;}
/* fix the left position for the portrait images */
.gallery li a img.portrait {left:0; border-left:52px solid #eee; border-right:51px solid #eee;}
/* style the hover background color for the text boxes */
.gallery li a:hover {background:#ddd;}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {background:#444; color:#fff;}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {visibility:visible;}