/* CSS Para criar tooltips */
.tooltip{
    display: inline;
    position: relative;
	text-align: center;
}
.tooltip:hover:after {
    padding: 5px 10px;
    width: 120px;
    border-radius: 5px;
    background: #333;
    background: rgba(0,0,0,.8);
    content: attr(data-title);    
    position: absolute;
    left: -60px;
    bottom: 32px;
    z-index: 98;
    color: #fff;    
}
.tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0px 6px;
    content: "";
    position: absolute;
    left: 25%;
    bottom: 26px;
    z-index: 99;
}
/*--------------------------------*/

/* Instala??o de fontes */
/* Instala??o de fontes para IE */
@font-face {
    font-family: 'open-sans';
    src: url('/index/fontes/OpenSans-Light.eot');
    font-weight: lighter;
}
@font-face {
    font-family: 'open-sans';
    src: url('/index/fontes/OpenSans-Bold.eot');
    font-weight: bold;
}
@font-face {
    font-family: 'open-sans';
    src: url('/index/fontes/OpenSans-ExtraBold.eot');
    font-weight: 900;
}
@font-face {
    font-family: 'open-sans';
    src: url('/index/fontes/OpenSans-Regular.eot');
    font-weight: normal;
}
/* Instala??o de fontes para outros navegadores */
@font-face {
    font-family: 'open-sans';
    src: url('/index/fontes/OpenSans-Light.ttf');
    font-weight: lighter;
}
@font-face {
    font-family: 'open-sans';
    src: url('/index/fontes/OpenSans-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'open-sans';
    src: url('/index/fontes/OpenSans-ExtraBold.ttf');
    font-weight: 900;
}
@font-face {
    font-family: 'open-sans';
    src: url('/index/fontes/OpenSans-Regular.ttf');
    font-weight: normal;
}


/* CSS de SCROLL */
/* CSS de SCROLL especifico da div #estadosEstagios */
#estadosEstagios::-webkit-scrollbar
{
    width: 12px;
    background-color: #09183d;
}
#estadosEstagios::-webkit-scrollbar-thumb
{
    background-color: #fbb034;
}
#estadosEstagios::-webkit-scrollbar-track 
{
    border: 5px #e6e7e8 solid;
    border-top: none;
    border-bottom: none;
}


/* CSS de SCROLL do site SE todo */
body::-webkit-scrollbar
{
    width: 10px;
    background-color: #ffffff;
}
body::-webkit-scrollbar-thumb
{
    background-color: #09183d;
}


/* CSS Elementos padr?es */
body {
    font-family: 'open-sans', Arial, Helvetica, sans-serif;
    margin: 0;
    background-color: #FFFFFF;
    background-image: none;
    background-repeat: no-repeat;
    color: #000;
    font-size: 12px;
    
}
p, li{
    font-size: 12px;
}
    
a {
    text-decoration: none;
    cursor: pointer;
    
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
li {
    list-style: none;
}
hr {
	width: 100%;
}


/* CSS Classes padr?ees */
.fundo {
    width: 100%;
}
.conteudo {
    width: 91%;
    margin: auto;
    overflow: hidden;
    padding: 0px;
    border: none;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
}
.corFundoCinza1 {
    background-color: #f1f2f2;
}
.corFundoCinza1Hover:hover{
    background-color: #f1f2f2;
}
.corFundoCinza2 {
   background-color: #e6e7e8;
}
.corFundoCinza2Hover:hover{
    background-color: #e6e7e8;
}
.corFundoCinza3 {
    background-color: #dcddde; 
}
.corFundoCinza3Hover:hover{
    background-color: #dcddde; 
}
.corFundoAzulMarinho {
    background-color: #09183d; 
}
.corFundoAzulMarinhoHover:hover{
    background-color: #09183d; 
}
.corFundoLaranja {
    background-color: #fbb034; 
}
.corFundoLaranjaHover:hover{
    background-color: #fbb034; 
}
.corFundoBranco {
    background-color: #ffffff; 
}
.corFundoBrancoHover:hover {
    background-color: #ffffff; 
}

.corFonteAzulMarinho {
    color: #09183d;     
}
.corFonteAzulMarinhoHover:hover{
    color: #09183d !important;     
}
.corFonteLaranja {
    color: #fbb034;
}
.corFonteLaranjaHover:hover{
    color: #fbb034;
}
.corFonteBranco {
    color: #ffffff !important; 
}
.corFonteBrancoHover:hover{












    color: #ffffff; 
}
.corFonteCinza{
    color: #808285;
}
.corFonteCinzaHover:hover{
    color: #808285;
}

.hoverazul:hover {
    background-color: #09183d;
    color: #fbb034 !important;
}

/* 
*   As classes de grids n?o necessariamente representa algum padr?o. Antes era:
*       - grid1 toda a area a ser trabalhada
*       - grid2 a area do grid3 vezes 2
*       - grid3 a area do grid1 divido por 3
*
*   Entretanto como foram surgindo novas necessidades foram adicionadas novas classes de grid sem padr?o.
*/

.grid1 {
    width: 960px;    
}
.grid2 {
    width: 640px;
}
.grid3 {
    width: 320px;
}
.grid4 {
    width: 480px;
}

.mapaSite {
    width: 160px;
}

.floatLeft {
    float: left !important;
}
.floatRight {
    float: right !important;
}

.aumentarFonte {
    font-size: 160%;
}
.diminuirFonte {
    font-size: 80%;
}
.margin0 {
    margin: 0px !important;
}
.marginTop0{
    margin-top: 0px !important;
}
.alinharCentro{
    text-align: center !important;
}
.alinharJustificado{
    text-align: justify !important;
}

.padraoCampo1 {
    padding: 2px;
    margin: 0;
    font-size: 11px;
    width: 140px;
}

.btnLogin {
    padding: 4px 20px;
    font-weight: bolder;
    border: none;
    cursor: pointer;
    background-color: #f1f2f2; 
    color: #09183d; 
    font-size: 9px;
}


.alturaCabecalho {
    height: 60px !important;
}
.alturaDiv1 {
    height: 114px !important;
}
.alturaDivRodape {
    height: 250px !important;
}
.alturaDiv2 {
    height: 320px !important;
}
.alturaDiv3 {
    height: 640px !important;
    
}
.alturaDiv4 {
    height: 960px !important;
    
}

.banner {
    height: 320px !important;
}

.negrito {
    font-weight: bold !important;
}

.carregando {
    text-align: center;
    padding-top: 40px;
}
.carregando h3 {
    font-weight: normal !important;
}

.conteudoPadrao1 {
    text-align: left;
    font-size: 11px;
}

.btn_emp, .btn_vagas {
    background-image: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #09183d;
    font-family: "open-sans";
    font-size: 10px;
    border: none;
    padding: 7px 20px;
    cursor: pointer;
    transition: 0.4s;
    margin: 0;
    background: #fbb034;
    min-width: 112px;
    text-transform: uppercase;
}
.btn_emp:hover, .btn_vagas:hover {
    background-image: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fbb034;
    font-family: "open-sans";
    background: #09183d;
    border: none;
}

.linhaHorizontalPadrao {
    border-style: solid;
    border-top: none;
    border-color: #dedfe0;
    margin-bottom: 10px;
    margin-top: 10px;
}

ul.tabs li {
	font-size: 12px;	
}


/* CSS Especificos das id's */

/* Cabe?alho da p?gina */
#cabecalho .conteudo{
    text-align: left !important;
}
#cabecalho #linksCategoria {
    position: relative;
    display: inline-block;
    left: 230px;
    /*width: 400px;*/
    top: 25px;
    height: 72px;
    overflow: auto;
}
#cabecalho #linksCategoria .linkCategoria {
    line-height: 1.2;
    margin: 10px 10px;
    margin-top: 0px;
    
}
.conteudoLinksCategoria {
    width: 125px;
    float: left;
    overflow: hidden;
}


