body {
		background: #fcfaef;
		margin: 0; padding:0;
		text-align: center;
		font-size: 76%;
		font-family: Arial, "Times New Roman", Times, sans-serif;
	}

	a { position: relative; color: #830000; }
	a:hover { text-decoration: none; }
    a:focus { outline: none; }
    p { font-size: 1.0em; line-height: 18px; }

    h1 {
		color: #123266;
		font-size: 2.6em;
		margin: 0;
		font-weight: normal;
	}
    h2 { font-size: 2.0em; color: #003e74; margin: 15px 0 0 0; }
    h3.orange { color: #e06f00 }
	img { border: 0; }
    li { margin-right: 15px; }

	div#all { text-align: left; margin: 0 auto; width: 758px }
    div.divisoria { border-bottom: 1px #f0f0f0 solid; margin: 10px 15px 10px 15px; padding-bottom: 10px}
    div.erros { color: red; }


/*
 * STYLE DOS VIEWS DE PLANOS - CURSOS
 *
 */

/* STYLE DO DIV CONTEÚDO ESTÁ EM PLANOS.CSS - DIV.CONTEUDO(BACKGROUND BRANCO) */
div#conteudo div.containner { margin: 0 15px 0 15px; }

/* CADASTRO */
div#conteudo div.containner table tr.pintado { background: #f7f7f7; }
span.asterisco { color: red; font-size: 1.4em; }
div#conteudo div.containner table p.explanation { color: green; font-size: 0.90em; margin-top: 0px }



/*******************************************
*
*		BOTÕES DE TODO SITE - IMAGEM
*
*******************************************/
/*
 * CADASTRAR
 */
div.cadastrar a {
    width: 142px;
    height: 31px;
    display: block;
    background: url(img/contratar/cadastrar.png) no-repeat top;
}
    div.cadastrar a:hover {
        background-position: 0px -31px;
    }
div.box_cadastro { float: left; display: table; width: 285px; margin-right: 40px; margin-top: 10px }
div.borda_right { border-right: 1px solid #f4f4f4; }
div.left_cadastro { margin-left: 60px }

   /*
    * LINK PARA VOLTAR
    */
    div#botao_voltar {
        margin: 0 0 0 15px;
        float: left;
    }
    div#botao_voltar a {
        width: 71px;
        height: 28px;
        display: block;
        background: url(img/voltar.png) no-repeat top;
    }
        div#botao_voltar a:hover {
            background-position: 0px -29px;
        }

    /*
    * BOTÃO INICIAR AULA
    */
    div#iniciar_aula {
        
        float: right;
        display: table;
    }
    div#iniciar_aula a {
        width: 138px;
        height: 41px;
        display: block;
        background: url(img/iniciar.png) no-repeat top;
        margin: 0 10px 0 0;
    }
        div#iniciar_aula a:hover {
            background-position: 0px -40px;
        }

    /*
    * BOTÃO CONCLUIR AULA
    */
    div#concluir_aula {
        float: right;
        display: table;
    }
    div#concluir_aula a {
        width: 138px;
        height: 41px;
        display: block;
        background: url(img/concluir.png) no-repeat top;
        margin: 0 10px 0 0;
    }
        div#concluir_aula a:hover {
            background-position: 0px -40px;
        }
    /*
    * BOTÃO PÁGINA ANTERIOR
    */
    div#pag_anterior {
        float: left;
        display: table;
    }
    div#pag_anterior a {
        width: 136px;
        height: 32px;
        display: block;
        background: url(img/pag_anterior.png) no-repeat top;
        margin: 0px 0 0 10px;
    }
        div#pag_anterior a:hover {
            background-position: 0px -31px;
        }
    /*
    * BOTÃO PÁGINA PRÓXIMA
    */
    div#pag_proxima {
        float: right;
        display: table;
        margin-top: 4px;
    }
    div#pag_proxima a {
        width: 133px;
        height: 27px;
        display: block;
        background: url(img/pag_proxima.png) no-repeat top;
        margin: 0px 15px 0 0px;
    }
        div#pag_proxima a:hover {
            background-position: 0px -30px;
        }

    span#sem_priv { float: right; }

    /*
    * BOTÃO SOLICITE CADASTRO
    */
    div#solic_cadastro {
        float: right;
        display: table;
    }
    div#solic_cadastro a {
        width: 163px;
        height: 42px;
        display: block;
        background: url(img/solic_cadastro.png) no-repeat top;
        margin: 0px 15px 0 10px;
    }
        div#solic_cadastro a:hover {
            background-position: 0px -41px;
        }

   /*
    * BOTÃO EXPERIMENTAR AULAS
    */
    div#experimentar_aula {
        float: right;
        display: table;
    }
    div#experimentar_aula a {
        width: 142px;
        height: 33px;
        display: block;
        background: url(img/botao_experimentar.png) no-repeat top;
        margin: 7px 15px 0 10px;
    }
        div#experimentar_aula a:hover {
            background-position: 0px -33px;
        }

