/*
Theme Name: Fesp
Theme URI: http://www.agenciacrescer.com.br
Description: Tema padrão para a FESP criado pela <a href="http://www.agenciacrescer.com.br">Agência Crescer</a>
Version: 0.1
Author: Daniel Luiz Pakuschewski
Author URI: http://www.agenciacrescer.com.br/
Tags: fesp
*/

a{
    text-decoration: none;
    color: #000000;
}
/* Classes */
.ui-tabs-hide{ display: none; }

/* Estrutura */
body{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}
div#wrapper{
    width: 779px;
    margin: 0 auto;
}
div#header{
    width: 100%;
    height: 360px;
    position: relative; /* Base para Absolute */
}
h1#logo{
    position: absolute;
    top: 10px;
    left: 42px;
}
h1#logo a{
    display: block;
    width: 160px;
    height: 55px;
    background: url('img/logo-fesp.gif') no-repeat center;
    text-indent: -9999px; /* Remove texto da tela */
}
div#nav{
    height: 50px;
    background: #000;
}
/* Menu de Navegação */
div#nav ul{
    float: right;
    margin-top: 15px;
}
div#nav ul li{
    float: left;
    margin: 0 2px;
    position: relative;
}
div#nav ul li a{
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    color: #fff;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
}
div#nav ul li.current_page_ancestor a,
div#nav ul li.current_page_item a,
div#nav ul li a:hover{
    background: #878202;
}
/* Segundo Level - Menu */
div#nav ul li ul{
    visibility: hidden;
    position: absolute;
    top: 33px;
    left: 0px;
    background: #000000;
    padding: 5px 0;
    width: 230px;
    margin-top: 0;
    z-index: 9999;
}
div#nav ul li ul li{
    float: none;
    margin: 5px 0;
}
div#nav ul li ul li a{
    float: none;
    width: 100%;
    height: auto;
    padding: 3px 0;
    text-indent: 5px;
    line-height: normal;
    text-align: left;
    text-transform: none;
}
div#nav ul li ul li.page_item a{
    background: none !important;
}
div#nav ul li ul li.current_page_item a,
div#nav ul li ul li a:hover{
    background: #878202 !important;
}
/* 3º Level */
div#nav ul li ul li ul{
    position: absolute;
    left: 120px;
    top: 0;
}

