<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


/*Add a height attribute and set to largest image's height to prevent overlaying*/

/*
a:link {
	color: #CCC;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
	text-decoration: none;
	color: #CCC;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:hover {
	text-decoration: none;
	color: #000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:active {
	text-decoration: none;
	color: #CCC;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}*/

.gallerycontainer{
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.peque img{
	border: 1px solid #FFF;
	margin: 0 5px 5px 0;
	text-decoration: none;
	
}

.peque:hover{
	background-color: transparent;
	text-decoration: none;	
	color: #666;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.peque:hover img{
	border: 1px solid #FFF;
	text-decoration: none;
}

.peque agrandada{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	padding-top: 13px;
	padding-left: 13px;
	padding-right: 8px;
	padding-bottom: 10px;
	visibility: hidden;
	text-decoration: none;
}

.peque fija{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	top: 85px;
	left: 600px;
	padding-top: 13px;
	padding-left: 13px;
	padding-right: 8px;
	padding-bottom: 10px;
	visibility: visible;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
	color: #666;
	font-weight: normal;
	font-size: 11px;
}

.peque agrandada img{ /*CSS for enlarged image*/
	border-width: 0;	
	text-decoration: none;
}

.peque:hover agrandada{ /*CSS for enlarged image*/
	visibility: visible;
	top: 85px;
	left: 600px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	text-decoration: none;
	
}

#titulo {
	position: absolute;
	z-index: 52;
	background-color: #FFF;
	width: 688px;
	height:66px;
	top: 10px;
	left: 600px; 
	visibility: visible;
	background-image:  url(tit_galeria.jpg);
	background-repeat: no-repeat;
	
	
	
}
#preload {
		width: 0px;
		display: inline;
		background-image: url(1.jpg);
		background-image: url(2.jpg);
		background-image: url(3.jpg);
		background-image: url(4.jpg);
		background-image: url(5.jpg);
		background-image: url(6.jpg);
		background-image: url(7.jpg);
		background-image: url(8.jpg);
		background-image: url(9.jpg);
		background-image: url(10.jpg);
		background-image: url(11.jpg);
		background-image: url(12.jpg);
		background-image: url(13.jpg);
		background-image: url(14.jpg);
		background-image: url(15.jpg);
		background-image: url(16.jpg);
		background-image: url(17.jpg);
		background-image: url(18.jpg);
		background-image: url(19.jpg);
		background-image: url(20.jpg);
		background-image: url(21.jpg);
		background-image: url(22.jpg);
		background-image: url(23.jpg);
		background-image: url(24.jpg);
		background-image: url(25.jpg);
		background-image: url(26.jpg);
		background-image: url(27.jpg);
		background-image: url(28.jpg);
		background-image: url(29.jpg);
		background-image: url(30.jpg);
		background-image: url(31.jpg);
		background-image: url(32.jpg);
		background-image: url(33.jpg);
		background-image: url(34.jpg);
		background-image: url(35.jpg);
		background-image: url(36.jpg);
		background-image: url(37.jpg);
		background-image: url(38.jpg);
		background-image: url(39.jpg);
		background-image: url(40.jpg);
		background-image: url(41.jpg);
		background-image: url(42.jpg);

	}
</style>
