/*novo pacote fontawsome 5*/
@import url('font-awesome.min.css');
@import url('all.css');
@import url('formalize.css');
@import url('jquery/ui-lightness/jquery-ui-1.8.18.custom.css');
@import url('jquery/ui-lightness/jquery.loading.min.css');
@import url('jquery/qtip/jquery.qtip.min.css');
@import url('jquery/jscrollpane/jquery.jscrollpane.css');
@import url('jquery/jscrollpane/themes/lozenge/style/jquery.jscrollpane.lozenge.css');
/*@import url('jquery/tablesorter/blue/style.css');*/
@import url('jquery/ui-hydra/ui-autocomplete.css');
@import url('jquery/token-input/token-input-hydra.css');  

/***
/*
/* CSS Hydra
/* Vers?o FullScreen com menus e cabe?alhos vis?veis
/* Impress?o Inclu?da
/*
/* vers?o: 2008-01-11
/* autor:  Leonel da Palma <lionel@uma.pt>
/*
/* tbl_zebra_1 - eaeef2
/* tbl_zebra_0 - ffffff
/*
/*
/**/

.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  display: inline-block;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@font-face { font-family: "hydra"; src: url("fonts/Aldo PC.ttf") format("truetype"); }
/*
@font-face { font-family: "hydra_bold_OFF"; src: url("fonts/Aldo PC.ttf") format("truetype"); }
*/

#a3es h2 { font-family: "hydra_bold"; font-size: 2.0em; color: #ff7b00 !important; margin: 10px 0; text-shadow: #ccc 0px 0px 3px;}
#a3es h3 { font-family: "hydra"; font-size: 1.5em; color: #444 !important; margin: 5px 0;}

#a3es ul.token-input-list {border: 0;}
#a3es li.token-input-token-facebook {background: #9ecafe !important;}

/* Banner do Cabeçalho. (pvalente, 20260316) */
#cab_banner {
  height: 15px;
  width: 100%;
  border-top: 1px solid #1c3c50;
  border-bottom: 1px solid #1c3c50;


  background: linear-gradient(
    90deg,
    #000000,
    #035477,
    #069ddc
  );
}

  /*
  background: repeating-linear-gradient(
    90deg,
    #1c3c50 0px, #1c3c50 20px,
	rgba(6, 157, 220, 1) 20px, rgba(6, 157, 220, 1) 40px,
    white 40px, white 60px
  );

}
 */
/* Menu lateral */
.modulo_eagr_menu                { border: 1px solid #98A9C0; padding: 1px; margin-bottom: -1px;  width: 100%; position: relative; margin-left: -50%; left: 50%; background: #fff; }
#menu_lateral h4                 { padding-left:2px; margin-bottom: 1px; background: #98A9C0; color: #fff; text-align: left; margin: 0; padding-top: 0; padding-left: 0.5em; padding-bottom: 0; border-top: 0 solid #000; margin-bottom: 0; font-size: small;}
#menu_lateral h4 .spaced         { margin-top: 3px;}
#menu_lateral .h3_space          { margin-top: 15px;}
#menu_lateral .h3_geral          { margin-top: 0;}
#menu_lateral {
  /*position: absolute;*/
  position: relative;
  left: 50%;      /* centraliza horizontalmente */
  transform: translateX(-50%);  /* centraliza horizontalmente */
  width: 100%;           /* ocupa toda a largura dispon?vel */
  /*max-width: 1200px;      largura m?xima */
  padding: 0 10px;    /* espaçamento lateral */
  box-sizing: border-box; /* inclui padding na largura total */
  z-index: 10;
}
/* faixa de fundo */
#td_menu_lateral {
  /*background: rgba(48, 107, 150, 0.473); azul claro transparente */
  /*background: #035477; azul escuro */
  position: sticky; /* fixa no topo da página */
  top: 0;
  background: white;
  width: 100%;
  height: 90px;
  vertical-align: top;
  border-bottom: 1px solid #035477;
  z-index: 1000; /* garante que fica por cima */
}

#menu_lateral_literal {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  align-items: center;     /* centra verticalmente */
  gap: 10px;               /* espaço entre botões */
}

/*Botoes primeiro Nivel*/
#menu_lateral_literal a {
  display: inline-block;
  background: white;
  padding: 6px 10px;
  color: #035477;
  border-radius: 10px;
  border: 1px solid #ffffffd5;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}


/* hover */
#menu_lateral_literal a:hover {
  background: #f5f6f7;        /* azul um pouco mais forte */
  color: #368db6;
}


/* ---------------------------------------------
Keyboard accessible dropdown menu
Author:Adriana Palazova
Version:22 February 2009
last rev.: 19 October 2009
gratitude to Matthew Carroll - http://carroll.org.uk/sandbox/suckerfish/bones2.html
and
Alan Gresley and Duncan Hill - http://css-class.com/articles/ursidae/
------------------------------------------------ */
#ddmenu a:link {text-decoration:none}
#ddmenu a:visited {text-decoration:none}
#ddmenu a:hover, #ddmenu a:focus, #ddmenu a:active {}

/*Cabe?alho  permitir uma quebra de linha */
#cabecalho{
    width: 100%;
    white-space: wrap; /*  quebra de linha */
    height: auto;

}
.contactos a{
  white-space: normal;
  height: auto;
  overflow-wrap: break-word;
  word-break: break-word;

}
	#link-contactos {
		font-size: 17px;
		color: #1e2023;
		text-decoration:none;
		margin-right: 10px;
	}
  #link-contactos:hover {
    color: #368db6;
    text-decoration: underline;
  }

/*
#sigla_projecto { white-space:nowrap; font-size:140px; }
*/

#geral_utilizador_sessao {
	white-space:wrap;
	font-size:large;
	font-weight:bolder;
	text-align:center;
	color:#777;
}

/* --- TOP LEVEL MENU STYLES --- */
#ddmenu {
  padding: 0;
  margin: 0;
  float: left;              /* mantem no fluxo horizontal */
  margin-top: 20px;
}

/*  ecr?s mais pequenos  */
@media (max-width: 1050px) {
  #td_menu_lateral   {
    height: 170px;
  }
#menu_lateral {
  left: 2%;
  transform: none;
  width: auto;
  max-width: 100%;
}
  #cabecalho{
    width: 100%;
    white-space: wrap; /* impede quebra de linha */
}

}
@media (max-width: 600px) {
  #td_menu_lateral   {
    height: 220px;
  }
}

/* ITENS NA HORIZONTAL */
#ddmenu li {
  position: relative;
  float: left;              /* LADO A LADO */
  display: block;
  clear: none;
}


/* link  Removido igual ao id=#menu_lateral_literal a
#ddmenu li a {
  display: block;           
  padding: 6px 10px;
  white-space: normal;
}
*/
   
/* --- SUB MENU ITEMS --- */
#ddmenu li li {border:0 none; font-weight:normal; background: #1723d100;} /* no width here because of IE */
#ddmenu li li a {width:200px; padding:5px 0px 5px 10px; } 
#ddmenu ul > li {display:block; float:none} /* for Opera */


/* --- SUB MENU FIRST LEVEL INITIAL POSITION --- */ 
#ddmenu ul {
     background: white;   /* fundo do submenu */
     border-radius: 10px;

}
/* Edition submenu */
#ddmenu ul a{
     color: #e1f2fc ;
     background-color: #ffffff00;
}



#ddmenu ul a:hover {
     color:#368db6;
     background-color: white;
}

#ddmenu ul>li>a{
  display: inline-block;
  background: white;
  padding: 6px 10px;
  color: #035477;
  border-radius: 10px;
  border: 1px solid #ffffffd5;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
}



/*for modern browsers:*/
#ddmenu li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: none;
  margin-top:13px; /* espa?o vertical entre menu e submenu */
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
}

#ddmenu > li {
  margin-right: 10px;   /* espa?o horizontal entre itens */
}

#ddmenu li:hover > ul {
  display: block; /* mostra o submenu ao passar o mouse */
}


#ddmenu li ul li {
  display: block;
  float: none;
}

/*see the conditional comments for IE7*/
/* --- SHOW FIRST LEVEL SUB MENU --- */
/*For ie6:*/
#ddmenu li.sfhover ul,
#ddmenu li a:active ul,
#ddmenu li.sffocusparent ul,
#ddmenu li a.sffocus ul {left:0; }

/* for modern browsers + IE7:*/
#ddmenu li:hover > ul,
#ddmenu li.sfhover > ul,
#ddmenu li.sffocusparent > ul,
#ddmenu li a:active > ul,
#ddmenu li a:focus + ul,
#ddmenu li a.sffocus + ul {margin-left:0; top:20px; left:0; z-index: 999 !important;
-moz-box-shadow: 5px 5px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 5px 3px rgba(0,0,0,.2);
box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}
/* --- SUB MENU SECOND LEVEL and following levels UNHOVERED POSITION --- */  
#ddmenu li:hover ul ul,
#ddmenu li:active ul ul,
#ddmenu a:focus ul ul,
#ddmenu li.sfhover ul ul,
#ddmenu a.sffocus ul ul,
#ddmenu li.sffocusparent ul ul,
#ddmenu li.sffocus ul ul {left:-9999px}
 /* --- SHOW SECOND LEVEL SUB MENU --- */
 /* For ie6: */
#ddmenu ul li a:hover ul, #ddmenu ul li.sfhover ul,
#ddmenu ul li a:active ul,
#ddmenu ul li.sffocusparent ul,
#ddmenu ul li.sffocus ul {left:0}
 /* for modern browsers + IE7: */
#ddmenu ul li:hover > ul,
#ddmenu ul li.sfhover > ul,
#ddmenu li li a.sffocus + ul,
#ddmenu li li.sffocus > ul {margin-left:210px; top:0; left:0px}
/* --- SUB LEVEL positions for JavaScript  OFF - thanks http://css-class.com/articles/ursidae/ --- */ 
 /* --- The focus position for submenu anchors --- */
#ddmenu.ddmenu li li a:focus, #ddmenu.ddmenu li li a:active { /* --- THE FOCUS POSITION FOR FIRST SUB MENU ANCHORS --- */
    position:relative; left:9999px; top:-1px; }
#ddmenu.ddmenu li li li a:focus, #ddmenu.ddmenu li li li a:active { /* --- THE FOCUS POSITION FOR SECOND SUB MENU ANCHORS --- */
    left:19999px; margin-left:12em; top:-2.9em; }
/* --- The hovered position for submenu anchors when the anchor is in focus --- */
#ddmenu.ddmenu li:hover li a:focus, #ddmenu.ddmenu li:hover li a:active { 
    position:relative; left:auto; top:-1px; margin-left:0}
 
#ddmenu.ddmenu li:hover a:focus + ul { /* --- THE POSITION OF FIRST LEVEL SUB MENU, WHEN THE PARENT IS FOCUSSED AND HOVERED --- */ margin-left:0px; }
#ddmenu.ddmenu li li a:focus + ul { /* --- THE POSITION OF SECOND LEVEL SUB MENU, WHEN THE PARENT IS FOCUSSED FOR JavaScript  OFF --- */ top:-1px; left:12em; margin-left:10000px; }
#ddmenu.ddmenu li:hover li a:focus + ul { /* --- THE POSITION OF SECOND LEVEL SUB MENU, WHEN THE PARENT IS FOCUSSED AND HOVERED --- */ left:12em; margin-left:1px; }
/* --- BACKGROUND IMAGES OF PARENT ITEMS --- */
#ddmenu li.menu_com_subs { background: #ffffff00  url(../img/right-hydra.gif) 95% 50% no-repeat;}
#ddmenu ul li a.menu_com_subs {}


