/* MOVEIS BELO: SISTEMA DE TREINAMENTO CSS */



/* 
-----------------------
  Tags Genericas
-----------------------
*/


	body {
	margin:0;
	}
	
	h1 {
	font:bold 13px arial;
	margin:0 0 10px 0;
	}
	
	h2 {
	width:395px; height:21px;
	background-image:url(../img/degrade.jpg);
	background-repeat:no-repeat;
	font:bold 15px arial;
	padding-top:5px;
	padding-left:7px;
	margin:0 0 10px 0;
	}
	
	a img {
	border:none;
	}
	
	
/* 
-----------------------
  Estrutura
-----------------------
*/

	div#tudo {
	width:790px; height:auto;
	margin:auto;
	}
	
	div#topo {
	width:790px; height:123px;
	background-image:url(../img/topo.jpg);
	float:left;
	}
	
	div#logo {
	width:165px; height:123px;
	float:left;
	}
	
	div#ola {
	width:605px; height:auto;
	font:10px verdana;
	padding:65px 5px 0 0;
	color:#666666;
	text-align:right;
	float:left;
	}
	
	div#ola a {
	color:#993300;
	}
	
	/* ---------------------------------- */
	
	div#corpo {
	width:790px; height:auto;
	background-image:url(../img/corpo_bg.jpg);
	min-height:450px;
	float:left;
	}
	
	/*\*/
	* html div#corpo {
	height:450px;
	}
	/**/
	
	/* ---------------------------------- */
	
	div#lateral_esq {
	width:145px; height:auto;
	padding-left:20px;
	padding-top:20px;
	float:left;
	}
	
	div#lateral_esq ul {
	padding:0;
	margin:0;
	}
	
	div#lateral_esq ul li {
	width:125px; height:auto;
	list-style-type:none;
	margin-bottom:30px;
	}
	
	div#questionario {
	padding:25px 3px 3px 3px;
	font:10px tahoma;
	}
	
	/* ---------------------------------- */
	
	div#conteudo {
	width:595px; height:auto;
	padding:20px 20px 20px 10px;
	font:12px "Trebuchet MS";
	color:#3d4046;
	float:left;
	}
	
	div#texto {
	width:419px; height:500px;
	overflow:auto;
	float:left;
	}
	
	div#responder {
	margin-right:10px;
	float:right;
	}
	
	/* ---------------------------------- */
	
	div#lateral_dir {
	width:145px; height:auto;
	padding:10px;
	margin:0 0 10px 10px;
	float:right;
	}
	
	div#lateral_dir ul {
	padding:0;
	margin:0;
	}
	
	div#lateral_dir ul li {
	width:67px; height:95px;
	padding:1px;
	list-style-type:none;
	display:inline;
	margin:1px;
	float:left;
	}
	
	div#lateral_dir ul li span {
	margin-top:3px;
	float:left;
	}
	
	div#lateral_dir ul li a img {
	border:1px solid #EEEEEE;
	}
	
	div#lateral_dir ul li a:hover img {
	border:1px solid #ff842a;
	}
	
	/* ---------------------------------- */
	
	div.perguntas {
	width:393px; height:auto;
	border:1px solid #d4d0c8;
	background-color:#f5f4f1;
	padding:5px;
	margin-bottom:10px;
	}
	
	div.perguntas ul {
	border:1px solid #d4d0c8;
	padding:0;
	margin:0;
	margin-top:10px;
	}
	
	div.perguntas ul li {
	width:98%; height:auto;
	border-bottom:1px solid #FFFFFF;
	list-style-type:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	}
	
	/* ---------------------------------- */
	
	ul.niveis {
	padding:0;
	margin:0;
	margin-top:20px;
	}
	
	ul.niveis li {
	list-style-type:none;
	margin-bottom:35px;
	}
	
	div.box-p {
	width:378px; height:auto;
	background-color:#fbfaf9;
	border-right:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
	margin-top:-5px;
	padding:10px 15px 5px 15px;
	color:#8f8f8f;
	}
	
	/* ---------------------------------- */
	
	div.box-g {
	width:518px; height:auto;
	background-color:#fbfaf9;
	border-right:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
	margin-top:-5px;
	padding:10px 15px 5px 35px;
	color:#8f8f8f;
	}
	
	ol.topicos {
	padding:0;
	margin:0;
	}

	ol.topicos li {
	margin-bottom:10px;
	}
	
	ol.topicos li a {
	text-decoration:none;
	font-weight:bold;
	color:#666666;
	}
	
	ol.topicos li a:hover {
	text-decoration:underline;
	color:#CC0000;
	}
	
	ol.topicos li.respondido a {
	color:#006f00;
	}
	
	/* ---------------------------------- */
	
	ul.login_senha {
	width:280px;
	padding:30px 0 0 145px;
	margin:0;
	}
	
	ul.login_senha li {
	list-style-type:none;
	margin-bottom:5px;
	}
	
	.form {
	width:270px; height:auto;
	border:1px solid #D4D4D4;
	font:11px arial;
	padding:5px;
	}
	
	.combo {
	width:282px; height:auto;
	border:1px solid #D4D4D4;
	font:11px arial;
	padding:5px;
	}
	
	.mens {
	width:270px; height:110px;
	border:1px solid #D4D4D4;
	font:12px "Trebuchet MS";
	padding:5px;
	}
	
	/* ---------------------------------- */
	
	div#setas {
	margin-top:15px;
	margin-left:5px;
	}
	
	/* ---------------------------------- */

	div#rodape {
	width:770px; height:28px;
	background-image:url(../img/rodape.jpg);
	font:11px "Trebuchet MS";
	padding-top:30px;
	padding-left:20px;
	color:#333333;
	float:left;
	}
	
	/* ---------------------------------- */
	
	span.laranja {
	font-weight:bold;
	color:#FF6600;
	}
	
	span.vermelho {
	font-weight:bold;
	color:#ff3300;
	}	

	a.proximo:link {text-decoration:underline; color:#374d7e}
	a.proximo:visited {text-decoration:underline; color:#374d7e}
	a.proximo:hover {text-decoration:none; color:#666666}
	a.proximo:active {text-decoration:none}
	
	div.voltar {
	margin:6px;
	float:right;
	}