/* CSS Document */

@charset "uft-8";
/*Documento CSS */


/*fonte*/
@font-face {
     font-family: "Swis721 Blk BT";
     src: url('Swiss 721 Black BT.ttf');
}

body{
background-image:url(../Imagens/Fundo.png);
background-repeat: no-repeat;
background-attachment: fixed;
}

.logo{
width:960px;
height:160px;
}

.container{
z-index: 1; //posição da div em relação ao projeto;
width:960px;
height:auto;
background-color:#fff; // fundo da página;
margin-left:auto;
margin-right:auto; //autoajustável;
border-radius: 20px 20px 20px 20px; /*bordas arredondadas*/
}

.logotipo{
z-index: 2; //posição da div em relação ao projeto;
width:960px;
height:160px;
float:left; //ponto flutuante (à esquerda);
clear:both; // ocupa todo o espaço;
border-radius: 20px 20px 20px 20px;
/*background-image:url(../Imagens/Logo.png);
background-position:center;*/
background-image: linear-gradient(to bottom right, red, yellow);

border-bottom: 3px solid #9B0000;

border-top: 3px solid #9B0000;


background-repeat: no-repeat;
vertical-align: middle; /*  posiciona no meio da div */
}

.titulo{
  text-align: center;
  font-family: sans-serif;
  font-size: 28px;
}

.menu_lat{
z-index: 2; //posição da div em relação ao projeto;
width:300px;
height:691px;
float:left; //ponto flutuante (à esquerda);
}

.menu_lat_projetos{
position: fixed;

z-index: 2; //posição da div em relação ao projeto;
width:250px;
height:691px;
float:left; //ponto flutuante (à esquerda);
}

.menu_lat_pesquisas{
position: fixed;
z-index: 0; //posição da div em relação ao projeto;
width:20px;
height:691px;
float:left; //ponto flutuante (à esquerda);
}


.nossos_projetos{
width:305px;
height:auto;
padding-left:20px;


border-radius: 0px 20px 20px 0px;
border:3px solid #00006A;
}

.noss_proj{
font-family:Arial, Helvetica, sans-serif;
color:#000033;
size:24px;
font-weight: bold;
margin-bottom:-10px;

}

.slider{
width:300px;
height:360px;
}

SELECT { 
position:relative;
top:-37px;
margin-bottom:-80px;
left:173px;

border-radius:10px;
}


.busca{
width:275px;;
height:110px;
padding-left:20px;
padding-top:1px;
background-color:#F1F8F8;
border:1px solid #000000;
border-radius: 0px 20px 20px 0px;
margin-bottom:25px;


-webkit-box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
-moz-box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.65);

}


.buscatxt{
font-family:"Swis721 Blk BT";
color:#000000;
font-size:18px;
position:relative;
left:-7px;
}

.btn{ /* botão ok do formulário */
background-image:url(../Imagens/Lupa.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
width:30px;
height:29px;
vertical-align: middle;
border:0px solid #000000;
border-radius: 5px 5px 5px 5px;
margin-bottom: 2px;
}




.textfield{

}

input[type="text"] {
  margin: 0;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: 5px;
  vertical-align: middle;
  padding-left:1px;
}
input[type="text"]:focus {
  outline: none;
}

.principal{
margin:40px;
margin-top:0px;
z-index: 2; //posição da div em relação ao projeto;
width:550px;
height:auto;
float:right; //ponto flutuante (à esquerda)
clear:both;
}


.principal_sobre{
margin:40px;
margin-top:0px;
z-index: 2; //posição da div em relação ao projeto;

height:auto;
margin-left:200px;
clear:both;
}

.rodape{
z-index: 2; //posição da div em relação ao projeto;
width:960px;
height:50px;
clear:both; // ocupa todo o espaço;
background-color:#000000;
border-radius: 0px 0px 20px 20px;
border-top:35px solid #999999;
}

.copyright{
color:#FFFFFF;
font-size:14px;
text-align:center;
}

.desenvolvimento{
position:relative;
bottom:-2px;
width:370px;;
color:#000033;
font-size:16px;
text-align:center;
margin-top:-10px;
border-radius:10px;
background-color:#FFFFFF;
margin-left:310px;
padding:2px;
margin-bottom:10px;
}


.fb-like{
'position:absolute; top:100px; left:20px;
background-color:#FFFFFF;
padding:10px;
}

/* botão voltar ao topo */
.topo{
width:80px;
height:80px;
position:fixed;
bottom:40px;
right: 60px;
z-index:0;

opacity:0.7; /* transparência */
}


/* ------------------------------ */

.img{
margin-right:4px;
float:left;
}

.texto{
font-family: tahoma, geneva, Sans-serif;
font-size:13px;
color:#000;
text-align:justify;
}



/* ------- Referente ao menu horizontal -------*/

.menu{
z-index: 2; 
width:960px;
height:auto;
clear:both;
/*border-top:3px solid #9B0000; */
background-color:#999999;
background-image: linear-gradient(to top, #666666, #CCCCCC); /* Preenchimento linear */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCCCCC, endColorstr=#666666); /* Preenchimento linear Internet Explorer*/
/*-webkit-box-shadow: -2px 1px 32px 1px rgba(0,0,0,0.65);
-moz-box-shadow: -2px 1px 32px 1px rgba(0,0,0,0.65);
box-shadow: -2px 1px 32px 1px rgba(0,0,0,0.65);*/
border-radius: 10px 10px 10px 10px;

}

#menu ul {
	padding:0px;
	margin:0px;
	list-style:none;
	font-size:17px;
	text-align:center;
	}

#menu ul li { 
	display: inline; 
	position: relative;
	text-align:left;
}

