/*                   */
/* CSS do sítio Alfa */
/*                   */

a
{

}

body
{
background-color: #006BD7;
background-size:  cover;

border-color:     #000000;
border-style:     none;

color:            #000000;

font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        2rem;
font-style:       normal;
font-weight:      bold;

line-height:      1.6;

margin:           0;

overflow:         auto;

padding:          10px 0px 0px 10px;
}

div
{
}

div.BarraNavegacao
{
background-color: #FFFFFF; /* #E9F3DE;*/
background-image: url(Imagens/Textura.jpg);

border-color:     #FFFFFF;
border-style:     outset;

font-size:        2rem;

position:         absolute;

left:             80%;
top:               1%;
width:            60%;
height:            8%;
}

div.Cvl1
{
background-color: #CEEAFF;

border:           solid thin #0033FF;
border-color:     #0033FF;
border-radius:    16px;
/* border-style:     none; */

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             0%;
top:              4%;
width:            200%;
height:           82%;
}

div.Cvl2
{
background-color: #CEEAFF;

//border:           solid thin #0033FF;
border-color:     #0033FF;
border-radius:    16px;
/* border-style:     none; */

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             2%;
top:              10%;
width:            200%;
height:           82%;
}



div.Login
{
background-color: #CEEAFF ;
border-color:     #000000;

border-radius:    16px;
border:           solid thin #0033FF;
/* border-style:     none; */

font-size:        3rem;

position:         absolute;

left:              1%;
top:              46%;
width:            98%;
height:            8%;
}

div.SuporteMensagens
{
background-color: #CEEAFF;
border-color:     #000000;

border-radius:    16px;
border:           solid thin #0033FF;
/* border-style:     none; */

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             10%;
top:              45%;
width:            80%;
height:           8%;
}

div.Normas
{
background-color: #006BD7;

border-color:     #000000;
border-radius:    16px;
border-style:     none;

color:            #FFFFFF;

font-size:        2rem;

position:         absolute;

left:             86%;
top:              1%;
width:            16%;
height:           3%;
}

div.Operacoes
{
background-color: #CEEAFF; /* Azul Médio Alfa */
border-color:     #000000; /* Preto */
border-radius:    16px;
border-style:     none;

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%; /* DEFINIR CASO A CASO */
top:              8%;
width:            78%; /* DEFINIR CASO A CASO */
height:           10%;
}

div.OperacoesAFsPagPrep
{
background-color: #CEEAFF;

border:           solid thin #0033FF;
border-color:     #0033FF;
border-radius:    16px;
/* border-style:     none; */

font-size:        0.8rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              1%;
width:            98%;
height:           18%;
}



div.OperacoesStd
{
background-color: #CEEAFF;
border: solid thin #0033FF;

border-color:     #0033FF;
border-radius:    16px;
/* border-style:     none; */

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              1%;
width:            98%;
height:           2%;
}

div.Suporte
{
background-color: #CEEAFF;
border-color:     #000000;

border-radius:    16px;
border:           solid thin #0033FF;
/* border-style:     none; */

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              13%;
width:            70%; /* DEFINIR CASO A CASO */
height:           85%; /* DEFINIR CASO A CASO */
}

div.SuporteOrdSel
{
background-color: #CEEAFF;

border:           solid thin #0033FF;
border-color:     #000000; /* Preto */
border-radius:    16px;
/* border-style:     none; */

font-size:        0.8rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              6%;
width:            180%; /* DEFINIR CASO A CASO */
height:           70%; /* DEFINIR CASO A CASO */
}


div.SuporteStd
{
background-color: #CEEAFF;
border:           solid thin #0033FF;

border-color:     #000000;
border-radius:    16px;
/* border-style:     none; */

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              6%;
width:            320%;
height:           150%;
}

div.SuporteStd1Cvl
{
background-color: #CEEAFF;
border:           solid thin #0033FF;

border-color:     #000000;
border-radius:    16px;
/* border-style:     none; */

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              8%;
width:            360%;
height:           150%;
}

