/* Cor do background da página. */
body {
	background-color: #1c212a !important;
  font-family: 'Lato' !important;
  font-weight: bold;
  overflow-y: hidden;
}

/* Comportamento das bordas das tabelas. */
table {
	border-collapse:collapse;
}

/* Configurações da borda das tabelas. */
.table-border, .table-border tr, .table-border td {
	border: 1px solid rgb(190, 190, 190);
}

.table-noborder table, .table-noborder tr, .table-noborder td {
  border: 0px solid black;
  padding: 5px;
}

/* Clear. */
.clear {
  clear: both;
}

/* Bloco de código CSS que estava na página. */
#agendarBlock{
    display: none;
    color: white;
    font-family: sans-serif;
    font-size: 14px;
}
#agendarBlock1{
    display: block;
    color: yellow;
    font-family: sans-serif;
    font-size: 14px;
}

  #submitBtn {
    background: rgba(204, 204, 204, 0) url('images/agendar.png') no-repeat top left;
    padding-left: 16px;
    height: 157px;
    width: 171px;
    border: 0px;
  }

  #submitBtn:hover {
    background: rgba(204, 204, 204, 0) url('images/agendarOver.png') no-repeat top left;
    padding-left: 16px;
    height: 157px;
    width: 171px;
    border: 0px;
  }

.invertedshiftdown{
padding: 0;
width: 1024px;
margin-left: auto ;    margin-right: auto ;

border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 6px 6px 6px 6px;
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}

/* Container principal de conteúdo da agenda. */
#agenda-container-principal {
  width: 1024px;
  margin-left: auto ;    
  margin-right: auto ;
}

#agenda-container-principal span {
  color: white;
  font-family: sans-serif;
  font-size: 14px;
}

/* Tabela da sala 1. */
#sala1-tabela-master {
  width: 1000px;
  height: 500px;
}

#sala1-tabela-esquerda, #sala1-tabela-meio, #sala1-tabela-direita {
  float: left;
  height: 500px;
}

#sala1-tabela-esquerda, #sala1-tabela-direita {
  min-width: 15px;  
  vertical-align: middle;
}  

.blink_text {
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.9s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;

-moz-animation-name: blinker;
-moz-animation-duration: 0.9s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;

 animation-name: blinker;
 animation-duration: 0.9s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
 font-weight: bold;
 color: yellow;
}

@-moz-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

/* Container das setas das tabelas. */
.container-seta {
  width: 100%;
  height: 70px;
  margin-top: 215px;
  margin-bottom: 215px;
}