body{
background-color:#51004B;
background-image:url(../IMG/fondoes.gif);
background-position: top center;
background-repeat:no-repeat;
margin: 0; 
text-align:center; 
margin:auto; 
text-aling:center;
margin-top:30px;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

a {
text-decoration: none;
}

#contener{
width:780px;
height:518px;
background-color:#FFFFFF;
margin: auto;
padding: 0;
/*position:relative;*/
}



#contenedor{
width:762px;
height:500px;
background-color:#FFFFFF;
margin-right:auto;
margin-left:auto;
position:relative;
border-style:solid;
border-color:#51004B;
border-width:1px;
top: 7px;
left: 0px;
}

#derecha{
width:203px;
height: 500px;
float: right;
margin: 0;
}

#creditos{
width:780px;
height:15px;
margin:auto;
padding-top:7px;
}

#idiomas{
width:100px;
height:15px;
margin:0px;
padding:0px;
float:right;
}

#grafic{
width:130px;
height:15px;
margin:0px;
padding:0px;
float:left;
}

#direccion{
width:550px;
height:15px;
margin:0px;
padding:0px;
}

/* CONTENEDOR DE LAS MINIATURAS */
.container {
	margin:0;
	padding:0;
	width: 529px;
	padding: 10px 15px 10px 15px;
	text-align: center;
	background-color:#FF9205;
	height: auto;
	float:left;
}

.container p {
color: #0FA1B8;
font-size: 12px;
border-bottom: 1px dashed #0FA1B8;
}

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


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


/* Para que no se vean las imágenes hasta que se haga mouse over sobre las miniaturas */
.thumb span {
	position: absolute;
	top: 50px;
	left: 44px;
	color: #51004B;
	font-family: "Andale mono", "Trebuchet MS", sans-serif;
	font-size: 12px;
	visibility: hidden;
}


/* Estilo de la capa que se ve cuando se pasa el ratÃ˛n por una miniatura */
.thumb:hover span {
background-color: #0FA1B8;
visibility: visible;
right: 0;
top:  124px;
left: 0px;
z-index: 50;
margin: 0px;
padding: 0px;
width: 558px;
float:rigth;
}


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