div.SuporteStd2Cvl
{
background-color: #CEEAFF;
border:           solid thin #0033FF;

border-color:     #000000;
border-radius:    16px;
/* border-style:     none; */

font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             3%;
top:              14%;
width:            360%;
height:           130%;
}

div.Tabelas
{
background-color: #E6F2FF; /* #E6F2FF Azul Claro Alfa */
border: solid thin #0033FF;
/*
border-radius:    16px;
border-color:     #000000;
border-style:     none;
*/
font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              12%;
width:            88%;
height:           94%;
}

div.TabelasStd
{
background-color: #FFFFFF; /* #E6F2FF Azul Claro Alfa */
border:           solid thin #0033FF;
border-color:     #0033FF;
/*
border-radius:    16px;
border-style:     none;
*/
font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              5%;
width:            98%;
height:           94%;
}

div.TabelasAgendaAdicEdit
{
background-color: #E6F2FF; /* #E6F2FF Azul Claro Alfa */
border: solid thin #0033FF;
/*
border-radius:    16px;
border-color:     #000000;
border-style:     none;
*/
font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              6%;
width:            98%;
height:           10%;
}

img
{
width: 20px;
}

div.TabelasAFsPagPrep
{
background-color: #E6F2FF;

border:           solid thin #0033FF;
border-color:     #0033FF;
/*
border-radius:    16px;
border-style:     none;
*/
font-size:        0.8rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              22%;
width:            98%;
height:           76%;
}


div.TabelasPrecisamosAdicEdit
{
background-color: #E6F2FF;
border: solid thin #0033FF;
/*
border-radius:    16px;
border-color:     #000000;
border-style:     none;
*/
font-size:        2rem;

overflow:         auto;

position:         absolute;

left:             1%;
top:              5%;
width:            160%;
height:           91%;
}

input
{
background-color: #FFFFFF;
border:           0;
}

a.Botoes
{
background-color: #006BD7;

border-style:     outset;
border-radius:    8px;

color:            white;

font-size:        2rem;

padding:          4px;
min-width:       50px;
}


input.Botoes
{
background-color: #006BD7;

border-style:     outset;
border-radius:    8px;

color:            white;

font-size:        2rem;

padding:          4px;
min-width:        50px;
}

select
{
background-color: #FFFFFF;
}

table
{
/* background-color: #E6F2FF; */  /* #E6F2FF Azul Claro Alfa */
border:           0;
width:            95%;
}

textarea
{
}

th
{
background-color: #E6F2FF;
}

/*
TABLE WITH 2 FIXED COLUMN
*/

.view {
  margin: auto;
  width: 600px;
}

.wrapper {
  position: relative;
  overflow: auto;
  border: 1px solid black;
  white-space: nowrap;
}

.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;  
}

.first-col {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  left: 0px;
}

.second-col {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  left: 180px;
}

/*                                   */
/* CSS do Menu vertical invisivel    */
/*                                   */
/* Cor da fonte     #000000 Preto          */
/* Seleccionado     #999999 Cinzento escuro opção seleccionada */
/* Não seleccionado #CCCCCC Cinzento claro */

.menu3
{
left:        0px;
top:         5px;
font-family: "Courier New", Verdana, Arial, Helvetica, sans-serif;
width:       120px;   /* Não afecta nada */
position:    relative;
font-size:   100%;/* Tamanho da fonte do menu */
z-index:     100;
clear:       both;
margin-left: 10px; /* for this page only */

}

.menu3 ul
{
padding:         0;
margin:          0;
list-style-type: none;
}

.menu3 ul li
{
float:    left;
position: relative;
}

.menu3 li.last
{
border-bottom: 1px solid #000000; /* Rebordo inferior dos segundos menus de desdobramento */
margin:        0;
}