ul li:hover{ display:block;
}

#menu ul li a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; /* negrito */
	color: #FFFFFF;
	text-decoration: none;

	padding: 10px 10px;
	display: inline-block;
		
}

#menu ul li a:hover {
	/*border-bottom:4px solid #CC0033;
	border-top:3px solid #CC0033;  bordas*/
	/* vermelho      background-color:#CC0033;   #510000 */
background-color:#A40000;	
}

li ul { 
    position: absolute;
	z-index:3; /* DEVER SER USADOS JUNTAMENTE COM O POSITION -> POSIÇÃO EM RELAÇÃO A OUTROS OBJETOS. QUANTO MAIORO NÚMERO, MAIS EM CIMA. 2 SOBREPÕEM 2*/
    left: 0px;
    top: 29px; /* posição dos submenus */
    display: none;
	text-align:left;
	background-color:#999999;
	-webkit-box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
-moz-box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
}

/* decoração submenus */
li ul li{
    font-size:14px;
	}
	
ul li ul li a{
    width:300px;
}

li:hover ul { display: block} /* submenus */






/*--------------------- barra de rolagem ---------------------------*/

::-webkit-scrollbar {
 width: 12px;
 height: 4px;
 background: #C0C0C0; // cor de fundo da barra de rolagem
 }
 ::-webkit-scrollbar-thumb {
 background: #008080; // cor da barra de rolagem;
 }
 
 
 /*   HOME     */
 
.principal p{
 font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
 text-align:justify;
 text-shadow:#003366;
 background-color:#FFFFFF;
  }
  
  .contato{
  border:3px dashed #666666;
  height:330px;
  padding-left:10px;
    padding-right:10px;
  }
  .contato h1{
  font-family:"Swis721 Blk BT";
color:#000033;
font-size:20px;
text-align:center
  }
  .contato h2{
  font-family:"Swis721 Blk BT";
color:#000033;
font-size:17px;
text-align:center
  }
  
  .telefone{
  z-index: 3; 
  font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
 text-align:justify;
 text-shadow:#003366;
 background-color:#FFFFFF;
 float:left;
  }
  
  .email{
  z-index: 3; 
  font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
 text-align:justify;
 text-shadow:#003366;
 background-color:#FFFFFF;
 float:right;
  }
   .site{
  z-index: 3; 
  font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
 text-align:justify;
 text-shadow:#003366;
 float:left;
 background-color:#FFFFFF;
margin-left:15px;
  }
  
   .endereco{
  z-index: 3; 
  font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
 text-shadow:#003366;
clear:both;
 background-color:#FFFFFF;
  }
  .endereco p{
   text-align:center;
  }
  
 .principal a{
  font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
  text-decoration:none;
  color:#000099;
  }
  
 .principal a:hover{
  font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
  text-decoration:underline;
  
  }
  
 .principal a:link {
color:#000099;
}
.principal a:visited {
color: red;
}

  
  /*   /////////////////////////////////////////////// */
  
  
  /* MEMBROS */
  
