*{
	margin: 0px;
	padding: 0px;
}

  @font-face {
			font-family: 'fuente1';
			font-style: normal;
			font-weight: normal;
			src: local("?"), url("../media/fuentes/LouisGeorgeCafeBold.ttf") format("truetype");
 }
 
  @font-face {
			font-family: 'fuente2';
			font-style: normal;
			font-weight: normal;
			src: local("?"), url("../media/fuentes/LouisGeorgeCafeLight.ttf") format("truetype");
 }
 
html{
	width: 1360px;
	height: 760px;
	background-image: url(../media/fondo2.jpg);

}

body{
	width: 1200px;
	height: 620px;
	margin-left: 80px;
	margin-top: 60px;
	float: center;
	
}

header{
	width: 200px;
	height: 100px;
	background-image: url(../media/logoencabezado.png);
	margin-top: 0px; 
	margin-left: 500px;
	margin-bottom: 30px;
	float: center;
	
}

.ventanainfo {
	
	width: 75%;
	height: 60%;
	background-color: #8AA7DF;
    font-family: fuente1;
	color: black;
    font-size: 15px;
    text-align: left;
    padding: 50px;
    min-height: 250px;
    border-radius: 22px;	
	position: absolute;
	left: 10.5%;
	top: 28%;
	display: none;
	
}	

.ventanagaleria {
	
	width: 75%;
	height: 60%;
	background-color: #8AA7DF;
    font-family: fuente1;
	color: black;
    font-size: 15px;
    text-align: left;
    padding: 35px;
    min-height: 250px;
    border-radius: 22px;	
	position: absolute;
	left: 10.5%;
	top: 28%;
	display: none;
	
}	

.ventanaentra {
	
	width: 75%;
	height: 60%;
	background-color: #8AA7DF;
    font-family: fuente1;
	color: black;
    font-size: 15px;
    text-align: left;
    padding: 35px;
    min-height: 250px;
    border-radius: 22px;	
	position: absolute;
	left: 10.5%;
	top: 28%;
	display: none;
	
}	

#cerrar	{
	
	position:absolute;
	right: 2%;
	top: 2%;
	
}	
	
#cerrar2	{
	
	position:absolute;
	right: 2%;
	top: 2%;
	
}	

#cerrar3	{
	
	position:absolute;
	right: 2%;
	top: 2%;
	
}	
	
}

header:hover{
	width: 205px;
	height: 105px;
	background-image: url(../media/logoencabezado2.png);
	margin-top: 0px; 
	border-style: solid;
	border-width: 50px auto;
	border-color: #8AA7DF;
	margin-left: 495px;
	margin-bottom: 20px;
	float: center;
	
}

h1{
		font-family:fuente1;
		text-align: center;
		color: white;
		float: center;
		margin-top: 50%;
}

h2{
		font-family:fuente1;
		text-align: center;
		color: #8AA7DF;
		float: center;
		margin-top: 50%;
}



#izq{
	width: 380px;
	height: 480px;
	background-color: #303030;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	
}

#izq:hover{
	width: 385px;
	height: 485px;
	background-color: #252525;
	float: left;
	border-style: solid;
	border-width: 50px auto;
	border-color: #202020;
	margin-left: 30px;
	margin-bottom: 30px;
	
}

#cen{
	width: 380px;
	height: 480px;
	background-color: #404040;
	float: left;
	
	
}

#cen:hover{
	width: 385px;
	height: 485px;
	background-color: #353535;
	float: left;
	border-style: solid;
	border-width: 50px auto;
	border-color: #202020;
	margin-left: 0px;
	margin-bottom: 0px;
	
}


#der{
	width: 380px;
	height: 480px;
	background-color: #303030;
	float: left;;
	
	
}

#der:hover{
	width: 385px;
	height: 485px;
	background-color: #252525;
	float: left;
	border-style: solid;
	border-width: 50px auto;
	border-color: #202020;
	margin-left: 0px;
	margin-bottom: 0px;
	
}


#izqinfo{
	width: 40%;
	height: 480px;
	float: left;
	font-family: fuente2;
	color: white;
    font-size: 16px;
    text-align: left;
    padding: 20px;
	margin-left: 80px;
	margin-bottom: 50px;
}


#derinfo{
	width: 40%;
	height: 480px;
	float: left;
	font-family: fuente2;
	color: white;
    font-size: 16px;
    text-align: left;
    padding: 20px;

}

#centro{
	width: 80%;
	height: 480px;
	float: left;
	font-family: fuente2;
	color: white;
    font-size: 16px;
    text-align: left;
    padding: 20px;
	margin-left: 100px;
	margin-bottom: 50px;

}


.miniatura{
	width: 90px;
	height: 90px;
	float: left;
	background-color: black;
	margin-top: 40px;
	margin-right: 55px;
	margin-bottom: 40px;
	margin-left: 45px;
}