/* Copyright© 2009-2017 Universidade Federal de São Carlos (UFSCar)

This file is part of SACI (Sistema de Apoio à Comunicação Integrada).

SACI is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

SACI is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with SACI. If not, see <http://www.gnu.org/licenses/>. */

html {
    height: 100%;
}

body{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #222222;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

a img {
    border:none;
}

#rodape {
    clear: left;
    width: 100%;
    text-align: center;
    color: silver;
    font-size: x-small;
    border-top: 1px solid gainsboro;
    padding-top: 5px;
    line-height: 30px;
}

#rodape a {
    color: silver;
    text-decoration: none;
}
#rodape a:hover {
    color: grey;
    text-decoration: underline;
}
#rodape a img {
    vertical-align: text-bottom;
}

#cabecalho {
    padding: 3px 10px 3px 3px;  
    height: 55px;
}
#cabecalho div,ul {
    display: inline;
}


/* Área interna: topo */

#interno #topo {
    position: relative;
    height: 45px;
    padding: 10px;
}

#interno #topo #arroba {
    font-size: large;
    vertical-align: top;
    padding: 10px;
    top: 15px;
    position: relative;
}

#prefs {
    position: relative;
    float:right;
    padding: 4px 6px 4px 20px;
    font-weight: bold;
}


/* Área interna: menu */

#menu {
    padding-left: 0;
    float: left;
    width: 105px;
    margin: 0px 0px 0px -100%;
    border-top: 1px solid gainsboro;
    position: relative;
}

#menu li {
    list-style: none;
    margin: 0;
}

#menu li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 0px 5px 6px;
}

#menu li:hover {
    background-color: #CDDDFA;
}

#menu li.selecao {
    background-color: #88A8DD;
    font-weight: bold;
}

#menu #busca {
    position: relative;
    margin: 19px 0px 20px 5px;
}

#menu #busca input {
    width: 100px;
}

#menu a {
    color: #222222;
    text-decoration: none;
}

#tarefas_menu_icones > li > a > img {
  vertical-align: middle;
  margin-right: 5px;
}

/* Área interna: página de conteúdo */

#conteudowrapper {
    float: left;
    width: 100%;
}

#conteudocoluna{
    margin: 0;
    border-left: 105px solid #F4F4F4;
    border-right: 5px solid #F4F4F4;
    min-height: 500px;
}

#interno #conteudo {
    min-height: 540px;
    padding: 10px;
}

#tarefas {
    position: relative;
}

#toolbar {
    position: absolute;
    right: 0px;
    margin: 0px 5px 5px 0px;
    padding: 3px;
}

#toolbar a {
    margin-left: 5px;
    text-decoration: none;
}

#toolbar span {
    vertical-align: top;
    margin-left: -2px;
}

#toolbar a span:hover {
    text-decoration: underline;
}

#toolbar span.controle {
    margin-left: 30px;
    vertical-align: middle;
    padding-top: 2px;
}

#commandbar {
    padding: 7px;
    margin-top: 10px;
    clear: both;
}

label.todos {
    font-size: x-small;
}

#commandbar span {
    font-size: x-small;
    float: right;
    margin-top: 5px;
}

#menu_saci {
  margin-top: -34px;
  padding: 2px 5px 0px 5px;
}

/* Área interna: bate-papo */

#batepapo {
    padding: 7px 0px 7px 7px;
    border-top: 1px solid gainsboro;
    position: fixed;
    right: 0;
    top: 55px;
    background-color: white;
    opacity: 0.80;
    z-index: 98;
}

.batepapo_exp {
    width: 214px;
}

.batepapo_red {
    width: 6px;
}

#batepapo_grip {
    position: fixed;
    padding: 2px;
    top: 55px;
    opacity: 0.95;
    z-index: 99;
}

.batepapo_grip_exp {
    right: 208px;
}

.batepapo_grip_red {
    right: 0px;
}

#batepapo_grip_img {
  width: 10px;
}
  
#batepapo #rolagem {
    margin-left: 0;
    margin-top: 0px;
}

#batepapo label {
    vertical-align: bottom;
    font-size: x-small;
}

#batepapo form {
    width: 195px;
}

#batepapo select {
    width:105px;
    margin-right: 2px;
}

#batepapo input[type=button] {
    padding: 0;
    margin-left: 4px;
}

#batepapo #urgente {
    margin: 0;
    vertical-align: bottom;
}

#batepapo #mensagens {
    background-color: white;
    padding: 2px;
    width: 200px;
    text-align: justify;
}

#batepapo #mensagem {
    width: 100%;
    margin-top: 12px;
}

.bp_texto {
    font-style: italic;
}

.bp_login {
    color: #55AA55;
}

.bp_hora {
    color: gray;
}

