/* CSS Inside Pages */

/************** Barra de título ****************/

	#title{
		padding-top:10px;
		margin:0px 15px 0px 15px; 
		border-bottom:2px solid #2B6CB5;
		background:url(../img/title_bg.gif) repeat-x bottom;
		height:20px;
	}

/***************** Navegação *******************/

			#title #navi{
				float:left;
				padding-top:8px;
				padding-left:20px;
				height:12px;
				background: url(../img/icone_fama.jpg) no-repeat left bottom ;
				width:auto;
			}
			.naviseta {padding-left:10px;background:url(../img/icon_seta.gif) left no-repeat;}
			#navi b {text-decoration:none;text-transform:uppercase;}	
			#navi a:hover {color:#990000;background:#FDF2E3; z-index:99;}
	

/*********** Tarja da barra de título **************/

			#title #tarja{ /*Pedaço [DIREITO] & [CONTEÚDO] da tarja*/
				background:#2B6CB5 url(../img/title_tar2.jpg) right top no-repeat; 
				color:#FFFFFF;
				float:right;
				clear:right;
				font-size:14px;
				text-transform:uppercase;
				font-weight:bold;
				text-align:right;
				padding:2px 8px 0px 0px;
				height:19px;
				vertical-align:bottom;
			}
		
			#tar2{ /*Pedaço [ESQUERDO] da tarja*/
				background:#2B6CB5 url(../img/title_tar1.jpg) left top no-repeat; 
				float:Right;
				height:21px;
				width:10px;
			}

/********************* TEXTO *********************/
/*      A div conteúdo das páginas Inside        */

	#texto{ 
		border-top:#FFFFFF 1px solid;
		margin:0px 15px;
		background:url(../img/inside.jpg) top repeat-x;
		padding:5px;
		vertical-align:top;
	}
	#texto h5{ /* Titulo com  l e t t e r - s p a c e  */
		font-weight:bold;
		text-transform:uppercase;
		color:#2B6CB5;
		letter-spacing:3px;
		margin:5px 0px;
		margin-bottom:10px;
	}
	#texto p {padding:5px 0px; text-align:justify;}/* ErRo do IE*/
	#texto spam.center {text-align:center;}
	

/************** TOPO & VOLTAR *****************/
			#texto h6, .voltar{ 
				font-weight:bold;
				text-transform:uppercase;
				color:#2B6CB5;
				letter-spacing:1px;
				padding-right:15px;
				margin-top:15px;
				margin-bottom:3px;
				clear:left;
			}
			#texto h6{background:url(../IMG/icon_topo.gif) right no-repeat ; text-align:right;}
			#texto h6.voltar {background:url(../IMG/icon_voltar.gif) right no-repeat; text-align:right;}

			
