#middle { width:980px; display:table; margin:auto;margin-bottom:10px;}
	#middle #banner { width:978px;height: 138px; display:block; margin-bottom:10px; background: url("Image/banner-04.jpg") no-repeat; border:solid 1px #efefef;border-radius: 4px;}
	#middle #container { width:980px; display:table;}
		#middle #container  #sidebar-left {display:inline-block; display:table;float:left;width:200px;margin-right:10px;}
			#middle #container  #sidebar-left #local-menu {width:198px; height: 328px;margin-bottom:10px;}
				#middle #container  #sidebar-left #local-menu ul { margin:0px; padding:0px;list-style:none;}
					#middle #container  #sidebar-left #local-menu ul li a{ margin:0px; display: block; padding:5px 10px; height:20px; text-decoration:none; font-weight:bold;color:#4b4b4b; font-size: 15px;}
					#middle #container  #sidebar-left #local-menu ul li a:hover{color:#cf4a12;}
						#middle #container  #sidebar-left #local-menu ul li ul li a{ font-weight:normal;}
			#middle #container  #sidebar-left #callendar {height: 88px;}
				#middle #container  #sidebar-left #callendar .title{display:block;line-height: 34px;height: 34px;text-align:left; font-size: 14px;}
				#middle #container  #sidebar-left #callendar .date{display:inline;color:#3d3d5f; font-weight:bold;font-size: 12px;line-height: 14px;}
				#middle #container  #sidebar-left #callendar .desc{display:inline;color:#3d3d5f;font-size: 12px;line-height: 14px;}
			#middle #container  #sidebar-left #other-banner2 {width:198px; height: 88px;}
		#middle #container  #session {display:inline-block; min-height:430px;float:left;width:560px;}
		#middle #container  #sidebar-rigth {display:inline-block;float:right;width:200px;}
			#middle #container  #sidebar-rigth #local-menu2 {width:178px; margin-bottom:10px;padding:10px;}
				#middle #container  #sidebar-rigth #local-menu2 ul { margin:0px; padding:0px;list-style:none;}
					#middle #container  #sidebar-rigth #local-menu2 ul li a{ margin:0px; display: block; padding:5px 5px 1px 5px; height:16px; text-decoration:none; color:#4b4b4b; font-weight:bold; font-size: 15px;}
					#middle #container  #sidebar-rigth #local-menu2 ul li a:hover{color:#cf4a12;}
			#middle #container  #sidebar-rigth #one-banner{width:188px; height: 78px;margin-bottom:10px;padding:5px;}
			#middle #container  #sidebar-rigth #one-banner-site{width:198px; height: 88px;margin-bottom:10px; border: 1px solid #e9e9e9;padding: 1px;}
				#middle #container  #sidebar-rigth #one-banner h3{margin:0px;font-size:15px;display: block;color:#c93237;}
				#middle #container  #sidebar-rigth #one-banner img{float:left; width: 60px; height:60px;}
				#middle #container  #sidebar-rigth #one-banner span.info{overflow:hidden;float:right;font-size:13px;width:120px;height: 40px;line-height:20px;text-align:center;}
				#middle #container  #sidebar-rigth #one-banner span.actions{overflow:hidden;float:right;width:120px;text-align:center;}
					#middle #container  #sidebar-rigth #one-banner span.actions a.icon-email{width:16px; height:16px; display:inline-block; margin: 1px;background:url("Image/email.png") no-repeat;}
					#middle #container  #sidebar-rigth #one-banner span.actions a.icon-site{width:16px; height:16px; display:inline-block; margin: 1px;background:url("Image/site.png") no-repeat;}
			#middle #container  #sidebar-rigth #two-banner {width:198px; height: 88px;}
			#middle #container  #sidebar-rigth #two-banner ul {width:198px; height: 88px;margin:0px;padding:0px;list-style:none;}
			#middle #container  #sidebar-rigth #two-banner ul li{width:59px; height: 36px;margin:5px 0px 0px 5px;padding:0px;list-style:none;background:url("Image/curso-icones.png") no-repeat;display:inline;float:left;}
			#middle #container  #sidebar-rigth #two-banner ul li.twitter{background-position:-59px 0px;}
			#middle #container  #sidebar-rigth #two-banner ul li.twitter:hover{background-position:0px 0px;}
			#middle #container  #sidebar-rigth #two-banner ul li.facebook{background-position:-59px -36px;}
			#middle #container  #sidebar-rigth #two-banner ul li.facebook:hover{background-position:0px -36px;}
			#middle #container  #sidebar-rigth #two-banner ul li.youtube{background-position:-59px -72px;}
			#middle #container  #sidebar-rigth #two-banner ul li.youtube:hover{background-position:0px -72px;}
			
			#middle #container  #sidebar-rigth #two-banner ul li.red{background-position:-59px -108px;}
			#middle #container  #sidebar-rigth #two-banner ul li.red:hover{background-position:0px -108px;}
			#middle #container  #sidebar-rigth #two-banner ul li.black{background-position:-59px -144px;}
			#middle #container  #sidebar-rigth #two-banner ul li.black:hover{background-position:0px -144px;}
			#middle #container  #sidebar-rigth #two-banner ul li.purple{background-position:-59px -180px;}
			#middle #container  #sidebar-rigth #two-banner ul li.purple:hover{background-position:0px -180px;}
			

