/* containers  */
#container0{ /* container total   */
    min-height: 700px; 
    padding: 1px;
}
#container1{ /* banner superior - deixar limpo se for utilizar os container1Esq Cen ou Dir  */
    height: 65px; 
    border-radius: 7px;
    position: fixed;
    top: 0;
    height: 60px;
    padding: 2px;
    z-index: 100;
}
#container1Esq{ /* container 1   */
    position: relative;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height:95%; /* porcentagem da alura do elemento pai container1  */
    /* max-width: 32%; acertar largura no elemento cfe uso */
}
#container1Cen{ /* container 1   */
    position: relative;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%; /* porcentagem da alura do elemento pai container1  */
    /* max-width: 32%; acertar largura no elemento cfe uso */
}
#container1Dir{ /* container 1   */
    position: relative;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%; /* porcentagem da alura do elemento pai container1  */
    /* max-width: 32%; acertar largura no elemento cfe uso */
}
#container2{ /* menu superior   */
/*    min-height: 50px;
    border-radius: 7px; */ 
    position: fixed;
    top: 58px;
    height: 40px; /* contém o menu  */
    justify-content: center;
    margin: 2px;
    padding: 2px;
    z-index: 110;
}
#container3{ /* corpo da página  */
    min-height: 400px; 
    border-radius: 7px;
    position: relative;
    float: left;
    top: 97px;  /* vem logo abaixo do menu  */
    margin: 2px;
    padding: 2px;
    z-index: 90;
}
#container4{ /* footer */
    min-height: 30px;
    top: 150px; 
    width: 99%; 
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 10px;
    border: 2px solid;
    border-radius: 10px;
    z-index: 100;
}
.footer{
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    height: 2.5rem;
}
#container5{ /* posição lateral esquerda  */
    min-height: 300px;
    position: relative;
    float: left;
    width: 30%;
    margin: 12px;
    padding: 5px;
    padding-top: 25px;
}
#container6{ /* posição lateral direita  */
    min-height: 300px;
    position: relative;
    float: right;
    width: 65%;
    margin: 12px;
    padding: 5px;
    padding-top: 25px;
}
.divAniver{
    margin-top: 10px; text-align: center; border: 2px solid blue; border-radius: 10px; padding: 10px; font-family: tahoma, arial, cursive, sans-serif;
}

.corFundo{
    background-color: #FFFAFA;
}
.corFundoMenu{
    background-color: #FFFAFA; /*  #000080 */
}

.fontSiteFamily{
    font-family: Montserrat, Arial, san-serif !important;
}
.dataCabec{
    font-size: .9rem; 
    bottom: 0px; 
    font-weight: bold;
}
.fontTrebuchet_Spacing{
    height: 52px;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 1.3rem; 
    letter-spacing: 2px; 
    word-spacing: 2px;
    font-weight: bold;
    color: #6C7AB3;
    text-shadow: 2px 4px 5px #ae8888;
}
.fonteATI{
    font-family: Trebuchet MS, Verdana, sans-serif; letter-spacing: 5px; 
    color: #6C7AB3; 
    font-size: 1.2em; font-weight: 800; 
    margin: 0; padding: 0;
    text-shadow: 2px 4px 5px #ae8888;
}


/* dia 1 (Segunda-Feira)  - dia 0 (Domingo) fica a cor orignal  */
/*
.sf-menu-dia1 li {
	background: #EEC900;
}
.sf-menu-dia1 ul li {
	background: #EEC900;
}
.sf-menu-dia1 ul ul li {
	background: #EEC900;
}
.corFundoMenu-dia1{
    background: #EEC900;
}
*/

/* dia 0 (Domingo) */
.sf-menu-dia0 li {
	background: #6C7AB3;  /* Cor background do segundo submenu */
	color: white; /* Cor da fonte */
}
.sf-menu-dia0 ul li {
	background: #6C7AB3; /* Cor background primeiro submenu */
}
.sf-menu-dia0 ul ul li {
	background: #6C7AB3;  /* Cor background do segundo submenu */
}
.corFundoMenu-dia0 {
    background: #6C7AB3;
    color: white; /* Cor da fonte */
}
.sf-menu-dia0 a {
	color: white; /* Cor da fonte */
}
.sf-menu-dia0 li:hover,
.sf-menu-dia0 li.sfHover {
	background: #6C7AB3;
}