/*******************************************
*
*		TOPO - Ãrea Superior do Site
*
*******************************************/
	div#all div#topo {
        width: 759px;
        margin: 0;
        padding: 0;
    }
    div#all div#topo:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }
    div#all div#topo div.img_assuntos:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            height: 0;
            overflow: hidden;
        }

        div#all div#topo div.img_assuntos img { margin: 0 0 0 48px; padding: 0; float: left;}
        div#all div#topo div.img_juridico img { margin: 0 0 0 22px; padding: 0; float: left; }
        div#all div#topo div.titulo { margin: 10px 0 0 10px; padding: 0; float: left; }
        div#all div#topo div.titulo h1 img { margin: 5px 0 0 8px; }









/*******************************************
*
*		CURSOS ONLINE - Conteúdo
*
*******************************************/
div#all div#body div#aulas {
    text-align: left;
    margin: 0 auto;
    padding: 0px 0 0 0;
    width: 759px;
    background: url(img/background.png) repeat-y;
    display: table;
}
    div#categorias_topo {
    width: 759px;
    height: 11px;
    background: url(img/categorias_top.png) no-repeat;
    margin: 0 1px 0 0;
    padding: 0;

}
    div#aulas div.titulo {
        margin: 0 0 0 3px;
        display: table;
        background: url(img/titulo_categoria_meio.png) repeat-x #3d66a8;
        width: 753px;
    }
    div#aulas div.titulo_bottom {
        display: table;
        background: url(img/titulo_categoria_bottom.png) no-repeat;
        width: 759px;
        height: 13px;
    }

     div#all div#body div#aulas div.imagem_concluido {
        background: url(img/concluida.png) no-repeat;
        width: 306px;
        height: 125px;
        float: left;
        margin: 10px 0 0 134px;
        padding: 0 0 0 0;
    }
    
        div#all div#body div#aulas div.categoria h3 {
            margin: 5px 0 0 15px;
            padding: 6px 0 0 0;
            font-size: 1.2em;
        }
        div#all div#body div#aulas div.titulo h2 {
            font-size: 1.8em;
            font-weight: normal;
            color: white;
            margin: 8px 0 10px 15px;
        }
            div#all div#body div#aulas div.aula h2 {
                margin: 15px 0 10px 15px;
            }
            div#all div#body div#aulas div.aula_concluida {
                float: left;
                width: 300px;
                margin: 0 0 0 3px;
            }
            div#all div#body div#aulas div.fim h2 {
                margin: 12px 0 0 15px;
            }


/*
 * APRESENTAÇÃO
 */
        
div#all div#body div#aulas div.topo {
    margin: 0 0 0 3px;
    background: url(img/background_apresentacao.png) repeat-x #28477a;
    width: 753px;
}
    div#all div#body div#aulas div.topo:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }

    div#apresentacao_topo {
        width: 759px;
        height: 8px;
        background: url(img/background_apresentacao_top.png) no-repeat;
        margin: 0;
        padding: 0;
    }

    div#all div#body div#aulas div.topo div.apresentacao {
        width: 516px;
        float: left;
        padding: 0;
        margin: 0;
    }

        div#all div#body div#aulas div.topo div.apresentacao p {
            color: white;
            margin-left: 15px;
            margin-right: 10px;
            font-size: 1.1em;
            font-family: georgia;
            margin-top: 10px;
        }
        div#all div#body div#aulas div.topo div.apresentacao p.bold {
            font-weight: bold;
            margin-top: 0;
        }
            div#all div#body div#aulas div.topo div.apresentacao p.bold a {
                color: white;
            }
        div#all div#body div#aulas div.topo div.apresentacao h2 {
            margin: 8px 0 0 13px;
            padding: 0;
        }
    

    /*
     * ESTILO DO FORMULARIO LOGIN PARA ACESSO AS AULAS
     */
    div#all div#body div#aulas div.topo div.login {
        width: 237px;
        float: left;
        background: #3e3e3e;
        margin: 0;
        padding: 0;
        padding-bottom: 3px;
        min-height: 240px;
    }

    div#all div#body div#aulas div.topo div.login:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            height: 0;
            overflow: hidden;
        }
        div#all div#body div#aulas div.topo div.login h2 {
            margin: 8px 0 0 20px;
        }
        div#all div#body div#aulas div.topo div.login a {
            color: white;
        }
        /*
         * ESTILO LOGIN
         */
        div#all div#body div#aulas div.topo div.login div.nome_usuario {
            text-align: left; margin: 10px 0 10px 20px; color: green; font-weight: bold;
        }
        div#all div#body div#aulas div.topo div.login div.contato_sair {
            text-align: right; margin: 10px 20px 10px 0;
        }


        div#all div#body div#aulas div.topo div.login form {
            width: 200px;
            padding: 10px 0 0 20px;
            color: white;
        }
        div#all div#body div#aulas div.topo div.login form table td.campo {
            width: 145px;
        }
            div#all div#body div#aulas div.topo div.login form table td.campo input {
                width: 145px;
            }
        div#all div#body div#aulas div.topo div.login form table td.entrar {
            float: right;
            text-align: right;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        div#all div#body div#aulas div.topo div.login div.privilegios p {
            color: white;
            margin-left: 20px;
            padding-bottom: 0;
        }
        div#all div#body div#aulas div.topo div.login div.privilegios em {
            color: white;
            margin-left: 20px;
        }


