/*--------------------------------------------------------- 
 MENU E BARRA NO TOPO DA PAGINA 
---------------------------------------------------------*/ 
div#menuBar 
{ 
        width: 100%; 
        height: 35px; 
        background-color: #C10202; /* #898989; */ 
        margin-bottom: 20px; 
        text-align: center; 
} 

div#menuIcon 
{ 
        position: absolute; 
        top: 27px; 
        left: 10px; 
        width: 40px; 
        height: 20px; 
        background-size: 100% 100%; 
        background-image: url("../images/menu.png"); 
        background-repeat: no-repeat; 
        background-position: left; 
        cursor: pointer; 
    color: #FFFFFF; 
} 

/* retira underline de link's */
.nounderline {
    color: darkred;
    text-decoration: none !important;
    font-size: 1.2em; 
}

ul#menu 
{ 
        display: block; 
        position: absolute; 
        top: 49px; 
        left: -40px; 
        list-style:none; 
        border-left: 1px solid #898989; 
        border-right: 1px solid #898989; 
        border-bottom: 1px solid #898989; 
        z-index: 10; 
} 

ul#menu li 
{ 
        background-color: #C10202; 
        border-top: 1px solid #898989; 
        font-size: 14pt; 
        text-align: left; 
} 


ul#menu li a 
{ 
        width: 250px; 
        font-size: 14pt; 
        text-align: left; 
        display: inline-block; 
        padding: 10px 10px 10px 10px;
		color: white;
		text-decoration: none;
} 

ul#menu li a:hover 
{ 
        background-color: #FFFFFF; /*#FFF383; */ 
        color: #C10202; 
} 
/* personaliza */ 
.div#menuBar 
{ 
        background-color: blue; 
} 

.ul#menu 
{ 
        border-left: 1px solid #ffffff; 
        border-right: 1px solid #ffffff; 
        border-bottom: 1px solid #ffffff; 
} 

.ul#menu li 
{ 
        background-color: #C10303; 
        border-top: 1px solid #ffffff; 
} 


.ul#menu li a 
{ 
        color: #ffffff; 
} 


.ul#menu li a:hover 
{ 
        background-color: #ffffff; 
        color: #000000; 
} 

