div#contenedor
{
	width: 700px;
	max-width: 700px;
}

a.iconos, img.iconos
{
	height: 50px;
	width: 50px;
	//padding: 10px 50px;
}

a.iconos
{
	padding: 10px 50px;
}

#fondo
{
	position: absolute;
	margin-left: -10px;
	margin-top: -10px;
	padding: 0px;
	max-width: 950px;
	min-height: 780px;
}

#volante
{
	max-width: 700px;
	left: 0px;
	top: 100px;
}

#logo
{
	position: absolute;
	width: 150px;
	height: 150px;
	left: 50px;
	top: 20px;
}

#titulo, p#indicaciones, div.obra p, div.obra table.fechas tr td, div.obra table.fechas tr td a, div.obra p.titulo a, p#texto, table.roles tr td
{
	color: white;
	font-family: Arial, Sans;
	text-shadow: .07em .07em #000000;
	text-decoration: none;
}

#titulo
{
	position: absolute;
	font-size: 70px;
	font-weight: bold;
	left: 220px;
	top: -35px;
}

p#indicaciones
{
	position: absolute;
	font-size: 25px;
	left: 225px;
	top: 110px;
	font-weight: bold;
}

.centro
{
	text-align: center;
}

.derecha
{
	min-width: 205px;
	text-align: right;
}


div.obra p.titulo
{
	font-size: 50px;
	font-weight: bold;
}

div.obra p.autor
{
	font-size: 30px;
	font-style: italic;
	margin-top: -55px;
	margin-left: 40px;
}

div.obra table.fechas
{
	margin-top: -130px;
	margin-left: 450px;
}

div.obra table.fechas tr td
{
	font-size: 40px;
	padding: 7px;
}

table.roles tr td
{
	font-size: 20px;
}

div.obra p.fecha
{
	font-size: 40px;
	font-weight: bold;
	margin-top: -10px;
}

div#obra1, div#obra2, div#obra3, div#obra4
{
	position: absolute;
	left: 50px;
}

div#obra1
{
	margin-top: 140px;
}

div#obra2
{
	margin-top: 270px;
}

div#obra3
{       
	margin-top: 400px;
}

div#obra4
{                       
	margin-top: 530px;
}

p#texto
{
	position: absolute;
	text-align: justify;
	width: 850px;
	left: 110px;
	margin-top: 185px;
	font-size: 40px;
}

a
{
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 0.1em;
	margin: -0.1em;
}