* {
	margin: 0;
	padding: 0;
	border: 0;}

/* banner de natal*/
#banner {
position: absolute;
left: 550px;
top: 20px;
width: 400px;
height: 300px;
z-index: 50;
background-color: black;
}
.invisible {
display: none;
}
#banner a#close {
float: right;
color: red;
font-weight: bold;
}
/*fim do banner*/
	
/*Presentation*/

	em {color: #0f72c5;}

	strong {color: #0f72c5;}

	a:link {
		color: #0f72c5;
		font-weight: bold;
		text-decoration: underline;}

	a:visited {
		color: #0f72c5;
		font-weight: bold;
		text-decoration: underline;}

	a:focus {
		color: #0f72c5;
		font-weight: bold;
		text-decoration: none;}

	a:hover {
		color: #777;
		font-weight: bold;
		text-decoration: none;}

	a:active {
		color: #0f72c5;
		font-weight: bold;
		text-decoration: none;}	


	/* Structure */
	
	body {
	height: auto;
		font: normal 12pt/14pt  arial, "Trebuchet MS", verdana, tahoma, sans-serif;
		text-align: left;
		direction: ltr;
		letter-spacing: normal;
		word-spacing: normal;
		color: #000;
		
		background-image: url("../_img/body_bg.jpg");
		background-repeat: repeat-x;
		background-position: top;
		background-color: #041f4a;}
		
#container {
			position: absolute;
			width: 869px;
			top: 0%;
			left: 50%;
			margin-top: auto;
			margin-left: -434px;
			
			background-color: #fff;
			border: 0px solid #041f4a;}
			
body.home #container {
	height: auto;
	overflow: visible; 
	border: 0px solid #041f4a;}			
			
#header {
	width: 869px;
	height: 124px;
	background-image: url("../_img/header_bg.gif");
	border: 0px solid green;}
	
#header h1, #header h2 {
	float: left;}
	
#header h1 {
	height: 124px;
	border: 0px solid red;}	
	
#header h2 {
	width: 458px;
	height: 124px;
	display: block;
	background-image: url("../_img/header_h2_bg.gif");
	border: 0px solid blue;}		

#header h2 span {
	display: none;}
	
#logo_ufsc a{
 	width: 152px;     
 	height: 124px;    						
 	display: block;
	float: right;
	background-image: url("../_img/logo_ufsc_bg.gif");
	border: 0px solid red;}
	
#logo_ufsc a span {
	display: none;}
	
#nav {
	clear:both;}		
	
#nav ul {
	width: 869px;
	height: 38px;
	background: url("../_img/nav_bg.gif") repeat-x;	
	border: 0px solid purple;
	overflow: visible; }
	
#nav ul	li {
	list-style-type: none;
	float:left;
	text-align: center;}
	
#nav ul	li a {
	height: 26px;
	_height: 38px;
	display: block;
	padding-top: 12px;
	font-family: "Trebuchet MS", verdana, tahoma, sans-serif;
	font-size: 8pt;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border-left: solid 2px #b69612;}
	
#nav ul	li a span.aespecial {
	text-transform: lowercase;}	
	
#nav ul li a:hover, #nav ul li a:active, #nav ul li a.active { 
	background: url("../_img/nav_bg_active.gif") repeat-x;}
	
#nav ul	li#nav_ambiente {
	background: url("../_img/nav_bg_ambiente.gif") repeat-x;}
	
#nav ul	li#nav_ambiente a:hover {                                    		
	background: url("../_img/nav_bg_ambiente_active.gif") repeat-x;}
		
#nav ul	li#nav_home a {
	width: 87px;
	border: 0;}

#nav ul	li#nav_institucional a {
	width: 118px;}	

#nav ul	li#nav_espaco a {
	width: 99px;}

#nav ul	li#nav_recursos a {
	width: 179px;}

#nav ul	li#nav_ead a {
	width: 125px;}

#nav ul	li#nav_contato a {
	width: 108px;}					

#nav ul	li#nav_ambiente a {
	width: 141px;
	_width: 141px;}
		
#nav li ul {
	position: absolute;
	width: auto;
	left: -999em;
	height: auto;
	border: 0px solid #bf9f1f}
	
#nav li ul li {
	float: none;
	text-align: left;}

#nav li ul li a {
	width: 170px !important;
	height: 16px;
	padding: 3px 0px;
	color: #041f4a;
	border-bottom: 1px solid #bf9f1f;
	background-color: #dfc145;}
	