/* Formulário de Busca */
div#busca{
    position: absolute;
    bottom: 32px;
    left: 32px;
    color: #fff;
    background: #000;
}
div#busca input{
    background: url('img/bg-input-busca.gif') no-repeat;
    border: 0;
    width: 147px;
    padding: 3px 4px;
    height: 19px;
    font-size: 11px;
}
div#busca input.submit{
    text-indent: -9999px;
    border: 0;
    background: url('img/btn-ok.gif') no-repeat;
    width: 23px;
    height: 19px;
}
/* Conteúdo */
div#wrap-content{
    margin-top: 5px;
}
div#content{
    width: 474px;
    height: auto;
    float: left;
    margin-left: 43px;
}
div#content p{
    line-height: 1.5em;
    margin: 1em 0;
}
/* Conteúdo - HOME */
div#tabs ul.ui-tabs-nav{
    margin-left: 10px;
}
div#tabs ul.ui-tabs-nav li{
    display: block;
    float: left;
    margin-right: 4px;
    font-size: 0.8em;
}
div#tabs ul.ui-tabs-nav li a{
    display: block;
    float: left;
    padding: 0 14px 0 0;
    height: 29px;
    line-height: 29px;
    background: url('img/bg-tabs-nav.jpg') no-repeat bottom right;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bolder;
}
div#tabs ul.ui-tabs-nav li a b{
    padding: 0 0 0 14px;
    display: block;
    height: inherit;
    background: url('img/bg-tabs-nav.jpg') no-repeat bottom left;
}
div#tabs ul.ui-tabs-nav li.ui-tabs-selected a,
div#tabs ul.ui-tabs-nav li a:hover{
    background-position: top right;
    color: #949494;
}
div#tabs ul.ui-tabs-nav li.ui-tabs-selected a b,
div#tabs ul.ui-tabs-nav li a:hover b{
    background-position: top left;
}
div#tabs .ui-tabs-panel{
    background: url('img/bg-tabs-content.jpg') top center no-repeat;
    clear: both;
    float: left;
}
div#tabs ul#nav-more{
    margin: 1em 0 0 1em;
    list-style: disc outside;
    color: #4E7690;
}
div#tabs ul#nav-more li{
    color: #000000;
    margin: 0.6em 0;
}
/* - Box do Loop Destaques*/
div.box-destaques{
    margin: 23px 0;
    font-size: 0.9em;
    position: relative;
    height: auto;
    overflow: hidden;
}
div.box-destaques p{
    line-height: 1.1em !important;
}
div.box-destaques .imgDestaque{
    float: left;
    margin: 0 30px 0 5px;
    clear: both;
}
div.box-destaques .imgDestaque img{
    border: 1px solid #A8B9C5;
}
div.box-destaques h2{
    color: #52748C;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
div.box-destaques p{
    padding-right: 10px;
}
div.box-destaques a.btn{
    position: absolute;
    bottom: 1px;
    left: 179px;
}
div.more{
    height: 41px;
    background: url('img/bg-more.gif') left no-repeat;
}
div.more a{
    display: block;
    height: 41px;
    width: 150px;
    margin: 0 0 0 2px;
    color: #fff;
    text-align: center;
    line-height: 41px;
    text-transform: uppercase;
    font-size: 0.9em;
}

/* Acesso Rápido */
ul#links{
    margin: 35px;
}
ul#links li{
    float: left;
}
ul#links li a{
    display: block;
    float: left;
    margin: 0 3px;
    width: 111px;
    height: 111px;
    text-indent: -9999px;
    background: url('img/btn-acesso-rapido.gif') no-repeat top left;
}
ul#links li a.parceiros{

}
ul#links li a.links-uteis{
    background-position: -117px 0;
}
ul#links li a.nead{
    background-position: -238px 0;
}
ul#links li a.ex-alunos{
    background-position: -355px 0;
}
ul#links li a.convenios{
    background-position: -472px 0;
}
ul#links li a.tv-fesp{
    background-position: -591px 0;
}

/* Sidebar */
div#sidebar{
    width: 205px;
    float: left;
    margin-left: 15px;
}
div#sidebar .widget-margin-top{
    margin-top: 15px;
}
div#sidebar h2{
    color: #51738B;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
div#sidebar p{
    font-size: 0.9em;
}
div#sidebar .widget-box{
    padding: 19px;
}
/* Login */
div#box-login{
    background: #C4D3D6 url('img/bg-sidebar-login.jpg') repeat-x top;
    border: 1px solid #A8B9C5;
    position: relative;
}
div#box-login .widget-box{
    background: url('img/img-sidebar-cadeado.png') no-repeat 20px 2px;
}
div#box-login p{
    width: 134px;
}
div#box-login form input{
    width: 65px;
    float: left;
    font-size: 0.9em;
    margin: 8px 0;
    margin-right: 5px;
}
div#box-login form input.submit{
    padding: 0;
    width: 48px;
    border: 0;
    height: 21px;
    color: #fff;
    background: url('img/btn-sidebar-login.gif') left top no-repeat;
    float: none;
    cursor: pointer;
}
div#box-login form input.submit.hover{
    background-position: left bottom;
}
div#box-login ul{
    position: absolute;
    top: 110px;
    right: 28px;
}
div#box-login ul li{
    margin: 5px 0;
}
div#box-login ul li a{
    font-size: 0.9em;
    color: #51738B;
    height: 13px;
    line-height: 13px;
    padding-left: 15px;
    background: url('img/bg-sidebar-radio.gif') no-repeat left top;
}
div#box-login ul li.ui-state-active a{
    background-position: left bottom;
}
/* Video Institucional */

div#box-video-inst{
    /*background: #C4D3D6 url('img/bg-sidebar-login.jpg') repeat-x top;*/
    border: 1px solid #A8B9C5;
    /*position: relative;*/
}
div#sidebar .widget-box-video{
    padding: 1px;
}

