/* CSS Document */
/*---------------------------------------------*/
/*--	PLANTILLA GALERIA 					--*/
/*--------------------------------------------*/
/*-		Por: Luis Fernández-Pacheco			--*/
/*-		Fecha: 09-10-2008					--*/
/*--	Funciona en: IE7					--*/
/*---------------------------------------------*/

	#gallery {width:734px; position:relative; height:60px; padding-top:10px; margin:20px 20px 50px 20px; clear:both; float:right}
	#gallery div{float:left;}
	#gallery ul {list-style:none; padding:0; margin:0; float:left; }
	#gallery ul li { visibility:visible; display:inline-table; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}
	
	div#gallery ul li.hide {display:none;}
	
	/* remove visibility:hidden; if you want to use the original images as thumbnails */
	#gallery ul li img {visibility:hidden; display:block; width:50px; height:auto;}
	
	
	/*----AQUI VAN LAS POSIBLES DESCRIPCIONES DE LAS FOTOS-------------------------------------------
	
	#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px; font-family:verdana, arial, sans-serif; color:#666; font-size:11px; 	
	line-height:15px; text-align:justify;}
	
	#gallery ul li b {color:#444;}
	-------------------------------------------------------------------*/
	div#gallery ul li.chosen {border-color:#999999; cursor:default;}
	div#gallery ul li.chosen div {position:absolute;left:0; top:0; width:452px; height:355px; float:right;margin:0 auto 20px 250px;}
	div#gallery ul li.chosen div i {width:630px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
	div#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:3px solid white; margin:0 auto;}
	div#gallery ul li.chosen span {display:block;}

	div.Text_sub{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:left;
		clear:both;
		padding:15px 0 3px 20px;
		width:250px;
		border-left:5px solid white;
	}
		
	a{
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
	}
	
	a.btn_gallery{
		margin:240px auto auto 50px;
		float:left;
		position:relative;	
	}
	
	div#Text_sub{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:left;
		clear:both;
		padding:15px 0 3px 25px;
		width:670px;
		border-bottom:1px solid white;
	}
	
	div#Text_sub span#sub_link1{
		text-align:right;
		border-left:1px solid white;
		border-right:1px solid white;	
		border-top:1px solid white;
		margin-left:280px;
		color:#CCCCCC;
		background-color:#333333;		
	}	
	
	div#Text_sub span#sub_link2{
		text-align:right;
		border-left:1px solid white;
		border-right:1px solid white;	
		border-top:1px solid white;
		margin-left:5px;		
		background-color:#333333;					
	}
	
	span#sub_link1 :hover{	border:none;	}	
	span#sub_link2 :hover{ 	border:none; 	}	
	
	a.link_frame{ 	color:#CCCCCC; margin:0; padding:1px 4px 0 4px;}
	a.link_frame:hover{ 	color:#333333; background-color:#CCCCCC;	}