#nav li ul li a:hover {
	color: #fff;
	background-color: #7b640a;
	background-image: none;}		
	
/*tamanho no IE*/	
#nav li ul li a span {
	width: 140px;
	_height: 13px;
	display: block;
	margin: 0 25px;}
	
#nav li:hover ul, #nav li.sfHover ul {
	left: auto;}		
		
			
	

/*content*/
	 
div#content {
	width: 869px;
	background-color: #FFF;}
	
/*home*/

body.home div#content {
	min-height: 490px;
	}
	
#nav li ul li{
	z-index: 99}
	
div#tv {
	z-index: -99;}	
			
div#tv {
	width: 455px;
	height: 219px;
	float: left;
	_margin-right: -20px;
	background-color: ##01244a;
	border: 0px solid purple;}
	
div.intro {
	width: auto;
	height: 219px;
	margin-left: 455px;
	_margin-left: 450px;	
	background-image: url("../_img/intro_bg.jpg");
	background-repeat: no-repeat;
	background-color: #e0e1e1;
	border: 0px solid purple;}

	
span.data {
	text-align:justify;
	width: auto;
	height: 23px;
	padding-top: 5px;
	padding-right: 10px;
	display: block;
	font-size: 9pt;
	text-align: right;
	color: #fff;
	background-color: #a1a1a3;}
	
body.home #container div.intro h1 {
	margin: 13px 0 10px 20px;
	font-family: "MS Trebuchet", Arial, sans-serif;
	font-size: 13pt;
	text-align: left;
	color: #002449;}
	
body.home #container div.intro p {
	text-align:justify;
	margin: 4px 20px;
	font-size: 10pt;
	line-height: 18pt;
	text-align: left;
	color: #000;}
	
div#cursos_andamento {
	width: 605px;
	margin-top: 10px;
	float: left;
	border: 0px solid brown}		
	
div#cursos_andamento h1 {
	width: 190px;
	height: 31px;
	margin: 8px 20px;
	font-size: 10pt;
	text-align: left;
	color: #002449;
	background-image: url("../_img/curso_andamento_h1_bg.gif");
	background-repeat: no-repeat;
	border: 0px solid red;}
	
div#cursos_andamento h1	span {
	height: 31px;
	display: block;
	margin-left: 9px;
	padding: 5px 0 0 5px;
	background-image: url("../_img/curso_andamento_span_bg.gif");
	background-repeat: no-repeat;
	background-position: top right;}
	
div#cursos_andamento img {
	margin: -3px auto;
	margin-left: 20px;
	border: 0px solid brown}	
	
div#destaques {
	width: auto;
	height: 500px;
	margin-top: 8px;
	margin-left: 606px;	
	border-left: 1px solid #c9cacb}
	
div#destaques div{
	margin-left: 20px;
        margin-top: 20px;
}	
	

	
div#destaque_01 a {
	width: 225px;
	height: 104px;
	display: block;
	background-image: url("../_img/destaque_01_bg.jpg");}
	
div#destaque_02 a {
	width: 225px;
	height: 81px;
	display: block;
	background-image: url("../_img/destaque_02_bg.jpg");}
		
div#destaque_03 a {
	width: 225px;
	height: 76px;
	display: block;
	background-image: url("../_img/destaque_03_bg.jpg");}			
	
div#destaque_tutores_bg a {
	width: 225px;
	height: 120px;
	display: block;
	background-image: url("../_img/destaque_tutores_bg.jpg");}


div#destaque_tutores a span, div#destaque_01 a span, div#destaque_02 a span, div#destaque_03 a span {
	display: none;}
	
/*projetos*/

#content h1.content {
	width: 100%;
	height: 102px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 18pt;
	background-repeat: no-repeat;
	background-position: top right;
	border: 0px solid red;}
	
#content h1.content  {
	width: 100%;
	height: 102px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 15pt;
	background-repeat: no-repeat;
	background-position: top right;
	border: 0px solid red;}
	
#content h1.content span {
	display: block;
	padding-top: 70px;
	margin: 0px 0px 0px 30px;}	
		
#content h1.projetos {
	font: 18pt;
	background-color: #0f72c5;
	background-repeat: no-repeat;
	background-position: top right;}
	
#content p {
	margin: 4px 35px;
	font-size: 12px;
	line-height: 15px;}
	
div.projeto {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 20px auto;
	border: 0px dotted black;}