.sf-menu-dia1 li {
	background: #6C7AB3;  /* Cor background do segundo submenu */
	color: white; /* Cor da fonte */
}
.sf-menu-dia1 ul li {
	background: #6C7AB3; /* Cor background primeiro submenu */
}
.sf-menu-dia1 ul ul li {
	background: #6C7AB3;  /* Cor background do segundo submenu */
}
.corFundoMenu-dia1{
    background: #6C7AB3;
    color: white; /* Cor da fonte */
}
.sf-menu-dia1 a {
	color: white; /* Cor da fonte */
}
.sf-menu-dia1 li:hover,
.sf-menu-dia1 li.sfHover {
	background: #6C7AB3;
}


/* dia 2 (Terça-Feira) */
.sf-menu-dia2 li {
	background: #9999d6 ;  /* Cor background do segundo submenu */
	color: white; /* Cor da fonte */
}
.sf-menu-dia2 ul li {
	background: #9999d6 ; /* Cor background primeiro submenu */
}
.sf-menu-dia2 ul ul li {
	background: #9999d6 ;  /* Cor background do segundo submenu */
}
.corFundoMenu-dia2 {
    background: #9999d6 ;
    color: white; /* Cor da fonte */
}
.sf-menu-dia2 a {
	color: white; /* Cor da fonte */
}
.sf-menu-dia2 li:hover,
.sf-menu-dia2 li.sfHover {
	background: #9999d6;
}


/* dia 3 (Quarta-Feira) */
.sf-menu-dia3 li {
	background: #6666c1 ;  /* Cor background do segundo submenu */
	color: white; /* Cor da fonte */
}
.sf-menu-dia3 ul li {
	background: #6666c1 ; /* Cor background primeiro submenu */
}
.sf-menu-dia3 ul ul li {
	background: #6666c1 ;  /* Cor background do segundo submenu */
}
.corFundoMenu-dia3 {
    background: #6666c1 ;
    color: white; /* Cor da fonte */
}
.sf-menu-dia3 a {
	color: white; /* Cor da fonte */
}
.sf-menu-dia3 li:hover,
.sf-menu-dia3 li.sfHover {
	background: #6666c1;
}

/* dia 4 (Quinta-Feira) */
.sf-menu-dia4 li {
	background: #3232ad;  /* Cor background do segundo submenu */
	color: white; /* Cor da fonte */
}
.sf-menu-dia4 ul li {
	background: #3232ad; /* Cor background primeiro submenu */
}
.sf-menu-dia4 ul ul li {
	background: #3232ad;  /* Cor background do segundo submenu */
}
.corFundoMenu-dia4{
    background: #3232ad;
    color: white; /* Cor da fonte */
}
.sf-menu-dia4 a {
	color: white; /* Cor da fonte */
}
.sf-menu-dia4 li:hover,
.sf-menu-dia4 li.sfHover {
	background: #3232ad;
}

/* dia 5 (Sexta-Feira) */
.sf-menu-dia5 li {
	background: #00008B;  /* Cor background do segundo submenu */
	color: white; /* Cor da fonte */
}
.sf-menu-dia5 ul li {
	background: #00008B; /* Cor background primeiro submenu */
}
.sf-menu-dia5 ul ul li {
	background: #00008B;  /* Cor background do segundo submenu */
}
.corFundoMenu-dia5{
    background: #00008B;
    color: white; /* Cor da fonte */
}
.sf-menu-dia5 a {
	color: white; /* Cor da fonte */
}
.sf-menu-dia5 li:hover,
.sf-menu-dia5 li.sfHover {
	background: #00008B;
}

/* dia 6 (Sábado) */
.sf-menu-dia6 li {
	background: #000099;  /* Cor background do segundo submenu */
	color: white; /* Cor da fonte */
}
.sf-menu-dia6 ul li {
	background: #000099; /* Cor background primeiro submenu */
}
.sf-menu-dia6 ul ul li {
	background: #000099;  /* Cor background do segundo submenu */
}
.corFundoMenu-dia6{
    background: #000099;
    color: white; /* Cor da fonte */
}
.sf-menu-dia6 a {
	color: white; /* Cor da fonte */
}
.sf-menu-dia6 li:hover,
.sf-menu-dia6 li.sfHover {
	background: #000099;
}