/* --- LINK HOVER STYLES --- */
#ddmenu li a:link, #ddmenu li a:visited  {}
#ddmenu li a:hover, #ddmenu li:hover a, #ddmenu li a:focus, #ddmenu li a:active, 
#ddmenu li.sfhover a, #ddmenu li a.sffocus, #ddmenu li.sffocusparent a {}
#ddmenu li li a:link, #ddmenu li li a:visited  {}
#ddmenu ul li a:hover, #ddmenu ul li:hover a, #ddmenu ul li a:focus, #ddmenu ul li a:active, 
#ddmenu ul li.sfhover a, #ddmenu ul li a.sffocus, #ddmenu ul li.sffocusparent a {}
#ddmenu li li li a:link, #ddmenu li li li a:visited  {}
#ddmenu li li li a:hover, #ddmenu li li li:hover a, #ddmenu li li li a:focus, #ddmenu li li li a:active, 
#ddmenu li li li.sfhover a, #ddmenu li li li a.sffocus, #ddmenu li li li.sffocusparent a {}






/*Cabecalho*/
	#cab_t { width:100%; margin-top:8px; }
	#cab_t_row1_col1 { width:20%; }
	#cab_t_row1_col2 { width:65%; }
	#cab_t_row1_col3 { width:15%; }
	#geral_utilizador_sessao { text-align:right; }
	#breadCrumb { font-weight:normal; font-size:medium; text-align:center; }
	#time_and_zone { color:#777; font-size:medium; text-align:center; }
/*
	#cab_t {
    background-image: 
       linear-gradient(to right, rgba(255, 255, 255, 0.685), rgba(255, 255, 255, 0.829)),
        url('../../imagens/logo_SiteTurismo.png');
    background-repeat: repeat-x;
	background-size: 400px auto;
}
	*/



/*rodape*/
	#rod_t { width:100%; margin-top:8px; border-top:5px solid #035477; }
	#rod_t_row1 { width:15%; }
	/*#rod_t_row2 { width:70%; }*/
	#rod_t_row3 { width:15%; }

#rod_t_row2{
  padding-left: 30%;
}
  
#rod_t_row1_col2{
  padding-left: 30%;
}
#rod_t_row1_col3{
  width: 25%;
}
.logoOT {
  width: 300px;
  margin-left: 70px;
}

/*Estilo para Logo de Inicio*/
@media (max-width: 1366px) {
  .logoOT {
    width: 230px !important;
    margin-left: 60px;
  }
}
.contactos {
  /*margin-left: 20%;*/
}

.contactos p {
  margin: 1% 0;
}
.redes-sociais{
	/*text-align: center;*/
	margin-top:10px;
  padding-left: 25%;
}
.redes-sociais >.objeto-link {
	text-decoration: none;
	margin: 0 8px;
}













/**/
/* Elementos */
/**/
/*h3                    {height: 20px; background: #98A9C0; color: #fff; text-align: left; margin: 0; padding-top: 0; padding-left: 0.5em; padding-bottom: 0; border-top: 0 solid #000; margin-bottom: 0; font-size: small;}*/
/*h3 {margin: 0; padding: 2px; margin-left: 2px; font-size: 14px; font-weight: bolder;}*/


