/* https://codepen.io/chriscoyier/pen/aZoBMb/ == analisar rodapé flutuante */

body {
	background-color: #0B8A8C; /* Verde */
	overflow-x: hidden;
}
.elementMain {
	cursor: pointer;
	background-color: #4B4B4D; /* 90% preto */
    -webkit-perspective: 800px;
	-moz-perspective: 800px;
	-ms-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px;
}
.elementHeader {
	background-color: #0066CC; /* Azul */
	width: 100%;
	height: 0; /*4.25em;*/
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.elementButton {
	background-color: #CCE7D4;
	width: 15em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 0.5em;
	position: absolute;
	top: 0; /*4.25em;*/
	left: 50%;
	transform: translateX(-50%);
}
.elementSection {
	background-color: #0B8A8C; /* Verde */
	width: 100%;
	height: 37.5em;
	position: absolute;
	top: 0.25em;
	left: 50%;
	transform: translateX(-50%);
}
.elementMedia {
	background-color: #848688; /* 60% preto */
	text-align: center;
	width: 100%;
	height: 5em;
	position: absolute;
	top: 37.75em;
	left: 50%;
	transform: translateX(-50%);
}
.elementQrCode {
	background-color: #848688; /* 60% preto */
	text-align: center;
	width: 100%;
	height: 15em;
	position: absolute;
	top: 42.25em;
	left: 50%;
	transform: translateX(-50%);
}
.elementFooter {
	background-color: #0066CC; /* Azul */
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	position: absolute;
	top: 56.25em;
	left: 50%;
	transform: translateX(-50%);
}
#image {
	position: absolute;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}
#QrImg {
	position: absolute;
	height: 92%;
	left: 50%;
	transform: translateX(-50%);
}
#ico-med {
	position: absolute;
	width: 4em;
	height: 4em;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#ico-mid {
	position: absolute;
	width: 2em;
	height: 2em;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
ul li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	margin: 0.1em 0 0 0;
	padding: 0.2em 0 0 0;
	transform: translateX(-70%);
}
li {
	width: 4em;
	height: 2em;
}
/* preciso testar
float {
	position: block;
	z-index: 9999;
	width: 10%;
	height: 10%;
	top: 0;
	left: 0;
	transform: translateX(-50)
}
#ico-giro {
	position: relative;
	z-index: 9999;
	width: 6em;
	height: 6em;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
*/