@charset "UTF-8";
body {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:20px;
	margin: 0;
	padding: 0;
	padding-bottom: 50px;
	color: #000;
	background: #FFF;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
a img { 
	border: none;
}

/* ~~ links ~~ */
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: #CCC;
	text-decoration: none;
}

ul.nav a, ul.nav a:visited {
	color: transparent;
	text-decoration: none;
	font-size:1px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	color: #000;
	text-decoration: none;
	font-size:12px;
}

/* ~~ container ~~ */
.container {
	width: 100%;
	max-width: 1440px;
	min-width: 960px;
	margin: 0 auto;

}

/* ~~ header ~~ */
.header {
	top: 0px;
	position:fixed;
	left:5%;
	right:5%;
	width:90%;
	text-align:center;
	z-index:1;
}

/* ~~ layout ~~ */

.content {
	width:50%;
	margin: 0 auto;
	margin-top: 90px;
	font-size:16px;
	line-height:24px;
}

.arquivo {
	padding: 15px;
	position:fixed;
	font-size:12px;
	text-align:center;
	border: #000 solid;
}

.legenda {
	margin: 0 auto;
	font-size:12px;
	text-align:left;
}

.tabela {
	width:20%;
	margin: 0 auto;
	font-size:12px;
	text-align:center;
	vertical-align:center;
	position:fixed;
	left:5%;
}

.sidebar {
	width:15%;
	position:fixed;
	right:5%;
	font-size:12px;
}

m1 {
	font-size:24px;
	color:#000;
}

m2 {
	font-size:16px;
}

m3 {
	font-size:16px;
}

td {
	 vertical-align:top;
}

#text {position:relative;}
#text:hover {color: #000;}

#vis {position:relative;}
#vis:hover {color: #000;}

#son {position:relative;}
#son:hover {color: #000;}

#seq { position:relative;}
#seq:hover { color: #000; }