.bp_pessoa {
    color: gray;
}

.bp_logout {
    color: #CC5555;
}

.bp_urgente {
    background-color: #CC1100;
    color: #FFFFFF;
}

.bp_mensagem {
    margin-bottom: 8px;
}

#mensagens {
    font-size: x-small;
}

#interno #sobre {
    border-spacing: 8px;
    margin: 25px auto 0px auto;
    border: 1px solid gainsboro;
    padding: 20px;
    background-color: #F4F4F4;
}

.logo {
  max-height: 50px;
  max-width: 195px;
}

.logo-g {
  max-height: 65px;
}

.icon{
  height: 16px;
  width: 16px;
}

.fundo {
    background-color: #CDDDFA;
}

.bodynomargin {
    margin: 0 0 0 0;
}

.nomargin {
    margin: 0 0 0 0;
}

.innermargin {
    margin: 5px 5px 5px 5px;
}

.marginIndex {
    margin: 10px 30px 10px 30px;
}

a:link {
    color: #234870;
    text-decoration: none;
}

a:visited {
    color: #234870;
}

a:hover {
    text-decoration: underline;
}

.finalizada01 {
    background-color: #DFFFAF;
}

.finalizada02 {
    background-color: #BCFF8C;
}

.finalizada11 {
    background-color: #FFFFFF;
}

.finalizada12 {
    background-color: #F7F7F7;
}

.alerta {
    color: red;
    font-size: x-small;
    font-style: italic;
}

.alerta01 {
    background-color: #DE1100;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFFFFF;
}

.alerta02 {
    background-color: #DE3322;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFFFFF;
}

.alerta11 {
    background-color: #FFCECE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}

.alerta12 {
    background-color: #FFC1C1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}

.alerta21 {
    background-color: #FFFFAE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}

.alerta22 {
    background-color: #FFFF80;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}

.alerta31 {
    background-color: #DFFFAF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}

.alerta32 {
    background-color: #BCFF8C;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}

.nova0 {
    background-color: #F8F8F8;
  }
  
  .nova1 {
    background-color: #EAEAEA;
  }
  
  .publicada0 {
    background-color: #DFFFAF;
    color: gray;
  }
  
  .publicada1 {
    background-color: #BCFF8C;
    color: gray;
  }
  
  .cancelada0 {
    background-color: #FFCECE;
    color: gray;
  }
  
  .cancelada1 {
    background-color: #FFC1C1;
    color: gray;
  }

.texto {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
}

.textoMenor {
    font-size: x-small;
}

.textoMaior {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-large;
    text-align:center;
    color: #000000;
}

.textoPublicado {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #666666;
}

.comentario {
    font-size: small;
    font-style: italic;
    color: #666666;
}

.fundo0 {
    background-color: #88A8DD;
}

.fundo1 {
    background-color: #F8F8F8;
}

.fundo2 {
    background-color: #EAEAEA;
}

.fundo3 {
    background-color: #BDD7B9;
}

.fundo4 {
    background-color: #C9DCEF;
}

#usuario {
    position: absolute;
    right: 0;
    top: 10px;
    margin: 0 10px 0 0;
}

#marquee {
    position: absolute;
    left: 375px;
    right: 200px;
    top:15px;
}

#marquee a {
    color: gray;
}

#marquee a:hover {
    color: black;
    text-decoration: none;
}

#corpotab {
    clear:both;
    margin: 0 5px 0 5px;
    height: 100%;
  
}

#barraInferior {
    margin-top: 5px;
    text-align: left;
    height: 23px;
    padding: 5px;
}

.tabbertab {
    overflow: auto;
    height: 100%;
}

.bordaCalendario {
    border-collapse:  separate;
    border:1px solid #dd0000;
}

.bordaCalendarioPrivado {
    border-collapse:  separate;
    border:1px solid #88A8DD;
}

/* Tarefas */

.task {
}

.task:hover {
    color: #000000;
    background-color: #EEEEEE;
}

.task .tag {
    background-color: #555555;
    color: white;
    padding: 0px 2px 0px 2px;
    margin-right: 3px;
    border: 1px solid #888888;
    outline: 1px solid #666666;
    width: 10px;
}

.taskgroup {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.taskgroup thead {
    background-color: #88A8DD;
    font-weight: bold;
    text-align: left;
    line-height: 20px;
    border-bottom: 1px solid white;
}

.taskgroup thead:hover {
    background-color: #99CAFF;
    cursor: pointer;
}

.taskgroup tbody td {
    padding: 3px;
}

.taskgroup tbody td a {
    color: inherit;
}

.taskgroup thead th {
    text-align: left;
    padding: 3px;
}



/* Área interna */

#area {
    border: solid 3px #88A8DD;
    padding: 0;
    margin: 0;
    background: white;
}

