html { height: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 76%;
	color: #888;
	height: 100%;
	background-color:#FFFFFF;
	}
	
	
a { 
text-decoration: none; 
font-size: 1em; 
padding: 1px 2px;
color:#009933;
font-weight:bold; }


a:hover { 
background-color:#333333;
color:#fcee21;}

acronym { border-bottom: 1px dotted #cc0000; 
cursor: help; }

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: center;
	}	
	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header {
	background:url(../imagens/base.png) no-repeat 100% 5px;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	/*NEW*/
	height:250px;
	}
	
	
#header div {
	text-align: left;
	padding: 45px 0 97px 20px;
	background:url(../imagens/titulo.png) no-repeat 0px 80px;
		/*NEW*/
	height:250px;
	}	



/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#header ul {
	margin: 0 40px;
	padding: 0;
	/*new*/
	margin: 0 20px;
	}
	
#header li { 
	display: inline;
	list-style-type: none;
	margin: 0 5px;
	font-size: 1.2em;
	background:url(../imagens/menu_front.png) no-repeat;
	width: 114px;
	height: 25px;
	float: left;
	text-align: center;
	}	
	
#header li a { 
	display: block; 
	width: 100%;
	color: #fff;
	padding-top: 7px;
	}	
	
#header li a.on  {
background-color: #333; 
height: 20px; 
color:#FCEE21;
font-weight:bold;
}
		

#header li a:hover { 
background-color: #333; 
height: 20px; 
color:#FCEE21;
font-weight:bold;}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	width: 700px;
	margin: 0 auto;
	padding-bottom: 50px;
	}
	
	
* html #content { padding-bottom: 60px; }	

#content:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	

/*HEADINGS*/	
/*modelo soh tinha h2*/

#content h1,h2,h3,h4,h5,h6 {
	margin: 0 0 20px 0;
	clear: both;
	color:#783c19;
	font:normal bold normal 40px  "Courier New", Courier, monospace;
	margin-bottom:5px;
	margin-bottom:0;
	}	

#content h1 em,h2 em,h3 em,h4 em {
	color: #000000;
	font-style: normal;	
	letter-spacing: 0.15em;}
	
#content h2 {	font-size:32px;	}	
	
#content h3,h4 { 
	margin: 20px 0;
	font-size:24px;
	border-bottom:#000 1px solid;
	/*teste*/
	font-size:28px;
	margin:5px 0;
	}	
	
#content h4,h5,h6 { 
	margin: 20px 0;
	font-size:18px;	
	text-align:right;
	/*teste*/
	margin: 20px 0 10px 0;
	}	
	
#content  h5, h6 { 	
font-size:14px;	
font-family: Arial, Helvetica, sans-serif	;
letter-spacing:0.15em;}	

#content  h5 {
border-top:#783C19 1px  solid;
border-right:#783C19 1px  solid;

padding-top:5px;}	

#content .noborder {border:none;}

#content  h6 { 	font-size:12px;		}	

#content  h6.left { 	
font-size:12px;
text-align:left;}	

#content  h6.left em { 	
	color: #000000;
	font-style: normal;	
	letter-spacing: 0.35em;}
	
	
/*PARAGRAFOS*/
#content p {
	margin:0;
	font:normal normal normal 13px/18px Tahoma, Helvetica, sans-serif;
	color: #333;
	text-indent:20px;
		letter-spacing: 0.1em;
	}	
	
#content p.noindent {	text-indent:0;}

#content p.small {
font-size:11px;
line-height:14px;}
	
#content p.continua {
	margin:0;
	font:normal normal bold 10px/12px Tahoma, Helvetica, sans-serif;
	color: #333;
	background:url(../imagens/marcador1.png) no-repeat 340px bottom ;
	text-align:right;
	/*teste*/
	background:url(../imagens/compass.png) no-repeat 100% bottom;	
	font:normal normal normal 10px/12px Tahoma, Helvetica, sans-serif;
	padding-right:25px;
	
	background-color:#eee;
	text-indent:0;
	}	
	
