body {
	font-family: Arial,Verdana, Tahoma, sans-serif;
	background: url("images/bg.gif") #B4BABA repeat-x;
	
}

#page {
	position: absolute;
	margin:auto;
	width: 890px;
	height:780px;
	left:50%;
	margin:-10px 0px 0px -390px;
	background: url("images/page_interno.gif") no-repeat;
	
	
}

#left {
	float: left;
	width: 180px;
	height: 780px;
	
	
}

#logo {
	float:left;
	width: 150px;
	padding-top: 25px;
	padding-left: 10px;
}

#menu {
	float:left;
	width: 150px;
	height:260px;
	padding-left: 20px;
	padding-top:15px;
	background: url("images/menu.gif") top right no-repeat;
	
}

#menu a {
		text-decoration: none;
		text-align: right;
		color: #5A647F;
		display: block;
		width: 125px;
		font-size: 11px;
		padding-bottom: 5px;
		padding-right: 15px;
		padding-top: 5px;
		background: url("images/menu_left.gif") 5px right no-repeat white;	
		
}

#menu a:hover {
		color:white;
		background: url("images/menu_left_seta.gif") top right no-repeat #79AAB8;	
}

.seta a:hover {
		background: none;	
}

.submenu {
		visibility:hidden;
		position:absolute;
		width: 150px;
		background: #79AAB8;
		padding-bottom: 5px;
}


#s1 {
	position:absolute;
	top:105px;
	left:160px;

}

#s2 {
	top:129px;
	left:160px;
	
}

#s3 {
	top:153px;
	left:160px;
}

#s1 a, #s2 a, #s3 a {
		float: left;
		text-decoration: none;
		text-align: left;
		color: white;
		display: block;
		width: 120px;
		font-size: 11px;
		padding-bottom: 5px;
		padding-top: 5px;
		background: #79AAB8;
		margin-left: 5px;
		border-bottom: solid 1px white;
	
		
}

#s1 a:hover, #s2 a:hover, #s3 a:hover {
		background: none;
}

#login {
	float:left;
	width: 145px;
	height:125px;
	padding-left: 23px;
	padding-top: 20px;
	background: url("images/login.gif") 34px top no-repeat;
	
}

#login a {
		float:left;
		text-decoration: none;
		color: #000;
		font-size:9px;
		padding-bottom: 4px;
			
}

#login table, #web_mail table {
		font-family: Verdana, Tahoma, sans-serif;
		font-size: 10px;
		color: black;
		margin-top: 0px;
		margin-left: 10px;
		width: 130px;
}

.fundo {
	background: url("images/tr.gif") left top #C1C0BB no-repeat;
	
}

#calendario {
	width: 123px;
	height:240px;
	padding-left: 40px;
	margin:0px;
	padding-top:10px;
	
}

#calendario h3 {
		font-size: 12px;
		color: #007AB9;
		padding-bottom: 0px;
		margin:0px;
}

#calendario a {
		float:right;
		text-decoration: none;
		color: red;
		font-size: 9px;
		text-align:right;
}



.input {
	border:solid 1px #666;
	width: 85px;
	color:#333;
	font-size:9px; 
}

.input2 {
	border:solid 1px #666;
	width: 230px;
	color:#333;
	font-size:9px; 
	padding-bottom:0px;
}

.botao {
	border:solid 1px #487B7C;
	width: 35px;
	color:#fff;
	font-size:9px; 
	background: #487B7C;
	
}

#center{
	float: left;
	width: 440px;
	padding-top: 25px;
	
}

#banner {
	float:left;
	width: 440px;
	height: 115px;
	background: url("images/banner01.jpg") no-repeat;
}

#destaque {
	float: left;
	width: 390px;
	height: 105px;
	text-align: left;
	margin-top: 10px;
	padding-top: 15px;
	background: url("images/seta.jpg") 390px 100px  #F0EEEC no-repeat;
	padding-right: 20px;
	padding-left: 30px;
}

#destaque img {
	float: left;
	padding-right: 20px;
	padding-left: 10px;
}

#destaque h1 {
		font-size: 13px;
		color: #007AB9;
		padding-bottom: 0px;
}

#destaque a {
		text-decoration: none;
		color: black;
		font-size: 12px;
}

