@font-face
{
    font-family: 'Frutiger-lt';
    font-style: normal;
    font-weight: 400;
    src: local('Frutiger-lt'), local('Frutiger-lt'), 
    url('../fonts/frutiger-lt-45-light-1361546693.ttf');
}

*{
	font-family: "Frutiger-lt", sans-serif;	
}

html,body{
	height: 100%;
}

body{
	margin:0;
}

#all{
	height: 75%;
	position: relative;
	background: #ffffff;	
}


#header{
	background: url('http://pibid.unemat.br/templates/pibid2013/imagens/fundo_topo.jpg') repeat-x top;
	width:75%;
	margin:0 auto;
	border-bottom: 2px solid #88b74c; 	
}


#logo_head{
	background: url('http://pibid.unemat.br/templates/pibid2013/imagens/fundo_topo_meio.png') no-repeat top center;
	width:1000px;
	margin: 0 auto;
	height: 137px;
}

#loginarea{
	float:right;
	width:160px;
	height:137px;
	background: url('../../imagens/fundo_login.png') top left;
	padding-left:15px;	
}

#loginarea label, #login input[type="text"]{
	float:left;
}

#loginarea label{
	display: block;
	margin:3px;
	color:#fff;
}


#logounemat{
	margin-right:40px;
	margin-bottom:15px;	
	margin-top:35px;
	float:left;
}

.nomerevista{
	float:left;
}
#top{
	/*background-color: #003673;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #003699), color-stop(1, #0000ff));
	background-image: -ms-linear-gradient(top, #0080c0, #004080);
	background-image: -o-linear-gradient(top, #0080c0, #004080);
	background-image: -moz-linear-gradient(top, #0080c0, #004080);
	background-image: -webkit-linear-gradient(top, #0080c0, #004080);
	background-image: linear-gradient(to bottom, #0080c0, #004080);
	background-repeat: repeat-x;*/
	background-image:url('http://www.unemat.br/imagens/cabecalho_nv/topo.jpg');
	width:780px;
	height: 83px;	
}

#logo, notify{
	
}
#logo{
	float:left;
	width:20%;
	height: 35px;
	border-right: 1px solid #004080;
}

#logo span{
	padding: 15px;
}
#notify{
	float:right;
	height: 35px;
}

#meio{
	height: 100%;
	width: 75%;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 120px;
}

.centro-conteudo{
	padding-bottom:120px;
}
/********************************************************************/
#lateral{
	float:left;
	width: 20%;
	background: #ffffff;
	height: 100%;
	border-right: 1px solid #f2f2f2;
}

#issn{
	text-align: center;
	padding-top:15px;
	font-size: 23px !important;
	font-weight: bold;
}

#principal{
	padding:30px 10px 120px 10px;	
	width:77%;
	float:right;
	border-top:1px solid #f2f2f2;
}

#principal a{
	color:#003300;
	text-decoration:none;
}

h2{
	margin: 0;
	padding: 0;
}

#path{
	border-right: 2px solid #ddd;
}

#logged{
	background: #fafafa;
	height: 100px;
	width:100%;
}

#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	
}

#menu ul li{
	background-color: #88b74c;
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);*/
	border-bottom: 1px solid #446f14;
}


#menu ul li a:link,#menu ul li a:visited{
	text-decoration: none;
	display: block;
	padding: 5px 30px 5px 30px;
	color:#fff;
} 


.sub{
	display: none;
}

.sub li{
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #003699), color-stop(1, #0000ff)) !important;
	background-image: -ms-linear-gradient(top, #0080c0, #004080) !important;
	background-image: -o-linear-gradient(top, #0080c0, #004080) !important;
	background-image: -moz-linear-gradient(top, #0080c0, #004080) !important;
	background-image: -webkit-linear-gradient(top, #0080c0, #004080) !important;
	background-image: linear-gradient(to bottom, #0080c0, #004080) !important;
	border-bottom:#004080 !important;
}

.sub li a{
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #003699), color-stop(1, #0000ff));
	background-image: -ms-linear-gradient(top, #0080c0, #004080);
	background-image: -o-linear-gradient(top, #0080c0, #004080);
	background-image: -moz-linear-gradient(top, #0080c0, #004080);
	background-image: -webkit-linear-gradient(top, #0080c0, #004080);
	background-image: linear-gradient(to bottom, #0080c0, #004080);
	color:#fff !important;
} 
/***********************************************************************************/

/***********************************************************************************/
#path{
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	padding: 5px 30px 5px 30px;
	border-bottom: 2px solid #ddd;
}
/***********************************************************************************/
.clear{
	clear:both;
}

#rodape{
	bottom: 0;
	width: 75%;
	margin: 0 auto;
	height: 120px;
	text-align: center;
	background: #efefef;
	border-top: 2px solid #ccc;
}


#