#bottom {display:block;clear:both;width:100%;height:85px; background: url("bg-rodape.jpg") repeat-x;}
	#bottom #rodape{ display:block; margin:auto; height:85px; font-size:75%; text-align:center; padding: 10px 0px;color:#4b4b4b; width:980px;border-top:#ececec solid 1px;}
	#bottom #rodape #informacoes{ margin-left: 130px;width:500px;display:inline-block;float:left;line-height:25px; margin-top: 10px;}
	#bottom #rodape #compartilhamento{ width:200px;display:inline-block;float:right;}
	#bottom #rodape #compartilhamento .shared{
		display:inline-block;
		width:48px;
		padding:5px;
		height:65px;
		margin-top: 10px;
		background-repeat: no-repeat;
	}
	#bottom #rodape #compartilhamento .shared:hover{cursor:pointer;}
	#bottom #rodape #compartilhamento .shared.twitter{
		background: url(Icons/twitter.png) no-repeat center center;
	}
	#bottom #rodape #compartilhamento .shared.youtube{
		background: url(Icons/youtube.png) no-repeat center center;
	}
	#bottom #rodape #compartilhamento .shared.facebook{
		background: url(Icons/facebook.png) no-repeat center center;
	}
	
	#bottom #rodape #compartilhamento .shared.twitter:hover{
		background: url(Icons/twitter-hover.png) no-repeat center center;
	}
	#bottom #rodape #compartilhamento .shared.youtube:hover{
		background: url(Icons/youtube-hover.png) no-repeat center center;
	}
	#bottom #rodape #compartilhamento .shared.facebook:hover{
		background: url(Icons/facebook-hover.png) no-repeat center center;
	}

	#resp-social
	{
		float: left;
		margin-left: 20px;
	}

#callendar > span
{
	background: #f9cd00 no-repeat top center;
	display: block;
	height: 35px;
}
.title
{
	line-height: 34px;
	height: 34px;
	color: #222222;
	margin-bottom: 10px;
	font-size: 14px;
}
.title i.icon.icon-talk{
	background-position: 0 0;
}
.title i.icon.icon-alert{
	background-position: 0 -30px;
}
.title i.icon.icon-academic{
	background-position: 0 -63px;
}
.title i.icon.icon-link{
	background-position: 0 -95px;
}
.title i.icon.icon-calendar{
	background-position: 0 -125px;
}
.pdf_download i.icon.icon-pdf{
	background-position: 0 -167px;
	height: 20px;
}
.title i.icon, .pdf_download i.icon{
	width: 34px;
	height: 34px;
	background: url(Image/novo/icones.png);
	display: block;
	float: left;
	margin: 0 5px;
}

.paint{
	background: #f9f9f9;
	border:solid 1px #efefef;
	border-radius: 4px;
	background: url("Image/bg.jpg");
	background-position: bottom;
	background-repeat: repeat-x;
}
.tabs-page{
	display:block;
	z-index: 1;
	margin-bottom:10px;
	padding:10px;
}
.highlight{
	margin:0px 10px 5px 10px;
	display:block;
	height:100px;
}
.highlight img{
	float:left;
	padding:4px;
	background: White;
	border: solid 1px #3d3d5f;
	margin-right: 10px;
}
.highlight .informations{
	height:140px;
}
.highlight .informations h4{
	font-size: 12px;
	display:block;
	margin:0px;
	color:#cf4a12;
	margin-bottom:2px;
}
.highlight .informations h1{
	font-size: 22px;
	line-height: 24px;
	max-height:48px;
	color:#cf4a12;
	overflow: hidden;
	margin:0px;
}
.highlight .informations p{
	font-size: 12px;
	line-height:12px;
	height:24px;
	overflow: hidden;
	margin:0px;
}
.news{
	z-index:-1;
	display:block;
	height: 205px;
}
.news ul{
	margin:0px;
	padding:0px;
	display:block;
}
.news ul li{
	display:inline-block;
	width:176px; /* era 270 */
	height: 100px;
	margin: 0px 0px 10px 0px; 
	border-bottom:solid 1px #e9e9e9;
}
.news ul li h4{
	line-height:23px;
	margin:0px;
}
.news ul li h2{
	line-height: 16px; /* 25px; */
	font-size: 14px;
	width: 170px; /* era 270px; */
	height: 50px;
	overflow: hidden;
	float:left;
	display:block;
	margin: 5px 0px 0px 0px;
}

.small{
	font-size: 10px;
	color: #999;
}
.link-right{
	margin:0px 10px;
	float:right;
	z-index:99999;
}

#curso-desc{
	min-height: 135px;
	margin-bottom: 10px;
	overflow:hidden;
	padding:10px;
}

.tabs-page{height: 240px;}

#avisos{
	margin-bottom: 10px;
	padding:10px;
	overflow:hidden;
}

#avisos h2{
	padding:0px;
	margin:0px;
}


#curso-desc, .tabs-page , #avisos{font-size: 14px;font-family: Segoe Ui; }


.shared-bar{
	margin-top:10px;
	padding: 5px 0px;
	display:block;
	height:20px;
	border-bottom:dotted 1px #ddd;
	border-top:dotted 1px #ddd;
	background-color:white;
}
.link-twitter{
	float: right;
}
.link-facebook{
	float: right;
}
.shareds{
	line-height:20px;
	float:left;
}