/**************** FIM ESTILO LOGIN ******************/

        /*
         * LEGENDAS
         */
         div#legendas {
             color: white;
             margin: 18px 0 0 20px;
             padding: 0;
             margin-bottom: 0;
         }
            div#legendas h3 {
                color: white;
                font-size: 1.0em;
                margin-bottom: 0;
            }
            div#legendas div.icon_legenda img {
                float: left;
                margin: 5px 0 0 0;
                padding: 0;
            }
            div#legendas div.legenda {
                line-height: 26px;
                margin: 5px 0 0 0 ;
                font-size: 0.9em;
                padding: 0;
            }

    div#apresentacao_bottom {
        width: 759px;
        height: 7px;
        background: url(img/background_apresentacao_bottom.png) no-repeat;
        margin: 0;
        padding: 0;

    }

/**************** FIM ESTILO LOGIN ******************/



div#all div#body div#aulas div.conteudo {
    margin: 10px 15px 0 15px;
    display: table;
    min-height: 180px;
}
/*
 * CATEGORIA DE CURSOS - IMAGEM MERCHAN - ÚLTIMAS AULAS
 */
    div#all div#body div#aulas div.conteudo div.cursos table {
        font-size: 1.0em;
        line-height: 20px;
        width: 730px;
    }
        div#all div#body div#aulas div.conteudo div.cursos table tr td.coluna {
            width: 33%;
            padding-right: 10px;
        }

        div#main_categorias {
            margin: 0 0px 2px 0;
        }

        div#main_categorias span.icon_pasta {
            float: left;
            padding-top: 4px;
            margin: 0 3px 0 0;
        }
        div#main_categorias div.titulo_categoria {
            float: left;
            width: 200px;
        }

    div#all div#body div#aulas div.conteudo div.merchan {
        float: left;
        display: table;
        padding: 35px 15px 0 0;
    }
    div#all div#body div#aulas div.conteudo div.ultimas_aulas {
        float: left;
        display: table;
        margin: 15px 0 0 20px;
        width: 380px;
        line-height: 20px;
    }
        div#all div#body div#aulas div.conteudo div.ultimas_aulas div.cadeado {
            float: left;
            padding-top: 3px;
            margin: 0 0px 0 3px;
        }
        div#all div#body div#aulas div.conteudo div.ultimas_aulas div.titulo_aula {
            float: left;
        }


/************************ FIM ************************/

/*
 * ESTILO BARRA PARA CADASTRO
 */
    div#all div#body div#aulas div.barra_cadastro  {
        background: url(img/barra_cadastro.png) no-repeat;
        width: 729px;
        height: 54px;
        display: table;
        margin: 10px 0 0 15px;
    }
        div#all div#body div#aulas div.barra_cadastro h2 {
            color: white;
            font-size: 18px;
            font-weight: normal;
            margin: 12px 0 0 0;
        }
        div#all div#body div#aulas div.barra_cadastro a {
            text-decoration: none;
            color: white;
        }
        div#all div#body div#aulas div.barra_cadastro a:hover {
            text-decoration: underline;
            color: white;
        }
/********************* FIM ************************/


