body
{
	color: #556171;
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
}

img.amplio
{
	position: absolute;
	max-width: 80%;
	top: 10%;
	left: 10%;
}

img.amplio:empty
{
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: fadein 3s;
	-moz-animation: fadein 3s;
	-ms-animation: fadein 3s;
	-o-animation: fadein 3s;
	animation: fadein 3s;
}

@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-ms-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media screen and (orientation: portrait) {
  img.amplio {
      max-width: 90%;
  }
}

@media screen and (orientation: landscape) {
  img.amplio {
      max-height: 90%;
  }
}

header {
	text-align: center;	
	width: 100%;
	font-size: 28px;
}

header a, header a:visited {
	text-decoration: none;
	color: #556171;
}

header a:hover {
	text-decoration: underline;
}

img.amplio2
{
	position: absolute;
	max-width: 80%;
	top: 10%;
	left: 10%;
}

img.amplio2:empty
{
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: fadein 3s;
	-moz-animation: fadein 3s;
	-ms-animation: fadein 3s;
	-o-animation: fadein 3s;
	animation: fadein 3s;
}