@charset "UTF-8";
/* 
    Arquivo: style-acessibilidade.css
    Criado em: 26/04/2016, 22:31:41
    Diretoria: Diretoria de Serviços de Processamento de Dados - DSPD
    Autores  : Gabriel Cabral / Krissia Menezes
    Descrição: CSS Customizado para a página sobre a acessibilidade do SIGA Aluno
*/

/*
|------------------------------------------------------------------------------
| RESET 
|------------------------------------------------------------------------------
*/
*{
    margin: 0;
    padding:0;
    font-size:100%;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-weight:300;
    box-sizing: border-box;
}
/*body {text-align: center; background-color: #F6F7F8;}*/
body {text-align: center; background: url(../imagens/background-3.png);}
a{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;}



/*
|------------------------------------------------------------------------------
| BARRA DE ACESSIBILIDADE  
|------------------------------------------------------------------------------
*/
.menu-acessivel{width: 100%; padding: 6px; background-color: #35434f; float: left; font-family: 'Open Sans', sans-serif;}
.menu-acessivel .icon-bar{background-color: #fff;}
.menu-acessivel .navbar-brand{color: #fff; font-size: 1em;}
.nav>li>a {
    position: relative;
    display: block;
    padding: 1px;
}
.navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 25px;
}
.navbar-nav>li>span {
    margin-right: 2px;
    line-height: 25px;
}
.menu-acessivel li {margin-left: 0; font-size: 13px; color: #fff; float: left;}
.menu-acessivel li a{color: #fff; font-weight: 400; }
.menu-acessivel li a:focus, .menu-acessivel li a:hover{border:1.5px solid #da6709 !important; border-radius: 4px; background-color: #EEEEEE; color: #000; text-decoration: none;}
.menu-acessivel .divider-vertical {height: 25px;margin: 0 9px;border-left: 1px solid #888;border-right: 1px solid #888;}
.menu-acessivel .divider-horizontal {width: 100%;margin: 9px 0px;border-top: 1px solid #888;}

.numero{padding: 0 5px; border-radius: 5px; background-color: #337ab7; color: #fff;}
.branco{ padding: 5px; border-radius: 5px; background-color: #fff; color: #000;}
.preto{ padding: 5px; border-radius: 5px; background-color: #000; color: #fff;}
.azul{ padding: 5px; border-radius: 5px; background-color: #9FCFFF; color: #000;}
.amarelo{ padding: 5px; border-radius: 5px; background-color: #DFD179; color: #000;}




/*
|------------------------------------------------------------------------------
| CABEÇALHO 
|------------------------------------------------------------------------------
*/
header .logo-acessibilidade{ width:85%; margin: 1%;}/* Imagem da página de acessibildiade */

/*
|------------------------------------------------------------------------------
| RODAPÉ 
|------------------------------------------------------------------------------
*/
.rodape{width:100%; background-color: #35434f; color: #fff; margin-top: 2%; padding: 2%; float: left;}
.icones span{font-size:2em; margin-right: 1%;}
.rodape p{font-size: 1em; margin-top: 1%; text-align: center;}
.rodape a{color: #E9DDC6 !important;}

.btn-rodape{border-radius:5%; cursor:pointer; padding:0;}
.btn-rodape button{font-size: 1.2em;}
.rodape #panel{font-size: 1.3em; padding: 10px; display: none; font-family:Tahoma, Geneva, sans-serif;}


/*
|------------------------------------------------------------------------------
| CONTEÚDO PRINCIPAL
|------------------------------------------------------------------------------
*/
#main-acessibilidade{background-color: #fff; border: 1px solid #e3e3e3; border-radius: 4px;}

#main-acessibilidade .acessibilidade-sistema, .navegacao-teclado, .sugestoes{width: 100%; padding: 1%;}
#main-acessibilidade .acessibilidade-sistema p, .navegacao-teclado p, .sugestoes p{ font-size: 1.2em;}
#main-acessibilidade .navegacao-teclado .lista{background-color: #F6F7F8; border-radius: 4px; padding:1% 5%; list-style: square; font-size: 1.1em;}

#main-acessibilidade .publicacao{width: 100%; padding: 1%; font-size: 1em;}

.titulo-h2{color: #114488; border-bottom: 1px solid #114488; border-left: 5px solid #114488; padding-left: 1%; margin-bottom: 3%; border-radius: 3px 0 0 3px;}


/*============================================================================ 
  =============================== MOBILE FIRST ===============================
  ============================================================================*/

/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
    /*===== CABEÇALHO =====*/
    header .logo-acessibilidade{ width:55%; margin: 1%;}/* Imagem da página de acessibildiade */
}

/* SMALL DEVICES - SMARTPHONES - iPhone */
@media screen and (min-width: 640px){
    /*===== CABEÇALHO =====*/
    header .logo-acessibilidade{ width:40%; margin: 1%;}/* Imagem da página de acessibildiade */
}


/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
    /*===== CABEÇALHO =====*/
    header .logo-acessibilidade{ width:28%; margin: 1%;}/* Imagem da página de acessibildiade */
}

/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
    /*===== CABEÇALHO =====*/
    header .logo-acessibilidade{ width:25%; margin: 1%;}/* Imagem da página de acessibildiade */

}

@media screen and (min-width: 1366px) {
    /*===== CABEÇALHO =====*/
    header .logo-acessibilidade{ width:25%; margin: 1%;}/* Imagem da página de acessibildiade */

}