@charset "utf-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20/07/2014, 14:20:47
    Author     : Emanuel
*/


body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    background:#ffffff;
    //color: rgb(12, 17, 175);
}

/* ---------------- Páginas login, login_errado e index --------------------- */
body#index {
    padding: 0;
    margin: 0;
    background: rgb(208, 210, 208);
}

div.entrar {
    display: inline-block;
    width: 49%;
    //height: 300px;
    padding: auto;
    text-align: center;
    //border: #000000 solid 1px;
    vertical-align: middle;
    margin-top: 10%;
    margin-bottom: 10%;
}

/* Cabeçalho */
.cabecalho {
    margin: 0;
    padding: 1px 10px 10px 10px;
    //background: rgb(231, 233, 231)
}

h1.banner_titulo {
    background: url('../_img/logo_coord.png') no-repeat;
    height: 70px;
    width: 100%;
    max-width: 600px;
    padding-top: 30px;
    padding-bottom: 0;
    margin: auto;
    color: white;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px 5px #000000;
    font-size: 30pt;
    //border: #000000 1px solid;
}

h1.banner_titulo2 {
    //display: inline-block;
    background: url('../_img/logo_coord2.png') no-repeat;
    height: 55px;
    width: 300px;
    padding-top: 15px;
    padding-bottom: 0;
    margin: 5px auto 0 10px;
    //margin-left: 10px;
    //margin-right: auto;
    //margin-bottom: 0;
    //margin-top: 5px;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 5px #000000;
    font-size: 20pt;
}

img.imagem_titulo{
    margin: 0;
    padding: 0;
    float: right;
}

/* Conteúdo principal */
div#meio {
    background: #ffffff;
    min-height: 400px;
    //box-shadow: -5px 0px 20px rgba(0,0,0,.9);
}
#login {
    text-align: center;
    font-weight: bold;
    margin: 0 auto auto 0;
    //margin-left: auto;
    //margin-right: auto;
    //margin-top: 0;
    //margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    max-width: 1024px;
    
    //min-height: 350px;
    //border: 1px #000000 solid;
    //background: #ffffff;
}

#conteudo {
    padding: 5px;
    margin: 0 auto 0 auto ;
    //margin-left: auto;
    //margin-right: auto;
    //margin-top: 0px;
    //margin-bottom: 0px;
    max-width: 1024px;
    
    //min-height: 350px;
    //background: #ffffff;
}
/* iFrame */
#pagina {
    display:block;
    width:100%;
    padding: 0;
    margin: 0;
    border: none;
    
    //border: 1px black solid; 
}
/* Menu de navegação principal e faixa decorativa */
div#faixa {
    background: rgb(13, 19, 227);
    width: 100%;
    padding: 5px 0 5px 0;
    text-align: center;
    color: #ffffff;
}

nav#menu_principal{
    padding: 0;
    margin: 0;
    background: rgb(13, 19, 227);
    font-size: 12pt;
    text-align: center;
    //box-shadow: 2px 2px 20px rgba(0,0,0,.9);
}
    nav#menu_principal ul {
        margin: 0;
        padding: 0;
        background: rgb(13, 19, 227);
        display: block;
        list-style: none;
    }

    nav#menu_principal li {
        display: inline-block;
        padding: 5px 0;
        margin: 0;
        border: none;
    }
    
    .menu_nav {
        padding: 5px;
        border: none;
        border-radius: 5px;
        background: rgb(13, 19, 227);
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        transition: .5s;
    }
    
    .menu_nav:hover {
        background-color: #FFFFFF;
        color: rgb(13, 19, 227);
        box-shadow: 0 0 10px rgba(0,0,0,.4);
        transition: .5s;    
    }

/* Rodapé */
.rodape {
    margin: auto;
    max-width: 1024px;
    padding: 20px 10px 20px 10px;
    text-align: center;
    
    //border: 1px #000000 solid;
}

.textorodape {
    font-weight: bold;
    vertical-align: text-bottom;
    font-size: 12pt;
    text-align: right;
}

/* --------------------------- Links e botões --------------------------------*/
.link_botao {
    display: inline-block;
    border: 2px solid rgb(13, 19, 227);
    background: rgb(13, 19, 227);
    border-radius: 10px;
    color: #FFFFFF;
    padding: 5px;
    margin: 0;
    box-shadow: 1px 1px 5px #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14pt;
    transition: background-color .5s, color .5s;
}

