body {
	font-family:Verdana, Arial, Helvetica, sans-serif; background:url(img/BG.jpg) #FFF;  
	font-size:62.5%; color:#000; height: 100%;} /*  font-size:62.5%; 10px = 1em */
a {color:#000; text-decoration:none;}
a:visited {color:#E0E0E0;}
a:hover {color:#09F; text-decoration:underline;}
a:active { color:#E0E0E0;}

/*===================================================================================================================================*/
.pixels { font-size:16px; line-height:30px; margin-bottom:20px; padding:20px; background-color:#222222;}
.point { font-size:12pt; line-height:30px; margin-bottom:20px; padding:20px; background-color:#222222;}
.em { font-size:1em; margin-bottom:20px; padding:20px; background-color:#222222;}
.percentage { font-size:100%; margin-bottom:20px; padding:20px; background-color:#222222;}
.undefined { margin-bottom:20px; padding:20px; background-color:#222222;}
#changeFont { position:absolute; top:10px; right:10px; background-color:#fff; padding:5px;}
.increaseFont, .decreaseFont, .resetFont { color:#CCCCCC; font-size:14px; float:left; margin:10px;}

div#ancora { width:990px; margin:0 auto; height:40px; padding:10px; text-align:center; font-size:1.2em;}
div#ancora li.first { border:none;}
div#ancora ul li { display:inline; border-left:1px solid #000; padding:0 2px 0 2px;}


/*===================================================================================================================================*/
/* Header */
div#header { width:990px; background:#fff url(img/barrinha.png) no-repeat bottom; height:110px; margin:0 auto; padding-top:10px; position:relative;}
/*div#header2 { width:100%; height:29px; margin:-52px auto 0 auto; padding-top:29px; background:url(img/pedaco.png) repeat-x bottom; z-index:-1;}*/

/* inicio css Logo */
div#header h1 span { display:none;}
div#header h1 a { display:block; width:104px; height:104px; cursor:pointer; margin:0 0 0 -5px;}
div#header h1 { background: url(img/logo_inesul.png)  no-repeat; width:104px; height:104px; margin:0 0 0 22px;} 

div#header h2 { background:url(img/area_aluno.png) no-repeat; width:413px; height:72px; margin:-90px 0 0 150px; cursor:pointer; }
div#header h2 span { display:none;}
div#header h2 a { display:block; width:413px; height:72px;}
/*div#barrinha { background:url(barrabg.png) repeat-x; width:100%; height:26px; margin:84px 0 0 0; position:absolute; z-index:-1;}*/


div#header h3 span { display:none;}
div#header h3 a { display:block; width:104px; height:104px; cursor:pointer; }
div#header h3 { background: url(img/logo_cie.png)  no-repeat; width:104px; height:104px; margin:-107px 0 0 875px;} 
/* fim css logo */


/* inicio css menu topo */
div#header ul#menutopo { width:680px;  margin:-40px 0 0 120px; }
div#header ul#menutopo li { display:inline; border-right:1px solid #FFF; color:#fff; padding:0 3px 0 3px; }
div#header ul#menutopo li a { color:#fff; text-decoration:none; font-family:Verdana, Geneva, sans-serif; size:14px;}
div#header ul#menutopo li a:hover { text-decoration:underline; font-family:Verdana, Geneva, sans-serif; size:14px;}
div#header ul#menutopo li.last { border:none;}
/* fim menu restrito */


/* inicio css bannerswf */
div#bannerswf { width:990px; margin:0 auto; background:url(img/page.gif) repeat-y center;}
.noticiaswf_informacoes ul li { display:none;}
.bannerrotativo_inforamacoes ol li { display:none;}
div#bannerswf div.swf { margin:0 auto; width:970px; padding:20px 0 0 0;} 
/* fim bannerswf*/
/*===================================================================================================================================*/

h1 { font-size: 2em; font-weight: normal;}
h2 { font-size: 1.7em; font-weight: normal;}
img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
div#container { width:990px; min-height:100%; margin:0 auto; background:url(img/page.gif) repeat-y center;}
div#content { padding:15px;	margin:0 0 0 20em; min-height:100%;}
* html div#content { padding:15px; margin:0 0 0 18em; min-height:100%;}

/* ----------banner for logo-------------- */
#banner { margin: 0; padding: 0; background-color: #EBD3E0;}
#banner p {	margin-left: 15em; padding: 10px;}
#mainnavi {	margin: 0;	padding: 0;	background-color: #E0A3B7;}
#mainnavi p{ margin-left: 15em;	padding: 0 10px;}

/* -----------------Inhalt--------------------- */

p, pre {	padding: 10px;	margin:0;}
pre, code { font-size: 1.2em;}
h1 {	padding: 10px;	margin:0;}
h2 {	padding: 10px;	margin:0;}
.gross {	width: 5.71em;	height: 1.07em;}

/* --------------left navigavtion------------- */
#left {	float:left; width:150px; margin:0; padding:15px 0 0 0;}
* html #left { float: left;	width:150px; margin: 0;	padding:15px 0 0 0;	 }
#right {	float: right;	width: 15em;	margin: 0;	padding: 0;	}
#left ul{	list-style-type: none ;	padding: 0 0 0 10px;	margin: 0;}
#left ul.borderbottom{	border-bottom:1px solid #ffffff;	padding: 0 0 10px 10px;}
#left li a {	font-size: 1.3em;	text-decoration:none; }
#left  li li a { font-size: 1em; }
#left li{	margin: 0;	padding: 0 0 4px 0;}
#left li li{	margin: 0;	padding: 0 0 3px 0;}
#left li a.selected {	margin: 0;	padding: 0 0 0 10px;}
#left li li a.selected {	margin: 0;	padding: 0;}

/* DIV QUE TEM DORDINHA NO TOPO E NO FOOTER */
div.top { background:url(img/topo.png) no-repeat; width:760px; height:54px;}
div.top h1 { position:absolute; font-variant:small-caps; margin:20px 0 0 20px; font-size:1.3em; font-weight:bold;}
div.geral { padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; background:url(img/meio.png) repeat-y; font-size:1.2em; text-align:justify;}
* html div.geral { width:730px; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; background:url(img/meio.png); font-size:1.2em; text-align:justify;}
* html div.down { background:url(img/baixo.png) repeat-x; width:760px; height:27px;}

/*FORMULARIOS*/
#form input{ border:1px solid #bdbfbe; height:18px; font-size:9px; background-color:#FFFFFF; }
#form textarea{ border:1px solid #bdbfbe; font-size:11px; background-color:#FFFFFF; }
#form multiple{ border:1px solid #bdbfbe;  font-size:9px; background-color:#FFFFFF; }
#form select{ border:1px solid #bdbfbe; height:18px; font-size:9px; background-color:#FFFFFF; }
#form { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#form .botao{font-family: Verdana, Arial, Helvetica, sans-serif; height:18px;
background:#F1F1F1 url(imagens/botao.gif) repeat-x scroll left center;font-size: 8pt;text-align:center;border:1px solid #4fb8fb;}

/*MENU COM ICONES*/
.menu_ico {font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-weight: bold;	color: #4e75ac;}
#ico a:link {color: #4e75ac;	text-decoration: none;}
#ico a:visited {	text-decoration: none;	color: #4e75ac;}
#ico a:hover {text-decoration: none;	color: #000000;}
#ico a:active {text-decoration: none;color: #4e75ac;}

/*TEXTOS*/
h4.11 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}
h1.14 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;color: #000;width: 95%;	padding: 5px;margin-top: 0px;		
	margin-bottom: 5px;	background-color: #EEE;}
.texto81 { font-size:9px; font-family:"Times New Roman", Times, serif; }
.verdana11 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	line-height:18px;}
.verdana11c {font-size: 11px;	color: #4e75ac;font-family: Verdana, Arial, Helvetica, sans-serif;}
.verdana12v {font-family: Verdana, Arial, Helvetica, sans-serif;	color: #FF0000; font-size: 12px;	font-weight: bold;}
.arial18 {font-family: Arial, Helvetica, sans-serif;	font-size: 18px;font-weight: bold;color: #4e75ac;}
.12 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;}
.11 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}
.10 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;}
.texto83 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;}
.VERMELHO {	color: #FF0000;}
.VERMELHO a {color: #FF0000;}
.VERMELHO a:hover {color: #FF0000;}
.PRETO {color: #000000}
.BRANCO {color: #FFFFFF}
#erro { color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

.messagewarning{ width:300px;border:solid 1px #E6E4D9;background:#FCF9CE;color:#222222;padding:4px;	text-align:center;}
.messageok{	width:300px;border:solid 1px #359545;background:#CEE6C3;color:#1B8D44;padding:4px;	text-align:center;}
.messageerror{	width:300px;	border:solid 1px #CB2026;	background:#F6CBCA;	color:#D02127;	padding:4px;	text-align:center;}
.errorvalidate { border: 1px dashed red; color: red; font-weight:bold; width:auto; }
li.errorvalidate, li.errorvalidate {color: red; font-style: italic;background:none;border:none; list-style:none;}

/* -----------footer--------------------------- */
#footer { clear:both; width: 990px; height:30px; margin:0 auto 0 auto; background:url(img/page.gif) no-repeat bottom;}
	#footer .info, #footer .nav { float:left; display:block; width:100%;}
	#footer .info { width:990px; margin:55px 0 0 0; font-size:1.3em; font-variant:small-caps; color:#999;}
	#footer .info li { text-align:center;}	
	#footer p { float:left; margin:0 auto; padding:0 0 5px 10px;}
#footer2 { width:700px; margin:10px auto 0 auto; text-align:center;}


.link_diferente{
	font-size: 11pt;
	margin: 0 0 0 30px;
}
.link_diferente a:link {color: red;	text-decoration: none;}
.link_diferente a:visited {	text-decoration: none;	color: #4e75ac;}
.link_diferente a:hover {text-decoration: none;	color: #000000;}
.link_diferente a:active {text-decoration: none;color: #4e75ac;}