/*******************************************
*
*		AULAS - Conteúdo Aulas
*
*******************************************/
div#aulas div.conteudo div#conteudo_aulas {
    width: 400px;
    float: left;
    display: table;
}
   
    div#aulas div.conteudo div#conteudo_aulas p  {
        margin: 5px 5px 0 5px;
        padding-bottom: 0;
    }
    div#aulas div.conteudo div#conteudo_aulas h2  {
        margin: 10px 0 0 5px;
        font-size: 1.5em;
    }

    div#aulas div.conteudo div#conteudo_aulas div.listagem li  {
        list-style-image: url(img/li_listagem.png);
        float: left;
    }

    div#conteudo_aulas div.main_cat {
            margin: 0 0px 10px 0;
            display: table;
            width: 350px;
            float: right;
        }

        div#conteudo_aulas div.main_cat span.cadeado_cat {
            float: left;
            padding-top: 1px;
            margin: 0 0px 0 3px;
        }
        div#conteudo_aulas div.main_cat div.titulo_cat {
            float: left;
        }


        /* PUBLICIDADE */

        .publicidade { padding: 20px 15px; }
        .publicidade .title { font-size: 0.9em; color: #cccccc; display: block; margin-bottom: 10px; }
        .publicidade img { margin-right: 5px; }
        /* /PUBLICIDADE */
    

/*
 * CAIXA AO LADO DAS AULAS - ASSOCIE-SE E LEGENDAS
 */
div#aulas div.conteudo div#box_cadastre_se {
    width: 250px;
    height: 100px;
    display: table;
    float: left;
    margin-left: 40px;
}
    div#aulas div.conteudo div#box_cadastre_se div.box_top {
        background: url(img/box_top.png) no-repeat;
        width: 278px;
        height: 8px;
        margin: 0;
        padding: 0;
    }
    div#aulas div.conteudo div#box_cadastre_se div.box_meio div.associe_se {
        background: url(img/meio_associe_se.png) repeat-y #133c00;
        width: 278px;
        margin: 0;
        padding: 0;
        display: table;
    }
        div#aulas div.conteudo div#box_cadastre_se div.box_meio div.associe_se p {
            color: white;
            font-size: 1.2em;
            margin: 0 0 0 0;
            padding: 10px 0 15px 15px;
            float: left;
            line-height: 22px;
        }
            div#aulas div.conteudo div#box_cadastre_se div.box_meio div.associe_se a {
                color: white;
                font-weight: bold;
            }
        div#aulas div.conteudo div#box_cadastre_se div.box_meio div.associe_se img {
            float: left;
            padding: 5px;
            padding-left: 15px;
            padding-bottom: 10px;
        }

        div#aulas div.conteudo div#box_cadastre_se div.box_meio div.associe_se img:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            height: 0;
            overflow: hidden;
        }
        div#aulas div.conteudo div#box_cadastre_se div.box_meio div.legenda {
            background: url(img/meio_legendas.png) repeat-y;
            width: 278px;
            margin: 0;
            padding: 0;
        }
            div#aulas div.conteudo div#box_cadastre_se div.box_meio div.legenda h3 {
                margin: 0;
                padding: 15px 0 10px 15px;
            }
            div#aulas div.conteudo div#box_cadastre_se div.box_meio div.legenda img {
                margin: 0;
                padding: 1px 3px 0px 15px;
            }
            div#aulas div.conteudo div#box_cadastre_se div.box_meio div.legenda div.p_legenda  {
                margin: 0;
                padding: 0 0 0px 0;
                line-height: 28px;
            }

    div#aulas div.conteudo div#box_cadastre_se div.box_bottom {
        background: url(img/box_bottom.png) no-repeat;
        width: 278px;
        height: 8px;
        margin: 0;
        padding: 0;
    }

/*
* TEXTO DAS AULAS
*/


    div#aulas div.indice {
        margin: 10px 15px 0 5px;
    }
        div#aulas div.indice h3 {
            margin: 0px 0 0 10px;
        }
div.conteudo_aulas { margin: 10px 15px 0 15px; }
    div#aulas div.conteudo_aulas p {
    }
    div#aulas div.conteudo_aulas table {
        margin: 10px 15px 0 13px;
    }
    div#aulas div.aula_incompleta {
        margin: 5px 0 10px 15px;
    }
    div#aulas div.acesso_negado p {
        margin: 15px 0 0px 15px;
    }

    div#rodape {
        background: url(img/rodape.png) no-repeat;
        width: 759px;
        height: 12px;
        margin: 0;
        padding: 0;
        display: table;
    }

/*******************************************
*
*		BOTTOM - Ãrea Inferior do Site
*
*******************************************/

	div#acgrupo {
			width: 750px;
		}
		div#acgrupo .link {
			padding-right: 50px;
			text-align: right;
			float: right;
		}
		div#acgrupo .link a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-decoration: none;
			color: #999999;
		}
		div#acgrupo .link a:hover {
			text-decoration: none;
			color: #666666;
		}		