#content p.nextpage {
	margin:0;
	text-align:right;
	/*teste*/
	background:url(../imagens/compass.png) no-repeat 100% bottom;	
	font:normal normal normal 10px/20px Tahoma, Helvetica, sans-serif;
	padding-right:25px;
	text-align:center;
	/*teste*/
	padding-right:0;
		background:url(../imagens/compass.png) no-repeat 50% bottom;	
		text-indent:0;
		padding:0;

	}	
	
#content p.continua  a, #content p.nextpage a{
	font-weight:normal;
	}
	
	
#content p.album {
 text-indent:0;
 text-align:center;
 }
 
#content p.indicador {
	margin:0;
	font:normal bold normal 10px/12px Tahoma, Helvetica, sans-serif;
	color: #783c19;
	text-indent:0;
		letter-spacing: 0.1em;
		text-align:right;
	}	

#content p.indicador  em{
	text-transform:uppercase;
	font-style:normal;
	color:#000000;
	}


/*teste*/	

#content h6~p {

text-indent:-10px;
font:normal normal  normal 11px/12px Tahoma, Helvetica, sans-serif;
}
	
	
	

/*LISTA*/	
#content ul {
	margin: 20px 0;
	padding: 0 0 0 10px;
	/*new*/
	margin-top:5px;
	}	
	
#content li {
	list-style-type: none;
	padding: 0 0 0 25px;
	letter-spacing: 0.1em;
	background:url(../imagens/bullet_lista.png) no-repeat 0 20%;
	font:normal normal normal 13px/18px Tahoma, Helvetica, sans-serif;
	color: #333;	
	}	

/*BLOCKQUOTE*/
#content blockquote { 
	margin: 20px 0; 
	padding: 10px 20px;
	background-color:#FFF9E3;
	border:#CCCCCC 1px  solid;
	/*teste*/
	margin:10px 0;
	
	}
	
#content blockquote p { 
margin: 0; 
text-indent: 0; 
	font:normal bold  normal 11px/14px Tahoma, Helvetica, sans-serif;
	color: #333;
	}
	
/**blockquote mais largo**/

#content blockquote.wide { 
	margin: 0; 
	padding: 5px;
	background-color:#FFF9E3;
	border:#CCCCCC 1px  solid;
		width:600px;}

#content blockquote.wide p { 
margin: 0; 
text-indent: 0; 
	font:normal normal  normal 11px/14px Tahoma, Helvetica, sans-serif;
	color: #333;


	}


#content blockquote.notice {
	background: url(../imagens/moca_binoculos.png) no-repeat  left top;
	width:150px;
	min-height:170px;
	border:none;
	}
	
	
	#content blockquote.notice p {
	color:#000;
	font-weight:bold;
	padding-top:160px;
	
	}


/**tentativa de TABLE**/
/***ATENÇÃO! SUPER BUG NO FIREFOX, TABLE NAO RENDERIZOU !!*****/
#content table_off {
	table-layout:auto;
	}

#content table p_off{
	font-size:10px;
	text-indent:0;
	color:#000;
	}



/*------------------------------------------------------------*
**  Thumbnails
**------------------------------------------------------------*/
#content ul.thumbs { 
	margin: 20px 0;
	padding: 0;
	/*teste*/
	margin: 20px 0 20px 20px;
	}
#content ul.thumbs:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
#content ul.thumbs li { 
	float: left;
	margin: 3px;
	padding: 0;
	background-image: none;
	/*new*/
	 font: bold normal normal 11px/14px   tahoma, helvetica, sans-serif;
	
	}
#content ul.thumbs li a img { border: 5px solid #ddd; }
#content ul.thumbs li a:hover img { border: 5px solid #333; }	
html>body #content ul.thumbs li a { background-color: transparent; }
	
/*------------------------------------------------------------*
**  COLUNA LEFT
**------------------------------------------------------------*/
#left {
	float: left;
	width: 214px;
	text-align: left;
	margin-right: 35px;
	margin:20px 0  0  0;
	/*teste para retirar linha marrom*/
		margin-bottom:0;
	
	
	}

