/*RESET*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

/*Estilos Gerais*/
.clr { clear: both; overflow: hidden }
.fleft { float: left; display: inline }
.fright { float: right; display: inline }
.centraliza { margin: 0 auto}
.categoria, .categoria-y { color: #fff; font-size: 12px; position: relative; padding: 9px 0 5px 13px; display: block }
.categoria { background: url(../img/categoria-bg-x.gif) repeat-x left top }
.categoria-y  { background: url(../img/categoria-bg-x-yellow.gif) repeat-x left top }
.tcenter { text-align: center }
.corpo { padding: 12px; background-color: #F1F1F1 }
span.corner-w { position: absolute; right: 0; top: 0; width: 9px; height: 9px; background: url(../img/categoria-corner-white.gif) no-repeat }

.widget-wrapper { margin: 9px; font-size: 12px; }
a.saiba-mais { display: block; margin: 10px 5px; color: #015e15; font-weight: bold; text-decoration: none } a.saiba-mais:hover { text-decoration: underline }

body { width: 100%; font-family: Arial, Verdana, Tahoma, Sans-serif }

p { padding: 10px 10px 10px 20px; }

/*Topo*/
#topo { width: 100%}
#topo .top-separator { height: 8px; font-size: 1%; width: 100%; background-color: #fce404}
#topo .banner, #topo .banner-sto  { width: 100%; height: 188px; background: #a00a3c url(../img/topo-banner.jpg) no-repeat center }
#topo .banner-sto { background: #edda02 url(../img/topo-banner-yellow.jpg) no-repeat center }
#topo .logo { width: 960px; height: 180px; margin: 0 auto; background: url(../img/topo-logo.png) no-repeat 36px center }
#topo .logo-sto { width: 960px; height: 138px; margin: 0 auto; background: url(../img/topo-logo-sto.png) no-repeat 60px center }
#topo .area-comum { height: 26px; width: 100%; background: url(../img/bottom-sep-bg-x.gif) repeat-x }
#topo .area-restrita { height: 52px; width: 100%; background: url(../img/bottom-sep-bg-x-yellow.gif) repeat }
#topo .area-comum .largura { width: 920px; margin:0px auto }
#topo .area-restrita .largura { width: 920px; margin:0px auto;}

#contato label { width:80px; display:block; float:left; }
#fontato input { width:160px; }

form#matricula label { width:180px; display:block; float:left; }
form#matricula input { width:260px; }

fieldset { border:#900 dashed 1px; }
#upload1 { display:block; padding:40px; }
#upload1 label { display:block; float:left; width:70px;}
#upload1 input { display:block; float:left; width:540px;}

#direita { width:48%; float:right; display:block; }
#esquerda { width:48%; float:left; display:block; }

.rodape { text-decoration:none; }

/*Menu Área Comum*/
.menu_conteiner { width: 900px; height: 26px; margin-top: 0; padding: 0; }
	.menu_conteiner ul.nav_bar{ width: 100%; margin: 0 auto; padding: 0; height: 100%; font-size: 100%;/* IE6 Bug */  }
		.menu_conteiner li{ float: left; padding: 0; margin: 0; display: block; } .menu_conteiner li.no_sep { border: none}
		.menu_conteiner li a{ color:#FFF; text-decoration:none; font-weight: bold; height: 26px; display: block; /*IE6*/_float: left } .menu_conteiner li a:hover { color: #fff }
			.menu_conteiner li a span { color:#FFF; text-decoration:none; display: block; padding: 6px 8px 0 8px; font-size: 10px }
			.menu_conteiner li a { font-size: 12px }
			.menu_conteiner li a span .tit { padding: 6px 8px 0 8px; font-size:12px; }
		
.menu_conteiner ul.nav_bar li ul { position:absolute; margin:0; padding:0; clear: both; z-index: 99; /*IE7*/background: #060; width:auto; }
.menu_conteiner ul.nav_bar li ul li a:hover { background:#090; }
	.menu_conteiner ul.nav_bar li ul.subnav_niv1 li { 
		margin: 0; padding: 0;display: block; float: none; border: none; border-top: 1px solid white;
		border-left: 1px solid white;
		border-right: 1px solid white;
		width: auto;
		/*IE6*/_float: left; _clear: left; _width: 200px;
	}
	
	.menu_conteiner ul.nav_bar li ul.subnav_niv1 li.bor_bottom { border-bottom: 1px solid white;}
	.menu_conteiner ul.nav_bar li ul.subnav_niv1 li.bor_bottom a { /*IE7*/*height: auto; _height: auto}	
		.menu_conteiner ul.nav_bar li ul.subnav_niv1 li a { height: auto; }
			.menu_conteiner ul.nav_bar li ul.subnav_niv1 li a span { padding: 6px 10px 6px 10px; }
			.menu_conteiner ul.nav_bar li ul.subnav_niv1 li ul.subnav_niv2 { position:absolute; margin-top: -25px; left: 100%; clear: both; width:200px; }

.subnav_niv2, .subnav_niv1 { visibility: hidden; }

.nav_bar li:hover ul.subnav_niv1, .nav_bar ul.subnav_niv1 li:hover ul.subnav_niv2{ visibility: visible}
/*IE6*/.nav_bar li.overr ul.subnav_niv1 { _visibility: visible; } .nav_bar ul.subnav_niv1 li.overr ul.subnav_niv2{ _visibility: visible; }/*IE6*/
/* Fix IE. Hide from IE Mac */
/* End */
/*Fim Menu*/










/*Menu Área Restrita*/
.menu_conteiner2 { width: 900px; height: 52px; margin-top: 0; padding: 0; }
	.menu_conteiner2 ul.nav_bar{ width: 100%; margin: 0 auto; padding: 0; height: 100%; font-size: 100%;/* IE6 Bug */  }
		.menu_conteiner2 li{ float: left; padding: 0; margin: 0; display: block; } .menu_conteiner li.no_sep { border: none}
		.menu_conteiner2 li a{ color:#000; text-decoration:none; font-weight: bold; height: 26px; display: block; /*IE6*/_float: left } .menu_conteiner li a:hover { color: #fff }
			.menu_conteiner2 li a span { color:#000; text-decoration:none; display: block; padding: 6px 8px 0 8px; font-size: 10px }
			.menu_conteiner2 li a { font-size: 12px }
			.menu_conteiner2 li a span .tit { padding: 6px 8px 0 8px; font-size:12px; }
		
.menu_conteiner2 ul.nav_bar li ul { position:absolute; margin:0; padding:0; clear: both; z-index: 99; /*IE7*/background:#f6e203; width:auto; /*background: url(../img/bottom-sep-bg-x-yellow.gif);*/ }
.menu_conteiner2 ul.nav_bar li ul li a:hover { background:#FC0; }
	.menu_conteiner2 ul.nav_bar li ul.subnav_niv1 li { 
		margin: 0; padding: 0;display: block; float: none; border: none; border-top: 1px solid white;
		border-left: 1px solid white;
		border-right: 1px solid white;
		width: auto;
		/*IE6*/_float: left; _clear: left; _width: 200px;
	}
	
	.menu_conteiner2 ul.nav_bar li ul.subnav_niv1 li.bor_bottom { border-bottom: 1px solid white;}
	.menu_conteiner2 ul.nav_bar li ul.subnav_niv1 li.bor_bottom a { /*IE7*/*height: auto; _height: auto}	
		.menu_conteiner2 ul.nav_bar li ul.subnav_niv1 li a { height: auto; }
			.menu_conteiner2 ul.nav_bar li ul.subnav_niv1 li a span { padding: 6px 10px 6px 10px; }
			.menu_conteiner2 ul.nav_bar li ul.subnav_niv1 li ul.subnav_niv2 { position:absolute; margin-top: -25px; left: 100%; clear: both; width:200px; }

.subnav_niv2, .subnav_niv1 { visibility: hidden; }

.nav_bar li:hover ul.subnav_niv1, .nav_bar ul.subnav_niv1 li:hover ul.subnav_niv2{ visibility: visible}
/*IE6*/.nav_bar li.overr ul.subnav_niv1 { _visibility: visible; } .nav_bar ul.subnav_niv1 li.overr ul.subnav_niv2{ _visibility: visible; }/*IE6*/
/* Fix IE. Hide from IE Mac */
/* End */
/*Fim Menu*/










/*Principal*/
#main  { width: 1000px; position: relative; clear: both; }
#main .main-l, #main .main-r { position: absolute; top: 0; width: 30px; height: 100%; }
#main .main-l { left: 0; background: url(../img/principal-shadow-l.gif) repeat-y; }
#main .main-r { right: 0; background: url(../img/principal-shadow-r.gif) repeat-y; }
#main .main-wrapper { padding: 9px 39px; height: auto; }

/*Navagação Lateral*/
#side-bar { width: 200px; }
.nav-lateral { font-size: 12px; margin: 9px; }
.nav-lateral li.item { padding: 9px 0 5px 13px; display: block; background: #eaeaea url(../img/menu-list-sep-x.gif) repeat-x bottom; }
.nav-lateral li.item a { color: #000; text-decoration: none } .nav-lateral li.item a:hover { text-decoration: underline; }

/*Coluna Principal*/
#main-bar { width: 685px; /*IE6*/ *margin-left: -8px; }

	/*widgets*/
	.widget-agenda { width: 200px; }
	.widget-agenda .corpo { height: auto; background: url(../img/widget-agenda-bg.gif) no-repeat; }
	.widget-agenda .corpo table { width: 100%; }
	.widget-agenda .corpo table caption { color: #940434; padding-bottom: 8px; }
	.widget-agenda .corpo table th,
	.widget-agenda .corpo table td { padding: 3px 0; text-align: center; }
	.widget-agenda .corpo table td a { text-decoration:none; color: #b9b6b7;}
	.widget-agenda .corpo table caption a { text-decoration:none; color:#333; }
	.widget-agenda .corpo .meses a { text-decoration:none; color:#333; font-size:10px; }
	.widget-agenda .corpo .meses p {  }
	.widget-agenda .corpo table td.today { color: #04741c; font-weight: bold; border: 1px solid #cedad1; text-decoration:none; }
	.widget-agenda .corpo table td.today a { color: #04741c; }
	.widget-agenda .corpo table td.holyday { color: #b9b6b7; text-decoration:none; }
	.widget-agenda .corpo table td.event { font-weight: bold; background-color: #e4e4e4; text-decoration:none; }
	.widget-agenda .corpo table td.event a { color:#333; }
	
	.widget-aconteceu { width: 676px; /*IE6*/ *margin-left: -8px; }
	.widget-aconteceu  .corpo { padding: 12px }
	.widget-aconteceu  .corpo li { margin: 4px; float: left; font-size:11px; }
	.widget-aconteceu  .corpo li.intro { width:138px; background-color:#CCC; height:210px; padding:8px; }
	.widget-aconteceu  .corpo li.intro_rodape { width:624px; background-color:#fff; height:18px; padding:8px; }
	.widget-aconteceu  .corpo li.intro_rodape a {text-decoration:none; }
	.widget-aconteceu  .corpo li.intro_mais { width:624px; background-color:#fff; height:18px; padding:8px; }
	
	.widget-destaque-full { width: 676px; }
	.widget-destaque-full .corpo li { margin: 3px; float: left; height: 165px; }
	.widget-destaque-full .corpo li.intro { width: 320px; }
	
	.widget-conteudo { width: 676px; }
	.widget-conteudo .corpo img { padding:2px; border:1px solid #CCC; margin:20px 5px 0px 5px; }
	.widget-conteudo .corpo blockquote { margin:0px 55px 0px 55px; }
	
	.widget-novidades { width: 200px; }
	.widget-novidades .corpo { background-color: #f6f6f6; }
	.widget-novidades .corpo li a.saiba-mais { /*IE6*/ *margin: 0;}
	
	.widget-destaque-medium { width: 200px; /*IE6*/ *margin-left: -8px; }
	.widget-destaque-medium .corpo li { margin: 3px; float: left; height: 122px }
	.widget-destaque-medium .corpo li.intro { width: 130px }
	
/*Rodape*/	
#rodape { padding: 22px 0 0 70px; background-color: #f5f5f5; font-size: 12px }
#rodape ul {  margin-left: 2px }
#rodape li { float: left; text-align: center; width:242px; }
#rodape li.separator { display: block; width: 1px; height: 240px; padding: 0 35px; background: url(../img/rodape-separator.png) no-repeat center }
#rodape li span { font-weight: bold; display:block; color:#900; }
#rodape li span.green { color: #04741c; }
#rodape li address { margin-top: 10px; font-style: normal; font-size: 10px; color:#000; }
#rodape a { text-decoration:none; }

/*Manual do aluno*/
#manual ul{ padding-left: 10px }
#manual  a, #manual .menu li { display: block; float: none; font-size: 100%; margin-top: 8px }
#manual p { float: none; margin: 8px 0; padding: 0; line-height: 120% }
#manual dl { padding: 0 }
#manual dt, #manual dd, #manual em { padding: 8px 5px }
#manual h3 { font-size: 110%; margin: 10px 0; font-weight: bold }
#manual h2 { font-size: 140%; margin: 50px 0 10px 0; font-weight: bold }
#manual span.h4 { text-decoration: underline; font-size: 100%; font-weight: bold }
#manual .clr { clear: both }
#manual .cancao { float: left; padding: 0 20px }
#manual .cancao span { font-size: 12px; font-style: italic }
#manual .artigos { list-style-type: upper-roman;  }
#manual .artigos li { margin: 3px 0; list-style: upper-roman inside; float: none; font-size: 100%;  }
#manual #form_protocolo { margin: 20px; width: 400px; padding: 5px 20px; border: 2px dotted black; float: left}
#manual #form_protocolo p { margin: 25px 0 }
#manual #referencias { float: left }
#manual #referencias p { margin: 20px; padding: 10px; background-color: #e8e8e8 }