#fonema {
    position: relative;
    top: 0;
    left: 0;
	z-index: 0;
}

#fonema table {
	border: 1px solid #333;
	background-color: #eee;
}

#fonema th {
    text-align: center;
    padding: 5px;
	background-color: #eee;
}

#fonema td {
    text-align: center;
	width: 24px;
	height: 22px;
	padding-top: 7px;
    border: 1px solid #aaa;
	background-color: #fff;
}

#fonema a {
    display: block;
	font-size: 15px;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #055;
}

#fonema a:hover {
	color: #000;
}

#consoantes {
}

#vogais {
    position: absolute;
    top: 0;
    left: 181px;
}

#glides {
    position: absolute;
    top: 0;
    left: 278px;
}

#tonica {
    position: absolute;
    top: 0;
    left: 347px;
}

#transcrito {
    display: block;
    border: 1px solid #000;
    margin-top: 20px;
    margin-bottom: 10px;
}

#transcrito th {
    text-align: center;
    padding: 3px;
	background-color: #eee;
	height: 28px;
}

#transcrito tr.transc {
	background-color: #fff;
}

#transcrito tr.transcSel {
	background-color: #eee;
}

#transcrito td {
    height: 28px;
    text-align: center;
}

#transcrito td.transc {
    width: 200px;
    font-size: 15px;
}

#transcrito td.botao {
    border: 1px solid #000;
    text-align: center;
}

#transcrito input { /*position: relative; top: 0; left: 0;*/ border: none; }

#botao {
    position: relative;
    left: 200px;
    margin-bottom: 20px;
}

#correcao input { border: none; }

#correcao table {
    border: 1px solid #000;
    margin-bottom: 20px;
}

#correcao th {
    padding: 7px;
    text-align: center;
    background-color: #aee;
}

#correcao td {
    padding: 2px;
    text-align: center;
    background-color: #eee;
}

#correcao td.correcao {
    background-color: #a55;
    color: #fff;
}

#formulario {
    margin-top: 30px;
}

#formulario .campo {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
}

#formulario input {
    border: 1px solid #444;
    font-family: verdana;
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 80px;
}

#formulario textarea {
    position: relative;
    left: 1px;
}

#formulario .campo .botao {
    position: relative;
    top: 0;
    left: 80px;
    padding: 2px;
}

#formulario label.alignV {
    vertical-align: top;
    padding-top: 3px;
}
