/* estrutura do template (ID, classes do template geral)
------------------------------------------------------------------------------------------------*/
body {
  background: #fafdfe url("../images/bg.png") top center repeat-x;
}
#todo {
  width: 100%;
  height: auto;
  padding-top: 15px;
}
	#todo #navegacao {
	  display: block;
	  position: relative;
	  background: #ffffff;
	  border-bottom: 5px solid #0088ce;
	  height: 55px;
	  width: 100%;
	  margin-top: 20px;
	}
	#todo #navegacao.area_verde {
	  border-bottom: 5px solid #00913D;
	}
	#todo #area_eventos {
	  display: block;
	  position: relative;
	  background: url(../images/bg-eventos.png) repeat left top;
	  min-height: 80px;
	  height: auto;
	  width: 100%;
	  margin-top: 0px;
	}
	#todo #conteudo {
	  display: block;
	  width: 960px;
	  margin: 30px auto;
	}


/*
@media screen and (min-width: 900px) and (min-height: 600px){
	@import "rodape.big.less";
}
*//* Classes do cabecalho do portal
------------------------------------------------------------------------------------------------*/
.cabecalho-topo {
  height: 96px;
}
	/* logomarca */
	.logo a {
	  display: block;
	  width: 268px;
	  height: 96px;
	  padding: 0px;
	  background: none;
      color: #008BD0;
	  text-decoration: none;
	  text-indent: 0;
      text-shadow: none;
	  font-size: 0px;
      font-weight: normal;
	}
	.logo a.sucupira {
	  background: url("../images/logo-sucupira.png") no-repeat;
	}