.membro{
float:left;
width:230px;
height:220px;
padding:10px;
border:3px dashed #999999;
}

.membro .nome{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:10px;
}

.membro .local{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:2px;
}

.membro .site{
width:200px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:10px;
}

.membro .lattes{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:30px;
}

.membro img{
vertical-align:middle;
width:100px;
 height:100px;
border:10px Solid #8c8c8c;
position:relative;
	left:45%;
	margin-left:-50px;
}

.membro p{
line-height:17px;

}

.titulo_membros{
z-index:1;
clear:both;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:20px;
font-size:22px;
height:32px;
font-weight:bold;
padding-top:5px;
background-color:#006666;
width:495px;
border-radius: 30px 0px 30px 0px;
margin-top:10px;
margin-bottom:0px;
border-top:10px solid #FFFFFF;
border-bottom:10px solid #FFFFFF;
}



 .principal .membro a{
  font-family:Arial, Helvetica, sans-serif;
 line-height: 0%;
 font-size:17px;
  text-decoration:none;
  color:#000099;
margin: 0 auto;


  }
  
.principal .membro a:hover{
  font-family:Arial, Helvetica, sans-serif;
 line-height: 0%;
 font-size:17px;
  text-decoration:underline;
  
  }

  
  /* ////////////////////////////// */
  
  /* *************** PROJETOS ************ */
  
  
 .principal_p p.destacar{
text-align:center;
  font-weight:bold;
  }
  
  .principal_p p{
padding-left:10px;
padding-right:10px;
  }
  
  
 .principal_p table p.descricao_img{
  font-family:Arial, Helvetica, sans-serif;
  size:10px;
  text-align:center;
  margin-top:0px;  
  font-style:italic;
  }
  
  .titulo_projetos{
z-index:1;
clear:both;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:20px;
font-size:22px;
height:auto;
font-weight:bold;
min-height:34px; /* Altura mínima */
padding-top:7px;
background-color:#006666;
width:610px;
border-radius: 30px 0px 30px 0px;
margin-top:10px;
margin-bottom:0px;
border-top:10px solid #FFFFFF;
border-bottom:10px solid #FFFFFF;
}


/* menu vertical  */

.menu_projetos ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu_projetos li {
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
}

.menu_projetos a {
  display: block;
  width: 250px;
  padding:2px;
  padding-left:10px;
  height: auto;
  line-height: 39px;
  color: #000;
  text-decoration: none;
  background: #666666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:22px;
  font-weight:bold;
  color:#FFFFFF;
  border:1px solid #FFFFFF;
}

.menu_projetos a:hover{
  background-color: #369;
  background-position: right bottom;
  color: #fff;
}

.principal table{
position:relative;
left:-70px;
}

.nossos_projetos_p{
width:270px;
height:auto;
padding-left:20px;


border-radius: 20px 20px 10px 20px;
border:3px solid #00006A;
}

.principal_p{
margin-right:20px;
margin-top:0px;
z-index: 2; //posição da div em relação ao projeto;
width:630px;
height:auto;
float:right;
}

.principal_p p{
 font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
 text-align:justify;
 text-shadow:#003366;
 background-color:#FFFFFF;
  }


  
  /* ////////////////////////////// */
  
  .principal_sobre p{
 font-family:Arial, Helvetica, sans-serif;
 line-height: 150%;
 font-size:17px;
 text-align:center;
 text-shadow:#003366;
 background-color:#FFFFFF;
 margin-right:180px;
  }
  
   /* Pesquisa */
   
.Dissertacao{
float:left;
width:610px;
height:auto;
padding:10px;
border:3px dashed #999999;
}

.Dissertacao .titulo{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:10px;
float:right;
z-index:2;
margin-top:-10px;
margin-bottom:10px;
width:590px;
}

.Dissertacao .autor{
line-height:50px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:2px;
}


.Dissertacao .autores_period{
line-height:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:20px;
}

.Dissertacao .mmm{
padding-bottom:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:2px;
font-style:italic;
}

.Dissertacao .orientadores{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:2px;
font-weight:bold;
line-height:20px;
padding-bottom:8px;
}

.Dissertacao .datas{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:2px;

}


.Dissertacao .turma{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:2px;
}