/************** ((NEW!!!))TOPO & VOLTAR *****************/
			.back, .topo{ 
				font-weight:bold;
				text-transform:uppercase;
				color:#2B6CB5;
				letter-spacing:1px;
				padding-right:15px;
				margin-top:15px;
				margin-bottom:3px;
				display:block;
			}
			.back{background:url(../IMG/icon_voltar.gif) right no-repeat; text-align:right; margin-top:2px #33FFCC;}
			.topo{background:url(../IMG/icon_topo.gif) right no-repeat; text-align:right; margin-top:2px #33FFCC;}
	
/*  D E S C R I Ç Ã O   D A   U L   L I   n a   [ I ] t a l i c   */

			#texto ul i {color:#9AB6C0; font-style:normal;}

/***  U L s   L I s    F U R I O S A M E N T E ***/

			#texto ul {
				margin-bottom:3px;
				list-style:decimal;
				margin-left:20px;
			}		
			#texto ul li{
				margin-left:20px;
				margin-top:1px;
			}
			
			/******** CLASSE PARA UL´s e LI´s ********/
			
			#texto ul li, #texto ul.icon_seta li, #texto ul li.icon_seta
			{list-style-image:url(../IMG/icon_seta.gif);}
			
			#texto ul.icon_none li,#texto li.icon_none
			{list-style-image:none}
			
			#texto ul.icon_pessoa li,#texto li.icon_pessoa
			{list-style-image:url(../IMG/icon_pessoa.gif);}
			
			#texto ul.icon_pessoa li,#texto li.icon_pessoa
			{list-style-image:url(../IMG/icon_pessoa.gif);}
			
			#texto ul.icon_pessoa li.icon_pessoa2, #texto ul li.icon_pessoa2,
			#texto ul.icon_pessoa2 li,#texto li.icon_pessoa2
			{list-style-image:url(../IMG/icon_pessoa2.gif);}
			
					/*CLASSES PARA MATERIAL DIDÁTICO*/
					#texto ul.ulmater li,#texto li.ulmater
					{list-style-image:url(../IMG/icon_pessoa.gif);}
					#texto ul.ulmater li{padding-bottom:10px;}
					#texto ul.ulmater li ul li{font-weight:normal;}
			
	
			#texto ul.icon_word li, #texto li.icon_word
			{list-style-image:url(../IMG/icon_word.gif);}
			
			#texto ul.icon_web li, #texto li.icon_web
			{list-style-image:url(../IMG/icon_web.gif);}
			
			#texto ul.icon_web2 li, #texto li.icon_web2
			{list-style-image:url(../IMG/icon_web2.gif);}
				
			#texto ul.icon_book li, #texto li.icon_book
			{list-style-image:url(../IMG/icon_book.gif);}
			
			#texto ul.icon_relatorio li, #texto li.icon_relatorio
			{list-style-image:url(../IMG/icon_relatorio.gif); margin:2px 0px;}
			
			#texto ul li, #texto ul.icon_seta li, #texto ul li.icon_seta
			{list-style-image:url(../IMG/icon_seta.gif);}
			
			#texto ul.icon_home li, #texto li.icon_home
			{list-style-image:url(../img/icon_home.gif);}
			
			#texto ul.icon_number li, #texto li.icon_number
			{list-style-image:none; list-style-type:decimal;}
			
			#texto ul.icon_pps li, #texto li.icon_pps, #texto ul ul ul ul.icon_pps
			{list-style-image:url(../IMG/icon_pps.gif);}
			
			#texto ul.icon_pdf li, #texto li.icon_pdf
			{list-style-image:url(../IMG/icon_pdf.gif);}
			
			#texto ul.icon_pdf, #texto ul.icon_pessoa, #texto ul.icon_book, #texto ul.icon_pps, #texto ul.icon_web, #texto ul.icon_seta,
			#texto li.icon_pdf, #texto li.icon_pessoa, #texto li.icon_book, #texto li.icon_pps, #texto li.icon_web, #texto li.icon_seta,
			{margin-top:7px;}
			
			#texto ul.icon_note li, #texto li.icon_note
			{list-style-image:url(../IMG/icon_note.gif);}
			
			#faketable a:hover{
			background:#CCCCCC;
			}
			
			/*** MATERIAL DIDÁTICO ESCONDIDO ***/
			
			#lis_c01, #lis_c02{
				display:none;
				border:1px solid #CCCCCC;
				padding:10px;
				background:url(../img/rodape.jpg) repeat-x top;
			}
			.lis_fechar{
				border:1px solid #CCCCCC;
				padding:2px;
				margin:10px;
			}

/****  E S P A Ç A M E N T O   N A S   U L s   L  I s  ****/

			/*#lista_space li, li.icon_pessoa, li.icon_pessoa2{margin-top:10px;}*/
			/*#lista_space li.icon_seta{margin-top:10px; margin-left:0px;}
			#lista_space ul.icon_none{margin-top:11px;}*/
			
			#lista_space li{line-height:15px;}
			
			

			/**** FIX Icones de   t a m a n h o   m a i o r ****/
			#texto ul.icon_pdf li, #texto li.icon_pdf,
			#texto ul.icon_book li, #texto li.icon_book
			{padding:5px 0px; padding-top:0px; padding-bottom:5px;}