.link_botao:hover {
    background-color: #FFFFFF;
    color: rgb(13, 19, 227);
    transition: background-color .5s, color .5s;
}

.link_botao_peq {
    display: inline-block;
    border: 2px solid rgb(13, 19, 227);
    background: rgb(13, 19, 227);
    border-radius: 10px;
    color: #FFFFFF;
    padding: 3px;
    margin: 0;
    box-shadow: 1px 1px 5px #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 11pt;
    transition: background-color .5s, color .5s;
}

.link_botao_peq:hover {
    background-color: #FFFFFF;
    color: rgb(13, 19, 227);
    transition: background-color .5s, color .5s;
}

.img_botao_dir {
    display: inline-block;
    float: right;
}
.img_botao {
    display: inline-block;
    padding: 2px 5px 0 5px;
}

.link_botao_largo {
    display: inline-block;
    border: 2px solid #000000;
    background-color: #000000;
    border-radius: 10px;
    color: #FFFFFF;
    padding: 5px;
    margin: 10px;
    min-width: 450px;
    box-shadow: 1px 1px 5px #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14pt;
    transition: background-color .5s, color .5s;
}

.link_botao_largo:hover {
    background-color: #FFFFFF;
    color: #000000;
    transition: background-color .5s, color .5s;
}

.link_botao_verm {
    border: 2px solid rgb(202, 0, 0);
    background: rgb(202, 0, 0);
}
.link_botao_verm:hover {
    color: rgb(202, 0, 0);
}

/* -------------------------Formulários e tabelas ----------------------------*/
.entrada_aluno{
    text-align: center;
    //display: inline-block;
    margin: 10px;    
}

.caixa{
    max-width: 450px;
    background: rgb(208, 210, 208);
    line-height: 200%;
    //color: rgb(0,90,170);
    padding: 20px;
    margin: 20px auto 20px auto;
    border-radius: 15px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

.nota_formulário {
    font-size: 9pt;
    line-height: 100%;
}

.formulario_number {
    width: 40px;
}

input, select {
    font-family: sans-serif;
    border-radius: 5px;
    background: #ffffff;
}

    input:hover, select:hover {
        background: #ffffff;
        box-shadow: 0 0 10px rgb(0,90,170);
        transition: .5s;
    }

.arquivo_form {
    border-radius: 5px;
    border: 2px solid rgb(13, 19, 227);
    background-color: rgb(13, 19, 227);
    color: #FFFFFF;
    padding: 2px;
    text-decoration: none;
}

    .arquivo_form:hover {
        background-color: #FFFFFF;
        color: rgb(13, 19, 227);
        box-shadow: 0 0 10px rgb(0,0,0);
        transition: .5s;  
    }

.formulario_texto {
    font-family: sans-serif;
}



table.tabela01 {
    width: 100%;
}
    table.tabela01, table.tabela01 tr, table.tabela01 tr th, table.tabela01 tr td {
        //min-width: 150px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        border: 2px solid rgb(13, 19, 227);
        border-collapse: collapse;
        //text-align: center;
    }

    .tabela01 tr:hover{
        background: rgba(6, 191, 237, 0.40);

    }
    
    table.tabela01 td {
        height: 30px;
        width: 65px;
        padding: 0;
        margin: 0;
        text-align: center;
    }
       
    table.tabela01 th {
        color: #FFFFFF;
        background-color: rgb(13, 19, 227);
        //text-align: left;
    }
       
    .tabela01_th_esq {
        padding: 5px;
        text-align: left;
    }

        div#solcitacao {
            padding: 5px;
            margin: 0;
            width: auto;
            //max-width: 490px;
            //display: inline-block;
                        
            //border: #000000 1px solid;
        }
        
        div#transferencia {
            padding: 5px;
            margin: 0;
            width: auto;
            max-width: 489px;
            display: inline-block;
            float: right;
            
            //border: #000000 1px solid;
            //position: absolute;
            
        }
        
        div#status {
            //display: block;
            display: inline-block;
            width: 490px;
            margin-left: auto;
            margin-right: auto;
            padding: 5px 0 5px 0;
            float: left;
            //position: absolute;
            
            //border: #000000 1px solid;
        }