/* 
    Document   : style
    Created on : 07/04/2010, 15:10:09
    Author     : Andréia de Oliveira
    Description:
        Padrão do framework
*/




/**
 * LAYOUT
 */
#global {
    width: 760px;
    background: transparent;
    margin: 0 auto;
    margin-top: 10px;
    text-align: left;
    display: table;
}

#global div#cabecalho {
    margin: 10px 15px 45px 20px;
}
    #global div#cabecalho div.titulo { float: left; }
    #global div#cabecalho div.titulo-secundario { float: right; margin-top: 10px;}
    
#global div#view-topo {
    background: url(../images/layout/topo.png) transparent no-repeat;
    width: 760px;
    height: 12px;
    margin: 0;
    padding: 0;
    font-size: 0;
}
#global div#view {
    background: url(../images/layout/meio.png) transparent repeat-y;
    width: 760px;
    display: table;
}
/*
 * DIV Contém o MENU
 */
    div#navegacao {
        display: table;
        width: 738px;
        height: 38px;
        padding-top: 0;
        margin: 0 0 0 11px;
        background: url(../images/layout/menu2.png) #fcf7e9;
        
    }  
        div#navegacao ul {
            list-style: none;
          /*margin: 0 auto;*/
            padding: 0;
            display: table;
            margin-left: 41px;
        }

        div#navegacao ul li {
            float: left;
            padding-top: 3px;
            /*background: red;*/
            height: 27px;
            display: table;
            /*margin-top: 3px;*/

        }



        div#navegacao ul li a {
            list-style: none;
            color: #2c2c2c;
            font-size: 1.1em;
            text-decoration: none;
            margin-right: 1px;
            /*background: red;*/
            /*margin-top: 3px;*/
            height: 0px;
            padding-top: 6px;
            padding-bottom: 5px;
            display: inline-table;
            padding-right: 30px;
            padding-left: 30px;
        }

        
        div#navegacao ul li .clicado {
            list-style: none;
            color: #000000;
            background: #eeeeee;
            font-size: 1.1em;
            text-decoration: none;
            margin-right: 1px;
            /*margin-top: 3px;*/
            height: 0px;
            padding-bottom: 4px;
            display: inline-table;
            padding: 6px 30px 5px 30px;
            margin-top: 0;

            
        }
        div#navegacao ul li a:hover {
            color: #000000;
            background: #eeeeee;
            text-decoration: none;
        }
        /*div#navegacao ul li img {  margin: 2px 0 0px 0; padding-top: 0; padding-bottom: 0; width: 1px; height: 32px;  }*/



/*
 * DIV Contém o MENU
 *
    div#navegacao {
        display: table;
        width: 738px;
        height: 38px;
        padding-top: 0;
        margin: 0 0 0 11px;
        background: url(../images/layout/menu2.png) #fcf7e9;
        
    }
        div#navegacao ul {
            list-style: none;
            
            margin: 0 auto;
            padding: 0;
            display: table;
        }
        div#navegacao ul li {
            float: left;
            height: 5px;
            margin-top: 9px;
        }
        div#navegacao ul li a {
            margin-top: 0px;
            padding-top: 0;
            list-style: none;
            color: #2c2c2c;
            font-size: 14px;
            padding: 9px 30px 6px 30px;
            text-decoration: none;
            margin-right: 1px;
        }
        div#navegacao ul li .clicado {
            color: #000000; background: #eeeeee; text-decoration: none; padding: 9px 30px 6px 30px; font-size: 14px;
            margin-right: 1px;
        }
        div#navegacao ul a:hover {  color: #000000; background: #eeeeee; text-decoration: none; }
        div#navegacao ul li img {  margin: 2px 0 0px 0; padding-top: 0; padding-bottom: 0; width: 1px; height: 32px;  }
*/




/**************** INDEX ****************/
div#view div.content { margin-left: 25px; margin-right: 25px; padding-bottom: 10px; display: table;}
    div#view div.content div.conteudo-left { float: left; width: 330px; margin-right: 20px; }
    div#view div.content div.conteudo-right { float: left; width: 360px; }

/* ÚLTIMOS ARTIGOS */
    div#ultimos-artigos { width: 330px; float: left; margin-bottom: 20px; }
        div#ultimos-artigos div.data-autor { color: #a0a0a0; font-size: 0.9em; margin: 0; }
        div#ultimos-artigos ul.artigos-principal { list-style: none; color: #929292; line-height: 20px;}

/* CADASTRO */
div#cadastro { width: 330px; float: left; margin-bottom: 20px; }
    div#cadastro p { margin-top: 5px; }

/* CURSO GLIOCHE */
div#view div.conteudo-left div.curso-glioche img { margin-bottom: 15px; margin-top: 5px; }

/* PERFIL */
div#perfil {
    background: url(../images/layout/box-perfil.jpg) no-repeat;
    width: 359px;
    height: 256px;
    margin: 20px 0 0 0;
}
    div#perfil div.biografia { width: 175px; margin: 2px 10px 0 10px; padding-top: 2px; }
    div#perfil div.biografia p { margin-top: 8px; }

