/* 
    Document   : standard.style
    Created on : 19/10/2009, 05:08:09
    Author     : Andréia de Oliveira
    Description:
        Padrão do framework
*/
* {
    margin: 0;
    padding: 0;
}

body {
    background: url(../images/layout/background.png) #dbecfd repeat-x;
    text-align: center; /* For IE */
    font-size: 76%;
    
    font-family: Verdana, "Lucida Sans", Helvetica, Arial;
}

/**
 * FORMATAÇÃO DE TIPOGRAFIA E PADRONIZAÇÃO
 */
h1,h2,h3,h4,h5,h6 { margin-top: 15px; }

h1 { font-size: 2em; margin: 0 }
h2 { font-size: 1.6em; color: #256ea5; font-weight: normal; }
h3 { font-size: 1.1em; color: #256ea5; }

p { line-height: 1.6em;  margin-top: 10px; display: table; }

table td { font-variant: normal; font-size: 0.75em; }
a { color: #518647; text-decoration: underline; border: 0; font-size: 1.0em; }
div.menu ul a:hover { background: url(../images/layout/lapis.png); width: 131px; height: 22px; padding: 0; margin: 0; display: block; }
div.menu ul a { color: black; text-decoration: none; margin: 0; padding: 0; }
ul { padding: 15px 0 0 0; margin-left: 5px; line-height: 22px; list-style: none;  }
#view .content #conteudo ul { padding: 15px 0 0 0px; margin-left: 25px; list-style: disc;  }

a img { border: 0; text-decoration: none; }
a:hover { color: #69a65e; text-decoration: none;}
a:focus { outline: none; }

div#box div.voltar {
    padding: 10px 0 0 15px;
}
/**
 * LAYOUT
 */
#global {
    width: 950px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: left;
    display: table;
}

#global div#topo {
    background: url(../images/layout/topo_titulo.png) no-repeat white;
    width: 950px;
    height: 152px;
    margin: 0 0 0 0px;
    padding: 0;
}
/**
 * FLASH
 */
    #global div#topo div#animacao_global {
        width: 250px;
        height: 145px;
        margin: 0 0 0 0px;
        padding: 4px 1px 0 0;
        float: right;
        text-align: right;
    }
        #global div#topo div#animacao_global div#animacao {
            width: 237px;
            height: 148px;
        }

#global div#cabecalho {
    background: url(../images/layout/meio.png) repeat-y;
    width: 950px;
    margin: 0 0 0 0px;
    padding: 20px 0 0 50px;
}
/**
 * DEFAULT - VIEW
 */
#global div#bodybg {
    margin: 0;
    background: url(../images/layout/meio.png) repeat-y;
    width: 950px;
    display: table;
    padding: 0;
}
    #global div#view {
        margin: 0 0 0 0px;
        display: block;
        padding: 0 0 25px 10px;
    }
/**
 * POPUP
 */