/*--------------------------------------------------------- 
 FIM MENU E BARRA NO TOPO DA PAGINA 
---------------------------------------------------------*/
/*********************************************************************
** Formatação para Tabela do Mês e Textos ****************************
************************************************/
A	{ font-family:arial, helvetica; color:#000; text-decoration: underline; }
a.menu:link, a.menu:visited, a.menu:active {  text-decoration:none;  color:#FFFFFF;  font-weight:bold;  font-size:13px;   font-family:verdana, helvetica;}
a.menu:hover {  text-decoration: none;  color:#FFFFFF;  font-weight:bold;  font-size:13px;   font-family:verdana, helvetica;
/*background: yellow; */
}
.titulo_pagina {  text-decoration:none;  color:#C10202;  font-weight:bold;  font-size:22px; 
   font-family: arial narrow, verdana, helvetica;}
.apto {  text-decoration:none;  color:#FFF806;  font-weight:bold;  font-size:14px;   font-family:verdana, helvetica;}
SPAN	{ font-family:arial, helvetica }
TD     	{ font-family:arial, helvetica; vertical-align: top; }
BODY	{ background-color:#FFF }
table.bordasimples {border-collapse: collapse;}
table.bordasimples tr td {
    border:1px solid gray
}
/**** mês and ano no cabeçalho do topo do calendário ****/
.date_header			{ font-size:14px; font-family:arial, helvetica; font-weight:bold }
.mes_calend			        { font-size:16px; font-family:verdana, helvetica; font-weight:bold; color: black; }
/**** cor e tamanho das células do calendário.  ****/

.day_cell				{
                           background: #4EF749 url(../images/celula_verde.png);
						   background-color: white;
						   height:80px; width: 80px; }
.empty_day_cell		   { 
                          background: #EEEEEE url(../images/celula_branca.png);
                          height:80px; width: 80px;
						  background-color: white; }
.today_cell				{ 
/*                          height:33%; width: 15%;  */
                          background: #EEEEEE url(../images/celula_azul.png);
                          height:80px; width: 80px;
						  background-color: white; 
						  /* text-align: center; */ }
.daypassado_cell		{ 
/*                          célula cinza indicando que passado e desabilitado para reserva  */
                          background: #EEEEEE url(../images/celula_cinza.png);
                          height:80px; width: 80px;
						  background-color: white; }
.passado_cell		         { 
/*                          célula cinza indicando que passado e desabilitado para reserva  */
                         background: #EEEEEE url(../images/celula_cinza.png);
						 height:80px; width: 80px;
						 background-color: white; valign: top;
						  /*font-size:12px;
                          font-family:verdana, arial, helvetica;
                          color:#000;*/
						  }
.bloqueado_cell		{         background: url(../images/celula_vermelha.png);
                              /*text-align: center; */
						 height:80px; width: 80px;
						 background-color: white; 
 font-size:12px;
                          font-family:verdana, arial, helvetica;
                          color:#000;						 
					}
/**** day number in upper left corner of each cell ****/
/**
.day_number { font-size:10px; font-family:verdana, arial, helvetica; color:#000 } 
**/
/*** faz aparecer uma mão no cursor  ***/
.day_number				{ font-size:12px;
                          font-family:verdana, arial, helvetica;
                          color:#000;}
/**** destaque_reserva is the text for each post on main page ****/
.destaque_reserva		{ font-size:14px; font-family:verdana, arial, helvetica;
                           font-weight: bold;
						   color:#000; 
/*                          background-color: red;  */
                          background: #EEEEEE url(../images/celula_vermelha.png);}
						  
.destaque_reserva A:link		{ color:#953010; text-decoration:underline }
.destaque_reserva A:active		{ color:#953010; text-decoration:underline }
.destaque_reserva A:visited	{ color:#953010; text-decoration:underline }
.destaque_reserva A:hover		{ color:#953010; text-decoration:underline }
						  /**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica }
.texto_dica				{ font-size:11px; font-family:arial, helvetica }
.texto_dica_maior		{ font-size:13px; font-family:arial, helvetica }
/**** column headers or days of the week ****/
.column_header			{ background-color:#000000; font-size:12px; font-family:arial, helvetica; color:#FFFFFF; font-weight:bold }
/**** footprint text ****/
.footprint				{ font-size:12px; font-family:verdana, arial, helvetica;
                           color:#000; font-weight:bold; }
.footprint A			         { font-size:12px; font-family:verdana, arial, helvetica;
                           color:#953010; font-weight:bold; }
						   /** novas **/
.mensagem                              { font-size:12px; font-family:verdana, arial, helvetica;
                           color: red; font-weight:bold; }
.texto_pequeno                    { font-size:8px; font-family:verdana, arial, helvetica;
color: #000; font-weight:bold; }
.texto_voltar			{ font-size:12px; font-family:arial, helvetica }

.waitingForConnection {
  animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
  font-size: 15px;
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}
 
/*---------------------------------------------------------
---------------------------------------------------------*/

div#aviso
{
  	margin-left:auto;
  	margin-right:auto;
	position: absolute;
	background-color: #f8f095;
	width: 250px;
  	top: 50%;
  	left: 50%;
  	margin-top: -125px;
   	margin-left: -125px;
	box-shadow: 10px 10px 5px #888888;
}

div#aviso span
{
	float: right;
	position: relative;
	top: 0px;
	font-size: 8pt;
	cursor: pointer;
}

div#aviso p
{
	text-align: left;
	padding: 20px 0px 0px 0px;
}

div#aviso p a
{
	font-weight: bold;
}

div#aviso p a:hover
{
	text-decoration: underline;
}

div#aviso.erro
{
/*	background-color: #ff0000;  */
	background-color: #FFD8D8;
}


div#aviso.erro *
{
/*	color: #fefefe; */
	color: #ff0000;
}

/*---------------------------------------------------------
---------------------------------------------------------*/

div#aviso
{
  	margin-left:auto;
  	margin-right:auto;
	position: absolute;
	padding: 20px 20px 20px 20px;
	background-color: #f8f095;
	width: 250px;
  	top: 50%;
  	left: 50%;
  	margin-top: -125px;
   	margin-left: -125px;
	box-shadow: 10px 10px 5px #888888;
}

div#aviso p
{
	text-align: left;
}

div#aviso p a
{
	font-weight: bold;
}

div#aviso p a:hover
{
	text-decoration: underline;
}

/*--------------------------------------------------------------------
--------------------------------------------------------------------*/