/*SideMenu*/

#left #SideMenu {
	background:#FFF url(../imagens/adorno_fundo.png) repeat-y left top;
		/*teste para retirar linha marrom*/
		margin-bottom:0;
	
	}
	
 #left #SideMenu p.titulo{
	color: #ccc;
	clear: both;
	text-align:center;
	letter-spacing:1px;
	text-indent:0;
		font:normal bold normal 20px/ 24px  "Courier New", Courier, monospace;

	}	
	
 #left #SideMenu ul {
	margin: 20px 0;
	padding: 0 0 0 10px;  /*este padding afeta o lugar da bullet?**/
	/*new*/
	margin-top:5px;
		/*teste para retirar linha marrom*/
		margin-bottom:0;

	}	
 #left #SideMenu li {
	list-style-type: none;
	background:url(../imagens/bullet.png) no-repeat 5px 50%;	
	padding: 0 0 0 25px;
	letter-spacing: 0.1em;
	font:normal bold normal 11px/18px Tahoma, Helvetica, sans-serif;
	color:#FCEE21;
			/*teste para retirar linha marrom*/
		margin-bottom:0;
		/*outro teste*/
	background:url(../imagens/bullet_cinza_transp.png) no-repeat 0px 50%;	
		background:url(../imagens/bullet_grey_transp.png) no-repeat 0px 30%;
			/*teste para distancia da bullet*/
	padding-left:15px;
	padding-left:20px;
		
	}	

/*desativar*/
 #left #SideMenu li.here{
 	background:#42210B  url(../imagens/bullet_grey_transp.png) no-repeat 0px 30%;
	margin-right:10px;
} 
	
/* sub-menu*/
 #left #SideMenu ul.sub {
	margin: 20px 0;
	padding: 0 0 0 10px;
	/*new*/
	margin-top:5px;
	/*distancia da margem*/
		margin-left:20px;
		
		margin-bottom:5px;
		/*teste de cores de fundo*/
		background-color: #42210B;
		background-color:#9F5909;
		
		margin-right:8px;
		margin-right:11px;
		
		
		/*combo determina a posicao horiz da bullet*/
		padding-left:15px;  /*alinhamento com as demais bullets*/
		margin-left:10px;  /*distancia da box contenedora*/
	
	}	


/*copiado do acima, fazer limpeza depois*/

/* sub-menu*/
 #left #SideMenu ul.off {
	margin: 20px 0;
	padding: 0 0 0 10px;
	/*new*/
	margin-top:5px;
	/*distancia da margem*/
		margin-left:20px;
		
		margin-bottom:5px;
	
		margin-right:8px;
		margin-right:11px;
				
		/*combo determina a posicao horiz da bullet*/
		padding-left:15px;  /*alinhamento com as demais bullets*/
		margin-left:10px;  /*distancia da box contenedora*/
		
		/*volta ao fundo marrom original, motivo desta classe*/
		background-color:#783c19;
		
	}	

 #left #SideMenu ul li.sub{
	list-style-type: none;
	padding: 0 0 0 25px;
	letter-spacing: 0.1em;
	font:normal bold normal 10px/16px Tahoma, Helvetica, sans-serif;
	color:#FCEE21;
	background:url(../imagens/bullet_small_sub.png) no-repeat 0px 30%;

			/*combinacao determina distancia bullet-li*/
		padding-left:15px;  /*a diferenca com a margim dá a distancia*/
		margin-left:0;  
		
	}	




#left #SideMenu a { 
text-decoration: none; 
color: #FFF; 
font-size: 1em; 
padding: 1px 2px; 
	/*teste para retirar linha marrom*/
		margin-bottom:0;
	}


 #left #SideMenu a:hover {