#destaque a:hover {
		text-decoration: underline;
			
}

#news {
	float: left;
	width: 430px;
	padding-left: 10px;
	padding-top: 30px;
	background: url('images/noticias.gif') no-repeat 5px top #F0EEEC;
	
}

#news01 {
	float: left;
	width: 200px;
	height: 105px;
	padding-top: 5px;
	
}

#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:0;
	left: 203px;
	top: 168px;
	border: none;
}


#news01 h1 {
		font-size: 13px;
		color: #007AB9;
		padding:0px;
}

#news01 a {
		text-decoration: none;
		color: black;
		font-size: 12px;
	
	
}

#news01 a:hover {
		text-decoration: underline;
			
}


#news02 {
	float: left;
	width: 180px;
	height: 105px;
	padding-top: 5px;
	margin-left: 15px;
}

#news02 h1 {
		font-size: 13px;
		color: #007AB9;
		
}

#news02 a {
		text-decoration: none;
		color: black;
		font-size: 12px;
	
	
}

#news02 a:hover {
		text-decoration: underline;
			
}



#banner01 {
	float: left;
	width: 220px;
	height: 135px;
	padding-top: 15px;
	background: #F0EEEC;
	text-align: center;
}

#banner02 {
	float: left;
	width: 220px;
	height: 135px;
	padding-top: 15px;
	background: #F0EEEC;
	text-align: center;
}

#chamada {
	float:left;
	width: 425px;
	height: 120px;
	padding-left: 15px;
	background: url("images/chamada.gif") #F0EEEC right bottom  no-repeat;
	

}

#chamada ul {
		margin:0px;
		padding-left:0px;
}

#chamada h1 {
		font-weight:bold;
		font-size:10px;
		color: #707042;
		
}

#chamada li {
	background: url("images/seta_chamada.gif") left 5px no-repeat;
	list-style-position: outside;
	list-style: none;
	
}


#chamada a {
		text-decoration: none;
		color: #000;
		font-size: 12px;
		padding-left: 15px;
		
}

#chamada a:hover {
		text-decoration: underline;
			
}

#right {
	float: left;
	width: 148px;
	height: 650px;
	padding-top:30px;
	background: url("images/right.jpg") 5px 148px no-repeat;
	
	
	
}	

#menu_right {
	
	width: 120px;
	height: 125px;
	
}

#menu_right a {
		text-decoration: none;
		color: #807B7B;
		font-size: 11px;
	
}

#menu_right a:hover {
		text-decoration: underline;
			
}

#menu_right ul {
	margin:0px;
	padding:0px;

}

#menu_right li {
	float: right;
	background: url("images/quadrado.jpg") right 7px no-repeat;
	list-style-position: outside;
	list-style: none;
	padding-bottom:5px;
	padding-right: 15px;

}

#web_mail {
	width: 145px;
	height:70px;
	padding-left: 5px;
	padding-top: 25px;
	
}

#web_mail a {
		float:left;
		text-decoration: none;
		color: #000;
		font-size:9px;
		padding-bottom: 4px;
			
}

/* imagem cepe (btrevista.jpg)*/
#campus {
width: 110px;
	height: 60px;
	padding-top: 8px;
	padding-left: 7px;
}	

#galeria {
width: 110px;
	height: 60px;
	padding-top: 80px;
	padding-left: 7px;
	padding-bottom: 7px;
}


#estagio {
	width: 110px;
	height: 60px;
	padding-top: 40px;
	padding-left: 7px;

}

#newsletter {
	width: 110px;
	height: 60px;
	padding-top: 40px;
	padding-left: 7px;

}


#ceni {
	width: 140px;
	height: 150px;
	margin-top: 40px;
	margin-left: 7px;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
}

#imagem_inquete_medula {
	position:relative;
	top:81px;
	left:7px;
	
}
#footer {
		float: left;
		width: 890px;
		height: 74px;
		background: url("images/footer.gif") no-repeat;
}

#enquetet {
		font-size: 9px;
		float: left;
		width: 890px;
		height: 74px;
		background: url("images/footer.gif") no-repeat;
		
}

#footer p {
		color: white;
		display:block;
		width: 440px;
		font-size: 9px;
		padding-top: 5px;
		margin-left: 90px;
}