/*======CSS DO HEADER ===============================================
--------- tamanho inicial -> min-width=1024*/ 




.banner{ /* Ajusta o tamanho do banner*/
    width: 100%;
    height: 120px;
     align-items: center;
      display: flex; /* Alinha os itens lado a lado */
  justify-content: space-between; /* Distribui o espaço entre os elementos */
  align-items: center; /* Centraliza verticalmente */
 
  position: relative; /*
}
.logo-uem, .logosis, .logo-pr { /* deixa os logos lado a lado */

    width: 100%;
    float:left;
}
.logo-uem{ /* tamanho do logo da UEM */
    max-width: 10%;
    padding-left: 10px;
}
.logo-pr{ /* tamanho da bandeira do parana */
   
    max-width: 12%;
    padding-right: 30px;
     float: right;
}

.logosis{ /* tamanho da bandeira do parana */
   
       text-align: center;
    max-width: 20%;
  
     
}
.texto-logo{ /* tamanho e alinhamento do titulo do site */
   /* white-space: nowrap;*/
    text-align: center;
    max-width: 80%;
    padding-top: 20px;
}
.texto-uem span, .texto-portal span{ /* estilo do titulo do site */
    font-weight: 800;
    color: white;
    text-shadow: 0px 0px 0px black, 
        -10px 0px 10px black, 
        0px 5px 10px black, 
        0px -5px 10px black;
    font-family: helvetica;
}
.texto-uem{
    padding-top: 10px;
}
.texto-uem span{ /* tamanho da fonte do texto da uem */
    font-size: 18pt;
}
.texto-portal span{ /* tamanho da fonte do texto do portal */
    font-size: 20pt;
}

.texto-portal-coordpos {
     font-size: 18pt;
}
.logo-uem .z-image{
    max-width:300%; /* porcentagem do tamanho do logo da uem para ajustar com banderia do pr */
}
.logo-pr .z-image{
    max-width: 107%;
}

.logosis .z-image{
    max-width: 100%;
}
.banner a:hover{ /* estilo de quando passar o mouse nos logos */
    /*opacity: 1.5;*/
    /*-webkit-filter: grayscale(100%);*/
    /*-webkit-filter: invert(1);*/
    -webkit-filter: brightness(2);   
}
/* menu para tela responsiva -- 780px */
.flag-uem, flag-pr, .menuCollapse{ /* deixar menu responsivo lado a lado com logos quando tela menor */
    float:left;
}
.usuarioCel{ /* deixar menu responsivo lado a lado com logos quando tela menor */
      display:none;
}


   .usuarioPc{ /* deixar menu responsivo lado a lado com logos quando tela menor */
        margin-top: 1px;
     
       zoom: 0;
    
    width: 100%;
}
 
.flag-uem{
    max-width: 50%;
    padding: 5px 0px 0px 15px;
}
.flag-pr{
    text-align: right;
    padding: 6px 15px 0px 0px;
}
.flag-uem .z-image{
    max-width:60%;
}
.flag-pr .z-image{
    max-width: 60%;
}
.menu-flags{
    background-color: #B327A3;
    width: 100%;
    height: 30px;
    display: none;
    border: none;
}


.menuCollapse{
    width: 40%;
}
.icon-menu-B .z-menu-content{ /* ajusta menu para tela menor - tira os links externos */
    display: none;
}
@media screen and (max-width:1023px)
and (min-width:781px){ /* ajusta menu para tela menor - tira os links externos */
    .icon-menu-B .z-menu-content{
        display: block;
    }
    .icon-menu-A .z-menuitem-content{
        display: none;
    }
}

   



/*----------- PARTE RESPONSIVA -----------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
/* ajusta o tamanho da letra e tamanho dos logos */
@media screen and (max-width:1023px)
and (min-width:841px){
    .texto-uem span{
        font-size: 18pt;
    }
    .texto-portal span{
        font-size: 18pt;
    }
}

