html, body {
	margin: 0 auto;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 90%;
}
#superior {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
	#logo {
		float: left;
	}
	#idiomas {
		float: right;
		text-align: right;
		width: 53%;
	}
	#dadosuser {
		float: right;
		text-align: right;
		width: 53%;
	}

#inferior {
 	clear: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border-top: solid;
	border-width: 1px;
}
	#esquerda {
		float: left;
		margin-top: 2px;
	 	width: 80%;
	}
		#blocomenu {
		}
		#pagina {
			margin-top: 45px;
			clear: both;
		}
	#direita {
		float: right;
		margin-top: 2px;
		text-align: center;
		width: 120px;
	}
#rodape {
 	clear: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border-width: 1px;
}
.tabdados {
	display:none;
	font-family: Arial, Helvetica, Sans-serif;
	background-color: #f9f9f9;
	position:absolute; 
	top:0px;
	left:10px;
	margin-top:10%;
	margin-left:10%;
	padding:10px;
	border:5px solid #d0d0d0;
	text-align: left;
}
.botaofechar {
	border: 0;
	float: right; 
	cursor: pointer;
}


img {
	border: 0;
	vertical-align: middle;
}
.imagemesquerda {
	float: left;
	margin-bottom: 15px;
	margin-right: 25px;
}
.imagemdireita {
	float: right;
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
}

.aulas {
	clear: both;
}


.errado { /* color: white; */ background-color: #FF4500; }
.certo { /* color: white; */ background-color: #009900; }
.atencao { /* color: white; */ background-color: yellow; }
.titulocoluna {	font-size: 110%; color: #006600; }
.azul { color: blue; text-align: center; 	margin-top: 40px; }
.verde { color: green; text-align: center; 	margin-top: 40px; }
.vermelho { color: red; text-align: center; 	margin-top: 40px; }
.msgerro { color: red; }
.presp { margin: 0 auto; border-top: 1px dotted gray; }
.pergunta { color: blue; }
.caixa { border-style: solid;  border-width: 1px; }
.titulo { color: #000088; font-weight: bold; }
.texto { text-align: justify; }

#acabouquestao { color: #001100; text-align: center; 	margin-top: 40px; }
#pform {	margin: 0 auto; }
#flogin { margin: 0 auto; }
#pcadok {			/* definições para mensagem de cadastro processado com sucesso */
	margin-top: 20px;
	text-align: center;
	font-size: 120%;
	color: #006600;
}

sup {color: #FF00FF; font-weight: normal;}

/* tabela estatisticas */
table#tabela tr td {
	border-style: outset;
	border-width: .1em;
	border-color:	#333333;
	padding: .1em;
/*	spacing: 5em;*/
	text-align: center;
	background: #FFFFFF;
}
table#tabela tr.titulo td { background: #DDDDDD; color: black; }

/* ----------------- formatação para os forms exceto do login ----------------------- */
.cssform p{
 	width: 69%;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dotted gray;
	height: 1%;
}
.cssform label{
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform legend {
	color: #000088;
	font-weight: bold;
	border: 1px solid #999999;
}

input:focus, select:focus {
  background: #FFFFDD;
  color: #000099;
}




/* ----------------- tool tip specific styles ------------------- */
#theToolTip{
position: absolute;
left: -300px;
width: 300px;
border: 2px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4); */
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
}