/* navegacao - menu e acesso ao sistema
------------------------------------------------------------------------------------------------*/
#navegacao nav {
  display: block;
  width: 960px;
  height: 60px;
  margin: 0 auto;
}
	/* menu */
	nav ul {
	  height: 100%;
	  margin: 0;
	}
		nav ul li {
		  display: inline-block;
		  width: auto;
		  height: 24px;
		  padding: 16px 0 20px;
		  margin: 0;
		  margin-left: -3px;
		  background: none;
		}
		nav ul li:first-child {
		  margin: 0;
		}

		nav ul li.on {
		  background: url(../images/bg-marcador-menu.png) no-repeat center bottom;
		}
		#navegacao.area_verde nav ul li.on {
		  background: url(../images/bg-marcador-menu-verde.png) no-repeat center bottom;
		}

		nav ul li a {
		  display: block;
		  width: auto;
		  height: 24px;
		  padding: 0 15px;
		  border-right: 1px solid #b8cfe3;
		  font-size: 16px;
		  font-weight: bold;
		  line-height: auto;
		  color: #222222;
		  text-decoration: none;
		}
		nav ul li:hover > a, nav ul li.on > a {
		  color: #0088ce;
		}
		#navegacao.area_verde nav ul li:hover > a, #navegacao.area_verde nav ul li.on > a {
		  color: #00913D;
		}
		nav ul li:last-child > a {
		  border-right: none;
		}

	/* acesso ao sistema */
	nav .area-sistema {
	  float: right;
	  position: relative;
	  z-index: 100;
	  margin-top: -113px;
	  width: 206px;
	  height: auto;
	  min-height: 53px;
	}
		.area-sistema .bt-acessar {
		  display: block;		  
		  position: relative;
		  z-index: 100;
		  width: 200px;
		  height: 50px;
		  margin: 0px auto;
		  cursor: pointer;
		  border: 3px solid #fff;
		  border-bottom: none;

		  background: #0088ce;
		  /* Old browsers */
		
		  background: -moz-linear-gradient(top, #0088ce 0%, #006bb0 100%);
		  /* FF3.6+ */
		
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088ce), color-stop(100%, #006bb0));
		  /* Chrome,Safari4+ */
		
		  background: -webkit-linear-gradient(top, #0088ce 0%, #006bb0 100%);
		  /* Chrome10+,Safari5.1+ */
		
		  background: -o-linear-gradient(top, #0088ce 0%, #006bb0 100%);
		  /* Opera 11.10+ */
		
		  background: -ms-linear-gradient(top, #0088ce 0%, #006bb0 100%);
		  /* IE10+ */
		
		  background: linear-gradient(to bottom, #0088ce 0%, #006bb0 100%);
		  /* W3C */
		
		  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088ce', endColorstr='#006bb0', GradientType=0);
		  /* IE6-9 */

		  /* borda arredondada */
		  -o-border-radius: 1em 1em 0 0;
		  -khtml-border-radius: 1em 1em 0 0;
		  -moz-border-radius: 1em 1em 0 0;
		  -webkit-border-radius: 1em 1em 0 0;
		  -ms-border-radius: 1em 1em 0 0;
		  border-radius: 1em 1em 0 0;
		}
		.bt-acessar.on {
		  border-bottom: 1px solid #b8cfe3;
		}
			.bt-acessar a {
			  display: block;
			  width: auto;
			  height: 45px;
			  background: url(../images/bg-acesso-plataforma.png) no-repeat left bottom;
			  margin: 0 22px;
			  padding: 5px 0 0 58px;
			  text-align: center;
			  color: #FFF;
			  text-decoration: none;
			  text-transform: uppercase;
			  font-size: 16px;
			  font-weight: bold;
			  line-height: 15pt;
			}

			/* formulario aberto */
			.area-sistema .formulario-acesso {
			  display: none;
			}
				.formulario-acesso {
				  position: absolute;
				  z-index: 90;
				  width: 262px;
				  height: 100px;
				  padding: 15px 10px;
				  margin: -3px 0 0 -82px;
				  background: #006bb0;
				  border: 3px solid #fff;
	
				  /* borda arredondada */
				  -o-border-radius: 1em 0 1em 1em;
				  -khtml-border-radius: 1em 0 1em 1em;
				  -moz-border-radius: 1em 0 1em 1em;
				  -webkit-border-radius: 1em 0 1em 1em;
				  -ms-border-radius: 1em 0 1em 1em;
				  border-radius: 1em 0 1em 1em;
				}
					.formulario-acesso form {
					  display: block;
					  height: 71px;
					  width: 100%;
					}
						.formulario-acesso form input[type="text"], .formulario-acesso form input[type="password"] {
						  float: left;
						  border: 1px solid #b8cfe3;
						  border-radius: none;
						  padding: 5px 9px;
						  height: 18px;
						  width: 171px;
	
						  background: #ffffff;
						  /* Old browsers */
						
						  background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
						  /* FF3.6+ */
						
						  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff));
						  /* Chrome,Safari4+ */
						
						  background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
						  /* Chrome10+,Safari5.1+ */
						
						  background: -o-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
						  /* Opera 11.10+ */
						
						  background: -ms-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
						  /* IE10+ */
						
						  background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
						  /* W3C */
						
						  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
						  /* IE6-9 */
	
						  color: #737373;
						  font-size: 13px;
						  font-family: 'Source Sans Pro';
						}
						.formulario-acesso form input.login {
						  width: 241px;
						  margin-bottom: 10px;
						}
						.formulario-acesso form button{
						  float: left;
						  width: 70px;
						  height: 30px;
						  border: 1px solid #b8cfe3;
						  background: #b8cfe3;
						  padding: 5px;
						  color: #006bb0;
						  font-size: 14px;
						  font-family: 'Source Sans Pro';
						  font-weight: bold;
						  text-align: center;
						  text-transform: uppercase;
						  cursor: pointer;
						}
					.formulario-acesso a {
					  display: block;
					  width: auto;
					  margin-top: 10px;
					  color: #FFF;
					  text-decoration: none;
					}
					.formulario-acesso a:hover {
					  text-decoration: underline;
					}


/* area dos eventos - inicial
------------------------------------------------------------------------------------------------*/
#area_eventos ul {
  display: block;
  list-style: none;
  width: 960px;
  height: auto;
  margin: 0px auto;
  padding: 10px 0;
}
	#area_eventos ul li {
	  display: inline-block;
	  width: 398px;
	  height: 30px;
	  margin: 5px 8px 5px 10px;
	  padding: 5px 10px;
	  padding-left: 52px;
	  background: #b8cfe3 url(../images/ico-calendar.png) scroll 10px center no-repeat;
	  line-height: 23pt;
	  cursor: pointer;
	  vertical-align: text-top;
	}
	#area_eventos ul li:hover {
	  background-color: #005883;
	}
		#area_eventos ul li a {
		  display: block;
		  width: 100%;
		  height: auto;
		  color: #222222;
		  text-decoration: none;
		  font-size: 14px;
		}
			#area_eventos ul li a strong {
			  font-size: 16px;
			}
		#area_eventos ul li:hover > a {
		  color: #fff;
		}
	#area_eventos ul li.evento_aberto {
	  width: 458px;
	  min-height: 130px;
	  height: auto;
	  border: 1px solid #005883;
	  background: #fff;
	  padding: 0;
	}
		#area_eventos ul li.evento_aberto a h1 {
		  display: block;
		  width: 396px;
		  height: auto;
		  background: #005883 url(../images/ico-calendar.png) scroll 10px center no-repeat;
		  padding: 5px 10px;
		  padding-left: 52px;
		  margin: 0;
		  font-size: 14px;
		  font-weight: normal;
		  color: #fff;
		}
		#area_eventos ul li.evento_aberto a p {
		  display: block;
		  width: auto;
		  height: auto;
		  padding: 5px 10px;
		  margin: 0;
		  line-height: 24px;
		  font-size: 13px;
		}
			#area_eventos ul li.evento_aberto a p span {
			  display: block;
			  margin-top: 5px;
			  text-align: right;
			  color: #0088ce;
			  font-size: 12px;
			  font-weight: bold;
			}
		#area_eventos ul li.evento_aberto:hover > a {
		  color: #222222;
		}
		#area_eventos ul li.evento_aberto:hover > a p span{
		  text-decoration: underline;
		}