@media screen and (max-width:840px)
and (min-width:781px){
    .texto-uem span{
        font-size: 18pt;
    }
    .texto-portal span{
        font-size: 18pt;
    }
    
    
.texto-portal-coordpos {
     font-size: 10pt;
}
}
@media screen and (max-width:780px)
and (min-width:481px){
    .texto-uem span{
        font-size: 12pt;
    }
    .texto-portal span{
        font-size: 12pt;
    }
}
@media screen and (max-width:700px)
and (min-width:621px){
    .flag-pr .z-image{
        max-width: 9%;
    }
}
@media screen and (max-width:620px)
and (min-width:511px){
    .flag-pr .z-image{
        max-width: 11%;
    }
    .flag-uem .z-image{
        max-width:55%;
    }

}
@media screen and (max-width:510px)
and (min-width:421px){
    .flag-pr .z-image{
        max-width: 11%;
    }
    .flag-uem .z-image{
        max-width:60%;
    }
}
@media screen and (max-width:420px)
and (min-width:321px){
    .flag-uem .z-image{
        max-width:70%;
    }
    .flag-pr .z-image{
        
        max-width: 15%;
    }
}
@media screen and (max-width:320px){
    .flag-uem .z-image{
        max-width:90%;
    }
    .flag-pr .z-image{
        max-width: 15%;
         padding: 2px 2px 0px 0px;
    }
    .flag-uem {
        padding: 3px 0px 0px 0px;
    }
    .flag-pr {
        padding: 2px 2px 0px 0px;
    }
}
@media screen and (max-width:480px){
    .texto-uem span{
        font-size: 12pt;
    }
    .texto-portal span{
        font-size: 12pt;
    }
}
@media screen and (max-width:780px){ /* habilita menu responsivo e desabilita menu normal */

    .menu-flags, .menuCollapse {
        display:block !important; /* Habilita menu para smartphone*/
    }
    .menubar{
        display: none !important; /* Desabilita menu principal */
    }
 
    .usuarioCel{ /* deixar menu responsivo lado a lado com logos quando tela menor */
    
       display: contents;
       width: 100%;
     
}
   .usuarioPc{ /* deixar menu responsivo lado a lado com logos quando tela menor */
    display:none !important;
}



    .z-menubar-horizontal li{ /* Deixa menu no centro e menu grande*/
        float:none;
    }
    .z-menu-icon.z-icon-caret-down{ /* Desabilita icone de menu (seta para baixo)*/
        display:none;
    }
    .z-menupopup{ /* cor de fundo do menu popup*/
        background: #EDEEF0;
    }
    .fa-bars:before { /* Habilita as três barrinhas no icone do menu*/
        content: "\f0c9";
        display: block;
    }
    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
    }
    .topbar{ /* desabilita menu superior */
        display: none;
    }
    .dark-red span{ /* deixa as cores da letra do menu superior vermelhas */
        color: #880000;
    }
    .logo-uem, .logo-pr{
        display: none;
    }
    .texto-logo{
        max-width: 100%;
      
       


    }
}

/*.glyphicon {
    display: inline-block;

}

.glyphicon-home:before{
    content: "\e021";
    display: block;
}*/

/*------- Estilo do menu ------------- */

.z-menubar{
    /*background: #EDEEF0;*/
   
    background:#B327A3;
}
.z-menu-text{
    /*font-family: helvetica;*/
}
.z-menubar ul{ /* cor do fundo dos itens do menu*/
    /* background: #EDEEF0; /* none repeat 0 0*/
    background: #B327A3;
}






.z-menu-content, .z-menuitem-content{ /* cor do texto do menu*/
    /* color: #000000; */
    color: #000000;
}
@media screen and (max-width:1223px){
    .z-menu-content, .z-menuitem-content{ /* cor do texto do menu*/
        font-size: 12.9px;
        
    }
}
.z-menu-selected .z-menu-icon{ 
    background: #00ff00;
    color: #000000;
}
.z-menu-selected>.z-menu-content, .z-menu-selected .z-menu-icon{ /* conteudo do menu quando passa mouse*/
   /* background: #505050;*/
    background: #B327A3;
    color: #ffffff;
}
.z-menupopup .z-menu-content, .z-menupopup .z-menuitem-content{ /* cor das palavras do sub-menu*/
    color: #000000;
}
.z-menupopup .z-menu, .z-menupopup .z-menuitem{ /* cor do fundo do menu popup*/
    background: #cccccc;
}
.z-menupopup-separator{ /* cor do separador que o ZK coloca entre icone e texto do item de menu*/
    border-color: #B327A3;
    background: #B327A3;
}
@media screen and (min-width:780px){
    .z-menupopup{ /* cor de fundo do menu popup*/
        background: #cccccc;
    }
}
.z-menu-content:active, .z-menuitem-content:active{ /* cor de quando clica no menu para abrir menu popup */
    background: #ffffff;
    color: #000000;
}
.z-menupopup .z-menu-content:hover, .z-menupopup .z-menu-content:hover .z-menu-icon, .z-menupopup .z-menuitem-content:hover{
    /* cor de quando passa o mouse sobre os itens do menu popoup*/ 
    color: #ffffff;
    background:#333333;
}
.z-menuitem-content:hover{
    background:#B327A3;
    color: #ffffff;
}
.z-menu-icon{
    color: #000000;
}

/*------- Estilo da topbar ------------*/
.topbar .z-menubar{ /* cor de fundo */
    background: #B327A3;
}
.topbar .z-menuitem-content:hover{
    background:#71CAF1;
}
.topbar ul{
    background:#B327A3;
    background-color:#B327A3;
    height: 25px; /* diminui altura*/
}
.topbar .z-menuitem-content{
    color: #ffffff;
    line-height: 15px;  /*diminui altura da linha*/
}
.topbar{
    color:#B327A3;
} 









/*------- Estilo da topbar ------------*/








.topbarMenu .z-menubarMenu{ /* cor de fundo */
    background: #F8B42E;
}
.topbarMenu .z-menuitem-contentMenu:hover{
    background:#F8B42E;
}
.topbarMenu .z-menu-contentMenu:hover{
   background:#F8B42E;
}
.topbarMenu ul{
    background:#F8B42E;
    background-color:#F8B42E;
    height: 25px; /* diminui altura*/
}
.topbarMenu .z-menuitem-contentMenu{
   
    line-height: 15px;  /*diminui altura da linha*/
}
.topbarMenu{
    color:#F8B42E;
}