@charset "utf-8";
body {
	background-color: black;
	font: normal small-caps normal 100% 'Times New Roman' , Georgia , serif;
	line-height: 1.2em;
}
div.ContenedorPrincipal {
	position: absolute;
	top: 45%; /* mejor que 50 para smartphones */
	margin-top: -200px; /* mejor que 240 para smartphones */
	min-width: 1024px;
	width: 100%;
	height: 440px;
	background-color: white;
	color: black;
}
div.ContenedorPrincipal > h1 {
	position: absolute;
	top: 40px;
	left: 20px;
}
div.Menu {
	position: absolute;
	top: 170px;
	left: 20px;
}
.Menu a:link , .Menu a:visited {
	color: black;
	text-decoration: none;
}
.Menu a:active , .Menu a:hover {
	color: #777;
}
img.Retrato {
	float: right;
}
/* **************************************************************** HOME */
table.ElegirIdioma {
	position: absolute;
	bottom: 40px;
	left: 20px;
	width: 240px; /* igual que logo.jpg */
}
td.Catalan {
	text-align: center;
}
td.Ingles {
	text-align: right;
}

.ElegirIdioma a:link , .ElegirIdioma a:visited {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.ElegirIdioma a:active , .ElegirIdioma a:hover {
	color: #bbb;
}
/* **************************************************************** PRESENTACIÓN */
div.Presentacion {
	position: absolute;
	top: 170px;
	left: 160px;
	width: 540px;
}
/* **************************************************************** TRABAJOS */
div.Trabajos {
	position: absolute;
	top: 170px;
	left: 160px;
}
div.Trabajos ul {
	color: black;
}
div.Trabajos a:link , div.Trabajos a:visited {
	color: #777;
	text-decoration: none;
}
div.Trabajos a:active , div.Trabajos a:hover {
	color: black;
}
div.Fotos {
	position: absolute;
	top: 50%;
	left: 33%; /* en vez de 50 */
	margin-top: -220px;
	margin-left: 50px; /* en vez de -330 para pantallas pequeñas */
	height: 440px;
	cursor: url(hand.ico),url(css/hand.ico),auto;
}
.ListaFotos li {
	width: 660px;
	text-align: center;
}
/* **************************************************************** CONTACTO */
div.Contacto1 {
	position: absolute;
	top: 170px;
	left: 200px;
}
div.Contacto2 {
	position: absolute;
	top: 170px;
	left: 500px;
}
div.Contacto1 > p , div.Contacto2 > p {
	margin-top: 5px;
}