/* conteudo - inicial
------------------------------------------------------------------------------------------------*/
#conteudo h1 {
  display: block;
  padding: 0 10px;
  width: auto;
  line-height: 24px;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}
#conteudo ul#chamadas {
  list-style: none;
  margin: 10px 0 0;
}
	#conteudo ul#chamadas li {
	  display: inline-block;  
	  width: 218px;
	  height: 190px;
	  margin: 10px 7px 10px 10px;
	  background: #FFF;
	  border: 1px solid #e4eef6;
	  vertical-align: top;
	  cursor: default;
	}
	#conteudo ul#chamadas li:hover {
	  border-color: #006b2b;
	}
		#conteudo ul#chamadas li a {
		  display: block;
		  width: auto;
		  height: 95px;
		  padding: 10px 6px;
		  padding-top: 80px;
		  border-bottom: 5px solid #006b2b;
		  color: #222222;
		  text-decoration: none;
		}
		#conteudo ul#chamadas li a.bg-dados-programa {
		  background: url(../images/chamadas/bg-dados-programa.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-financiadores {
		  background: url(../images/chamadas/bg-financiadores.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-proposta-programa {
		  background: url(../images/chamadas/bg-proposta-programa.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-linhas-pesquisa {
		  background: url(../images/chamadas/bg-linhas-pesquisa.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-projetos-pesquisa {
		  background: url(../images/chamadas/bg-projetos-pesquisa.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-disciplinas {
		  background: url(../images/chamadas/bg-disciplinas.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-turmas {
		  background: url(../images/chamadas/bg-turmas.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-docentes {
		  background: url(../images/chamadas/bg-docentes.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-discentes {
		  background: url(../images/chamadas/bg-discentes.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-participantes-externos {
		  background: url(../images/chamadas/bg-participantes-externos.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-trabalhos-conclusao {
		  background: url(../images/chamadas/bg-trabalhos-conclusao.png) scroll center 10px no-repeat;
		}
		#conteudo ul#chamadas li a.bg-producoes-intelectuais {
		  background: url(../images/chamadas/bg-producoes-intelectuais.png) scroll center 10px no-repeat;
		}

			#conteudo ul#chamadas li a h2 {
			  color: #006b2b;
			  font-size: 15px;
			  text-align: center;
			  margin:0 0 12px;
			}
			#conteudo ul#chamadas li a p {
			  text-align: justify;
			  line-height: 20px;
			  margin:0;
			}
		
	#conteudo ul#chamadas li:hover > a p {
	  color: #00913D;
	}


/* conteudo - interna
------------------------------------------------------------------------------------------------*/
#conteudo.interna .migalha {
	display: block;
	min-height: 20px;
	width: 100%;
	margin: 0 0 15px;
	color: #0088CE;
}
	.migalha a {
		color: #005883;
	}

#conteudo.interna .area-mensagem {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

	#conteudo.interna .area-mensagem ul#mensagensGeraisDoSistema {
		margin: 0 0 15px;
	}

		#conteudo.interna .area-mensagem ul li.mensagem {
			margin: 10px 0;
		}
	
		#conteudo.interna .area-mensagem ul li:first-child.mensagem {
			margin-top: 0;
		}
	
		#conteudo.interna .area-mensagem ul li:last-child.mensagem {
			margin-bottom: 0;
		}

#conteudo.interna .container_16 {
	display: block;
	min-height: 400px;
	background: #FFF;
	border: 1px solid #cedeec;
	border-bottom: 5px solid #0088CE;
}

#conteudo.interna .container_16.verde {
	border: 1px solid #E4EEF6;
	border-bottom: 5px solid #00913D;
}

#conteudo.interna .grid_16 {
	float: none;
	display: block;
	width: 100%;
	margin: 20px 0 0;
}


#conteudo.interna h1 {
	display: block;
	width: auto;
	height: auto;
	padding: 15px 20px;
	margin: 0;
	background: #0088CE;

	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	color: #fff;
    text-shadow: 0 -1px 0 #005883;
}

#conteudo.interna .verde h1 {
	background: #00913D;
    text-shadow: 0 -1px 0 #005B24;
}

#conteudo.interna h2 {
	margin: 16px 0;
	font-size: 15px;
	border-bottom: 1px dashed #B5B5B5;
	color: #005883;
	text-transform: uppercase;
	/* color: #1695D4; */
}

#conteudo.interna .verde h2 {
	color: #006B2B;
}

#conteudo.interna h2:first-of-type {
	margin-top:  0;
}

#conteudo.interna h3 {
	display: block;
	width: auto;
	height: auto;
	padding: 8px 15px;
	margin: 0;
	background: #BEE3FF;

	font-size: 15px;
	line-height: 20px;
	color: #1695D4;
}

#conteudo.interna h4 {
	margin: 10px 0;
	font-size: 15px;
	border-bottom: 1px dashed #B5B5B5;
	color: #1695D4;
	/* color: #1695D4; */
}