color:#FCEE21;
 background-color: #333; 
 	/*teste para retirar linha marrom*/
		margin-bottom:0;
	}
	
	
 #left #SideMenu a:visited { font-weight:normal; 	}
 
 #left #posMenu {
 background-color:#CCCCCC;
 height:auto; 
 height:100%;
 min-height:100%;
 /*teste*/
 background:#CCCCCC url(../imagens/pixel_brown.png) repeat-y right top;
 background:#CCCCCC url(../imagens/posmenu_fundo_cinza.png) repeat-y left top;

 }

 #left #posMenu  p{
 font: normal normal normal 11px/14px   tahoma, helvetica, sans-serif;
 text-indent:0;
 margin:0 10px 0 20px;
 }


 #left #posMenu  p.central{
text-align:center;
 font: normal normal normal 11px/14px   tahoma, helvetica, sans-serif;
 text-indent:0;
 margin:0 10px 0 20px;
 }


/*faxinar estilo ul abaixo; foi copiado as pressas de outro estilo*/

 #left #posMenu  ul.alunos{
	margin: 20px 0;
	padding: 0 0 0 10px;  /*este padding afeta o lugar da bullet?**/
	/*new*/
	margin-top:5px;
		/*teste para retirar linha marrom*/
		margin-bottom:0;
		border:#000 1px solid;	
	}	
	
	
 #left #posMenu  ul.alunos li {
	list-style-type: none;
	padding: 0 0 0 25px;
	font:normal normal normal 11px/14px Tahoma, Helvetica, sans-serif;
	color:#000;
	background:url(../imagens/bullet_cinza_transp.png) no-repeat 0px 50%;	
		background:url(../imagens/bullet_grey_transp.png) no-repeat 0px 30%;
		background:url(../imagens/bullet_small_brown_transp.png) no-repeat 5px 30%;
			background:url(../imagens/bullet_small_brown_transp.png) no-repeat 5px  0;
			/*teste para distancia da bullet*/
	padding-left:15px;
	padding-left:20px;

		
	}	

 

/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#right {
	float: right;
	width: 438px;	
	text-align: left;	
	/*new*/
	margin-top:0;
	margin-top:20px;
	
	}
		
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/		
#footer {	
	position: absolute !important;
	width: 100% !important;
	z-index: 500 !important;
	position: relative;	
	padding: 10px 0;	
	margin-top: -36px;
	background-color: #333;		
	color: #999;	
	font-size: 11px;
	border-top: 3px solid #ccc;
	/*new*/
	background-color:#783c19;
	}	
	
	
#footer p { 
margin: 0 10px;
 text-align: center; }	
 
 
 #footer a { 
color: #fff; }
 
#footer a:hover { 
background-color: #222; 
color:#FCEE21;}


/**MIXED BAG**/
img.chique {	border:#000 2px  solid;	}
	
.floatLeft {	float:left;	}

.floatRight {float:right;}

.clear {clear:both; text-indent:0}

.right {text-align:right;}

.sublinhado {text-decoration:underline;}




/*******imagens****/

a img {  
  border: 2px solid #8BE6FA;
  border:none;
}

a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 2px solid #FFF !important;
  border: 2px solid #8BE6FA;
}


/***********cores***/


.red {color:#FF0000}

.marrom {color:#783c19;}




/*testes diversos*/
/*teste div oculta*/
#ocultar {
	visibility:visible;
	z-index:3;
	width:400px;
	height:auto;
	position:absolute;
	top:200px;
	left:200px;
	background-color:#FFFFcc;
	border:#000 1px solid;	
	padding: 5px;
	visibility:hidden;
}

#ocultar p {
	margin:0;
	font:normal normal normal 13px/18px   Arial, Helvetica, sans-serif;
	color: #333;
	text-indent:20px;
		letter-spacing: 0.1em;
	}	


/**PRE e CIT**/
pre {
	margin:0;
	font-size:10px;
	line-height:12px;
	text-indent:0;
		
	}	
	
pre {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font:normal bold normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

cit {
font:normal bold normal 12px/14px "Times New Roman", Times, serif;
padding-left:20px;
margin-left:30px;
color:#333333;}