/* DEPOIMENTOS */
div#depoimentos {
    margin-top: 35px;
    margin-bottom: 30px;
    background: url(../images/layout/aspas.png) no-repeat;
    width: 359px;
    height: 73px;
}
    div#depoimentos p { margin: 0 40px 0 40px; padding-top: 5px;}

/* LINKS ÚTEIS */
div#links-uteis {  }
div#links-uteis div.links table td { padding-right: 30px; line-height: 22px;  }

/*
 *
 * ESTILOS DAS PÁGINAS INTERNAS
 *
 */
div#quem-sou {}
    div#quem-sou div.intro { float: left; width: 488px; margin-right: 15px; }
    div#quem-sou div.foto {
        float: right;
        margin: 46px 0 0 0;
    }
    div#quem-sou div.quemangelica { margin: 0; float: left; }

/* CONTATO */
div#contato div.erro p { color: #f16f06; }
    div#contato span.enviado { color: #3c7284; font-weight: bold; }
    div#contato span.asterisco { color: red; font-size: 18px; }
    div#contato div.formulario table td.titulo { color: #454545; }


/* ARTIGOS */
div#artigos ul.artigos { list-style: circle; color: #929292; line-height: 20px;}
div#artigos div.data { font-size: 0.9em; color: #929292; margin-bottom: 10px; }
div#artigos div.por { font-size: 0.9em; color: #929292; padding: 10px 0 10px 0; border-top:  1px dashed silver; }

/* ARTIGOS CONTEÚDO */
div#artigos div.categoria p { font-size: 0.9em; color: #929292; margin-top: 5px; }
div#artigos div.titulo-artigo h3 { color: #000000; }


/* ÁREA DO ALUNO - PRINCIPAL */
div#areadoaluno div.promocadastro { float: left; width: 345px; }
    div#areadoaluno div.promocadastro div.containner { margin-top: 15px; background: #d8e8ec; border: 2px dashed white; padding: 20px 20px 20px 15px; }
    div#areadoaluno div.promocadastro div.containner p { padding: 0; margin: 0; text-align: center; }
    div#areadoaluno div.promocadastro div.containner h3 { text-align: center; padding-bottom: 15px; }
    div#areadoaluno div.promocadastro div.containner h3 a { color: #a71221 }

    /* FORM CADASTRO */
        div#areadoaluno div.input_field input { margin-top: 10px; width: 200px; }
        div#areadoaluno div.input label { color: #454545; margin-top: 10px; float: left; }
        div#areadoaluno div.input_nome label { margin-right: 50px; }
        div#areadoaluno div.input_sobrenome label { margin-right: 19px; }
        div#areadoaluno div.input_email label { margin-right: 53px; }
        div#areadoaluno div.input_login label { margin-right: 54px; }
            div#areadoaluno div.input_login span.input_after { color: #ff9d34; font-size: 0.9em; margin-left: 84px; }
        div#areadoaluno div.input_senha label { margin-right: 50px; }
        div#areadoaluno div.input_curso label { margin-right: 51px; }
        div#areadoaluno div.input_instituicao label { margin-right: 27px; }
        div#areadoaluno input.submit { width: 55px; margin-top: 10px; }

        div#areadoaluno table td.input_submit input.submit { width: 55px; margin-top: 0px; padding-top: 0; }

        div#areadoaluno div.promologin div.input_senha { margin-top: 10px;  }
        div#areadoaluno div.promologin div.input_senha label { color: #454545; margin-bottom: 5px; float: left; margin-right: 6px;  }

div#areadoaluno div.promologin { float: left; margin-left: 20px; }
    div#areadoaluno div.promologin div.containner { width: 305px; margin-top: 15px; background: #d8e8ec; border: 2px dashed white; padding: 15px 20px 20px 15px; }
    div#areadoaluno div.promologin div.containner h3 { margin-top: 0px; }
    div#areadoaluno div.promologin table { margin-top: 10px; }
        div#areadoaluno div.promologin table td.titulo { text-align: right; }
        div#areadoaluno div.promologin input.submit { width: 55px; margin-top: 10px; }
        div#areadoaluno div.promologin table td input { width: 155px; }


        /* FORM LOGIN */
        div#areadoaluno div.promologin  div.input_field input { margin-top: 0px; width: 200px; }
        div#areadoaluno div.promologin  div.input label { color: #454545; margin-top: 0px; float: left; line-height: 12px; }
        div#areadoaluno div.promologin  div.input_login label { margin-right: 18px; }
        div#areadoaluno div.promologin  div.input_senha label { margin-right: 15px; }


       

/* ALUNO LOGADO - CONTEÚDO */
div#arquivos-download { float: left; width: 340px; margin-right: 20px; }
    div#arquivos-download span.icon { float: left; margin-top: 11px; margin-right: 3px;}
    div#arquivos-download span.h3 { float: left; }
div#arquivos-cat { float: left; width: 340px; }

#global div#rodape {
    background: url(../images/layout/rodape.png) transparent no-repeat;
    width: 760px;
    height: 44px;
}
    #global div#rodape p {
        font-size: 0.8em;
        color: #b2b2b2;
        margin: 0;
        text-align: center;
        padding-top: 14px;
    }

#areadoaluno .listagem span.arquivo_nome {
	color: #A5A5A5;
	font-style: italic;
}