h2         {margin: 0; padding: 2px; margin-left: 0px; font-size: 12px;  color: #000; border-bottom: 0px solid #00a; font-weight: bolder; font-size: 11px;}
h3         {margin: 0; padding: 2px; margin-left: 0px; font-size: 12px;  color: #000; border-bottom: 0px solid #00a; font-weight: bolder; font-size: 11px;}
table caption         {margin: 0; padding: 2px; margin-left: 0px; font-size: 12px;  color: #ff7b00; border-bottom: 0px solid #00a; background: url(../img/_separador_de_ei.gif) bottom left no-repeat; font-weight: bolder; font-size: 11px; text-align: left; margin-top: 10px; margin-bottom: 3px;}

h6         {height: 20px; color: #000; text-align: left; margin: 0; padding-top: 0; padding-bottom: 0; border-top: 0 solid #000; margin-bottom: 0; font-size: small;}
form       {display: inline;}
td         {font-size: 13px;}
th         {color: #000; background: #ffebd9; padding-top: 6px; padding-bottom: 6px;}
label      {color: #333; cursor: pointer;}
i          {font-style: normal;}
acronym {border-bottom: 1px dotted #000 !important; }
.acronimo {color: #f00;}
fieldset    {padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background: #eee;}


input {
   font-size:11px;
   /* FORMALIZE width: 99%; */
   width: 100%;
   font-size: 11px; 
   background-color: #d3e8ff; 
}   
input[type="checkbox"] {
   background: transparent; 
}    



.hydra_dropdown {
    background: url('jquery/ui-hydra/images/combobox_n.gif?1298351050') no-repeat right top;
    padding-right: 20px;
}
.hydra_dropdown:read-only {
    background-color: #D3E8FF;
    /*background-color: #00f;*/
}          
.hydra_dropdown[readonly] {
    background-color: #D3E8FF;
    /*background-color: #00f;*/
} 
.ui_autocomplete[disabled]{
    background: #eee !important;       
    color: #999 !important; 
}
.hydra_dropdown[disabled]{
    background: #eee !important;       
    color: #999 !important; 
}
select[disabled]{
    background: #eee !important;       
    color: #999 !important; 
}
.bloqueado{
    background: #eee !important;       
    color: #999 !important; 
}




.radio_no_bg   input{background: transparent;}
.input_no_bg   input{background: transparent;}
.input_gray_bg input{background: #ccc;}


textarea { background: #d3e8ff; 
/* FORMALIZE width: 98%; */
   width: 100%;
}


/* PARA COISAS ALARMANTES */
.red_ei th { color: #fff; background: #a00;}
.red_ei .tbl_zebra_1 {background: #eed5d5;}
.eliminar {color: #a00;}    
.botoes_de_formulario input     {
 /*  background:url(../img/2008/button_bg.gif1);  */
   background-color: #ccc;
   width: 200px;
   float: right;
   
}
.achtung input {color: #a00;}
.no_background input {background: none;}

select {
   width: 100%; height: 1.7em; font-size: 11px; 
   background: #d3e8ff; 
}
.botoes_de_formulario select    {
   background-color:#aaa;
   border-style:solid;
   border-color:#DDDDDD;
   border-width:1px;
}

.hr {height: 1px; border-bottom: 1px solid #ddd; margin-top: 20px; margin-bottom: 20px;}
.transparent_background input {background: transparent;}
/*border: 1px #000 solid; width: 100%; margin-top: 3px; font-size: 11px; height: 20px;*/

/*textarea                        {font-size: 10px; border: 1px solid #eee; background: #ff0; height: 121px; margin-top: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; padding: 0px; display: block;}*/


/**/
/* IDs */
/**/
#ampulheta             {background: url(../img/ampulheta.gif); right: 3px;position: absolute; width: 13px; height: 22px; display: none;}
#sigla_projecto        {font-size: xx-large; font-weight: bolder; margin-bottom: 0.1em; margin: 0 auto;text-align: center; color:#154867d9;}
#navegacao             {color: #000; position: relative; margin-left: 198px; vertical-align: bottom; padding-left: 20px; /*margin-bottom: 500px;*/}
#navegacao img         {position: absolute; margin-top: -1px; margin-left: -15px;}
#logos_madeira_digital {float: right;}
 
/**/
/* M?dulos do Espa?o de Agrega??o */
/**/
.floated_50pc_left   {float: left; width: 50%;}
.floated_50pc_right   {float: right; width: 50%;}
.floated_70pc_left   {float: left; width: 60%;}
.floated_30pc_right   {float: right; width: 40%;}

.colunas_1_2l       { color: #024; text-align: left; display: block; margin-bottom: 5px; width: 49%; float: left; border: solid 0 #069; clear: both;}
.colunas_1_2r       { color: #024; text-align: left; display: block; margin-bottom: 5px; width: 49%; float: right; border: solid 0 #006699 }

.botoes_de_formulario                      {margin: 1px; margin-bottom: 10px; text-align: right; background: none; }
.botoes_de_formulario_paginacao            {margin: 5px; padding: 3px; margin-bottom: 10px; width: auto; margin-left: auto; margin-right: 20px; text-align: center;}

botoes_de_formulario_redundates           {margin: 1px; margin-bottom: 1px; text-align: right;  }
.botoes_de_formulario_redundantes input    {border: 1px #000 solid; margin-top: 2px; }

/*.modulo_eagr             {border: 1px solid #98A9C0; margin-top: -1px; padding: 1px; width: 99%;  background: #fff; }*/
/*.modulo_eagr             {background: #fff url(../img/eagr_bg.gif) top left repeat-x; padding-bottom: 10px;}*/
/*.modulo_eagr             {background: url(../img/_separador_de_ei.gif) bottom left no-repeat; padding-bottom: 10px;}*/

.modulo_eagr .modulo_eagr{border: 0px solid #98A9C0; margin-bottom: 0; padding: 0px; width: 100%; background: transparent; margin: 0; left: auto;}
.modulo_eagr_expansivel {overflow:auto; height: 200px;}

.tab_inside .modulo_eagr             {border: 0; margin-bottom: 0; padding: 0; width: auto; position: relative; margin-left: 0; left: 0; background: transparent; }
/*.modulo_eagr_com_background                {border: 1px solid #98A9C0; padding: 1px; margin-top: -1px;  width: 99%; background: #e4ebf4; }*/
/*.modulo_eagr_com_background             {background:  url(../img/s1eparador_de_ei.gif) bottom left no-repeat; padding-bottom: 10px;}*/

.modulo_eagr_50pc_left                     {border: 1px solid #98A9C0; padding: 1px; width: 99%; position: relative; margin-left: 0; left: 0;}
.modulo_eagr_50pc_right                    {border: 1px solid #98A9C0; padding: 1px; width: 99%; position: relative; margin-right: 0; right: 0;}
.modulo_eagr_coluna_direita                {padding-left: 2px; padding-right: 1px;}
.modulo_eagr_coluna_esquerda               {padding-left: 1px; padding-right: 2px; border-right: 1px solid #ccc;}

.eagr_ficha_disciplina                     {padding: 10px; font-size: x-small;}
.eagr_ficha_disciplina textarea            {width: 96%; border: 1px #000 solid; margin-top: 1px; overflow: hidden; height: 120px;}
.eagr_ficha_disciplina input               {width: 98%; margin-top: 1px; }
.eagr_ficha_disciplina ol                  {margin-top: 0; margin-bottom: 0;}
.eagr_ficha_disciplina ul                  {margin-top: 0; margin-bottom: 0;}

.titulo_de_modulo_de_ficha                 {font-weight: bold; width: auto; padding: 3px; color: #000; font-size: small;}

/**/
/* Tabelas */
/**/
.tbl        {border: none; margin: 0; padding: 0; width: 100%; margin-top: 1px;}
.checkboxes       {width: 20px; overflow: visible}
.checkboxes input         {border: 0; width: auto; background: none;}
.zebra_complement_main       {border: 0; border-right: 1px solid #D5D9DC; border-left: 1px solid #D5D9DC; padding-left: 3px;}

.zebra_complement_linha_direita  {border: 0; border-right: 1px solid #D5D9DC; padding-left: 3px;}
.zebra_complement_linha_direita_c {border: 0; border-right: 1px solid #D5D9DC; padding-left: 3px; text-align: center;}
.zebra_complement_linha_direita_r {border: 0; border-right: 1px solid #D5D9DC; padding-left: 3px; text-align: right;}

.zcld {border: 0; border-right: 1px solid #D5D9DC; padding-left: 3px;}
.zcld_l {border: 0; border-right: 1px solid #D5D9DC; padding-left: 3px; text-align: left;}
.zcld_c {border: 0; border-right: 1px solid #D5D9DC; padding-left: 3px; text-align: center;}
.zcld_r {border: 0; border-right: 1px solid #D5D9DC; padding-left: 3px; text-align: right;}

.prazo_excedido_0                   {color: #000; }
.prazo_excedido_1                   {color: #f00; text-decoration: underline; font-weight: bolder;}

.tbl_zebra       {border: 1px solid #eee; margin: 0; padding: 0; width: 100%; font-size: x-small; margin-top: 1px; border-bottom: 1px solid #eaeef2;}
.tbl_zebra td      {vertical-align: top;}
.tbl_zebra th      {}
.tbl_zebra_0                        {background: #ffffff; height: 15px;}
.tbl_zebra_1                        {background: #eaeef2; height: 15px;}
.tbl_zebra_1                        {background: #ececec; height: 15px;}
.tr_total         {height: 30px;}






/* tables */
.ordenavel{
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
.ordenavel thead tr th, .ordenaveltfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
    text-align: left;
}
.ordenavel thead tr .header {
    background-image: url(jquery/tablesorter/blue/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
.ordenavel tbody td {
    color: #3D3D3D;
    padding: 2px;
    vertical-align: top;
}
.ordenavel tbody tr.odd td {
    background-color:#F0F0F6;
}
.ordenavel thead tr .headerSortUp {
    background-image: url(jquery/tablesorter/blue/asc.gif);
}
.ordenavel thead tr .headerSortDown {
    background-image: url(jquery/tablesorter/blue/desc.gif);
}
.ordenavel thead tr .headerSortDown, .ordenavelthead tr .headerSortUp {
background-color: #8dbdd8;
}


th.header { 
    background-image: url(../../hydra/img/ordena_up_down_arrow.gif); 
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center right; 
    padding-right: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-right: -1px; 
} 


th.headerSortDown { 
    background-image: url(../../hydra/img/ordena_down_arrow.gif); 
    background-color: #3399FF; 
} 


th.headerSortUp { 
    background-image: url(../../hydra/img//ordena_up_arrow.gif); 
    background-color: #3399FF; 
} 






/*----------------------------------------------------------------------
//
// JQUERY TOOLTIPS
//
//---------------------------------------------------------------------*/
.ui-tooltip {
    padding:8px;
    position:absolute;
    z-index:9999;
    max-width: 500px;
    -o-box-shadow: 0 0 5px #aaa;
    -moz-box-shadow: 0 0 5px #aaa;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

/**/
/* Classes do Modo Grafico*/
/**/
#alternador_de_modo_grafico         {cursor: pointer; float: right; margin-right: 5px; width: 19px; height: 18px; background: url(../img/modo_grafico.gif)}
.rep_percentagem                    {display: none;}
.num_percentagem                    {display: block;}

.cadeira_optativa    { background-image: url('../img/cadeira_opcao.gif'); background-repeat: no-repeat; background-position: left; padding-left: 27px; border-left: 0px; text-align: left; margin-left: 3px;}
/**/
/* Classes */
/**/
.debug_output              {display: block;}
.lio_development           {display: block;}
.descricao_de_campo        {white-space: nowrap; vertical-align: top;}
.descricao_de_campo_strong {white-space: nowrap; font-weight: bolder; vertical-align: top;}
.descricao_de_filtro       {background: url('../img/icon_filtro.gif') 4px -1px no-repeat;  padding-left: 21px; white-space: nowrap;}
.descricao_de_campo_c_wrap {}
.valor_de_campo            {white-space: nowrap; background:#dadada; width:100%; padding:3px}  

legenda_de_tabela         {margin-top: 1em; margin-bottom: 1em; margin-right: 1em; text-align: right; font-weight: bold;}
.botao_maximizar           {float: right; position: absolute; right: 0px; text-decoration: none; margin: 2px;}
.botao_minimizar           {float: right; position: absolute; right: 0px; text-decoration: none; margin: 2px; display:none;}
.fw input                  {width: 90%;}
.fw select                 {width: 93%}

/**/
/* Mensagens de Erro, Aviso, etc...*/
/**/
.msg_ok_titulo, .msg_avs_titulo, .msg_erro_titulo, .msg_info_titulo {display: none;}
.msg_info, .msg_erro, .msg_avs, .msg_ok {border-bottom: 0px solid #eee; padding-bottom: 10px; color: #333; padding-top: 2px; padding-left: 4em; margin-top: 2px;}
.msg_info                 {background: url(../img/icones_de_mensagens/info.gif) 1.5em 0.2em no-repeat;}
.msg_erro                 {background: url(../img/icones_de_mensagens/cruz.gif) 1.5em 0.2em no-repeat;}
.msg_avs                  {background: url(../img/icones_de_mensagens/exclamacao.gif) 1.5em 0.2em no-repeat;}
.msg_ok                   {background: url(../img/icones_de_mensagens/check.gif) 1.5em 0.2em no-repeat;}
input.msg_input_err, select.msg_input_err, textarea.msg_input_err      {background: #ffdddd; }
input.msg_input_avs, select.msg_input_avs, textarea.msg_input_avs      {background: #ffedc7;}
input.msg_input_ok, select.msg_input_ok, textarea.msg_input_ok        {background: #98fb98;}
input.msg_input_info, select.msg_input_info, textarea.msg_input_info    {background: #ffedc7;}


/* Paineis com icones de Mensagens de Erro, Aviso, etc...*/
/**/
.info_panel { background: #fff6aa url(../img/info.png) 10px 15px no-repeat; border: 1px solid #ccc377; padding: 20px; margin: 4px; padding-left: 85px; padding-top: 20px; min-height: 85px;}


/**/
/* Tabuladores */
/**/
.ontab                      {background-color: #98A9C0; border: 1px solid #cccccc; border-right: #848484; border-left: #aaa; border-bottom: 0; cursor: pointer; font-weight: normal; color: #fff; }
.offtab                     {background-color: #e5e5e5; border: 1px solid #cccccc;  cursor: pointer; font-weight: normal;}
.tabulador                  {visibility: hidden; display: none; position: relative; top: 0; }
.grupo_de_tabuladores       {width: 100%;}
.grupo_de_tabuladores td    {text-align: center; margin: 0; padding: 0.5em; border-top: 0 solid #000; margin-bottom: 0; font-size: 14px;font-weight: bolder; color: #000;}
.grupo_de_tabuladores th    {text-align: center; margin: 0; padding: 0.5em; border-top: 0 solid #000; margin-bottom: 0; font-size: 14px;font-weight: bolder; color: #000;}

#tab_wrapper        {margin-bottom: 5px;margin-top: 15px; z-index: 999;}
#menu_ta             {position: relative; margin-right: 0; }
/*#menu_ta             {border-collapse: collapse; border-spacing: 0;}*/
/* #menu_ta img         {margin-right: 10px;} */
#menu_ta form        {padding: 0;}
#menu_ta tda          {padding: 0; margin: 0;}
/*#menu_ta td          {border-collapse: collapse; border-spacing: 0;}*/
#menu_ta li          {list-style: none; float: left; padding-left: 0px; font-size: 11px; font-family: Tahoma;}
#menu_ta ul          {margin-left: 10px;}
#staberns            {padding-left:2px; margin-top: 6px; width: auto; margin-left: 0; margin-right: auto; padding-bottom: 2px;}

.tabuladores_superior a  {text-decoration: none; color: #000; font-size: 11px; font-family: Tahoma;}
.tabuladores_superior a:hover {color: #000;}
.tabuladores_superior a:active   {font-weight: bolder;}

#main_container      {width: 770px; margin-left: auto; margin-right: auto; clear: both; margin-bottom: 30px;}
#main_container table{width: 100%; text-align: left;}

#mail_address_and_folder   {margin-bottom: 0px; height: 35px; border-bottom: 1px solid #009ddc;}
#mail_adress               {font-size: large; font-weight: bolder; font-family: Tahoma; position: absolute; margin-top: 3px; text-align: left; width: 100%; margin-left: 10px;}

.tabuladores_start   {background: url(../img/tabuladores/white_tabs/tabuladores_start.gif) top left no-repeat; width: 9px; height: 22px;}
.tabuladores_spacer  {background: url(../img/tabuladores/white_tabs/tabuladores_spacer.gif) top left repeat-x;}
.tab_active_start    {background: url(../img/tabuladores/white_tabs/tab_active_start.gif) top left no-repeat #e4ebf4; width: 9px;}
.tab_active_bg       {background: url(../img/tabuladores/white_tabs/tab_active_bg.gif) top left repeat-x #e4ebf4; padding-top: 2px; font-weight: bolder;font-size: 14px;  cursor: pointer; }
.tab_active_bg a     {color: #ff7b00;}

.tab_active_end      {background: url(../img/tabuladores/white_tabs/tab_active_end.gif) top left no-repeat #e4ebf4; width: 9px;}
.tab_inactive_start  {background: url(../img/tabuladores/white_tabs/tab_inactive_start.gif) top left no-repeat #e4e4e4; width: 9px;}
.tab_inactive_bg     {background: url(../img/tabuladores/white_tabs/tab_inactive_bg.gif) top left repeat-x #e4e4e4; padding-top: 2px; font-weight: bolder; font-size: 14px; text-decoration: underline; cursor: pointer;}
.tab_inactive_end    {background: url(../img/tabuladores/white_tabs/tab_inactive_end.gif) top left no-repeat #e4e4e4; width: 9px;}
.tabuladores_end     {background: url(../img/tabuladores/white_tabs/tabuladores_end.gif) top left no-repeat; width: 9px;}
.tab_upper_left      {background: url(../img/tabuladores/white_tabs/tab_upper_left.gif) top left no-repeat; width: 8px; height: 5px;}
.tab_left            {background: url(../img/tabuladores/white_tabs/tab_left.gif) top left repeat-y; width: 8px;}
.tab_upper_right     {background: url(../img/tabuladores/white_tabs/tab_upper_right.gif) top left no-repeat; width: 9px; }
.tab_right           {background: url(../img/tabuladores/white_tabs/tab_right.gif) top left repeat-y; width: 9px;}
.tab_lower_left      {background: url(../img/tabuladores/white_tabs/tab_lower_left.gif) top left no-repeat; width: 8px; height: 9px;}
.tab_bottom          {background: url(../img/tabuladores/white_tabs/tab_bottom.gif) top left repeat-x;}
.tab_lower_right     {background: url(../img/tabuladores/white_tabs/tab_lower_right.gif) top left no-repeat; width: 9px; }
.tab_inside          {background: url(../img/tabuladores/white_tabs/inside.gif)}

.tab_inside .tab_active_start    {background: url(../img/tabuladores/tab_active_start.gif) top left no-repeat #e4ebf4; width: 9px;}
.tab_inside .tab_active_bg       {background: url(../img/tabuladores/tab_active_bg.gif) top left repeat-x #e4ebf4; padding-top: 2px; font-weight: bolder;font-size: 14px;  cursor: pointer; }
.tab_inside .tab_active_end      {background: url(../img/tabuladores/tab_active_end.gif) top left no-repeat #e4ebf4; width: 9px;}
.tab_inside .tab_inactive_start  {background: url(../img/tabuladores/tab_inactive_start.gif) top left no-repeat #e4e4e4; width: 9px;}
.tab_inside .tab_inactive_bg     {background: url(../img/tabuladores/tab_inactive_bg.gif) top left repeat-x #e4e4e4; padding-top: 2px; font-weight: bolder; font-size: 14px; text-decoration: underline; cursor: pointer;}
.tab_inside .tab_inactive_end    {background: url(../img/tabuladores/tab_inactive_end.gif) top left no-repeat #e4e4e4; width: 9px;}
.tab_inside .tabuladores_end     {background: url(../img/tabuladores/tabuladores_end.gif) top left no-repeat; width: 9px;}
.tab_inside .tab_upper_left      {background: url(../img/tabuladores/tab_upper_left.gif) top left no-repeat; width: 8px; height: 5px;}
.tab_inside .tab_left            {background: url(../img/tabuladores/tab_left.gif) top left repeat-y; width: 8px;}
.tab_inside .tab_upper_right     {background: url(../img/tabuladores/tab_upper_right.gif) top left no-repeat; width: 9px; }
.tab_inside .tab_right           {background: url(../img/tabuladores/tab_right.gif) top left repeat-y; width: 9px;}
.tab_inside .tab_lower_left      {background: url(../img/tabuladores/tab_lower_left.gif) top left no-repeat; width: 8px; height: 9px;}
.tab_inside .tab_bottom          {background: url(../img/tabuladores/tab_bottom.gif) top left repeat-x;}
.tab_inside .tab_lower_right     {background: url(../img/tabuladores/tab_lower_right.gif) top left no-repeat; width: 9px; }
.tab_inside .tab_inside          {background: url(../img/tabuladores/inside.gif)}
.tab_inside .tab_inside input    {background: #fafaff;}
.tab_inside .tab_inside .botoes_de_formulario input    {background: #ccc;}
.tab_inside .tab_inside select    {background: #fafaff;}
.tab_inside .tab_inside textarea    {background: #fafaff;}

div.ue      {background: #fff url(../img/tabuladores/white_tabs/_t.gif) repeat-x; margin-bottom: 0px; width: 100%;}
div.re      {background: url(../img/tabuladores/white_tabs/_r.gif) repeat-y right top }
div.be      {background: url(../img/tabuladores/white_tabs/_b.gif) repeat-x left bottom }
div.le      {background: url(../img/tabuladores/white_tabs/_l.gif) repeat-y }
div.ul      {background: url(../img/tabuladores/white_tabs/_ul.gif) no-repeat left top }
div.ur      {background: url(../img/tabuladores/white_tabs/_ur.gif) no-repeat right top }
div.bl      {background: url(../img/tabuladores/white_tabs/_ll.gif) no-repeat left bottom }
div.br      {background: url(../img/tabuladores/white_tabs/_lr.gif) no-repeat right bottom; padding: 11px 11px 20px 12px; }
div.in      {background: url(../img/tabuladores/white_tabs/insid.gif) no-repeat right bottom; width: 100%; padding:0; margin: 0;}
.ue h3      {color: #000;}

div.ue0      {background: #fff url(../img/tabuladores/white_tabs/_t.gif) repeat-x; margin-bottom: 10px; width: 100%; }
div.re0      {background: url(../img/tabuladores/white_tabs/_r.gif) repeat-y right top }
div.be0      {background: url(../img/tabuladores/white_tabs/_b.gif) repeat-x left bottom }
div.le0      {background: url(../img/tabuladores/white_tabs/_l.gif) repeat-y }
div.ul0      {background: url(../img/tabuladores/white_tabs/_ul.gif) no-repeat left top }
div.ur0      {background: url(../img/tabuladores/white_tabs/_ur.gif) no-repeat right top }
div.bl0      {background: url(../img/tabuladores/white_tabs/_ll.gif) no-repeat left bottom }
div.br0      {background: url(../img/tabuladores/white_tabs/_lr.gif) no-repeat right bottom; padding: 11px 11px 20px 12px;}
div.in0      {background: url(../img/tabuladores/white_tabs/insid.gif) no-repeat right bottom; width: 100%; padding:0; margin: 0;}
.ue0 h3      {color: #000;}

div.ue1      {background: #f5fdff url(../img/tabuladores/blue_tabs/_t.gif) repeat-x; margin-bottom: 10px; width: 100%; }
div.re1      {background: url(../img/tabuladores/blue_tabs/_r.gif) repeat-y right top }
div.be1      {background: url(../img/tabuladores/blue_tabs/_b.gif) repeat-x left bottom }
div.le1      {background: url(../img/tabuladores/blue_tabs/_l.gif) repeat-y }
div.ul1      {background: url(../img/tabuladores/blue_tabs/_ul.gif) no-repeat left top }
div.ur1      {background: url(../img/tabuladores/blue_tabs/_ur.gif) no-repeat right top }
div.bl1      {background: url(../img/tabuladores/blue_tabs/_ll.gif) no-repeat left bottom }
div.br1      {background: url(../img/tabuladores/blue_tabs/_lr.gif) no-repeat right bottom; padding: 11px 11px 20px 12px; }
div.in1      {background: url(../img/tabuladores/blue_tabs/insid.gif) no-repeat right bottom; width: 100%; padding:0; margin: 0;}
.ue1 h3      {color: #000;}


/* EXPANDER para exibir/esconder espa?oes de intera??o */
.botao_expander_de_espaco_de_interaccao {position: relative; float: right; margin-right: 0px; margin-top: 0px; width: 72px; height:19px;}
.botao_expander_de_espaco_de_interaccao a img{border:0;}
.h3_expander {border-top:1px solid #FF7B00; padding-top: 10px;}

/*inner_tabs*/
.inner_tabs .tabuladores_start   {background: url(../img/tabuladores/white_tabs/tabuladores_start.gif) top left no-repeat; width: 9px; height: 22px;}
.inner_tabs .tabuladores_spacer  {background: url(../img/tabuladores/white_tabs/tabuladores_spacer.gif) top left repeat-x;}
.inner_tabs .tab_active_start    {background: url(../img/tabuladores/white_tabs/tab_active_start.gif) top left no-repeat #e4ebf4; width: 9px;}
.inner_tabs .tab_active_bg       {background: url(../img/tabuladores/white_tabs/tab_active_bg.gif) top left repeat-x #e4ebf4; padding-top: 2px; font-weight: bolder; font-size: 14px; cursor: pointer; }
.inner_tabs .tab_active_end      {background: url(../img/tabuladores/white_tabs/tab_active_end.gif) top left no-repeat #e4ebf4; width: 9px;}
.inner_tabs .tab_inactive_start  {background: url(../img/tabuladores/white_tabs/tab_inactive_start.gif) top left no-repeat #e4e4e4; width: 9px;}
.inner_tabs .tab_inactive_bg     {background: url(../img/tabuladores/white_tabs/tab_inactive_bg.gif) top left repeat-x #e4e4e4; padding-top: 2px; font-weight: bolder; font-size: 14px; text-decoration: underline; cursor: pointer;}
.inner_tabs .tab_inactive_end    {background: url(../img/tabuladores/white_tabs/tab_inactive_end.gif) top left no-repeat #e4e4e4; width: 9px;}
.inner_tabs .tabuladores_end     {background: url(../img/tabuladores/white_tabs/tabuladores_end.gif) top left no-repeat; width: 9px;}
.inner_tabs .tab_upper_left      {background: url(../img/tabuladores/white_tabs/tab_upper_left.gif) top left no-repeat; width: 8px; height: 5px;}
.inner_tabs .tab_left            {background: url(../img/tabuladores/white_tabs/tab_left.gif) top left repeat-y; width: 8px;}
.inner_tabs .tab_upper_right     {background: url(../img/tabuladores/white_tabs/tab_upper_right.gif) top left no-repeat; width: 9px; }
.inner_tabs .tab_right           {background: url(../img/tabuladores/white_tabs/tab_right.gif) top left repeat-y; width: 9px;}
.inner_tabs .tab_lower_left      {background: url(../img/tabuladores/white_tabs/tab_lower_left.gif) top left no-repeat; width: 8px; height: 9px;}
.inner_tabs .tab_bottom          {background: url(../img/tabuladores/white_tabs/tab_bottom.gif) top left repeat-x;}
.inner_tabs .tab_lower_right     {background: url(../img/tabuladores/white_tabs/tab_lower_right.gif) top left no-repeat; width: 9px; }
.inner_tabs .tab_inside          {background: url(../img/tabuladores/white_tabs/inside.gif)}

/**/
/* calendario */
/**/
.calendario                {font-size: x-small; background: #fff; width: 100%;}
.calendario a              {color: #06c; font-size: xx-small; text-decoration: underline }
.calendario a:hover        {font-size: xx-small; text-decoration: underline; color: #fff;}
.calendario .hora          {margin-left:5px;}
.calendario .tipo          {margin-left:5px;}
.calendario .sala          {margin-left:5px;}
.calendario th             {width: 14.2%; }
.calendario td             {width: 14.2%; background: url(../img/calendario_background.png) bottom right no-repeat; text-align: left; vertical-align: top; height: 90px;}
.calendario .numero_data   {width: 13.8%; height: 90px; padding: 64px 20px 0 0; font-family: "hydra"; text-shadow:#fff 0px 1px 0, #666 0 -1px 0; color: #ccc; position: absolute; font-size: 25px; font-weight: bolder; z-index: 5000; text-align: right;  }
.calendario .evento        {background-image: url(../img/ponto_vermelho.gif); background-repeat: no-repeat; background-position: left top; position: relative; width: 100% }
.calendario .celula_vazia  {background: #fff; height: 90px; }
.calendario .evento_       {background: #f00; color:#fff; font-weight: bold; position: relative; width: 100%; border-bottom: 1px solid #B0C4DE;margin-bottom: 1px;  z-index: 5001;}
.calendario .evento_normal {background: #C2DAE6; position: relative; width: 100%; border-bottom: 1px solid #B0C4DE;margin-bottom: 1px;  z-index: 5001;}
.calendario .evento_extra  {background: #9FDFEF; position: relative; width: 100%; border-bottom: 1px solid #B0C4DE;margin-bottom: 1px;   z-index: 5001;}
.calendario .evento_extraordinaria  {background: #9FDFEF; position: relative; width: 100%; border-bottom: 1px solid #B0C4DE;margin-bottom: 1px;   z-index: 5001;}
.calendario .texto_legenda {color: #000}
.calendario .legenda_1     {background: #c2dae6; margin: 2px; padding: 2px 5px 2px 5px; }
.calendario .legenda_2     {background: #9fdfef; margin: 2px; padding: 2px 5px 2px 5px; }
.calendario .estado_p      {background-image: url(../img/icon_estado_4.gif); margin-left: 4px; color: #f00; font-size: xx-small;  min-height: 16px; height: auto; padding-left: 10px; background-repeat: no-repeat; background-position: left;  padding-left: 10px;}
.calendario .estado_p1     {background-image: url(../img/icon_estado_4.gif); margin-left: 4px; color: #f00; font-size: xx-small;  min-height: 16px; height: auto; padding-left: 10px; background-repeat: no-repeat; background-position: left;  padding-left: 10px;}
.calendario .estado_np     {background-image: url(../img/icon_estado_2.gif); margin-left: 4px; color: #f00; font-size: xx-small;  min-height: 16px; height: auto; padding-left: 10px; background-repeat: no-repeat; background-position: left;  padding-left: 10px;}
.calendario .estado_l      {background-image: url(../img/icon_estado_1.gif); margin-left: 4px; color: #f00; font-size: xx-small;  min-height: 16px; height: auto; padding-left: 10px; background-repeat: no-repeat; background-position: left;  padding-left: 10px;}
.calendario .estado_nl     {background-image: url(../img/icon_estado_4.gif); margin-left: 4px; color: #f00; font-size: xx-small;  min-height: 16px; height: auto; padding-left: 10px; background-repeat: no-repeat; background-position: left;  padding-left: 10px;}
.calendario .estado_np1    {background-image: url(../img/icon_estado_3.gif); margin-left: 4px; color: #f00; font-size: xx-small;  min-height: 16px; height: auto; padding-left: 10px; background-repeat: no-repeat; background-position: left;  padding-left: 10px;}

/**/
/* horario */
/**/
.horario                   {font-family: verdana; font-size: x-small; background: #9FB1C8; width: 100%; margin-top: 1px; }
.horario th                {width: 12.5%; border-bottom: 0px solid #aaa;}
.horario td                {width: 12.5%;  background: #fafafa; text-align: left; vertical-align: top;  border-bottom: 0px solid #aaa; border-left: 1px solid #fff; border-top: 0;}
.horario .td_horarios                  {width: 12.5%;  background: #fff; text-align: left; vertical-align: top; }
.horario .hora                                  {background: #fff; color: #000; text-align: center; font-weight: normal; margin-right:10px;}
.horario .cadeira                            {color: #000; text-decoration: underline;}
.horario .turma                              {color: #000}
.horario .sala                                  {color: #000}
.horario .evento                             {font-weight: bold; text-align: center;}

.tab_inside h3   {color: #000;  background: none; margin: 20px; margin-left: 0; font-weight: bolder; margin-bottom: 10px;}
.tab_inside a    {color: #00f;}

.botoes_de_formulario_paginacao            {margin: 5px; padding: 3px; margin-bottom: 10px; width: auto; margin-left: auto; margin-right: 20px; text-align: left; color: #ddd;}
.botoes_de_formulario_paginacao a          {margin: 5px; padding: 3px; padding-left: 6px; padding-right: 6px; margin-bottom: 10px; width: auto; margin-left: auto; margin-right: auto; background: #eee; border: 0px solid #000; color: #00a; line-height: 2.5em;}
.botoes_de_formulario_paginacao a:hover    {background: #ccc; border: 0px solid #000; color: #000; }
/*.botoes_de_formulario_paginacao input      {border: 1px #000 solid; margin: 2px; padding-left: 5px; padding-right: 5px; color: #f00;} */
.botoes_de_formulario_paginacao input          {margin: 5px; padding: 3px; padding-left: 6px; padding-right: 6px; margin-bottom: 10px; width: auto; margin-left: 10px; margin-right: auto; background: #eee; border: 0px solid #000; color: #00a; line-height: 2.5em;}
.botoes_de_formulario_paginacao input[disabled]         {margin: 5px; padding: 3px; padding-left: 6px; padding-right: 6px; margin-bottom: 10px; width: auto; margin-left: 10px; margin-right: auto; background: #fff; border: 0px solid #000; color: #aaa; line-height: 2.5em;}

.invisivel {display: none;}
.visivel {}
/*.invisivel {background: #a00; }
.visivel {background: #0a0; }*/


@media screen {
    html                             {background: #fff;}
    body                             {color: #000; margin: 0; font-family:tahoma,sans-serif;letter-spacing:0px !important; font-size: 14px; background: #f4f4f4;}
    #conteudo                        {position: relative; left: 50%; margin-left: -50%;width: 100%; background: #fff;border: 0px #ccc solid; display: block;z-index: 1999;}
    #cabecalho                       {background: #fff;border-bottom: 0px #ccc solid;height: auto;}
    #pb                              {position: absolute; left: 50%; margin-left: -240px; width: 480px; height: 219px; margin-top: 100px; z-index: 2000; background: url(../../imagens/loading_bg.png) top left no-repeat; }
    #pb_legenda                      {height: 1em;  border: 0px solid #ff0; overflow: hidden;}
    #logo_uma                        {float: left;}
    #logo_sidoc                      {margin: 2px 10px 2px 2px; float: right ; }
    #espaco_de_agregacao_container   {margin: 0; min-height: 460px; height: auto; _height: 460px; border-left: 1px solid #ccc; /*padding-top: 10px; padding-left: 10px; padding-bottom: 10px; 2026 Retirar margins*/ background: #f4f4f4; } 
    #espaco_de_agregacao             {margin: 0;  position: relative;}
    #botao_maximizar_global          {display: none;}
    #botao_minimizar_global          {display: none;}
    #rodape                          {text-align: left; border-top: 1px solid #ccc; margin-top: 0px; position: relative; clear: both; background: #fff;}
    #rodape br                       {}
    .spacer                          {clear: both; height: 1px; background: #0a0; padding: 0; margin: 0; display: none;}
    .botao_maximizar                 {color: #f00;}
}

@media print {
 body {background: #fff;font-family: verdana;font-size: xx-small;color: #000;}
 #pb {display: none;}
 #conteudo {position: relative;left: 50%;margin-left: -50%; width:100%; /*width: 99% 2026 colocar menu a 100%*/background: #fff;border: 0px #ccc solid;margin-top: 0;display: block;}

 /*#cabecalho retirar a borda */
 #cabecalho{padding: 3px;background: #fff;border-bottom: 0px #ccc solid;height: 60px;display:block;}
 #logo_uma {margin: 2px;float: left;}
 #tempo_de_sessao {display: none;}
 #espaco_de_agregacao_container  {margin: 0 0 0 0;bottom: 350px;min-height: 350px;height: auto;_height: 350px;border-style: solid; border-width: 0 0 0 0;}
 #espaco_de_agregacao {border: 0;margin: 0;margin-top: 0;}
 #botao_minimizar_global {display: block;}
 #botao_maximizar_global {display: none;}
 .tbl_zebra_0 td , .tbl_zebra_1 td {border-bottom: 1px solid #000; white-space: nowrap}
 #td_menu_lateral {display: none;}
 #navegacao {font-size:xx-small; margin:0;}
 /*#breadCrumb {text-align:center; font-size:xx-large; margin:0;}*/ /*Aqui não funciona, não sei porque razão. pvalente*/
 #navegacao td {font-size: xx-small; margin:0;}
 #rodape      { text-align: left; padding: 10px; position: relative; z-index: 1000; border: 0px solid #ccc }
 #rodape br   { display: none;}
 .spacer  { clear: both; height: 0px;}
 .botoes_de_formulario_redundantes {display: none;}
 .botoes_de_formulario {display: none;}
 .calendario td {border: 1px solid #ddd;}
 .calendario .numero_data {color: #999; position: relative; font-size: 1em; font-weight: bolder; border-bottom: 0px solid #999; margin-bottom: 1px;}
 .input_no_print {display: none;}
                                                           
 #botao_maximizar_global          {display: none;}
 #botao_minimizar_global          {display: none;}
 #logo_uma                         {display: none;}
 #navegacao                        {font-size: 12pt;}
 #barra_de_sessao                  {display: none;}
 #nome_de_utilizador               {font-size: 12pt;}
 .botoes_de_formulario             {display: none;}
 .botoes_de_formulario_redundantes {display: none;}
 .calendario td                    {border: 1px solid #ddd;}
 .calendario .numero_data          {color: #999; position: relative; font-size: 1em; font-weight: bolder; border-bottom: 0px solid #999; margin-bottom: 1px;}

 
 .horario                   {font-family: verdana; font-size: x-small; background: #9FB1C8; width: 100%; margin-top: 1px; }
.horario th                {width: 12.5%; border-bottom: 0px solid #aaa;}
.horario td                {width: 12.5%;  background: #fafafa; text-align: left; vertical-align: top;  border-bottom: 0px solid #aaa; border-left: 1px solid #fff; border-top: 0;}
.horario .td_horarios                  {width: 12.5%;  background: #fff; text-align: left; vertical-align: top; }
.horario .hora                                  {background: #fff; color: #000; text-align: center; font-weight: normal; margin-right:10px; font-size: 8px;}
.horario .cadeira                            {color: #000; text-decoration: underline;}
.horario .turma                              {color: #000}
.horario .sala                                  {color: #000}
.horario .evento                             {font-weight: bold; text-align: center;}


/* gesalunos - facturacao - conta-corrente */
#table_alterar_destinatario {display: none;}
}

/***
* DASHBOARD
*/

.dashboard_item {
    float: left; position: relative; 
    margin-right: 10px; margin-bottom: 10px; 
    width: 150px; min-height: 115px; 
    background: #eee url(../../hydra/img/dashboard/creditacoes.png) 50% 40px no-repeat; 
    padding: 10px; padding-top: 95px; text-align: center; 
    border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.1); 
    box-shadow: 4px 4px 0 rgba(0,0,0,0.1);
}
.dashboard_title  {font-size: 12px; position: absolute; margin-top: -80px; margin-left: -10px; width: 100%; font-weight: bolder; color: #000; }
.dashboard_number {font-size: 20px; font-weight: bolder; color: #fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.6); }
.dashboard_number {font-size: 25px; font-weight: bolder; color: #000; text-shadow: 2px 2px 3px rgba(0,0,0,0.0); }
.creditacoes {background-image: url(../../hydra/img/dashboard/creditacoes.png);}
.alunos_inscritos {background-image: url(../../hydra/img/dashboard/alunos.png);}

.dashboard_item a {
    font-family: hydra;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;    
    color: #555;
    text-decoration: none;
    background-image: -webkit-linear-gradient(#fff,#ddd);
    background-image: -moz-linear-gradient(#fff, #ddd);
    background-image: -o-linear-gradient(#fff, #ddd);
    background-image: -ms-linear-gradient(#fff, #ddd);
    background-image: linear-gradient(#fff, #ddd);
    background: #ddd url("../img/formalize/button.png?1298351022") top left repeat-x; 

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px; padding-left: 20px; padding-right: 20px;
    border: 1px solid #555;                           
}                
.dashboard_item a:hover {
    background: #0075b2;     
    color: #fff;                                                                                 
}



/***
/*
/* A3ES
/*
**/

#a3es ul.token-input-list { width: 170px ; }
#a3es ul.token-input-list li input { width: 100px ; }
#a3es li.token-input-selected-token { color: #000000;}
#a3es .botoes_de_formulario input {
    background-color: #ccc !important; 
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.11));
    /*border-style: none none solid;*/
    color: #000;
    font-weight: bolder;
    margin: 10px 0 0 10px;
    padding: 6px 10px 6px 20px;
    width: 170px !important;
    cursor: pointer;
    border-radius: 5px;
}
#a3es .botoes_de_formulario input:hover { background-color: #aaa !important; }
#a3es #BT_FRM_GRD { background: url(../img/botoes/btn_save.png) 5px 5px no-repeat; }
#a3es #BT_FRM_ELM { background: url(../img/botoes/btn_delete.png) 5px 6px no-repeat; }
#a3es #BT_FRM_GRD_WIZ_NEXT{ background: url(../img/botoes/btn_next.png) 5px 5px no-repeat; }
#a3es #BT_FRM_GRD_WIZ_PREV { background: url(../img/botoes/btn_previous.png) 5px 5px no-repeat; }
#a3es #BT_IMP_REP { background: url(../img/botoes/btn_print.png) 5px 3px no-repeat; }
#a3es #BT_IMP_REP2FICH , #a3es #BT_IMP_REP2FICH_EXECANTES {
    background: url(../img/botoes/btn_save_down.png) 5px 5px no-repeat;
    width: 250px !important; padding-left: 30px;
}
#a3es .ui-state-info { background: #999; border: 1px solid #999; color: #e7e7e7; }
#a3es .padded td, .padded th  {}
#a3es .padded td {}
#a3es h3 {margin-top: 10px; margin-bottom: 10px; text-transform: uppercase;}

#a3es .input_div .resized_inputs td {padding: 0 !important;}
#a3es .resized_inputs td {padding: 3px !important;}

#a3es .resized_inputs input     {background: #d3e8ff; width: 98%; background-position: right center; background-repeat:   no-repeat ;}
#a3es .resized_inputs textarea  {background: #d3e8ff; min-height: 6em; font-family: verdana; font-size: 1em; }
#a3es input     {border: 0; margin: 0; background-color: #d3e8ff; width: 100%;}
#a3es .centered_input  input {text-align: center;}
#a3es textarea  {border: 0; background: transparent;  overflow:visible}
#a3es .hydra_dropdown { background-color: #d3e8ff !important; cursor: pointer;}

.input_div .tbl_zebra td { background: #d3e8ff !important; border-right: 0 !important; border-bottom: 0 !important; height: 15px;}

#a3es .tbl_zebra {border: 0; background-color: #CDCDCD;}
#a3es .tbl_zebra td { background: #eee ; border-right: 0 !important; border-bottom: 0 !important; height: 15px;}
#a3es .tbl_zebra th, #a3es .tbl_zebra td  {vertical-align: top; padding: 3px !important;}
#a3es .tbl_zebra th {color: #fff; background: #777; padding-top: 10px !important; padding-bottom: 10px !important;}

#a3es #seccao_7 textarea  {min-height: 1em !important;}
#a3es td {padding: 0;}
#a3es .td_autocomplete {padding-right: 25px !important; }
#a3es .tbl_zebra .td_autocomplete input{width: 97% !important;}
#a3es .descricao_de_campo {font-weight: bolder;}
#a3es h1 {margin-top:0px; margin-bottom:10px; font-size: 15px;}
#a3es .dossie_a3es {background: url(../img/logo_a3es.png) left top no-repeat; padding-left: 181px; min-height: 108px;}
#a3es .botoes_de_formulario input {margin-left: 20px !important;}
#a3es .red{background: #a00;}
#a3es .autocomplete_bg {background: url(../img/botoes/bg_autocomplete.png) top left no-repeat;}
#a3es .line_add {background: transparent url(../img/botoes/token_input_plus.png) bottom right no-repeat !important;}



/***
/*
/* CSS Infoalunos2
/* Infoalunos 2 - Backward compatibility
/*
/* vers?o: 2004-05-12
/* autor:  Leonel da Palma <lionel@uma.pt>
/*
/*
**/
.TableFlat       {font-size: 10px; background-color: #f5f5f5; border: solid 1px black }
.titulotabela    {color: #800000; font-weight: bold;}
.dsgcampos       {color: #696969; font-weight: normal }
.inputbox        {font-size: 10px; border: solid 1px #000 }
.letraspequenas  {font-size: 10px }
.erro            {color: red; font-size: 11px; }
.link_destaque   {color: blue; font-size: 11px; background-color: white; margin: 1px; padding: 2px }
.link_full_eagr  {float: right; position: relative; margin-top: -15px;}
.disableselect   {color: #1a73e8; } /* Utilizado nos combos hierarquicos */
.disableselectpub {color: gray; font-weight:bold;font-style:italic} /*Utilizado nas combos hierarquicas das publicacoes*/

.cell_anolectivo    {width: 50px; text-align: center;}
.cell_auto input {background: transparent; border: 0;}

th.cell_data          {width: 60px; text-align: center;}
td.cell_data          {width: 60px; text-align: left;}
.cell_hora          {width: 40px; text-align: center;}
.cell_horas         {width: 70px; text-align: center;}
.cell_turma         {width: 40px; text-align: center;}
.cell_periodo       {width: 30px; text-align: center;}
.cell_anolectivo    {width: 50px; text-align: center;}

th.cell_curso       {width: 400px; text-align: center;}
td.cell_curso       {width: 400px; text-align: left;}

th.cell_20px       {width: 20px; text-align: center;}
td.cell_20px       {width: 20px; text-align: left;}

th.cell_30px       {width: 30px; text-align: center;}
td.cell_30px       {width: 30px; text-align: center;}

th.cell_data_hora       {width: 120px; text-align: center;}
td.cell_data_hora       {width: 120px; text-align: center;}

th.cell_disciplina       {width: 300px; text-align: center;}
td.cell_disciplina       {width: 300px; text-align: left;}

th.cell_documentos       {width: 50px; text-align: center;}
td.cell_documentos       {width: 50px; text-align: left;}

th.cell_numero_de_aluno       {width: 60px; text-align: center;}
td.cell_numero_de_aluno       {width: 60px; text-align: center;}

th.cell_produto       {width: 300px; text-align: center;}
td.cell_produto       {width: 300px; text-align: left;}

th.cell_periodo       {width: 30px; text-align: center;}
td.cell_periodo       {width: 30px; text-align: right;}

th.cell_quantidade       {width: 60px; text-align: center;}
td.cell_quantidade       {width: 60px; text-align: right;}
td.cell_quantidade imput {width: 60px; text-align: right !important;}

th.cell_utilizador       {width: 70px; text-align: center;}
td.cell_utilizador       {width: 70px; text-align: right;}

th.cell_valor         {width: 70px; text-align: center; }
td.cell_valor         {width: 70px; text-align: right; white-space: nowrap;}
td.cell_valor  input       {text-align: right;}

.intervencao { border: 0px solid #ff0;position: absolute; width: 15px; height: 15px; margin-left: -14px; margin-top: -14px; background: url(../img/intervencao.png) top left no-repeat; z-index: 11900000;}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landr?               |
|--------------------------------------------------*/

.dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: normal; }
.dtree img { border: 0px; vertical-align: middle; }
.dtree a { color: #333; text-decoration: none; }
.dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }
.dtree a.node:hover, .dtree a.nodeSel:hover { color: #333; text-decoration: underline; }
.dtree a.nodeSel { background-color: #c0d2ec; }
.dtree .clip { overflow: hidden; }
.dtree a { color: #333; text-decoration: none; }
.dtree_link a { color: #0000ff; text-decoration: none; }
.ui-loading-big{height:150px;background-color: #FFF; background-position: center center;background-repeat:   no-repeat ;background-image:    url('../../hydra/css/jquery/ui-hydra/images/wait_icon_big.gif') !important;}







#server_time{
  padding-right: 5px;
  margin: 10px 0 10px 0;
  text-align:center; 
  width: 100%; 
  color: #035477;
}


a:hover {
    text-decoration: underline !important ;
}

/* === Estilos para paginas */

.bloco-principal-pagina {
	margin-bottom: 20px;
}


.div-titulo-pagina {
	 /* fundo branco com borda cinza clara
	 background-color: rgba(255, 255, 255, 0.829); 
	 border: 2px solid rgba(105, 105, 105, 0.671);
	 border-radius: 30px;
	 */
	 margin-bottom:  15px ;
	 font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	 font-size: 32px;
	 font-weight: 700;
	 color:#1c3c50;
	 text-align: center;
	
}
/* Sub t?tulo Pagina */
.div-descricao-pagina h4 {
  font-size: 20px;
  font-weight: 700;
  color: #1c3c50;
}
.div-descricao-pagina {
	margin-top: 10px;
	text-align: left;
  padding-left: 20px;
  padding-right: 20px;
	/*border-left: 1px solid black; coloca uma borda na esquerda*/
	font-size: 17px;
	color:#1e2023
}






/* Estilo dashboard*/
.objeto-superset{
  width: 100%;
  height: 600px;
}
.objeto-superset>*{
  width: 100%;
  height: 100%;
}


/* CSS tipo de Objetos Apresenta??o|*/



.bloco-principal {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Espa?amento entre blocos de tipos de objetos */
.bloco-principal > .bloco-tipo-objeto + .bloco-tipo-objeto {
    margin-top: 40px;
}


.objeto-descricao{
  text-align:left ;
}

.objeto-ficheiro {
    display: flex;
    align-items: center;   /* vertical */
    justify-content: center; /*  horizontal */
    gap: 10px;
    margin-top: 10px;

    text-decoration: none;
}
.objeto-ficheiro img{
    flex-shrink: 0;
    width:20px;
    height: auto;
}

.objeto-ficheiro :hover {
    text-decoration: underline;
}

.data-inicio,.data-fim {
    font-size: 17px;
    color: #1e2023;
    margin: 0 10px 10px 10px;
    /*margin-top: 5px;*/
}


/* === Estilos comuns para ambos Tipos de Objetos */
/* Links como "bot?es" */


.objeto-item.ObjetoTDILE a:hover,.objeto-item.ObjetoITDL a:hover {
  text-decoration: underline;
}

.objeto-link-container {
  font-size: 17px;
}

.objeto-ficheiro {
  font-size: 17px;
}


.objeto-item.ObjetoTDILE >div>.objeto-link{
  width: auto;
  max-width: 100%;
  display: inline-block; /* para poder aplicar padding e border */
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #0d6efd;
  background: white;
}







/*
////////
///////
////////
///////   CSS Objeto-TDILE
////////
///////
////////
///////
*/
.bloco-tipo-objeto.ObjetoTDILE {
    display: grid;                /* ativa o grid */
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); /* colunas responsivas de no m?nimo 320px */
    gap: 20px;                    /* espa?o entre os itens, ajuste se quiser */
    justify-items: center;        /* centraliza horizontalmente cada item da coluna */
    align-items: start;           
    margin: 0 auto;               /* centraliza o grid no bloco principal se precisar */
    width: 100%;                  /* ocupa toda a largura dispon?vel */
}


.objeto-item.ObjetoTDILE {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    background: #f9f9f9;
    width: 100%;         /* ocupa largura total da c?lula */
    height: 100%;        /* ocupa altura total da c?lula */
    display: flex;       /* para poder alinhar conte?do interno facilmente */
    flex-direction: column; 
}


.objeto-item.ObjetoTDILE:has(.imgObj) {
  padding-top:70px;         /* reserva espa?o para o ?slot? do ?cone/imagem */
}


.objeto-item.ObjetoTDILE:hover{
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}


.objeto-item.ObjetoTDILE >.objeto-imagem >.imgObj {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 65px;
  height: 65px;
  object-fit: contain;
  border-radius: 6px;
}


.objeto-item.ObjetoTDILE:hover{
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

/* font-size igual */
.objeto-item.ObjetoTDILE > .objeto-titulo {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 700;
  color: #1c3c50;
}

.objeto-item.ObjetoTDILE > .objeto-descricao {
  padding-right: 20px; /* Espa?o para a imagem, se existir */
  margin: 0;
  line-height: 1.55;
  font-size: 17px;
  color: #1e2023;
  text-align: left;
}
.objeto-item.ObjetoTDILE > a{
	word-break: break-word;  /* quebra longas palavras se necess?rio */
  white-space: normal;     /* permite m?ltiplas linhas */

}

/* Hover discreto (clean) */
.objeto-item.ObjetoTDILE:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
  border-color: #a5d4e8;
}



/*ObjetoITDEL (Hover)*/


/*
////////
///////
////////
///////   CSS Objeto-ITDEL
////////
///////
////////
///////
*/
.bloco-tipo-objeto.ObjetoITDEL {
  display: grid;

  grid-template-columns: repeat(auto-fill, 400px);

  gap: 16px;
  justify-content: center;  /* centraliza as colunas */
}

/* Mobile */  
.objeto-item.ObjetoITDEL {
  position: relative;
  flex: 1 1 300px; /* flex-grow: 1; flex-shrink: 1; base: 300px */
  width:100%;
  height: 240px;
  overflow: hidden;
  border-radius: 30px;
  margin-top: 20px;
}



.objeto-item.ObjetoITDEL:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Imagem de fundo no card ITDEL */
.objeto-item.ObjetoITDEL > .objeto-imagem > .imgObj{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 1;
}


/* Texto dentro do card ITDEL */
.objeto-item.ObjetoITDEL > .objeto-titulo,
.objeto-item.ObjetoITDEL > .data-inicio, 
.objeto-item.ObjetoITDEL > .data-fim {
    text-align: center;
    position: relative;
    z-index: 2;
    color: rgb(238, 238, 238);
    background-color: #427ec2bd; /* cor diferente do ObjetoTDILE */
    font-size: 16px;
}

/* T?tulo do card ITDEL */
.objeto-item.ObjetoITDEL > .objeto-titulo {
    margin-top: 20px;
    font-size: 25px;
}

/* Datas */
.objeto-item.ObjetoITDEL > .data-inicio {
    padding-bottom: 2px;
}

.objeto-item.ObjetoITDEL > .objeto-ficheiro{
    position: absolute;
    inset: 0;        /* ocupa todo o card */
    z-index: 3;        /* fica abaixo do texto */
    opacity: 0;      /* invisível */
    cursor: pointer; /* cursor clicável */
}

.objeto-item.ObjetoITDEL >.objeto-ficheiro :hover{
    color: rgb(167, 168, 216);
    text-decoration: underline;
}





.objeto-item.ObjetoITDEL:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent;
  transition: background-color 0.3s ease;
  z-index: 1;
}

/* Hover sobre o card ITDEL */
.objeto-item.ObjetoITDEL:hover::after {
    background-color: #2d71b170; 
}



/*
////////
///////
////////
///////   CSS Objeto-ITDL
////////
///////
////////
///////
*/

.bloco-tipo-objeto.ObjetoITDL {
    display: grid;                /* ativa o grid */
    grid-template-columns: repeat(2, 1fr);    /* s? 2 colunas iguais */
    gap: 20px;                    /* espa?o entre os itens */
    justify-items: center;        /* centraliza horizontalmente cada item */
    align-items: start;           /* alinha os itens no topo da c?lula */
    margin: 0 auto;               /* centraliza o grid no bloco principal */
    width: 100%;                  /* ocupa toda a largura dispon?vel */
}





.objeto-item.ObjetoITDL{
  position: relative;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  padding: 22px;
  margin-bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column; 
  gap: 14px;
}



/* imagem */
.objeto-item.ObjetoITDL > .objeto-imagem{
  position: relative;
  z-index: 1;
}

/* Imagem/logo (primeiro elemento no card) */
.objeto-item.ObjetoITDL > .objeto-imagem > .imgObj{
  height: 160px;       
  width: 100%;
  max-width: 310px;
  object-fit: contain;
  display: block;
  margin-bottom: 14px;
}

/* Texto */
.objeto-item.ObjetoITDL > .objeto-texto{
  margin-top: 0;
  width: 100%;
  min-width: 0;
}

/* T?tulo */
.objeto-item.ObjetoITDL > .objeto-titulo{
  font-size: 20px;
  font-weight: 700;
  color:#1c3c50;
  margin: 0 0 12px 0;
  position: relative;
  padding-bottom: 10px;
}

/* Linha abaixo do t?tulo */
.objeto-item.ObjetoITDL > .objeto-titulo::after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e6e6e6;
  margin-top: 10px;
}

/* Descri??o */
.objeto-item.ObjetoITDL > .objeto-descricao{
  margin: 0;
  line-height: 1.55;
  font-size: 17px;
  color:#1e2023;
  margin-bottom: 12px;
}


/* link por cima da imagem */
.objeto-item.ObjetoITDL >div> .objeto-link{
  position: absolute;

  top: 22px;              /* mesmo padding do card */
  left: 22px;

  width: 310px;
  height: 160px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(0,0,0,0.5);
  color: white;
  text-decoration: none;

  opacity: 0;
  transition: opacity 0.3s ease;

  z-index: 22;
}

/* mostrar no hover da imagem */
.objeto-item.ObjetoITDL > .objeto-imagem:hover +div> .objeto-link{
  opacity: 1;
}



/*
////////
///////
////////
///////   CSS Objeto-TID
////////
///////
////////
///////
*/

.bloco-tipo-objeto.ObjetoTID {
  
  display: grid;
  grid-template-columns: 1fr;/* apenas 1 coluna para destacar a imagem grande */
  gap: 20px;
  justify-items: center;
}


/* Objeto TID */
.objeto-item.ObjetoTID {
  position: relative;
  background-color:rgba(255, 255, 255, 0.637);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  padding: 20px;
  width: 100%;
  max-width: 1400px; /* largura m?xima para evitar cards muito largos em telas grandes */
  margin-top: 20px;
}

/* imagem */
.objeto-item.ObjetoTID > .objeto-imagem > .imgObj {
  width: auto;   
  max-width: 1000px; /* controla largura máxima da imagem */
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 10px;
  background: #fff;
  flex-shrink: 0;
  margin :0 auto; /* centraliza a imagem */
}

/* T?tulo */
.objeto-item.ObjetoTID > .objeto-titulo {
  margin: 10px 0;
  font-size: 20px;
  font-weight: 600;
  color: #1c3c50;
  text-align: center;
}

.objeto-item.ObjetoTID > .objeto-descricao{
  margin-top: 30px;
  /*margin-bottom: 10px;*/
  font-size: 17px;
  line-height: 1.5;
  color: #1e2023;
  text-align: left;
}
.objeto-item.ObjetoTID > .objeto-descricao:has(.btn-readmore) {
  display: inline-block;
}

.objeto-item.ObjetoTID > .objeto-descricao > .escondeLinkTID {
  display: none;
}


.objeto-item.ObjetoTID >div> .objeto-link,  .objeto-item.ObjetoTID> .objeto-ficheiro {
  display: inline-block ; /* para poder aplicar padding e border */
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #0d6efd;
  background: white;
}



.objeto-item.ObjetoTID > .data-inicio,
.objeto-item.ObjetoTID > .data-fim {
  text-align: center;
  font-size: 16px;
  color: #1c3c50;
}

.objeto-item.ObjetoTID > .legenda-tabela{
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #1c3c50;
  text-align: center;
  font-style: italic;
}

/* tabela mant?m-se igual */
.objeto-item.ObjetoTID > .data-table{
  width: 100%;
  height: auto;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 14px 8px;
  margin: 0 auto;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1f4fd8;
}

.objeto-item.ObjetoTID > .data-table th,
.objeto-item.ObjetoTID > .data-table td{
  padding: 10px 16px;
  text-align: center;
  background: #ffffff;
  border-radius: 6px;
  transition: background 0.2s ease;
  word-break: break-word;
}

.objeto-item.ObjetoTID > .data-table th{
  background: #f6d7c6;
  font-weight: 600;
}

.objeto-item.ObjetoTID > .data-table tbody tr:hover td{
  background: #e6efff;
}





.objeto-item.ObjetoTID > .objeto-video {
  margin: 20px auto;
  max-width: 500px;  /* controla tamanho máximo */
  width: 100%;
  height: auto;
  display: block;
}





/*
////////
///////
////////
///////   CSS Objeto-I
////////
///////
////////
///////
*/

.bloco-tipo-objeto.ObjetoI {
  
  display: grid;
  grid-template-columns: 1fr;/* apenas 1 coluna para destacar a imagem grande */
  gap: 20px;
  justify-items: center;
}


/* Objeto I */
.objeto-item.ObjetoI {
  position: relative;
  background-color:rgba(255, 255, 255, 0.637);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  padding: 20px;
  width: 100%; /* largura m?xima para evitar cards muito largos em telas grandes */
  margin-top: 20px;
}

/* imagem */
.objeto-item.ObjetoI > .objeto-imagem > .imgObj {
  width: auto;   
  max-width: 1000px; /* controla largura máxima da imagem */
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 10px;
  background: #fff;
  flex-shrink: 0;
  margin :0 auto; /* centraliza a imagem */
}


.objeto-item.ObjetoI >.objeto-imagem >.imgObj{ 
  width: 100%;
  height: auto;          /* deixa a imagem definir a altura */
  object-fit: contain;  /* n?o corta a imagem */
  display: block;
  border-radius: 10px;
  background: #fff;
}



/* T?tulo */
.objeto-item.ObjetoI > .objeto-titulo {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1c3c50;
}

.objeto-item.ObjetoI> .objeto-descricao{
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 1.5;
  color: #1e2023;
  text-align: left;
}


.objeto-item.ObjetoI > div> .objeto-link {
  width: auto;
  max-width: 100%;
  display: inline-block; /* para poder aplicar padding e border */
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #0d6efd;
  background: white;
}

.objeto-item.ObjetoI> .objeto-imagem > .imgObj {
  width: auto;   
  max-width: 1000px; /* controla largura máxima da imagem */
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 10px;
  background: #fff;
  flex-shrink: 0;
  margin :0 auto; /* centraliza a imagem */
}


/*CSS objetos Especificos*/


/*apresentação tabela  */

.legenda-tabela{
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #1c3c50;
  text-align: center;
  font-style: italic;
}
.data-table{
  width: 100%;
  height: auto;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 14px 8px;
  margin: 0 auto;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1f4fd8;
}


.data-table th,
.data-table td{
  padding: 10px 16px;
  text-align: center;
  background: #ffffff;
  border-radius: 6px;
  transition: background 0.2s ease;
  word-break: break-word;
}

.data-table th{
  background: #f6d7c6;
  font-weight: 600;
}

.data-table tbody tr:hover td{
  background: #e6efff;
}



/*
////////
///////
////////
///////   CSS Estilos Slideshow
////////
///////
////////
///////
*/


.slideshowWrapper {
  position: relative;
}

/* setas */
.slide-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #154867;
  border: none;
  font-size: 2vw;
  cursor: pointer;
  z-index: 2;
  border-radius: 3px;
}

.prev-slide {
  left: 30%;
}

.next-slide {
  right: 30%;
}

.objeto-item.ObjetoSlideShow > .objeto-titulo
{
    justify-content: center; 
    align-items: center;     
    font-size: 20px;
    font-weight: 600;
    color: #1c3c50;
}


/* todos escondidos */
.objeto-item.ObjetoSlideShow {
  position: relative;
  display: none;
  background-color:rgba(255, 255, 255, 0.637);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  padding-top: 20px;
  padding-bottom: 40px;
  padding-left: 60px;
  padding-right: 60px;
  max-width: 40%;
  margin: 0 auto;
}

.objeto-item.ObjetoSlideShow > .objeto-imagem {
  display: flex;
  justify-content: center;
}

.objeto-item.ObjetoSlideShow > .objeto-imagem > .imgObj {
  width: auto;      /* importante */
  max-width: 100%;  /* não ultrapassa o container */
  display: block;
}
/* apenas o slide ativo aparece */
.objeto-item.ObjetoSlideShow.active {
  display: block;
}


.objeto-item.ObjetoSlideShow.active > * {
  display: flex;
  align-items: center;
}


.objeto-item.ObjetoSlideShow >.objeto-link-container, .objeto-item.ObjetoSlideShow > .objeto-ficheiro  {
  display: none;
}


.objeto-item.ObjetoSlideShow > .objeto-descricao {
  opacity: 0;
    position: absolute;   /* torna relativo ao slide */
    inset: 0;             /* top:0; right:0; bottom:0; left:0 */
    height: 100%;         /* cobre todo o slide */
    width: 100%;
}

.objeto-item.ObjetoSlideShow > .objeto-descricao > *:not(.escondeLinkTID) {
    display: none;
}

.objeto-item.ObjetoSlideShow > .objeto-descricao > .escondeLinkTID {
    position: absolute;       /* absoluto dentro da descrição */
    inset: 0;                 /* cobre tudo da descrição */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff00;
    opacity: 0;                  /* escondido por padrão */
    pointer-events: none;        /* não bloqueia clique */
    transition: opacity 0.3s ease;
}

.objeto-item.ObjetoSlideShow:hover .escondeLinkTID {
    opacity: 1;
    pointer-events: auto;   /* permite clicar */
}


/* imagem */
.slideshowWrapper .objetos .objeto-item.ObjetoSlideShow > .objeto-imagem > .imgObj {
  width: auto;
  max-width: 100%;
  display: block;
}




/* thumbnails */
.slidethumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin-top: 10px;
}

.slidethumbnails .thumb-item {
  width: 100px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:rgba(255, 255, 255, 0.637);
}

.slidethumbnails .thumb-item.active {
  border: 1px solid #1c3c50 !important;
}

.slidethumbnails .thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}





/*
////////
///////
////////
///////   CSS HoverGallery
////////
///////
////////
///////
*/

/* HoverGallery */

.bloco-tipo-objeto.ObjetoHoverGalley{
  text-align:center;
  background-color:rgb(255 255 255 / 92%);
  border-radius: 6px;
  margin-left: 30%;
  margin-right:30%;
  margin-top: 1%;
}

/* linha de imagens */
.bloco-tipo-objeto.ObjetoHoverGalley .ObjetoHoverGalley{
  position: relative;
  display:inline-block;
  margin:0px 15px;
}



/* imagens */
.bloco-tipo-objeto.ObjetoHoverGalley .imgObj{
  width:120px;
  height:90px;
  object-fit:contain;
  cursor:pointer;
  border:2px solid transparent;
  border-radius:6px;
  transition: transform 0.3s ease, border 0.3s ease;
  opacity: 0.3;   /* transpar?ncia inicial */
}

.ObjetoHoverGalley:hover > .objeto-imagem > .imgObj {
  transform: scale(1.05);
  border: 2px solid #1c3c50;
  opacity: 1;
}

.ObjetoHoverGalley:hover > .objeto-titulo{
  opacity: 1;
}
/* O item ativo fica totalmente opaco */
.ObjetoHoverGalley.active >.objeto-imagem>.imgObj,.ObjetoHoverGalley.active>.objeto-titulo {
    opacity: 1;
}
/* Area descricao */
.detalhes-hover{
  font-family: "Segoe UI", "Inter", Arial, sans-serif;
  width:100%;
  font-size:20px;
  text-align:center;
  padding: 10px;
 /* border-top: 5px solid #1c3c50;
  margin-top: 2%;
  * */
}


/* Border top atraves de before **/

.detalhes-hover {
  position: relative;
}

.detalhes-hover::before {
  content: "";
  position: absolute;
  top: 0px;    /* distancia do topo do texto */
  left: 20px;   /* margem esquerda da "borda" */
  right: 20px;  /* margem direita da "borda" */
  height: 2px;
  background-color: #1c3c50;
}







.bloco-tipo-objeto.ObjetoHoverGalley .objeto-descricao ,
.bloco-tipo-objeto.ObjetoHoverGalley .ficheiro-nome,
.bloco-tipo-objeto.ObjetoHoverGalley .objeto-ficheiro {
	display: none;
}


.ObjetoHoverGalley >.objeto-titulo {
    justify-content: center; /* se ainda for flex */
    align-items: center;     /* se ainda for flex */
    font-size: 20px;
    font-weight: 600;
    color: #1c3c50;
    opacity: 0.3;
}

.ObjetoHoverGalley> div> .objeto-link {
    position: absolute;
    inset: 0;          /* ocupa todo o espaço do item */
    display: block;
    z-index: 10;       /* fica por cima dos outros elementos */
  
    /* esconder visualmente */
    opacity: 0;
}

.objeto-item.ObjetoHoverGalley:has(.tituloEstatistica) {
  display: block;
}
/* Aplica ao objeto-item titulo estatistica */
.objeto-item.ObjetoHoverGalley:has(.tituloEstatistica) >.objeto-titulo{
  font-size: 20px;
	display: block ;
  width: 100% ;
	padding-bottom:1%;
	padding-top:1%;
  opacity: 1; /* torna o título visível */
}

.estatisticas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0 8%;
  
  /* Centraliza grid apenas quando houver mais de um item */
  justify-content: start; /* alinhamento da grid */
}




.estatisticas li{
  text-align:center;
  max-width:180px;
  
}

.estatisticas .numero{
  display:block;
  font-size:17px;
  font-weight:bold;
  color:#1c3c50;
  text-align: center;
}

.estatisticas .texto{
  display:block;
  margin-top:6px;
  color: #1e2023;
  font-size: 17px;
  text-align: center;
}

/*Fonte geral*/
.fonte-geral {
  font-size: 15px;
  color: #1e2023;
  text-align: left; /* canto inferior esquerdo */
  margin:0 8%;
}


/*Estilo para mostrar link no cursor  */

.link-hover-cursor{
  position: fixed;
  pointer-events: none; /* n?o interfere com o hover da imagem */
  background: #154867;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 15px;
  font-family: Arial, sans-serif;

  white-space: normal;      /* agora o texto pode quebrar */
  word-break: break-word;    /* quebra palavras longas se necessário */
  max-width: 30%;

  transform: translate(12px,12px); /* aparece ao lado do cursor */
  opacity: 0;
  transition: opacity 0.2s ease;

  z-index: 9999999999;
}

/* quando vis?vel */
.link-hover-cursor.active{
  opacity: 1;
}

/*
////////
///////
////////
///////   CSS ObjetoITDL_Narrow  e POP-PUPS
////////
///////
////////
///////
*/

/*Pop Pup*/
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.popup-conteudo {
    background: #fff;
    width: 90%;
    max-height: 100%;
    overflow-y: auto;
    border-radius: 12px;
    padding: 25px;
    position: relative;

    overflow-wrap: break-word;
    word-break: break-word;
}
.popup-descricao{
  display:inline-block;
}

.popup-fechar {
    position: absolute;
    top: 10px;
    right: 15px;
    border: none;
    background: none;
    font-size: 32px;
    cursor: pointer;
}






/* Grid container */
.bloco-tipo-objeto.ObjetoITDL_Narrow {
    display: grid;                /* ativa o grid */
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); /* colunas responsivas de no mínimo 320px */
    gap: 20px;                    /* espaço entre os itens, ajuste se quiser */
    justify-items: center;        /* centraliza horizontalmente cada item da coluna */
    align-items: start;           
    margin: 0 auto;               /* centraliza o grid no bloco principal se precisar */
    width: 100%;                  /* ocupa toda a largura disponível */
    height: 100%;
}


.objeto-item.ObjetoITDL_Narrow {
    padding-bottom: 15px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    background: #f9f9f9;
    width: 100%;         /* ocupa largura total da célula */
    height: 100%;        /* ocupa altura total da célula */
    display: flex;       /* para poder alinhar conteúdo interno facilmente */
    flex-direction: column; 
    overflow-wrap: break-word;
    word-break: break-word;
}

.objeto-item.ObjetoITDL_Narrow > * ,.popup-conteudo > .div>* {
  padding: 0 15px;
}

/* Container da imagem */
.objeto-item.ObjetoITDL_Narrow > .objeto-imagem {
    padding: 0;
    width: 100%;
    display: flex;
}



.popup-conteudo .imgObj {
    width: 100%;
    height: 400px;       /* mantém proporção */
    object-fit: contain;  /* corta a imagem se necessário */
    display: block;
    border-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


/* Imagem ocupando largura do card e mantendo propor��o */
.objeto-item.ObjetoITDL_Narrow > .objeto-imagem > img  {
    width: 100%;
    height:300px;       /* mantém proporção */
    object-fit: cover;  /* corta a imagem */
    display: block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.popup-conteudo .objeto-ficheiro{
  display: inline-block !important ; /*Para aparecer o link do ficheiro no pop-up sem quebra de linha*/ 
  padding-left: 5px;
}

.popup-conteudo .objeto-link+.objeto-ficheiro {
    display: block !important;
}


.objeto-item.ObjetoITDL_Narrow > .objeto-titulo, .popup-conteudo .objeto-titulo {
  margin: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #1c3c50;
}

.objeto-item.ObjetoITDL_Narrow > .objeto-descricao ,.popup-conteudo > .div>  .objeto-descricao {
  margin: 0 10px 0 10px;
  line-height: 1.55;
  font-size: 17px;
  color: #1e2023;
  text-align: left;
}



/* Botão Read More */
.objeto-descricao >.btn-readmore {
  display: block;             /* ocupa linha inteira */
  margin-top: 10px;           /* separação do conteúdo acima */
  padding: 10px 15px;
  font-size: 16px;
  text-align: center;
  background: #1c3c5029 ;  /* cor do botão */
  color: #000000ea;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn-readmore:hover,
.btn-readmore:focus,
.btn-readmore:active {
  border: none;
  box-shadow:none;
}