/* CSS Menu Lateral */
#menu_lateral > ul > li, #menu_lateral > ul > a > li {
    padding: 10px 25px;
    text-align: left;
    font-size: 14px;
    font-weight: bolder;
    color: #09183d;
}
#menu_lateral > ul > li, #menu_lateral > ul > a > li {
    padding: 10px 20px;
    text-align: left;
}
#menu_lateral > ul > a > li {
    color: #09183d;
    transition: 0.3s;
}
#menu_lateral > ul > li > a:hover, #menu_lateral > ul > a:hover > li {
    color: #fbb034;
}
#menu_lateral > ul > li > ul > li {
    font-size: 13px;
    font-weight: normal;
    color: #808285;      
	transition: 0.3s;
    margin: 3px 0px;
}
#menu_lateral > ul > li > ul > li > a {
    color: #808285;
    transition: 0.3s;
}
#menu_lateral > ul > li > ul > li > a:hover {
    color: #000;
}

/* Conteudo Direita */
#infos_rapidas {
    text-align: left;
    overflow: visible;
    margin-bottom: 35px;
}
#infos_rapidas > div {
    float: left;
}

#infos_rapidas > div > * {
    padding: 2px 20px;
}
#infos_rapidas div p, #infos_rapidas div li {
    font-size: 12px;
    font-weight: lighter;
}
#infos_rapidas > div ol li{
    list-style-type: decimal;
}


