@import url('https://fonts.googleapis.com/css?family=Karla:400,700|Open+Sans:300,400,600,700,800|Roboto+Condensed:300,400,700');

/*font-family: 'Roboto Condensed', sans-serif;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Karla', sans-serif;*/

@keyframes cf3FadeInOut {
	0% {
		opacity:1;
	}
	45% {
		opacity:1;
	}
	55% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

body{
	width:100%;
	height:100%;
	margin:0;
    zoom: 0.9;
}

#painel{
	width:100%;
	height:100vh;
}

#cf {
  position:relative;
  height:65px;
  width:100%;
}

#cf img {
  height:100%;
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

#cf img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 2s;
animation-direction: alternate;
}

table.painel{
	width:100%;
	height:calc(100% - 65px);
}

table.painel td{
	vertical-align:top;
	border-right:1px solid #ddd;
}

table.painel td:last-child{
	border:0;
}

table.compact{
	width:100%;
	font-size:15px;
	border-bottom:1px solid #ddd;
}

table.compact th.title{
	font-size:17px;
	text-transform:uppercase;
	font-family: 'Karla', sans-serif;
	border-bottom:1px solid #ddd;
	color:#008181;
	background-color:#fff;
}

table.compact th{
	font-size:15px;
	text-transform:uppercase;
	font-family: 'Karla', sans-serif;
	border-right:1px solid #aaa;
	border-bottom:1px solid #ddd;
	color:#111;
	background-color:#ccc;
}

table.compact th:last-child{
	border:0;
	border-bottom:1px solid #ddd;
}

table.compact td{
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	color:#888;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	padding: 3px 0px;
}

table.compact td.numeros{
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}


table.compact td.legenda{
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	color:#aaa;
	background-color:#fff;
}

table.compact td:last-child{
	border:0;
	border-bottom:1px solid #ddd;
}

#banner{
	position:fixed;
	width:400px;
	height:60px;
	top:0;
	right:0;
}

#banner .line {
/* 	flex-basis: 50%; */
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:800;
	color:#ccc;
	float:right;
	margin-top:18px;
	font-size: 20px;
	letter-spacing: 5px;
	position: absolute;
	opacity: 0;
}