@charset "utf-8";
/* CSS Document */

body{
	/* background:url(../background/esmf1.jpg) no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
	scroll-x:off;
}

img {
	border:0px;
	vertical-align:middle;
}

.bonecoimg {
    max-height: 128px !important;
}

.observ {
	font:15px Arial, Helvetica, sans-serif;
}

.topo{
	background: rgba(122,142,240,1);
	background: -moz-linear-gradient(left, rgba(122,142,240,1) 0%, rgba(40,12,245,0.99) 30%, rgba(255,255,255,0.96) 75%, rgba(255,255,255,0.95) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(122,142,240,1)), color-stop(30%, rgba(40,12,245,0.99)), color-stop(75%, rgba(255,255,255,0.96)), color-stop(100%, rgba(255,255,255,0.95)));
	background: -webkit-linear-gradient(left, rgba(122,142,240,1) 0%, rgba(40,12,245,0.99) 30%, rgba(255,255,255,0.96) 75%, rgba(255,255,255,0.95) 100%);
	background: -o-linear-gradient(left, rgba(122,142,240,1) 0%, rgba(40,12,245,0.99) 30%, rgba(255,255,255,0.96) 75%, rgba(255,255,255,0.95) 100%);
	background: -ms-linear-gradient(left, rgba(122,142,240,1) 0%, rgba(40,12,245,0.99) 30%, rgba(255,255,255,0.96) 75%, rgba(255,255,255,0.95) 100%);
	background: linear-gradient(to right, rgba(122,142,240,1) 0%, rgba(40,12,245,0.99) 30%, rgba(255,255,255,0.96) 75%, rgba(255,255,255,0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a8ef0', endColorstr='#ffffff', GradientType=1 );
	width:100%;
	height:65px;
	top:0px;
	left:0px;
	position:absolute;
	text-align:center;
	z-index:3;
	overflow:hidden;
}

.fotobox {
	position:fixed;
	text-align:center;
	overflow-y:hidden;
	left:5px;
	top: 80px;
	padding-left:5px;
	padding-top:5px;
	background: #FFFFFF;
	width: 140px;
	height: 180px;
	z-index:5;
	-webkit-box-shadow: 10px 11px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 11px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 11px 15px 0px rgba(0,0,0,0.75);
}

.fundo {
	bottom:0px;
	left:0px;
	width:100%;
	height: 100px;
	position:fixed;
	background: rgba(243,226,199,1);
	background: -moz-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 11%, rgba(182,141,76,1) 17%, rgba(233,212,179,0.98) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,226,199,1)), color-stop(11%, rgba(193,158,103,1)), color-stop(17%, rgba(182,141,76,1)), color-stop(100%, rgba(233,212,179,0.98)));
	background: -webkit-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 11%, rgba(182,141,76,1) 17%, rgba(233,212,179,0.98) 100%);
	background: -o-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 11%, rgba(182,141,76,1) 17%, rgba(233,212,179,0.98) 100%);
	background: -ms-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 11%, rgba(182,141,76,1) 17%, rgba(233,212,179,0.98) 100%);
	background: linear-gradient(to right, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 11%, rgba(182,141,76,1) 17%, rgba(233,212,179,0.98) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=1 );
	text-align:center;
	z-index:2;
}

.corpo {
	left:0px;
	top:65px;
	bottom:100px;
	width:110%;
	overflow-y: auto;
	overflow-x: hidden;
	height:735px;
	position:absolute;
	z-index:2;
}

.corpoinner {
	margin-left:10%;
	margin-right:15%;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	background-color: rgba(200, 200, 200, 0.9);
	background: rgba(200, 200, 200, 0.9);
	-webkit-box-shadow: 20px 21px 12px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 20px 21px 12px -12px rgba(0,0,0,0.75);
	box-shadow: 20px 21px 12px -12px rgba(0,0,0,0.75);
	z-index:2;
}

.boxclear {
	clear:both;
}

.topboxleft {
	float:left;
	margin-left:25px;
	width: 20%;
	height:65px;
	padding-top:5px;
	font-size: medium;
	font-weight: bold;
}

.topboxright {
	height:65px;
	float:right;
	padding-right:5px;
	text-align:left;
	position:fixed;
	right:0px;
}

.hidethis {
	display:none;
}

.showthis {
	display:inherit;
}

#SpeechBubble {
  position: absolute;
  transform-origin: 0% 100%;
  text-align: center;
  background-color: #5a5a5a;
  color: white;
  border-radius: 10px;
  min-width: 400px;
  padding: 10px;
  left: 220px;
  top: -85px;
  transform: scale(0);
  animation-fill-mode: forwards;
  z-index:16;
  font-size:1.5em;
  border:#000 thin solid;
}

#SpeechBubble::before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  bottom: -25px;
  left: 5px;
  border-style: solid;
  border-width: 15px;
  border-color: #5a5a5a transparent transparent #5a5a5a;
}

@keyframes murphy-expand-bounce {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes murphy-shrink {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

.ipv6 {
	background-color: rgba(255,255,255,0.5);
	height: 53px;
	padding: 6px;
	font-size: 1.1em;
    font-family: "Courier";
}

.hdrtitulo {
	font: 30px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding-top: 15px;
	margin: 0;
}