/*body {
   background-color: #333;
}
*/
a {
   text-decoration: none;
}

/* CONTENEDOR DE LAS MINIATURAS */
.container {
	margin:5;
   width: 750px;
   /* padding: 1em 1em 1em 1em;*/
   /*text-align: left;*/
   text-align: center;
   background-color: #000;
   height: 400px;
   
}

.container p {
	color: #fc7;
	font-family: "Andale mono", "Trebuchet MS", sans-serif;
	font-size: 12px;
	border-bottom: 1px dashed #666;
}

/* Propiedades de las miniaturas */
.thumb img {
        border: 2px solid  #feae20;
        margin: 0 3px 5px 3px;
}


/* Aspecto de las miniaturas cuando pasamos el ratón por encima de ellas */
.thumb:hover img {
   border: 2px solid #000;
}


/* Para que no se vean las imágenes hasta que se haga mouse over sobre las miniaturas */
.thumb span {
	position: absolute;
	top: 150px;
	left: -1000px;
   visibility: hidden;
	color: #fc7;
	font-family: "Andale mono", "Trebuchet MS", sans-serif;
	font-size: 12px;
	border-bottom: 1px dashed #666;
   
}

/* Estilo de la capa que se ve cuando se pasa el ratón por una miniatura */
.thumb:hover span {
	background-color: #000;
   visibility: visible;
   right: 0;
	top:  305px;
	left: 400px;
	z-index: 50;
	margin: 0 auto;
   width: 350;
}


/* Estilo de las imágenes que se muestran al hacer el mouse over */
.thumb span img{ 
	border: 1px solid #000;
	padding: 5px 5px 10px 5px;
	background-color: #fff;
}


/* Pie de página, para cosas como 'CSS Valid', 'Diseñado por...', esas cosas */
#footer {
   width: 10%;
	position: absolute;
	bottom: 10px;
	right: 10px;
  	/*clear: both;*/
	padding-top:4px;
   text-align: center;
   border-top: 1px solid #C6D4E6;
   color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

/* Aspecto de los enlaces del pie de página */

#footer a {
	color: #fc0;
   text-decoration:none;
	font-weight: bold;

}