/* CSS Mapa do site */
#mapaSite {
    margin-bottom: 50px !important;
    text-align: left;
}
#mapaSite ul {
    margin: 0px 25px;
    margin-right: 0px;
    padding: 0px;
    overflow: hidden;
}
#mapaSite ul li{
    font-weight: bold;
    float: left;
    padding: 0px;
    padding-left: 25px;
    padding-top: 40px;
    text-align: left;
}
#mapaSite ul li a:hover{
    color: #fbb034;
    transition: 0.2s;
}
#mapaSite ul li span{
    margin-top: 10px;
}
#logoMapaSite {
    text-align: center;
    margin-top: 50px;
    
}
#mapaSite li.mapaSite a{
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 5px;
    display: block;
}

/* CSS Cabecalho rodp? */
#logoMapaSite a {
    margin: auto;
    display: block;
    width: 112px;
    height: 35px;
    background: url("/index/imagens/logoGrupoSuper.png") no-repeat;
}

/* CSS Atendimento Online */
#atendimentoOnline a > div {
    width: 215px;
    margin: auto;
    background: url("/index/imagens/atendimento.png") no-repeat;
    background-position-y: 0px;
    background-position-x: 0px;
    transition: 0.4s;
}
#atendimentoOnline a > div:hover {
    background-position-y: -33px;
    background-position-x: 0px;
}
#atendimentoOnline a > div h4 {
    margin: 0;
    padding: 5px;
    font-size: 14px;
    padding-top: 7px;
    white-space: nowrap;
    margin-left: 45px;
}
#atendimentoOnline {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #dcddde;
    padding: 10px 0px;
    z-index: 1000;
}

/* CSS Rodape */
#rodape p {
    font-size: 10px;
    text-align: center;
    margin: 2px;
}

.tamanhoRodape {
    width: 960px; 
    margin: auto !important;
}

#rodape {
    background-image: none;
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 0px;
    
}

/* CSS Para ajustar antigo CSS de tabelas e da classe 'conteudo'*/
.conteudo {
    border: none !important;
    padding: 0px !important
}


#caixa_conteudo_topo {
    background-image: none;
    border: none;
    border-radius: 0px;
    text-align: left;
    margin: 0px;
    font-size: 12px; /*font-size: 11px;*/
}
#caixa_conteudo_topo > p {
    text-align: left;
    margin: 0px;
    font-size: 12px; /*font-size: 11px;*/
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    margin-left: 10px; 
}
#caixa_conteudo_topo > h3 {
    text-align: left;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    /*margin-left: 25px;*/
    margin-bottom: 25px;
    font-size: 14px;
}
#caixa_conteudo_topo table {
    background: #f1f2f2;
    padding: 5px 15px;
    overflow: auto !important;
    display: block;
    overflow-y: hidden !important;
    width: inherit !important;
    border: none;
    border-radius: 0;
}
#caixa_conteudo_topo table tr td{
    border: 1px solid white !important;
    padding: 5px !important;
    padding-right: 40px !important;
    text-align: left !important;
    vertical-align: middle;
}
#caixa_conteudo_topo table tr td.conteudo {
    font-size: 11px !important;
    font-weight: normal;
}
#caixa_conteudo_topo table tr td.titulo {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    background: none;
    border: none;
    color: #09183d;
}
#caixa_conteudo_topo table tr td:first-child, 
table.tabela_docs_pendentes tr td:first-child {
    border-left: none !important;
}
#caixa_conteudo_topo table tr:first-child td,
table.tabela_docs_pendentes tr:first-child td {
    border-top: none !important;
}
#caixa_conteudo_topo table tr:last-child td,
table.tabela_docs_pendentes tr:last-child td {
    border-bottom: none !important;
}
#caixa_conteudo_topo table tr td:last-child,
table.tabela_docs_pendentes tr td:last-child{
    border-right: none !important;

}


