style.css

body {
	margin: 0;
	font-family: sans-serif;
	font-size: 100%;
}

/************** Footer **************/

#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #333333;
	font-size: 0.75em;
	color: #ffffff;
	text-align: center;
}

a:link, a:visited {
	color: #ffffff;
}

#footer small {
	color: #ff0000;
}

/************** Menu Configurations **************/

#menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333333;
	font-size: 0.95em;
	font-weight: bold;
}

#menu li {
	float: left;
}

#menu li a {
	display: block;
	text-align: center;
	padding: 17px 10px;
	text-decoration: none;
}

#menu li a:hover {
	background-color: #999999;
}

#menu li.eng {
	margin-right: 5px;
	margin-top: 7px;
	float: right;
	width: 50px;
	background: url("./imgs/enflag.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#menu li.esp {
	margin-right: 5px;
	margin-top: 7px;
	float: right;
	width: 50px;
	background: url("./imgs/esflag.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#menu li.prt {
	margin-right: 5px;
	margin-top: 7px;
	float: right;
	width: 50px;
	background: url("./imgs/ptflag.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#menu li.sos {
	margin-right: 5px;
	float: right;
	font-style: italic;
	font-variant: small-caps;
}

#menu li.esp a:hover, #menu li.eng a:hover, #menu li.prt a:hover {
	background: url("./imgs/check.png");
}

/************** Start **************/

#corpo {
	text-align: justify;
	font-size: 0.9em;
	margin-left: 20px;
	margin-right: 20px;
}

#corpo img {
	width: 80%;
}

/************** Canvas THREE JS**************/

#mycanvas {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 20%;
	margin-bottom: 15px;
	padding-bottom: 30px;
}

/************** Simulator DFA **************/

table, th, td {
	border: 0px solid #000000;
	vertical-align: top;
}

em {
	font-size: 0.7em;
}

/* botoes do DFA */

#fileToLoad, #constroi_transitions, #nEstados, #symbols, #simula_passo, #create_graph_desc, #save {
	font-size: 1.1em;
	color: white;
	background-color: #008cff;
}

/* tabela transições */

#transitions {
	text-align: center;
}

/* botao Simlar da tabela*/

#run_simul {
	font-size: 1em;
	color: white;
	background-color: #077004;
}

/* botao limpar da tabela*/

#limp_simul {
	font-size: 1em;
	color: white;
	background-color: #ff0000;
}

/* Tabela que recebe a div step-by-step */

#passos {
	margin-bottom: 15px;
	padding-bottom: 80px;
}

/* Div step-by-step */

#simula_viz {
	font-size: 0.9em;
}

/* Div step-by-step: mensagem resultado */

#resultado {
	font-size: 1em;
	color: blue;
}

/*Tabela de Simulação*/

#simTable {
	font-size: 1em;
	text-align: center;
	font-family: monospace;
}