div.projeto	h2 {
	margin: 10px 35px;
	margin-bottom: 10px;
	font: bold 15pt/18pt  arial, "Trebuchet MS", verdana, tahoma, sans-serif;	color: #0f72c5;}
	
div.projeto	h4 {
	margin: 10px 35px;
	margin-bottom: 15px;
	font: bold 10pt/12pt  arial, "Trebuchet MS", verdana, tahoma, sans-serif;	color: #ed0808;
	text-transform:uppercase;}
	
div.projeto	img {
	margin: auto 35px;
	margin-top: -5px;}
	
div.impar img {
	float: right;
	margin-bottom:80px;
	border: 0px dotted black;
	} 
	
div.par img {
	float: left;
	margin-bottom: 80px;
	border: 0px dotted black;
	}
		
div.impar {
	padding-bottom: 35px;
	background-color: #e1e1e3;
	background-image: url("../_img/projeto_impar_bg.jpg");
	background-repeat: repeat-x;
	background-position: bottom;}	
	
div.parceiros {
	margin: 10px 35px;
	font-size: 10pt;}
							
div.par	div.parceiros {
	margin-left: 370px;}
	
/*templates gerais*/

div.conceitos {
	width: 380px;
	float: right;
}

div.conceitos span {
	width: 300px;
	margin-right: 50px;
	float: right;
}

div.texto {
	text-align:justify;
	line-height: 14pt;
	margin-right: 410px;}
	
div.texto_tutores {
	text-align:justify;
	line-height: 16pt;
	margin-right: 230px;}

div.texto_tutores a img{
	margin: 8px 0px 20px 35px;
	float: left;
}

div.texto_tutores div{
	width:440px;
	float: right;
}

div.texto h3{
	text-align:justify;
	line-height: 14pt;
	margin-left: 35px;
	font: bold 13pt/16pt  arial, "Trebuchet MS", verdana, tahoma, sans-serif;	color: #0f72c5;
	}

div.texto span {
	text-align:left;
	line-height: 14pt;
	margin-right: 410px;}
	
#content h1.sead {
	background-color: #0f72c5;
	background-image: url("../institucional/_img/h1_sead_bg.jpg");}	
	
#content h1.cursos {
	background-color: #0f72c5;
	background-image: url("../institucional/_img/h1_projetos_bg.jpg");}			

#content h1.gestao {
	background-color: #0f72c5;
	background-image: url("../institucional/_img/h1_gestao_bg.jpg");}
	
#content h1.consciencia {
	background-color: #0f72c5;
	background-image: url("../institucional/_img/h1_consciencia_bg.jpg");}
	
#content h1.economia {
	background-color: #00305E;
	background-image: url("../institucional/_img/h1_economia_bg.jpg");}

#content h1.tutores {
	background-color: #00305E;}

#content h1.contabeis {
	background-color: #75263D;
	background-image: url("../institucional/_img/h1_contabeis_bg.jpg");}

#content h1.contabeispos {
	background-color: #006D75;
	background-image: url("../institucional/_img/h1_contabeispos_bg.jpg");}
	
#content h1.cursoterra {
	background-color: #60609c;
	background-image: url("../institucional/_img/h1_terra_bg.jpg");}
	
#content h1.cursosenasp {
	background-color: #0d616e;
	background-image: url("../institucional/_img/h1_senasp_bg.jpg");}
	
#content h1.cursosenasp span{
	padding-top: 60px;}
	
#content h1.cursosesi {
	background-color: #a093cd;
	background-image: url("../institucional/_img/h1_sesi_bg.jpg");}

#content h1.cursosesi span{
	padding-top: 60px;}
	
#content h1.proposta {
	background-color: #0f72c5;
	background-image: url("../institucional/_img/h1_proposta_bg.jpg");}
	
#content h1.etica {
	background-color: #0b5797;
	background-image: url("../espaco/_img/h1_etica_bg.jpg");}
	
#content h1.pressupostos {
	background-color: #0b5797;
	background-image: url("../espaco/_img/h1_etica_bg.jpg");}
	
#content h1.colunas {
	background-color: #0b5797;
	background-image: url("../espaco/_img/h1_colunas_bg.jpg");}
	
#content h1.normas {
	background-color: #0b5797;
	background-image: url("../espaco/_img/h1_etica_bg.jpg");}
	
#content h1.legislacao {
	background-color: #0b5797;
	background-image: url("../espaco/_img/h1_etica_bg.jpg");}
	
#content h1.servico {
	background-color: #0b5797;
	background-image: url("../espaco/_img/apoio.gif");}
	