.Dissertacao .resumo a{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:7px;
border-radius: 20px 20px 20px 20px;
width:160px;
border:2px solid #000033;
color:#FFFFFF;
background-color:#000033;
text-decoration:none;
padding:3px;
padding-right:8px;
padding-left:8px;
/* Sombra */
-webkit-box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
-moz-box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.65);
}

.Dissertacao .resumo{
margin-left:240px;
}

.Dissertacao .resumo a:hover{
border:1px solid #000033;
}

.Dissertacao .numeracao{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:0px;
border-radius: 0px 5px 50px 5px;
width:16px;
color:#FFFFFF;
background-color:#000033;
text-decoration:none;
padding:2px;
padding-right:5px;
padding-left:5px;
padding-right:10px;
padding-bottom:5px;
padding-top:5px;
/* Sombra */
-webkit-box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
-moz-box-shadow: -2px 1px 2px 1px rgba(0,0,0,0.65);
box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.65);
position:relative;
left:-13px;
top:-13px;
float:left;
z-index:2;
}

   
    /* ////////////////////////////// */


    /* Pesquisas */
	
	
/* ---------- poup-up -----------*/
.location{
position:relative;
top:-280px;
right:150px;
}
.popup{
     position:absolute;
	 z-index:110;
	 display:none;

     left: 0; right: 0;
     margin: auto;
     width: 600px;
     height:auto;
     padding: 20px;
     border: solid 1px #331;
     background: #FFFFFF;
	 border:3px solid #000066;
	 /* Sombra */
-webkit-box-shadow: 0px 3px 69px -14px rgba(0,0,0,1);
-moz-box-shadow: 0px 3px 69px -14px rgba(0,0,0,1);
box-shadow: 0px 3px 69px -14px rgba(0,0,0,1);
border-radius: 20px 20px 20px 20px; /*bordas arredondadas*/
  }
  
  .titulo_poupup{
  font-family:Arial, Helvetica, sans-serif;
  font-size:22px;
  color:#666666;
  padding-bottom:12px;
  font-weight:bold;
  
  border-bottom:2px solid #666666;
  float:left;
  width:600px;
  }
  
  .titulo_projeto_poupup{
  font-family:Arial, Helvetica, sans-serif;
  font-size:22px;
  color:#000000;
  padding-bottom:12px;
  font-weight:bold;
  text-align:center;
  padding:20px;
  
  
  float:left;
  width:554px;
  }
  
  .resumo_poupup{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000000;
  padding-bottom:12px;
  text-align:justify;
  padding-left:20px;
  padding-right:20px;
  
  
  float:left;
  width:554px;
  height:auto;
  }
  
  .participantes_poupup{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000000;
  padding-bottom:12px;
  text-align:justify;
  padding-left:50px;
  padding-right:20px;
  line-height:20px;
  float:left;
  width:554px;
  height:auto;
  }
  
   .arquivo_poupup{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000000;
  padding-bottom:12px;
  text-align:justify;
  padding-left:50px;
  padding-right:20px;
  line-height:20px;
  float:left;
  width:554px;
  height:auto;
  }
  
   .arquivo_poupup:hover{
    color:#000066;
  }
  
  .subtitulos_poupup{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  padding-bottom:12px;
  font-weight:bold;
  text-align:left;
  padding-left:20px;  
  float:left;
  width:300px;
  }
  
  
  
  .botao_fechar_poup_up{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:0px;
/*border-radius: 2px 0px 2px 2px;*/
width:auto;
border:2px solid #000033;
color:#FFFFFF;
background-color:#000033;
text-decoration:none;
padding:3px;
padding-right:8px;
padding-left:8px;
position:absolute;
right:0px;
top:0px;
z-index:0;
border-radius: 0px 15px 0px 0px; /*bordas arredondadas*/
}


 .botao_fechar_poup_up:hover{
 color:#FFFF00;
 }

/*-------------*/	
	
	
	
/* ////////////////////////////// */

.pg_em_manutencao{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
color:#990000;
text-align:center;
width:auto;
padding-top:100px;
padding-bottom:30px;
clear:both;
}
.pg_em_manutencao_obs{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#990000;
text-align:center;
width:auto;
padding-bottom:100px;
clear:both;
}

.ano{
position:relative;
left:-4px;
top:-4px;
width:200px;
margin-bottom:20px;
border-radius:20px;
border-right:1px solid #710000;
border-bottom:1px solid #710000;

font-family:Geneva, Arial, Helvetica, sans-serif;
}
  
  
  
  
  
  
  