#conteudo.interna .texto {
	display: block;
	padding: 20px;
}

#conteudo.interna p {
	color: #282828;
	line-height: 24px;
	text-align: justify;
	margin: 0;
}

	#conteudo.interna p a {
		color: #00A2D9;
	}

#conteudo.interna hr {
	border-color: #b8cfe3;
	margin: 20px 0;
}

#conteudo.interna ul.lista_menu, #conteudo.interna ul.lista_menu li ul {
	display: block;
	width:  100%;
	height: auto;
	margin: 0;
	padding: 0;
}
	#conteudo.interna ul.lista_menu li {
		display: inline-block;
	    margin: 5px 1% 20px;
	    width: 45%;
		font-weight: bold;
	    background: url("../images/seta_menu_verde.png") no-repeat scroll left 5px;
	    padding-left: 2%;
	    text-transform: uppercase;
	    vertical-align: top;
	}
	
	#conteudo.interna ul.lista_menu.azul li{
		 background: url("../images/seta_menu.png") no-repeat scroll left 5px;
	    float: left;
	}
	
		#conteudo.interna ul.lista_menu li ul {
			margin-left: 4%;
			width: 96%;
		}

			#conteudo.interna ul.lista_menu li ul li {
				display: list-item;
	    		margin: 5px 0;
	    		padding: 0 !important;
	    		width: 100%;
	    		background: none;
				list-style-image: url("../images/seta_menu2_verde.png");
	    		text-transform: none;
			}
			
			#conteudo.interna ul.lista_menu.azul li ul li{
				background: none;
				list-style-image: url("../images/seta_menu2.png"); 
			}
			
				#conteudo.interna ul.lista_menu li ul li a {
					color: #282828;
	    			font-weight: normal;
				}

				#conteudo.interna ul.lista_menu li ul li a:hover {
					color: #00A2D9;
					text-decoration: none;
				}

				#conteudo.interna .verde ul.lista_menu li ul li a:hover {
					color: #00AF8F;
				}


/* areas dos formularios */
#conteudo.interna form .form-area,
#conteudo.interna form .form-area-menor,
#conteudo.interna form .form-area-login {
	display: block;
	width:  auto;
	margin: 10px 0;
	padding: 2%;
	background: #FCFDFF;
	border: 1px solid #ddd;
}

#conteudo.interna form .form-area-menor,
#conteudo.interna form .form-area-login {
	width: 70%;
	margin: 10px auto;
}

#conteudo.interna form .form-area-login {
	width: 30%;

	-ms-border-radius: 1em;
	-o-border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

	#conteudo.interna form .form-area-login .centraliza {
		width: 60%;
		margin: 0px auto;
	}

	#conteudo.interna form .form-area-login .botoes {
		margin: 5px 0;
	}

#conteudo.interna form .form-area:first-of-type,
#conteudo.interna form .form-area-menor:first-of-type,
#conteudo.interna form .form-area-login:first-of-type {
	margin-top: 0;
}


#conteudo.interna form .form-area h3,
#conteudo.interna form .form-area-menor h3,
#conteudo.interna form .form-area-login h3 {
	display: block;
	background: #FCFDFF;
	color: #005883;
	border-bottom: 1px dashed #005883;
    text-shadow: none;
    width: auto;
    padding: 8px 5px;
	margin: 20px -10px;
}

#conteudo.interna form .form-area h3:first-child,
#conteudo.interna form .form-area-menor h3:first-child {
	margin-top: -18px;
}