#pop_up {
    background: white;
    border: 1px solid #bdbdbd;
    font: 14px Tahoma, Arial, Verdana;
    color: #fff;
    position: absolute; /* posiciona em relação um canto superior esquerdo da tela */
    left: 35%; /* propriedade e valores necessários para centralização deste box */
    top: 30%; /* propriedade e valores necessários para centralização deste box */
}
    #pop_up div.fechar a {
        float: right;
        display: table;
        padding: 5px;
        margin: 0;
    }
    #pop_up div.conteudo_pop {
        padding: 5px;
    }
    /**
     * DIV TITULO - TITULO COM ESTILO DE FOLHA
     */
    #global div#view div.content div.meio div.titulo {
            padding: 0 0 10px 0;
            margin: 0;
        }
    /**
     * DIV COLUNA ESQUERDA - ( MENU, ENQUETE, IMAGENS ESTÁTICAS. )
     */
    #global div#view div#coluna_esquerda {
        float: left;
        display: table;
        width: 150px;
        padding: 20px 0 0 0;
    }
    /**
     * DIV COLUNA DIREITA - ( LOGIN, PUBLICIDADE, ÁREA RESTRITA. )
     */
    #global div#view div#coluna_direita {
        float: right;
        display: table;
        width: 150px;
        padding: 20px 0px 0 0;
        margin: 0;
        margin-right: 10px;
    }
    #global div#view div#coluna_direita:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }
    /**
     * NAVEGAÇÃO
     */
    #global div#view div#coluna_esquerda div.menu ul a {
        color: black;
        text-decoration: none;
        margin: 0;
        padding: 0;
        
    }
        #global div#view div#coluna_esquerda div.menu ul a:hover {
            background: url(../images/layout/lapis.png);
            width: 150px;
            height: 22px;
            padding: 0;
            margin: 0;
            display: block;
        }
    /**
     * ÁREA RESTRITA DE EMAILS PARA DOCENTES
     */
        #global div#view div#coluna_direita div.area_restrita a img {
            padding: 10px 0 0 0;
            margin: 10px 0 20px 35px;
            color: white;
        }
    /**
     * BANNER DE PUBLICIDADE
     */
        #global div#view div#coluna_direita div.publicidade {
            padding: 30px 0 0 0;
            margin: 0;
        }
            #global div#view div#coluna_direita div.publicidade div.imagem {
                margin: 0 0 0 25px;
            }

    /**
     * LOGIN PARA O AMBIENTE DO ALUNO
     */
        #global div#view div#coluna_direita div.ambiente_titulo {
            padding: 0 0 0 10px;
            margin: 0;
        }
        #global div#view div#coluna_direita div.login {
            width: 150px;
            margin: 0 0 0 18px;
        }

            #global div#view div#coluna_direita div.login p {
                margin: 0;
                padding: 0;
            }
            #global div#view div#coluna_direita div.login form {
                margin-top: 10px;
            }
            #global div#view div#coluna_direita div.login input {
                width: 160px;
            }
            #global div#view div#coluna_direita div.login input.submit {
                width: 50px;
                margin: 10px 0 20px 0;
            }
       /*
        * LIVRO DE VISITA
        */
            #global div#view div#coluna_direita div.livro_visita {
                width: 150px;
                margin: 0 0 0 13px;
                display: table;
            }
            #global div#view div#coluna_direita div.imagem_livro {
                width: 150px;
                padding: 0;
                margin-left: 13px;
                margin-top: 9px;
            }
    /**
     * IMAGENS ESTÁTICAS
     */
        #global div#view div#coluna_esquerda div.governo {
            width: 180px;
            padding: 40px 0 20px 0;
        }
    /**
     * ENQUETE
     */
        #global div#view div#coluna_esquerda div#enquete {
            padding: 20px 0 0 0;
            margin: 0;
            width: 175px;
            display: table;
        }
            #global div#view div#coluna_esquerda div#enquete p {
                margin: 10px 0 0 5px;
            }
            #global div#view div#coluna_esquerda div#enquete form ul li input {
                margin: 0 5px 0 0px;
            }
            #global div#view div#coluna_esquerda div#enquete button {
                margin: 10px 0 0 0;
            }
/**
 * FIM *****************************************************************
 */
/**
 *  CONTEÚDOS DA PÁGINA PRINCIPAL - INDEX
 */
#global div#view div.content {
    width: 550px;
    display: table;
    float: left;
    padding: 0 0 0 0px;
    margin: 0 0 0 15px;
}
    #global div#view div.content:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }
    /**
     * DESTAQUES - NOTÍCIAS DE DESTAQUE
     */
    #global div#view div.content div#esquerda div.meio div.imagem a p {
        margin: 0 0 0 0;
        padding: 0 0 5px 0;
        font-size: 0.9em;
    }
    #global div#view div.content div#esquerda div.meio div.imagem div.umdestaque {
        margin: 0 0 10px 0;
        display: table;
    }
    #global div#view div.content div#esquerda div.destaques div.imagem .texto p {
        margin: 0 0 2px 0;
        padding: 0 0 0px 0;
        display: block;
    }
    /**
     * PESQUISA PARA PAIS E ALUNOS
     */
    #global div#view div.content div.pesquisa {
        width: 550px;
        padding: 20px 0 0 0;
    }
        #global div#view div.content div.pesquisa div.merchan_pesquisa {
            padding: 10px 0 0 0;
        }

        #global div#view div.content div.pesquisa p {
            padding: 0;
            margin-top: 3px;
        }
    /**
     * DIV MEIO - CONTÉM EM TODOS OS DIVS DA PÁGINA PRINCIPAL
     */
        #global div#view div.content div.meio {
            width: 265px;
            float: left;
            padding: 0 0 20px 0;
            display: table;
        }
    /**
     * DIV ESQUERDA - CONTEÚDOS DA COLUNA ESQUERDA DO MEIO
     */
        #global div#view div.content div#esquerda {
            padding: 20px 10px 0 0;
            float: left;
            display: table;
            width: 250px;
        }
    /**
     * DIV DIREITA - CONTEÚDOS DA COLUNA DIREITA DO MEIO
     */
        #global div#view div.content div#direita {
            padding: 20px 0 0 5px;
            /*float: right;*/
            display: table;
            width: 250px;
        }
            #global div#view div.content div#direita:after {
                content:".";
                display:block;
                clear:both;
                visibility:hidden;
                height:0;
                overflow:hidden;
            }