#content h1.cursoftead {
	background-color: #12245e;
	background-image: url("../institucional/_img/h1_cursoftead_bg.jpg");}
	
#content h1.reducaodemanda {
	background-color: #098a9e;
	background-image: url("../institucional/_img/h1_reducaodemanda_bg.jpg");}
	
#content h1.cursomi {
	background-color: #5c8d08;
	background-image: url("../institucional/_img/h1_cursomi_bg.jpg");}
	
#content h1.recursos {
	background-color: #6289be;
	background-image: url("../recursos/_img/recursos.gif");}
	
#content h1.contato {
	background-color: #0d15aa;
	background-image: url("../contato/_img/h1_contato_bg.jpg");}
	
#content h1.ead {
	background-color: #043972;
	background-image: url("../ead/_img/h1_ead.jpg");}

#content h1.videos {
	background-color: #000000;
	background-image: url("../videos/_img/h1_video_copy.jpg");}
	
/*Recursos Educacionais*/

div.subnav {
	width: 300px;
	float: right;
	border: 0px solid red;}
	
div.subnav ul {
	width: 222px;
	min-height: 410px;
	_height: 410px;
	padding-top: 10px;
	background-image: url("../recursos/_img/subnav_bg.jpg");
	background-repeat: no-repeat;}
	
div.subnav  ul li {	
	margin: 0px 15px;
	float:none;
	list-style-type: none;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #fff;}

div.subnav ul li a {
	display: block;
	padding: 10px 0px;
	font-family: "Trebuchet MS", verdana, tahoma, sans-serif;
	font-size: 9pt;
	color: #fff;
	text-decoration: none;}
	
div.subnav ul li a hover {
	display: block;
	padding: 10px 0px;
	font-family: "Trebuchet MS", verdana, tahoma, sans-serif;
	font-size: 9pt;
	color: #9eedf9;
	text-decoration: none;}

div.subnav ul li a active {
	display: block;
	padding: 10px 0px;
	font-family: "Trebuchet MS", verdana, tahoma, sans-serif;
	font-size: 9pt;
	color: #fff;
	text-decoration: none;}
	
div.recursos {
	margin-right: 320px;}		
	
div.recurso	{
	margin: 40px 0px 40px 0px;
	border: 0px solid red;}
	
div.recurso h2 {
	margin-left: 35px;
	font-size: 14pt;
	color: #6289be;}
		
div.recurso	img {
	margin: 10px 0px;
	margin-left: 32px;}
	
div.recurso span.topo {
	margin-right: -230px;
	padding-right: 10px;
	float: right;
	font-size: 11pt;
	text-transform: capitalize;
	background-image: url("../recursos/_img/topo_bg.jpg");
	background-repeat: no-repeat;
	background-position: right;}
	
div.recurso span.topo a {
	color: #6289be;
	text-decoration:none;}	
	
div.recurso span.topo a:hover{
	color: #12245e;
	text-decoration:none;}	
		
#footer {
	width: 869px;
	min-height: 95px;
	_height: 95px;
	margin-top: 200px;
	clear: both;
	background-image: url("../_img/footer_bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #cacbcc;
	border: 0px solid red;}
	
div.address {
	width: 100%;
	margin-top: 35px;
	float: left;
	font-size: 8pt;
	line-height: 10pt;
	text-align: center;
	color: #616161;}
	
ul.nav_lang {
	display: none;}	
	
/**** Formul�rio ****/

#form {
	width: 450px;
	height:auto;
	border: 1px solid #000;
	margin-left: 30px;
	padding-top: 20px;}
	
#form contato {
	font: normal 12pt/14pt  arial, "Trebuchet MS", verdana, tahoma, sans-serif;
	background-color: #000}

/**** Consciencia ****/

div#consciencia{
	width: 523px;
	height: 350px;
	float: left;
	border: 1px solid #fff;}	

/**** Lista Economia ****/

div.texto ul {
		font: bold 10pt/14pt  arial, "Trebuchet MS", verdana, tahoma, sans-serif;
		margin: 15px 0 15px 50px;
		list-style: circle;

}

/********* Textos dos vídeos *******/

div.texto_videos {
padding-left:30px;
text-align:justify;
width:705px;}
div.texto_videos h3 {
margin-left:0px;
text-decoration:underline;}
div.texto_videos a {
text-decoration:none;
color:#999999;
display:block;
padding-top:5px;
text-align:center;
width:138px;
}