#conteudo.interna form .form-area-login h3 {
    background: #005883;
	color: #fff;
	border-bottom: none;
	padding: 8px 15px;
	margin-left: -19px;
	margin-right: -19px;
	-ms-border-radius: 1em 1em 0 0;
	-o-border-radius: 1em 1em 0 0;
	-moz-border-radius: 1em 1em 0 0;
	-webkit-border-radius: 1em 1em 0 0;
	border-radius: 1em 1em 0 0;
}

#conteudo.interna form .form-area-login h3:first-child {
	margin-top: -19px;
}

#conteudo.interna .verde form .form-area h3,
#conteudo.interna .verde form .form-area-menor h3 {
	color: #006B2B;
	border-bottom: 1px dashed #006B2B;
}

#conteudo.interna form .form-area-login h3 {
	width: 103%;
}




/**----------------------------------------------- Outros componentes -----------------------------------------------**/
.area-legendas {
	background: #F5FAFC;
	border-radius: 0px;
}

.verde .area-legendas {
	background: #f5fcf5;
	border-color: #daefda;
}

	.area-legendas span {
		color: #3D3D3D;
	}

#conteudo.interna .titulo, #conteudo.interna .form-container .titulo,
#conteudo.interna .titulo-cima-tabela, #conteudo.interna .form-container .titulo-cima-tabela,
table.listagem.publico caption {
	width: auto;
	height: auto;
	padding: 5px 10px !important;
	margin: 0 0 5px !important;

	background: #D4E4EF !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0px !important;

	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 20px !important;
    text-align: left !important;
   	color: #005883 !important;
	text-shadow: none !important;

	line-height: 20px !important;
}

#conteudo.interna .verde .titulo, #conteudo.interna .verde .form-container .titulo,
#conteudo.interna .verde .titulo-cima-tabela, #conteudo.interna .verde .form-container .titulo-cima-tabela,
.verde table.listagem.publico caption {
	background: #daefda !important;
	color: #006B2B !important;
}

#conteudo.interna .titulo-cima-tabela, #conteudo.interna .form-container .titulo-cima-tabela {
	margin-bottom: 0px !important;
	background: #005883 !important;
	color: #fff !important;
}

table.listagem.publico caption {
	margin: 10px 0 0 !important;
}


/* estilo da cortina */
.cortina-conteudo {
	width: 740px;
}
.cortina-conteudo.escondido {
	width: 900px
}
.cortina ul.cortina-menu {
	width: 183px;
	margin: 0 15px 0 -21px; 
}
.cortina ul.cortina-menu.escondido {
	width: 20px;
}
.cortina ul.cortina-menu li {
	border: 1px solid #CEDEEC !important;
	border-top: none !important;
	border-radius: 0px;
	width: 170px;
}
.cortina ul.cortina-menu li:first-child {
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #CEDEEC !important;
}
.cortina ul.cortina-menu li:last-child {
	border-radius: 0 0 3px 3px;
}
.cortina ul.cortina-menu.escondido li {
	background: #ECF4F9 !important;
	border-bottom: 0px !important;
	width: 5px;
}
.cortina ul.cortina-menu.escondido li:first-child, .cortina ul.cortina-menu.escondido li:last-child {
	border-bottom: 1px solid #CEDEEC !important;
}

.cortina ul.cortina-menu li.btn a {
	display: block;
	text-align: left;
	background: none;
    height: auto;
    width: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #222222 !important;
    text-indent: inherit;
}
.cortina ul.cortina-menu li.btn a span.icone {
	float: right;
	margin: 4px 0 0 5px;
	background: url("../images/sprite-icons.png") no-repeat scroll 0 -96px;
	height: 14px;
	width: 7px;
}
.cortina ul.cortina-menu.escondido li, .cortina ul.cortina-menu.escondido li.btn {
	width: 7px;
}
.cortina ul.cortina-menu.escondido li.btn {
	height: 20px !important;
}
.cortina ul.cortina-menu.escondido li.btn a {
	font-size: 0;
}
.cortina ul.cortina-menu.escondido li.btn a span.icone {
	margin: 3px 0 0 0;
	background: url("../images/sprite-icons.png") no-repeat scroll 0 -194px;
}

.btn:hover {
	background: #F5F5F5;
}

.titulo_azul a:hover {
	text-decoration: none;
}

.titulo_cinza_publico {
	background: #FAFAFA !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-weight: normal !important;
}
	.titulo_cinza_publico a {
		color: #3D3D3D !important;
	}
	.titulo_cinza_publico a:hover {
		color: #0088CE !important;
		text-decoration: none;
	}