/* ESTILOS */
/* ----------------------------------------- */
/*TOPO*/
#barra-institucional{
    height: 70px;
    margin-top: -70px;
    margin-bottom: 0px;
}

#fundo-barra-institucional{
    background: url('../img/fundo-barra-institucional.jpg') repeat-x;
    width: 100%;
    height: 70px;
}

#logo-ucpel{
    float: left;
    margin-top: 10px;
}

#barra-institucional ul{
    margin: 0;
    padding: 0;
    margin-top: 6px;
}
#barra-institucional ul li{
    display: inline;
    float: left;
    text-align: center;
}
#barra-institucional ul li a{
    color: #BBBBBB;
    display: inline-block;
    font-family: Helvetica;
    font-size: 11px;
    font-weight: bold;
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
#barra-institucional ul li a:hover{
    color: #555;
}

body{
    background: #9ED4B0 url('../img/fundo-site.jpg');
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3{
    font-family: 'Open Sans Condensed', Helvetica, Arial, Verdana, sans-serif;
    background: #D44038;
    padding: 4px;
    color: #FFF;
    display: inline;
}

h2, h3{
    margin-bottom: 0.5em;
    margin-top:1em;
    line-height: 70px;
    padding-left: 10px;
}

#topo{
    height: 220px;
    display: block;
}

#site_titulo h1{
    margin-left: -32px;
    margin-bottom: 0;
    position: absolute;
    z-index: 999;
    background: transparent;
    color: #000;
    padding: 0px;
}


ul#menu{
    list-style: none;
    padding: 0;
    margin: 161px 0 0;
    width: 620px;
    padding: 0 0 0 318px;
    overflow: hidden;
}

ul#menu li {
    float: left;
}

ul#menu li a{
    background: none repeat scroll 0 0 #D43F38;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Open Sans Condensed',Helvetica,Arial,Verdana,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
    padding: 3px 15px;
}

ul#menu li a:hover{
    background: #FD4239;
}

#conteudo{
    background: #fff;
    margin-top: -31px;
    padding: 10px;
    padding-top: 70px;
}

#destaque{
    background: #fff url('../img/fundo-degrade.png') repeat-x bottom left;
}

#video{
    margin-left: 50px;
    margin-bottom: 50px;
}

#botoes_compartilhamento{
    list-style: none;
    padding: 0;
    margin: 0;

}
#botoes_compartilhamento li{
    margin-bottom: 0.5em
}


#caixa_email{
    background: #D44038;
    padding: 10px;
    font-size: 10pt;
    color: #FFF;
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#caixa_email input[type="text"]{
    width: 190px;
    height: 10px;
    display: inline-block
}


#caixa_visitas h4{
    background: #D44038;
    display: inline-block;
    color: #FFF;
    font-family: 'Open Sans Condensed',Helvetica,Arial,Verdana,sans-serif;
    padding: 4px;
    margin-top: 40px;

}

#caixa_visitas h4 a{
    color:#FFF !important;
}

#caixa_visitas h4 span.titulo_caixa_segunda_linha{
    margin-left: 50px;
}

span#icon_email{
    background: url('../img/icon-carta.png') no-repeat right;
    height: 75px;
    width: 75px;
    display: block;
    float: right;
    margin-top: -30px;

}
span#icon_calendario{
    background: url('../img/icon-calendario.png') no-repeat right;
    height: 75px;
    width: 75px;
    display: block;
    float: right;
    margin-top: 13px;
    margin-right: 10px;
}

#caixa_email form label{
    width: 220px;
}

#caixa_visitas ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

#caixa_visitas ul li{
    background: #9ED4B0;
    color: #FFF;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    font-weight: bold;
    margin-bottom: 2px;
}
#caixa_visitas ul li{
    color: #FFF !important;
    font-family: Verdana, Arial, Helvetica, Tahoma;
    font-size: 8pt;
}

#cec ul,
#ccjes ul,
#ccvs ul,
#politecnico ul,
#instituto_filosofia ul{
    margin-left: 5px;
}

#sliderinicial ul li,
#sliderinicial ul li,
#cec ul li,
#ccjes ul li,
#ccvs ul li,
#politecnico ul li,
#instituto_filosofia ul li{
    overflow: hidden;
    list-style: none;
    float: left;
}

#sliderinicial ul li a,
#sliderinicial ul li a,
#cec ul li a,
#ccjes ul li a,
#ccvs ul li a,
#politecnico ul li a,
#instituto_filosofia ul li a{
    margin: 10px;
    text-align: center;
    font-size: 16px;
    padding-top: 5px;
}

#sliderinicial ul li a.cec, #cec ul li a{
    display: block;
    height: 70px;
    padding-bottom: 80px;
    width: 150px;
    float: left;
    color: #222;
    background:#FFCC33;
}
#sliderinicial ul li a.ccjes, #ccjes ul li a{
    display: block;
    height: 70px;
    padding-bottom: 80px;
    width: 150px;
    float: left;
    color: #FFF;
    background: #6B8CB7;
}
#sliderinicial ul li a.ccvs, #ccvs ul li a{
    display: block;
    height: 70px;
    padding-bottom: 80px;
    width: 150px;
    float: left;
    color: #FFF;
    background: #7DA52E;
}
#sliderinicial ul li a.politecnico, #politecnico ul li a{
    display: block;
    height: 70px;
    padding-bottom: 80px;
    width: 150px;
    float: left;
    color: #FFF;
    background: #004B85;
}
#sliderinicial ul li a.instituto_filosofia, #instituto_filosofia ul li a{
    display: block;
    height: 70px;
    padding-bottom: 80px;
    width: 150px;
    float: left;
    color: #222;
    background: #C4F274;
}

#sliderinicial ul li a:hover,
#cec ul li a:hover,
#ccjes ul li a:hover,
#ccvs ul li a:hover,
#politecnico ul li a:hover
#instituto_filosofia ul li a:hover{
    -moz-box-shadow: 3px 3px 7px #555;
    -webkit-box-shadow: 3px 3px 7px #555;
    box-shadow: 3px 3px 7px #555;
}

a.bx-prev{
    margin-top: -120px;
    position: absolute;
    z-index: 999;
}

a.bx-next{
    margin-top: -120px;
    position: absolute;
    z-index: 999;
    left: 900px;
}

.fc-header-left, .fc-header-center, .fc-header-right{
    border: none;
}

.fc-header table tbody tr td{
    border:none;
}

#caixa_emails input.submit, input[type="submit"]{
    background: #CCC;
}

h1 a, h2 a, h3 a{
    color: #FFF !important;
}

#h3-fotos{
    line-height: 35px;
}

#assinatura{
    text-align: right;
    padding-top: 40px;
    padding-bottom: 40px;
}

#assinatura p.cima, #assinatura p.baixo{
    color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    line-height: 10px;
}

#assinatura p.cima{
    margin-right: 237px;
}

#inicial a.bx-prev{
    margin-top: -110px !important;
    position: absolute;
    z-index: 999;
}

#inicial a.bx-next{
    margin-top: -110px;
    position: absolute;
    z-index: 999;
    left: 540px;
}