@charset "utf-8";

@font-face {
	font-family:"Museo Sans";
	src: url(../museosans.otf);
}
@media screen and (max-width: 2400px){
    .container{
	width: 960px;
	margin: 0 auto;
	font: Museo Sans 100;
	position: relative;
		
    }
	#texto {
	position: relative;
	left: 65px;
	width: 600px;
	height: 500px;
	top: 50px;
	}
	#titulos {
	position: relative;
	left: 10px;
	top: 10px;
	left: 10px;
	width: 320px;
	height: 480px;
		
	}
	
	#fotos {
	position: relative;
	left: 100px;
	top: -489px;
	left: 360px;
	width: 220px;
	height: 480px;
		
	}
	
#menu {
	font-family: "Museo Sans";
	font-size: 11px;
	position: relative;
	left: 100px;
	top: -200px;
	left: 750px;
	width: 200px;
	text-align: right;
	color: #666;
	height: 200px;
		
	}
		
}
#titulo{
	font-family: "Museo Sans";
	font-size: 25px;
	color: #666;
	margin-top: 25px;
	font-weight: bold;
	}

#subtitulo{
	font-family: "Museo Sans";
	font-size: 16px;
	color: #666;
	margin-bottom: 25px;
	
	}
	
#foto{
	margin-top: 15px;
	text-align:right;
}
#subfoto{
	font-family: "Museo Sans";
	font-size: 12px;
	text-align:right;
	color: #666;
}

a  { color: #666;
 text-decoration:none; 
 
 }
 a:hover{
	color: #666;
	font-size: 11px;
	background-color: #666;
	color:#FFF
}
#fechas{
	font-family: "Museo Sans";
	font-size: 11px;
	position: relative;
	width: 50px;
	left: 500px;
	color: #666;
	top: 20px;
	}