/**
 * FIM 
 */
/**
 * CONTEUDO DAS SUBPÁGINAS - GALERIA DE FOTOS E VÍDEOS
 */
#global div#view div.content div#box {
    background: url(../images/layout/meio_galeria.png) repeat-y #eaf5fd;
    margin: 0 0 0 1px;
    padding: 0;
    width: 550px;
}
    #global div#view div.content div#box:after {
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
        height:0;
        overflow:hidden;
    }

    #global div#view div.content div.bottom {
        background: url(../images/layout/bottom_galeria.png) no-repeat #eaf5fd;
        width: 550px;
        height: 15px;
        margin: 0 0 0 1px;
        padding: 0;
    }

/**
 * GALERIA DE FOTOS
 */
    #global div#view div.content div.galeria {
        background: url(../images/layout/topo_fotos.png) no-repeat white;
        width: 551px;
        height: 39px;
        margin: 15px 0 0 0;
        padding: 0;
    }
    div#box div.conteudo {
        padding: 0 0 0 10px;
        margin: 0;
    }
        div#box div.conteudo h3 {
            margin: 0;
            padding: 0 0 0 0;
        }

        div#box div.galeria_fotos div.seleciona_galeria {
            display: table;
            padding: 0 5px 0 0;
            margin: 0 0 20px 10px;
            width: 525px;
        }
            div#box div.galeria_fotos div.seleciona_galeria p {
                float: left;
            }
            div#box div.galeria_fotos div.seleciona_galeria select {
                float: left;
                margin: 11px 0 0 5px;
            }
        
        div#box div.conteudo div.imagem_zoom {
            text-align: center;
            padding: 20px 0 0 0;
            min-height: 345px;
        }

        div#box div.conteudo div.miniaturas {
            padding: 30px 0 10px 13px;
        }
            div#box div.conteudo div.miniaturas table td {
                padding: 4px 4px 0px 0;
            }
            div#box div.conteudo div.miniaturas table tr td a img {
                border: 0;
                text-decoration: none;
            }
            div#box div.conteudo div.imagem_zoom .galeria_fotos_carregando {
                margin: 150px 0 0 0;
            }
/**
 * GALERIA DE VIDEOS
 */
    #global div#view div.content div.videos {
        background: url(../images/layout/topo_videos.png) no-repeat white;
        width: 551px;
        height: 36px;
        margin: 15px 0 0 0;
        padding: 0;
    }
        div#box div.galeria_videos {
            padding: 0 0 0 10px;
            margin: 0;
            display: table;
        }
            div#box div.galeria_videos div.videoyoutube {
                margin: 15px 0 10px 50px;
            }
            div#box div.galeria_videos table div.ultimosvideo {
                margin: 15px 0 0 25px;
            }

            div#box div.galeria_videos div.listagem  {
                padding: 20px 0 0 10px;
                
            }
            div#box div.galeria_videos div.listagem li {
                font-size: 1.0em;
                color: silver;
                margin: 3px 0 0 0;
                line-height: 0;
                list-style: none;
            }

/**
 * PESQUISA PARA PAIS E ALUNOS
 */
    #global div#view div.content div.topo_pesquisa {
        background: url(../images/layout/topo_pesquisa.png) no-repeat white;
        width: 551px;
        height: 40px;
        margin: 15px 0 0 0;
        padding: 0;
    }
        #global div#view div.content div#box div.pesquisa p {
            padding: 0 10px 0 10px;
            margin: 0;
            display: table;
        }

        #global div#view div.content div.pesquisa_concluida div.titulo {
            margin: 20px 0 0 0;
        }
/**
 * CONTEÚDO DAS SUBPÁGINAS - NOTÍCIAS - CONTATO - PAGINAS DINÂMICAS
 */