/********************* TABELAS *******************/

	.teste{width:100%;}
	table, td, tr{
		vertical-align:top;
	}
	table.tablesimples tr td, table.tabpequeno tr td{
		border:1px solid #CCCCCC;
		padding:2px;
	}
	
	table.tablesimples{width:100%;}
	table.tabpequeno{
		border-collapse:collapse;
		margin:0 auto;
		border:1px solid #CCCCCC;
	}
	table.tablesimples, table.tablesimples tr td{
		border-collapse:collapse;
		border:1px solid #CCCCCC;
	}
	tr.trsimples {
		background:#E0E0E0 url(../img/rodape.jpg) repeat-x top;
		text-align:center;
	}
	tr.trdegrade, tr.trnotas {
		background:#E0E0E0 url(../img/rodape.jpg) repeat-x top;
		color:#666666;
		text-align:center;
		text-transform:uppercase;
	}
				tr.trnotas{font-weight:bold; text-align:left;}
	tr.trclaro {
		background:#FBFBFB;
		color:#666666;
		text-align:center;
		text-transform:uppercase;
	}
	tr.trcenter{
		text-align:center;
	}
	table.tbcoord {border:1px solid #CCCCCC; width:100%; padding:10px; border-collapse:collapse;}
	table.tbcoord tr td, table.tbcoord tr{border:1px solid  #CCCCCC; padding:4px;}
	tr.negro {background:#383838; margin-top:10px;}
	tr.notas {background:#2C6CB6; margin-top:10px; text-transform:uppercase;}
	
	tr.negro td,
	tr.notas td
	{color:#FFFFFF; font-weight:bold; margin-top:10px;}
	

/***** BOX FLUTUANTES (corpodocente.asp) *******/
	#bf1, #bf2, #bf3{
		display:none;
		position:absolute;
		z-index:99;
		background:#FBFBFB url(../img/rodape.jpg);
		border:1px solid #999999;
		color:#666666;
		padding:3px;
	}

/***************** GET itens *****************/
	#getra {
		background:#F7F7F7;
		padding:8px;/*Tava dando erro no IE*/
		border-right:1px solid #DFDFDF;
		border-bottom:1px solid #DFDFDF; /*Tava dando erro no IE*/
		width:400px;
		height:30px;
		display:block;
	}
	a:hover #getra{background:#E4E4E4;}
	
	a:hover #get {background:#E4E4E4;}
	#get {
		background:#F7F7F7;
		padding:8px;/*Tava dando erro no IE*/
		border-right:1px solid #DFDFDF;
		/*border-bottom:1px solid #DFDFDF;*/ /*Tava dando erro no IE*/
		margin:5px 300px 0px 18px;
	}
	
	#get img, #getra img{float:left; padding-right:5px;}
	
		#alinhalista {padding-left:40px;} /*Não é esse*//*Esse é o atual!!!!*/
		#alinhalista a #get{margin-right:260px;} /*Não é esse*/
		
	ul li #get {margin-right:270px;}
	/*#texto a:hover, a:hover #get {
		background:#E5F0FB;
		color:#2B6CB5;
	}*/
	
	a:hover #get {border-color:#9DBFE4;}
	
	#texto a:hover, a:hover #get /* Get Azul */
	{background:#E5F0FB; color:#2B6CB5;}
	a:hover #get {border-color:#9DBFE4;}

/***************** GALERIA *****************/

		#galeria{
			padding:5px;
			text-align:center;
		}
		.small_img{height:80px;
		width:80px;
		padding:2px
		}
		#galeria a span {display:none;}
		#galeria a:hover {position:relative;}
		#galeria a:hover span {
			width:150px;
			height:150px;
			z-index:3;
			display:block;
			position:absolute;
			left:-50px; top:-85px;
			border:0;
			border:1px solid #888;
			padding:5px;
			background:#ccc;
		}
		#galeria a:hover span img{
		width:150px;
		height:150px;
		}
		.boxgaleria{width:450px;}

/********************* Vários *********************/

	#super_end{ /*Marca D´agua no final da página*/
		height:240px;
		line-height:100px;
		background:url(../IMG/marcadagua.jpg) center bottom no-repeat;
	}
	.supertext{font-size:36px; font-family: palatino linotype; color:#2B549F;}
	
	.enquetesubmit {margin-bottom:8px; padding:1px;}
	#esconde div{
		display:none;
	}
	.centro{margin:0 auto;}
	
	.cola_dir{float:right; margin-right:-5px;} /*Cola a div no canto direito da DIV texto*/
	
	hr.linha, hr.linhacoord{ 
			border-style:none; list-style-image:none; 
			padding: 0;
			border: none;
			height: 1px;
			background: url(../IMG/pontinhos.gif) repeat-x;
			clear:left;
			}
			
			hr.linhacoord{
			margin: 3px 0px;
			}