#barra {
    background-color: #CDDDFA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    margin-bottom: 5px;
}

#erro {
    margin: 0px;
    border: 5px solid red;
    padding: 10px;
    height: 94%;
}

.album {
    float: left; 
    border: 1px solid #DDDDDD; 
    background-color: #F6F6F6; 
    padding: 3px; 
    margin: 0px 20px 20px 0px; 
    width: 145px; 
    height: 75px; 
    text-align: center
}

.album:hover {
    background-color: #FDFDFD;
    border: 1px solid #CCCCCC;
}

.categoria {
    float: left; 
    border: 1px solid #DDDDDD; 
    background-color: #F6F6F6; 
    padding: 3px; 
    margin: 0px 20px 20px 0px; 
    width: 145px; 
    height: 75px; 
    text-align: center
}

.categoria:hover {
    background-color: #FDFDFD;
    border: 1px solid #CCCCCC;
}

.galeria {
    float: left; 
    border: 1px solid #DDDDDD; 
    background-color: #F6F6F6; 
    padding: 5px; 
    margin: 0px 20px 20px 0px; 
    width: 150px; 
    height: 75px;
}

.galeria:hover {
    background-color: #FDFDFD;
    border: 1px solid #CCCCCC;
}

.foto {
    float: left;
    border: 1px solid #DDDDDD; 
    background-color: #F6F6F6; 
    padding: 5px; 
    margin: 0px 20px 20px 0px; 
    width: 165px; 
    height: 145px;
}

.foto:hover {
    background-color: #FDFDFD;
    border: 1px solid #CCCCCC;
}

.erro {
    color: red;
    font-size: x-small;
}


/* Index */

#index {
    background-image: url(../images/gradiente.png);
    background-repeat: repeat-x;
    background-color: #EFEFEF;
}

#index #conteudo {
    background-color: white;
    width: 1024px;
    border-color: gainsboro;
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    margin: auto;
    height: 100%;
    max-width: 100%;
}

#index #pagina {
    padding: 15px;
    margin-bottom: 15px;
}

#index #topo {
  margin-bottom: 10px;
}

#index #topo #logos {
    margin: 10px auto;
    width: 280px;
}

#index #topo #arroba {
    font-size: x-large;
    vertical-align: top;
    padding: 10px;
    top: 15px;
    /*position: relative;*/
}

#index #acesso {
    background-color: #CDDDFA;
    height: 55px;
    padding: 4px 0px 10px 20px;
    width: 360px;
    border-radius: 5px;
    margin: 10px auto;
}

#index #acesso form div {
  display: inline-block;
  vertical-align: top;
}

#index #acesso form input {
    margin: 1px 2px 2px 0px;
}

#index #acesso form .aux {
    font-size: x-small;
}

#index #acesso > form label {
    display: block;
}

#index #texto > div {
    /*float: left;*/
}

#index #sobre {
/*    float: left;
    text-align: justify;
    border-color: #88A8DD #88A8DD #88A8DD #88A8DD;
    border-width: 0px 1px 0px 0px;
    border-style:dotted;
    padding-right: 15px;
    width: 680px;*/
}

#index h1 {
    margin-top: 0;
}

#index #placar h1 {
    /*margin-bottom: 0;*/
}


#index #placar {
/*    padding-left: 15px;
    width: 270px;*/
}

#index #placar col {
    text-align: right;
    font-weight: bold;
    padding: 0;
}

#index #realizacao {
    padding: 30px 0px;
    text-align: center;
    /*clear: both;*/
}

#index #realizacao > div {
  margin-top: 30px;  
}

#index #realizacao label {
    font-weight: bold;
    display: block;
}

#index #realizacao img {
    vertical-align: middle;
    margin-top: 10px;
    margin-right: 10px;
}


/* Senha */
#senha_alt form {
    width: 370px;
    border: 1px solid gainsboro;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F4F4F4;
}

#senha_alt label {
    clear: both;
    float: left;
    text-align: right;
    width: 130px;
    margin-top: 12px;
}

#senha_alt form input[type=text] {
    display: block;
    margin-top: 8px;
    width: 200px;
}

#senha_alt form input[type=password] {
    display: block;
    margin-top: 8px;
    width: 200px;
}

#senha_alt form input[type=button].input[type=submit] {
    margin-top: 15px;
}

#senha_alt form .erro {
    clear: both;
    display: block;
    margin-left: 130px;
}

#captchaimage {
    margin-top: 20px;
    cursor: pointer;
}

.jTelefone {
  width: 85px;
}

.jCelular {
  width: 85px;
}

#breadCrumb {
  margin-bottom: 15px;
}

.breadCrumb ul li.first a {
  margin-right: 5px;
}