#global div#view div.content div#conteudo {
    margin: 20px 0 0 0;
}
    #global div#view div.content div#conteudo div.contato div.obrigatorio p {
        font-size: 0.8em;
        color: green;
        margin: 10px 0 10px 0;
    }
        #global div#view div.content div#conteudo div.noticias table tr td.date {
            font-size: 0.7em;
            color: silver;
            padding: 2px 3px 0 0;
        }
        #global div#view div.content div#conteudo div.noticias div.data {
            font-size: 0.8em;
            color: silver;
            margin: 0 0 0 0;
            line-height: 0;
        }
        #global div#view div.content div#conteudo div.noticias div.voltar {
            padding: 10px 0 0 0;
        }

        /*
         * LIVRO DE VISITA
         */
        div#livro_visita {
            width: 500px;
            margin: 0 0 0 1px;
            display: table;
        }
            div#livro_visita div.divisoria {
                border-bottom: 1px dashed #ebecec;
                width: 500px;
                margin: 20px 0 10px 0;
            }
            #global div#view div#conteudo div#livro_visita div.livro_de_visitas_sucesso {
                color: green;
                font-weight: bold;
            }
            #global div#view div#conteudo div#livro_visita div.form_livro {
                display: table;
                width: 520px;
            }
            div#livro_visita div.form_livro img {
                margin: 20px 0 0 80px;
                padding-bottom: 10px;
            }
            /*
             * CAPTCHA
             */
            div#livro_visita div.form_livro div.captcha p {
                color: red;
                margin: 0 0 10px 80px;
            }
            /*
             * MENSAGEM DE ERRO
             */
            div#livro_visita div.form_livro div.input_validation_error {
                color: red;
                margin: 2px 0 0 82px;
                font-size: 0.8em;
            }
            /*
             * INPUT EMAIL
             */
            div#livro_visita .input_text #input-email {
                width: 220px;
                margin: 6px 0 0px 0;
            }
            /*
             * INPUT NOME
             */
            div#livro_visita .input_text #input-nome {
                width: 220px;
            }
            /*
             * label - Nome
             */
            div#livro_visita form .input_email label  {
                margin: 8px 10px 0 0;
            }
            
            /*
             * INPUT MENSAGEM
             */
            div#livro_visita .input_textarea #input-mensagem {
                width: 220px;
                margin: 7px 0 0 0;
            }
            /*
             * label - Mensagem
             */
            div#livro_visita form .input_mensagem label  {
                margin: 8px 10px 0 0;
            }

            div#livro_visita form label {
                float: left;
                text-align: right;
                width: 70px;
                margin: 1px 10px 0 0;
            }
            
            /*
             * INPUT PARA ESCREVER CÓDIGO CAPTCHA
             */
            div#livro_visita .input_security_code label {
                width: 150px;
                display: table;
                text-align: left;
                margin: 3px 0 0 0;
            }
            div#livro_visita .input_security_code input {
                float: left;
                width: 149px;
                margin: 7px 0 0 0;
            }

            /*
             * INPUT SUBMIT
             */
            div#livro_visita input.submit {
                width: 140px;
                margin: 20px 0 0 0;
            }

            /*
             * MENSAGENS - LIVRO DE VISITAS
             */
            div#livro_visita div.mensagens {
                width: 500px;
                background: #f4f4f4;
                margin-top: 5px;
            }
                div#livro_visita div.mensagens .segundo {
                    background: #f9f9f9;
                }
                div#livro_visita div.mensagens p {
                    font-size: 0.8em;
                    padding: 0 10px;
                }
                div#livro_visita div.mensagens p.mensagem {
                    font-size: 0.8em;
                    margin-bottom: 10px;
                }
                div#livro_visita div.mensagens p.email {
                    font-size: 0.8em;
                    margin-top: 0;
                }
                div#livro_visita div.mensagens div.divisoria_msn {
                    border-bottom: 1px solid #ebecec;
                    
                }
            /*
             * PAGINATOR
             */
            div#livro_visita span.paginator {
                line-height: 24px;
            }

/*
 * CURRÍCULO
 */
div#curriculo table tr.titulo {
    color: #457eaa;
}
    div#curriculo table tr.titulo td span.titulo {
        width: 195px;
        display: table;
    }

div#curriculo  td.titulo {
    width: 195px;
}
div#curriculo table td.dica {
    width: 240px;
}
div#curriculo table td {
    
}

    div#curriculo table td.dica p {
        font-size: 0.8em;
        color: #555555;
        margin: 0;
        width: 240px;
    }
div#curriculo table tr input {
    width: 279px;
}



/**
 * RODAPÉ
 */
#global div#rodape {
    background: url(../images/layout/rodape.png) no-repeat transparent;
    width: 950px;
    height: 36px;
    border-top: 1px solid #f6f6f6;
    font-size: 0.8em;
}