.menu3 ul li a, .menu3 ul li a:visited
{
display:         block;
text-decoration: none;
width:           320px; /* Comprimento do título MENU */
height:          28px;  /* Altura do título de menu */
color:           #000000; /* Cor da fonte do cabeçalho do Menu */
border:          1px solid  #000000; /* Rebordo dos menus */
border-width:    1px 1px 1px 1px;
padding-left:    10px;
line-height:     25px;
background:      #CCCCCC; /* Cor do fundo do cabeçalho do Menu */
}

.menu3 ul li ul
{
display: none;
}

.menu3 table
{
margin:          -1px;
border-collapse: collapse;
font-size:        94%;
}

/* specific to non IE and IE7 browsers */
.menu3 ul li:hover a
{
color: #000000;
}

.menu3 ul li:hover ul
{
display:    block;
position:   absolute;
top:        28px; /* 34px; Topo do menu quando abre */
margin-top: 1px;
left:       0;
/* width:      100px;  */
height:     auto;
}

.menu3 ul li:hover ul li ul
{
display: none;
}

.menu3 ul li:hover ul li a
{
display:     block;
background:  #CCCCCC;
color:       #000000; /* Cor da fonte do menu de 1º nível */
height:      auto;
line-height: 30px;  /* Altura das oções */
padding:     6px 14px; /* Altura e comprimento dos menus */
width:       300px; /* Largura dos menus */
}

.menu3 ul li:hover ul li a.drop
{
background: #CCCCCC url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat;
}

.menu3 ul li:hover ul li:hover a
{
background: #999999; /* Opção onde se está posionado*/
color:      #000000; /* Cor da fonte da opção seleccionada */
}

.menu3 ul li:hover ul li:hover a.drop
{
background: #999999 url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat;
}

.menu3 ul li:hover ul li:hover ul
{
display:  block;
position: absolute;
left:     330px; /* Posição para a direita dos segundos menus de desdobramento */
top:      -1px;
width:    200px; /* Não tem influencia */
}

.menu3 ul li:hover ul li:hover ul li a
{
background: #CCCCCC;
color:      #000000; /* Cor da fonte do menu 2º nível */
}

.menu3 ul li:hover ul li:hover ul li:hover a
{
background: #999999;
color:      #000000; /* Cor da fonte da opção seleccionada do menu de 2º nível */
}

/* for IE5.x and IE6 browsers only */
.menu3 ul li a:hover
{
color:      #000000;
background: #CCCCCC; /* Sobre o Menu */
}

.menu3 ul li a:hover ul
{
display:     block;
position:    absolute;
top:         29px;
left:        0;  /* Posição na largura do menu desdobramento*/
background:  #eee;
margin-top:  0;
}

.menu3 ul li a:hover ul li a
{
display:     block;
background:  #CCCCCC;
color:       #000000;
height:      30px;  /*  Não afecta nada */
line-height: 15px;
padding:     12px 14px;
width:       151px;  /* Não tem influencia */
}

.menu3 ul li a:hover ul li a.drop
{
background: #999999 url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat; /* Sem influencia */
}

.menu3 ul li a:hover ul li a ul
{
visibility: hidden;
position:   absolute;
height:     0;
width:      0;
}

.menu3 ul li a:hover ul li a:hover
{
background: #999999; /* Sem influencia */
color:      #000000;
}

.menu3 ul li a:hover ul li a.drop:hover
{
background:  #CCCCCC url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat; /* Não tem influencia */
}

.menu3 ul li a:hover ul li a:hover ul
{
visibility: visible;
position:   absolute;
top:        0;
color:      #000000;
left:       150px; /* Não tem influencia */
}

hr
{
clear:         both;
margin-bottom: 30px; /* Não tem influencia*/
}

.left
{
clear: both;
}

<!--[if lte IE 5.5]>
.menu3 ul li a, .menu3 ul li a:visited
{
width:  151px;
}
<!--[endif]-->

/*              */

div.MeuMenu
{
width: 100px;
background-color: #33FF00
}


div.MeuMenu
{
width: 120px;
background-color: #33FF00
}