table.tabela_formulario{
    background: #f1f2f2;
    border: none;
    border-radius: 0px;
}
table.tabela_formulario tr td {
    background: none;
    color: black;
    font-size: 11px;
    border: 1px solid white;
    text-align: left;
    padding: 0px 5px;
}
table.tabela_formulario tr td:first-child {
    width: 100px;
    font-weight: bold;
}
table.tabela_formulario tr td:last-child {
    width: 392px;
}












.conteudo_tabela_docs_pendentes {
    font-size: 11px;
    padding: 10px 15px;
    background: #f1f2f2;   
}
table.tabela_docs_pendentes {
    padding: 5px;
    background: #fff;
}
table.tabela_docs_pendentes tr td {
    padding: 5px;
    background: #fff;
    border: 1px solid #f1f2f2;
    vertical-align: middle;
}
table.tabela_docs_pendentes tr td:first-child {
    width: 100px;
}

/*##################################################################*/
/* CSS Especifico das tabelas de Historico de Estágios "Antigo.php" */
/*##################################################################*/
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr > td {
    border: 1px solid #808281 !important;
    border-top: 0px !important;
    border-right: 0px !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr.ultimaLinhaInformacoes > td.informacoes,
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr.ultimaLinhaInformacoes > td.informacoes:first-child{
    border-bottom-width: 1px !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr > td:first-child {
    width: 86px !important;
    padding: 5px 15px !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr:first-child > td {
    color: #858688;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr:first-child > td:first-child {
    padding-left: 5px !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr > td:first-child {
    border-width: 0px 0px 1px 0px !important;
    padding-left: 15px !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr > td:last-child {
    border-width: 0px 0px 1px 1px !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr > td.informacoes {
    border: 1px solid white !important;
    padding: 5px !important;
    padding-right: 40px !important;
    text-align: left !important;
    vertical-align: middle;
    border-width: 0px 0px 0px 1px !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr > td.informacoes:first-child {
    border-width: 0px 0px 0px 1px !important;
    border-color: #808281 !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr > td.informacoes:last-child {
    border-right-width: 0px !important; 
}
table.tabela_especial_1 {
    background: #fff !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 table.tabela_especial_1 > tbody > tr > td.titulo {
    border-left-width: 0px !important;
}
#caixa_conteudo_topo table.tabelaPadrao01 table.tabela_especial_1 > tbody > tr > td.conteudo {
    text-transform: lowercase;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr.titulos > td {
    background: #f1f3f2;
}
#caixa_conteudo_topo table.tabelaPadrao01 > tbody > tr > td {
    background: #fff;
}
table.tabela_especial_1 > tbody > tr.impar > td.impar{
    background: #f1f3f2 !important;
}
table.tabela_especial_1 > tbody > tr.impar > td.par{
    background: #e6e7e9 !important;
}
table.tabela_especial_1 > tbody > tr.par > td.par{
    background: #f1f3f2 !important;
}
table.tabela_especial_1 > tbody > tr.par > td.impar{
    background: #e6e7e9 !important;
}
table.tabelaPadrao01 > tbody > tr.impar > td.impar{
    background: #f1f3f2 !important;
}
table.tabelaPadrao01 > tbody > tr.impar > td.par{
    background: #e6e7e9 !important;
}
table.tabelaPadrao01 > tbody > tr.par > td.par{
    background: #f1f3f2 !important;
}
table.tabelaPadrao01 > tbody > tr.par > td.impar{
    background: #e6e7e9 !important;
}
/*######################################################################*/
/* FIM CSS Especifico das tabelas de Historico de Estágios "Antigo.php" */
/*######################################################################*/

/*######################################################################*/
/* CSS Especifico novas alterações - RESPONSIVO L. */
/*######################################################################*/

.formatoNovoTitulo {
    color: #000 !important;
    padding: 5px;
    text-align: center;

}

.formatoNovoTitulo a{
    color: #000 !important;
}

.padding3 {
    padding: 5px;
    margin: 0 !important;
}

/*######################################################################*/
/* FIM CSS Especifico novas alterações - RESPONSIVO L.  */
/*######################################################################*/

/*##################################################################*/
/*        CSS Especifico da pergunta sobre avisos de vagas          */
/*##################################################################*/

#avisos_de_vagas {
    text-align: left;
    margin-bottom: 15px;
    font-size: 11px;
}
#avisos_de_vagas > p {
    font-size: 11px;
    font-weight: bold;
    margin-left: 20px;
    margin-bottom: 10px;
}
#avisos_de_vagas > div {
    background: #f1f2f2;
    overflow: hidden;
    padding: 10px;

    padding-left: 20px;
}
#avisos_de_vagas > div > div{
    float: left;
    margin-right: 40px;
}
#avisos_de_vagas > div div input{
    float: left;
}
#avisos_de_vagas > div div label{
    float: left;
    margin-top: 1px;
}

