/* 
	   ===========================
	   ODYN COMUNICAÇÃO - www.odyn.com.br
	   Por Thalis Valle - thalisvalle@hotmail.com
	   ===========================
	*/
	
	body {
		height: 100%;
		padding: 0px;
		margin: 0px;
		background: url(_pic/sys-bgall.gif) top repeat-x;
	}
	
	img {
		display: block;
		border: 0px;
	}
	
	form {
		margin: 0px;
	}
	
	#bgcab {
		width: 716px; /*716*/
		height: auto;
		margin: auto;
		padding: 5px 0px 0px 0px;
		background: url(_pic/sys-bgall-cab.gif) top no-repeat;
	}
	
	#bgmain {
		width: 710px;
		height: 625px; /*700px*/
		margin: auto;
		background-color: #FFFFFF;
	}
	html>body #bgmain {
		width: 706px;
		height:700px; 
		margin: auto;
		background-color: #FFFFFF;
	}
	
	/* -=========== CABECALHO/LOGO ===========- */
	
	#logo { margin: 18px 0px 0px 20px; float: left; }
	html>body #logo { margin: 18px 0px 0px 19px; }
	html>body #banner { margin: 18px 8px 0px 0px; }
	
	#banner {
		width: 507px;
		height: 75px;
		margin: 18px 4px 0px 0px;
		background: url(_pic/banner.gif) left no-repeat;
		float: right;
	}
	
	/* -=========== MENUS ===========- */
	
	#menu {
		width: 163px;
		height: auto;
		margin: 0px 0px 0px 6px;
		text-align: left;
		float: left;
	}
	
	html>body #menu {
		width: 162px;
		margin-left: 8px;
	}
	
	#menu ul {
		margin-top: -17px;
		margin-bottom: -16px;
		margin-left: 0px;
		font-size: 0.7em;
		font-family: "Trebuchet MS", Verdana;
		color: #005888;
	}
	
	#menu ul li {
		list-style: none;
		text-align: left;
		margin-top: 0px;
		margin-left: 0px;
		line-height: 17px;
		padding: 3px 0px 2px 0px;
	}
	
	#menu li a:hover {
		margin-left: 2px;
	}
	
	html>body #menu ul {
		font-size: 0.8em;
		margin-left: -37px;
	}
	
	#menuhome { display: block; margin-bottom: -10px; }
	
	/* -=========== CORPO ===========- */
	
	#main {
		width: 695px;
		height: 540px;
		margin: auto;
		clear: both;
		display: block;
		background-color: #FFFFFF;
	}

	html>body #main {
		width: 690px;
	}
	
	#imgmain {
		width: 507px;
		height: 415px;
		margin: 4px 0px 0px 0px;
		background-image: url(_pic/img-home.jpg); background-repeat: no-repeat;
		float: right;
	}
	
	#banner_main {
		width: 507px;
		height: 154px;
		margin: 10px 0px 0px 0px;
		float: right;
		z-index:10;
	}

	#divunidades {
		width: 153px;
		height: 50px;
		display: block;
		background-color: #F7A30A;
	}
	
	html>body #divunidades { margin-top: -7px;}
	
	#iconunidades {
		margin: 8px 0px 3px 12px;
	}

	html>body #iconunidades {
		padding: 7px 0px 0px 2px;
	}
	
	#formunidades select {
		width: 128px;
		margin: 0px 0px 0px 12px;
		padding: 1px 2px 1px 1px;
		font-size: 0.6em;
		font-family: Verdana, Arial;
		color: #DE9220;
		background-color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		border-top: 1px solid #005888;
		border-left: 1px solid #005888;
		background-color: #FFFFFF;
	}
	
	html>body #formunidades select {
		font-size: 0.7em;
	}
	
	/* -=========== RODAPE ===========- */
	
	#rodape {
		width: 709px;
		height: auto;
		padding: 10px 0px 30px 0px;
		font: 0.6em Verdana, Arial;
		background: url(_pic/sys-rodape.gif) center no-repeat;
		color: #7095BA;
		clear: both;
	}
	
	/* -=========== LINKS ===========- */
	
	#rodape a { text-decoration: none; color: #F7A30A; }
	#rodape a:hover { text-decoration: none; color: #005888; }
	#menu a { text-decoration: none; color: #6382B6; }
	#menu a:hover { text-decoration: none; color: #F7A30A; }
	#trabconosco a, #textoaulas a, #textometodologia a { text-decoration: none; color: #F7A30A; }
	#trabconosco a:hover, #textoaulas a:hover, #textometodologia a:hover { text-decoration: underline; color: #F7A30A; }

	/* -=========== CALSSES ===========- */
	
	.data {
		text-align: left;
		padding: 10px 0px 5px 0px;
		margin-left: 2px;
		font-size: 0.6em;
		font-family: Verdana, Arial;
		color: #006FAA;
		display: block;
	}
	
	html>body .data { 
		font-size: 0.7em;
	}

	.leia a:active,.leia a:link,.leia a:visited { font-size: 0.8em; text-decoration: none; color: #F7A30A; }
	.leia a:focus,.leia a:hover { font-size: 0.8em; text-decoration: none; color: #002940; }
	
	/* -=========== TESTE CONHECIMENTO ===========- */
	
	#maincategory {
		width: 507px;
		height: auto;
		margin: 9px 0px 0px 13px;
		background: url(_pic/sys-bg-testeconhecimento.gif) top repeat-x;
		font-size: 0.7em;
		font-family: "Trebuchet MS", Verdana;
		color: #006FAA;
		float: left;
		display: block;
		background-color: #FFFFFF;
	}
	
	html>body #maincategory { font-size: 0.8em; }
	
	#estado {
		width: 166px;
	}
	
	#fonen {
		width: 122px;
	}

	/* -=========== A MULTIDIOMAS ===========- */
	
	#textoamultidiomas {
		width: 454px;
		height: 250px;
		margin: 15px 0px 0px 26px;
		clear: both;
		display: table;
		text-align: justify;
	}
	
	#textocodigodeetica {
		width: 454px;
		height: auto;
		margin: 15px 0px 0px 26px;
		text-align: justify;
	}

	/* -=========== METODOLOGIA ===========- */
	
	#textometodologia {
		width: 455px;
		height: auto;
		margin: 15px 0px 0px 26px;
		text-align: justify;
	}
	
	html>body #textometodologia { 
		margin: 3px 0px 0px 26px;
	}
	
	#textomateriaiserecursos {
		width: 455px;
		height: auto;
		margin: 15px 0px 0px 26px;
		text-align: justify;
	}
	
	html>body #textomateriaiserecursos {
		margin: 3px 0px 0px 26px;
	}
	
	/* -=========== AULAS ===========- */
	
	#aulas {
		width: 455px;
		height: 90px;
		margin: auto;
		clear: both;
		display: table;
		text-align: justify;
		float: left;
	}
	
	html>body #aulas { margin-left: 0px; }
	
	#textoaulas {
		width: 455px;
		height: 90px;
		margin: 15px 0px 0px 26px;
		clear: both;
		display: table;
		text-align: justify;
	}
	
	html>body #textoaulas {
		margin: 3px 0px 0px 26px;
	}
	
	#formfacaparte, #nomecompleto, #cidadeinteresse, #ufinteresse, #endereco, #n, #bairro, #uf2, #email2, #cidade, #foneddd, #fonen, #site, #nomeempresa, #areaempresa, #nomecontato, #cargo, #email, #sexo, #dnascdd, #dnascmm, #dnascyy, #grauinst, #estadcivil, #capitaldisponivel, #estadcivil, #pais, #cep, #numero, #complemento, #estado, #teladdd, #telbddd, #telcddd, #telapos, #telapref, #telbpos, #telcddd, #telcpos, #telcpref, #telbpref,#nome {
		padding: 1px 2px 1px 1px;
		font-size: 0.8em;
		font-family: Verdana, Arial;
		color: #DE9220;
		background-color: #FFFFFF;
		border: 1px solid #FCF0DC;
	}
	#aulas input:hover, #aulas select:hover {
		background-color: #FCF0DC;
	}
	
	#aulas input:focus, #aulas select:focus {
		background-color: #E99B1B;
		color: #FFFFFF;
	}
	
	#enviar:hover {
		background-color: #E99B1B;
		color: #E99B1B;
	}

	.cidadeunidades {
		color: #F7A30A;
		font-size: 18px;
		font-weight: bold;
		margin-left: 0px;
	}
	
	html>body .cidadeunidades {
		margin-top: 10px;
		margin-bottom: -14px;
		display: block;
	}

	.italic { font-style: italic; }
	
	/* ====== HOME ===== */
	
	#multidiomas-quemsomos {
		width: 227px;
		height: 104px;
		display: block;
		float: left;
		margin: 23px 0px 0px 7px;
		font-size: 0.7em;
		font-family: "Trebuchet MS", Verdana;
		text-align: justify;
		color: #176D9D;
	}
	
	html>body #multidiomas-quemsomos {
		font-size: 0.8em;
		line-height: 1.3em;
		margin: 8px 0px 0px 12px;
	}
	
	#multidiomas-cursos {
		width: 227px;
		height: 104px;
		display: block;
		margin: 23px 6px 0px 0px;
		font-size: 0.7em;
		font-family: "Trebuchet MS", Verdana;
		text-align: justify;
		color: #176D9D;
		float: right;
	}
	
	html>body #multidiomas-cursos {
		font-size: 0.8em;
		line-height: 1.3em;
		margin: 8px 13px 0px 0px;
	}
	
	#multidiomas-metodologia {
		width: 237px;
		height: 104px;
		display: block;
		margin: 44px 5px 0px 7px;
		font-family: "Trebuchet MS", Verdana;
		font-size: 0.7em;
		text-align: justify;
		color: #176D9D;
		float: left;
	}
	
	html>body #multidiomas-metodologia {
		font-size: 0.8em;
		line-height: 1.3em;
		margin: 45px 0px 0px 12px;
	}
	
	.p-top {
		margin-top: 0px;
	}
	
	#multidiomas {
		line-height: 14px;
	}
	
	fieldset {
		padding: 10px;
		border: 1px solid #FCF0DC;
		font-weight: bold;
	}
	
	html>body fieldset {
		padding: 10px;
		border: 1px solid #FCF0DC;
		background-color: #FFFEFB;
	}
	
	#maincategory table {
		margin-top: 7px;
		padding: 2px;
		font-weight: normal;
	}
	
	html>body #maincategory table {
		margin-top: 0px;
	}
	
	html>body #maincategory table td { padding: 2px; }

	.ast { color: #E99B1B; font-weight: bold; }
	
	.accesskey { text-decoration: underline; }
	
	#enviar {
		border: 1px solid #FCF0DC;
		background-color: #FFFFFF;
		color: #E99B1B;
		font-size: 0.8em;
		padding: 3px;
		margin-top: 10px;
		margin-bottom: 40px;
		float: right;
	}
	
	#error {
		width: 400px;
		height: auto;
		display: block;
		margin: auto;
		text-align: center;
		font-family: "Trebuchet MS", Verdana;
	}
	
	.floaticon { float: right; padding-top: 10px; }
	
	.laranja { font-weight: bold; color: #E99B1B; }
	
	.diferenciallista li { margin-bottom: 14px; }
	
	#selos { width: 250px; height: 15px; margin: auto; margin-top: 4px; text-align: center; }
	html>body #selos { margin-top: -4px; }
	
	#selos ul { list-style: none; }
	#selos ul li { float: left; }
	#selos img { padding-left: 4px; }
	
	html>body .icon-titulo {
		margin-top: 10px;
		display: block;
	}