/* Calendário */
div#box-calendar{
    height: auto;
    background: #E4EFF3 url('img/bg-sidebar-calendario.jpg') repeat-x top;
    border: 1px solid #A8B9C5;
    position: relative;
}
div#box-calendar h2{
    background: url('img/bg-sidebar-h2.gif') bottom repeat-x;
}
div#box-calendar ul{
    margin: 1em 0 0 1em;
    list-style: disc outside;
    color: #4E7690;
}
div#box-calendar ul li{
    color: #000000;
    margin: 0.6em 0;
}
/* Enquete */
div#box-enquete{
    height: auto;
    background: #4B6A80;
    border: 1px solid #A8B9C5;
    color: #fff;
}
div#box-enquete h2{
    color: #fff;
    background: url('img/bg-sidebar-h22.gif') bottom repeat-x;
}
.wp-polls-ans{
    margin: 15px 0;
}
.wp-polls-ans p{
    margin: 5px 0;
}
.wp-polls-ans .Buttons{
    width: 48px;
    height: 21px;
    background: none;
    background: url('img/btn-enquete.gif') no-repeat;
    border: 0 !important;
    text-indent: -9999px
}
.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {
    margin: 7px 0;
}
/* ARQUIVOS */
div#box-arquivo{
    height: auto;
    background: #4B6A80;
    border: 1px solid #A8B9C5;
    color: #fff;
}
div#box-arquivo h2{
    color: #fff;
    background: url('img/bg-sidebar-h22.gif') bottom repeat-x;
}
div#box-arquivo ul li{
    margin: 5px 0;
}
div#box-arquivo ul li a{
    color: #fff;
}
/* FOOTER */
div#footer{
    color: #fff;
    background: #000 url('img/bg-footer.jpg') top repeat-x;
    padding: 15px 14px 8px 14px;
    clear:both;
    position: relative;
}
div#footer img{
    float: left;
    margin-right: 10px;
}
div#footer h4{
    margin-bottom: 5px;
}
div#footer address{
    text-decoration: none;
    font-style: normal;
    margin-bottom: 4px;
}
ul.nav-footer{
    position: absolute;
    top: 18px;
    right: 5px;
}
ul.nav-footer li {
    float: left;
}
ul.nav-footer li a{
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 5px;
    text-indent: -9999px;
    background: url('img/bg-link-footer.gif') top left no-repeat; /* Twitter é o primeiro */
}
ul.nav-footer li a.twitter{

}
ul.nav-footer li a.rss{
    background-position: -38px 0px;
}
ul.nav-footer li a.fav{
    background-position: -76px 0px;
}

/* Páginas Internas */
div#content h2.titulo{
    display: block;
    float: left;
    height: 33px;
    line-height: 33px;
    color: #FFF;
    background: url('img/bg-content-h2.jpg') left top;
    margin-bottom: 10px;
    text-transform: uppercase;
}
div#content h2.titulo a{
    color: #fff;
}
div#content h2.titulo span{
    display: block;
    height: 33px;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
    background: url('img/bg-content-h2.jpg') right top;
    overflow: hidden;
}
div#content h3.titulo{
    margin: 5px 0 5px 0;
    font-size: 1.2em;
}
#content p{
    line-height: 1.2em;
}
/* Comentários */
h2.comments{
    font-size: 150%;
    color: #4B6A80;
    padding-bottom: 5px;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 1em;
    text-indent: 5px;
}
li.comment{
   background: #F7F8FA;
   padding: 5px;
   border: 1px #A8B9C5 solid;
   margin-bottom: 10px;
}
li.thread-even{
    background: #E4EFF3;
}
div.comment-author img{
    float: left;
    margin-right: 5px;
    border: 1px #4B6A80 solid;
}
/* Paginação */
div.navigation{
    clear: both;
    margin: 10px 0;
    display: block;
    float: left;
    width: 100%;
}
div.navigation a{
    color: #314858;
    font-weight: bolder;
    text-decoration: none;
}
div.navigation a:hover{
    text-decoration: underline;
}
/* Botões */
.btn{
    display: block;
    height: 21px;
    padding: 0 10px 0 0 ;
    text-align: center;
    background: url('img/btn.gif') no-repeat right top;
    line-height: 21px;
    color: #fff;
    border: 0;
}
.btn b{
    display: block;
    height: inherit;
    font-weight: normal;
    padding: 0  0 0 10px;
    background: url('img/btn.gif') no-repeat left top;
}
a.btn:hover{
    background-position: right bottom;
}
a.btn:hover b{
    background-position: left bottom;
}
/* Hacks */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}