/*######################################################################*/
/*      FIM CSS Especifico da pergunta sobre avisos de vagas            */
/*######################################################################*/



/*##################################################################*/
/*            CSS Especifico da edição/cadastro de dados            */
/*##################################################################*/

.cadastro table.tabela_formulario{
    background: none !important;
    width: 100%;
}

.cadastro table.tabela_formulario td.td_formulario_esquerda {
    padding: 0px !important;
    padding: 2px 10px !important;
    background: #f1f2f2;
    width: 28%;
    font-size: 11px;
    color: #09183d;
}
.cadastro table.tabela_formulario td.td_formulario_direita {
    padding: 0px !important;
    background: none !important;
    width: 70%;
}
.cadastro table.tabela_formulario td.td_formulario_direita > input {
    height: 100% !important;
    float: left;
    padding: 5px !important;
    font-size: 12px;
    width: 48%;
}
.cadastro table.tabela_formulario td.td_formulario_direita > select {
    width: 414px;
    border-radius: 0px;
    font-size: 12px;
    height: 100%;
}
.cadastro table.tabela_formulario td.td_formulario_direita > img {
    margin-left: 5px;
}
.cadastro table.tabela_formulario td.td_formulario_direita .divTable {
    display: inline-flex;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.cadastro table.tabela_formulario td.td_formulario_direita .divTable select,
.cadastro table.tabela_formulario td.td_formulario_direita .divTable input{
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/*##################################################################*/
/*           FIM CSS Especifico da edição/cadastro de dados         */
/*##################################################################*/



/*##################################################################*/
/*    CSS Especifico da lista de ies do cadastro de estagiário      */
/*##################################################################*/

#instituicao_ensino_buscar table.lista_ies_interna tbody tr {
    background: rgb(238, 238, 238);
}
#instituicao_ensino_buscar table.lista_ies_interna tbody tr:hover td {
    color: white;
    background: #09183d;
}
#instituicao_ensino_buscar table.lista_ies_interna tbody tr:nth-child(2n+1)  {
    background: rgb(223, 223, 223);
}
#instituicao_ensino_buscar table.lista_ies_interna tbody tr:first-child {
    background: none;
}
#instituicao_ensino_buscar table.lista_ies_interna tbody tr:first-child:hover td {
    background: none;
    color: #09183d;
}
#instituicao_ensino_buscar table.lista_ies_interna tbody tr td {
    padding: 5px 10px !important;
    transition: 0.4s;
    color: #09183d;
    border: none;
    vertical-align: middle;
}
#instituicao_ensino_buscar table.lista_ies_interna tbody tr td.titulo {
    font-size: 13px;
}
#instituicao_ensino_buscar table.lista_ies_interna tbody tr:first-child td {
    border-bottom: 1px solid black;
    border-left: 0px;
    border-right: 0px;
    font-weight: bold !important;
}
#instituicao_ensino_buscar table.lista_ies_interna tbody tr td:first-child {
    font-weight: normal;
}

/*##################################################################*/
/*   FIM CSS Especifico da lista de ies do cadastro de estagiário   */
/*##################################################################*/


/* 	#################################################################
					CSS ESPECIFICO PARA OS COMUNICADOS
	#################################################################
*/
table#comunicados {
    font-size: 12px;
    width: 100%;
    padding: 0px;
}
table#comunicados tr .primeiro {
    border-left: none;
}
table#comunicados tr .ultimo {
    border-right: none;
}
table#comunicados tr.impar td, table#comunicados tr.impar th {
	background: rgb(243, 243, 243);
}
table#comunicados tr.par td, table#comunicados tr.par th {
    background: rgb(224, 224, 224)
}
table#comunicados tr th {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-top: none;
    vertical-align: middle;
    border-collapse: collapse;
    text-align: center;
}
table#comunicados tr td {
    border-left: 1px solid black;
    vertical-align: middle;
    border-collapse: collapse;
    text-align: center;
    padding: 0px 10px;
}
.comunicadoExclusao.tooltip:hover:after {
    width: 50px;
	left: -25px;
}

/* 	#################################################################
				FIM CSS ESPECIFICO PARA OS COMUNICADOS
	#################################################################
*/