@charset "utf-8";
/* CSS Document */

/*------Botão padrão link basico---------*/
.botao{border: solid 1px #4CAF50; height: 50px; border-radius: 4px; width: 200px; cursor: pointer;}
.botao:hover{background-color: #4CAF50; }
.linkb{text-decoration: none; cursor: pointer;}
.linkb:hover{color: rgb(185, 211, 211);}
.input-file-label{border: solid 1px #3a843d;  border-radius: 4px; cursor: pointer; padding: 8px;background-color: white; margin: 4px 12px;}
.input-file-label:hover{background-color: #8bca8d;}
.input-b{height: 35px; padding: 4px 12px; margin: 4px;}
.ab{cursor: pointer; text-decoration: none; }
.ab:hover{color: green;}
.user{width: 20px; height: 20px; fill: grey; position: relative; top: 4px;}
.btn-o{background-color: #888; color: black; position: relative; z-index: 600; top: 265px;  opacity: 50%; cursor: pointer; transition: 1s;}
.btn-o:hover{color: white; background-color: #323232;}
.l-10{left: -10px;}
.l-90{left: calc(100% - 60px);}
.msgr{cursor: pointer; padding: 2px 6px; }
.Conj-cubo{display: flex;}
.cubo{border: solid 1px blue; width: 220px; height: fit-content; padding: 4px 8px; margin: 0px 8px 8px 0px;}
#frm_padrao,.frm_padrao{display:grid; width: 380px; height: fit-content; padding: 18px 28px; border: solid 1px blue; }
#frm_padrao input[type=button],.frm_padrao input[type=button]{margin: 0% 20%; padding: 8px 0px; cursor: pointer; transition: 0.5s; border-radius: 20px; }
#frm_padrao input[type=button]:hover,.frm_padrao input[type=button]:hover{background-color: rgb(241, 252, 241); border-color:  green; }
.f01{display: flex; border-radius: 4px; border: solid 1px grey; height: fit-content; width: fit-content; padding: 4px 4px; vertical-align: middle;}
.f02{display: flex; cursor: pointer; vertical-align: middle; border-radius: 4px; background-color: aliceblue; padding: 2px; transition: 250ms; height: fit-content; color: gray;}
.f02:hover{background-color: rgb(206, 216, 225);}
.red{color: red;}
.desc-vd{width: 560; text-align: justify;}
.red:hover{color: rgb(251, 94, 2);}
.div-padrao{
  border: solid 1px grey;
  border-radius: 8px;
  box-shadow: inset;
  width: 50%;
  height: fit-content;
  padding: 8px;
  
}
.img-min{width: fit-content; height: 360px; border-radius: 8px; margin-left: 2px;}
/*-----------------------Down--------------------------------------------*/
.mousehover{visibility: hidden; position: relative; left: 70px; display: block; color: gray; transition: 0.5s; font-size: 14px;}
#down:hover ~.mousehover{visibility: visible;}
.ceta_loca{width: 12px; height: fit-content; fill: #888; transition: 200ms;}
.ceta_loca:hover{fill:#323232}
.ico_v{width: 45px; height: fit-content; fill: red;}
.ico_v:hover{fill: rgb(255, 42, 42);}

/*-----------------------Form Lite---------------------------------------------*/
.perfil{
  border: solid 1px grey;
  border-radius: 8px;
  box-shadow: inset;
  width: 50%;
  height: 600px;
  margin-left: 12%;
  margin-top: 30px;
}

.perfil form{display:grid; padding-left: 28px; padding-right: 28px;}
.perfil form input[type="text"]{height: 48px; border: none; border-bottom: solid 1px blue; outline: none; }
.perfil form label{color: rgb(80, 80, 80);}
.perfil form button{height: 45px; margin: 8px 32px; border-radius: 12px; border: solid 1px blue; font-size: 18px; transition: 1s; font-weight: bold; cursor: pointer;}
.perfil form button:hover{background-color: blue; color: aliceblue;}
#status:checked ~#ati{display:block;} 
#status:checked ~#ina{display: none;} 
#ati{display: none;}
#ati,#ina{color: #222222; font-style: italic;}

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

body{font-size:18px; overflow-y: calc(scroll -200px);}
.mnu{ text-align:center;
}
.ntd{text-align:right; max-width:250px; font-weight:bold;}
.inp{height:30px; vertical-align:middle;}
.ntdt{background-color:#9FC2C6; vertical-align:top; font-weight:bold;}
.prof{vertical-align:top;}
.rodape{background-color:#003; margin-left: -8px; display: flex; padding: 10px; position: relative; bottom:auto; color:#FFF;  height:120px; width: 100%;   }
.rodape div{padding: 20px; width: 30%;}
.fim{height:250px;}
.tdfim{width:100%; height:150px; vertical-align:bottom; text-align:center;}
.bt1{font-size:16px; width:250px; height:80px;}
.sbtit{background-color:#CCC; text-align:center; font-weight:bold;}
.linha{height:25px; background-color:#9FC2C6;}
.nver{display:none;}
.borda{ 
border-bottom:solid #000 1px;
border-right:solid #000 1px;
}
.add{font-size:24px; font-weight:bolder; cursor:pointer;}
.txtarea{width:100%; height:50px; border:none; background-color:#EBEBEB; resize:none; outline:0 none; font-size:18px;}
.txta{width: 80%; height: 60vh; border:none; background-color:#EBEBEB; resize:none; outline:0 none; font-size:18px; padding: 12px;}
.addl{ font-weight:normal; color:#006; font-size:14px;}
.cel2{	column-span:2;}
.conteudo{
  display:flex;
  padding-bottom: 2px;
  min-height: 800px;
  width: 100%;
  margin-left: -10px;
  margin-right: -20px;
}
/*Conteudo */
.cont-esq{position: relative; left: -80%; width: 20%; vertical-align: top;  padding-left: 10px; background-color:white; border-radius: 8px; margin-right: 1px;}
.cont{width: 100%;  vertical-align: top; margin: 2px 100px 2px 2px;  border-radius: 8px; padding-top: 120px;}
.cont-pagina{position: relative; left: 20%; width: 80%;  margin-left: 10px; text-align: justify;}
.cont-dir{ vertical-align: top; margin: 2px; background-color: white; border-radius: 8px;}
.divisor{position: absolute; top: 280px;left: 20%; width: 1px; background-color:darkgrey; height: 100vh;}
/*Tudo maiúscula
input{text-transform: uppercase;}
*/

/*Relacionado a Menu da Página index*/
/* menu_sub */
.menu_submob{display: none; border: none; width: 40px; height:20px; position: absolute; left: 90%; padding: 0px 2px;  background-color: orangered; color: white; cursor: pointer; z-index: 100; text-align: center; border-radius: 4px;}
.ceta_sub{fill: white; width: 20px; height: 20px;}
.menu_submob:hover{background-color: rgb(254, 155, 119);}
.menu_submob:hover .ceta_sub{fill: #3385d6;}
.menu_sub{
  position: relative;
  left: 15%;
  width: 85%;
  height: 34px;
  padding: 0%;
  margin: 0;
  display: none;
}
.contato{display: flex;  margin-left: 30%; padding: 0;}
.menu_sub a{
  text-decoration: none;
  background-color: orangered ;
  color: white;
  padding: 8px 16px;
  border: none;
  margin-right: 6px;
  cursor: pointer;
}
.menu_sub a:hover{
  color: #9ce6e6;

}

/* menu */
.mnu_bar{
 display:flex;
  width: 100%;
  height: 50px;
  background-color: white;
  position:fixed;
  left: 0px;
  top: 0px;
  z-index: 200;
  border-bottom: solid 1px rgb(208, 208, 208);
}
.logo{
  width: 150px;
  height: 100px;
  border-radius: 20px;
  position: fixed;
  top: 0px;
  z-index: 202;
  background-color: white;
}
.link{
  color: rgb(97, 97, 97);
  padding: 16px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  top: 5px;
  left: 20px;
  z-index: 2;
}
.link:hover{color: #9ce6e6;}
/* Dropdown Button */
.dropbtn {
  color: rgb(97, 97, 97);
  padding: 16px 30px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  top: 20px;
}
.dropbtnpj{
  color: rgb(97, 97, 97);
  text-decoration: none;
  position: relative;
  top: 20px;
  left: 20px;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
 width: auto;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: relative;
  top: 30px;
  left: 30px;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 500;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd; cursor: pointer;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
.dropdownprj:hover .cont-prj{display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropbtn:hover {color: #9ce6e6;}
.mnu_sandu{fill: #dbddda; width: 25px; height: 25px; cursor: pointer; margin-top: 3px; margin-left: 5px; display: none;}

/* Menu Projeto  */
.cont-prj{
  display:  none;
  position: relative;
  top: 20px;
  left: 30px;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 500;
}
.cont-prj a{
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
  
}
.cont-prj a:hover{background-color:#ddd;}


/*Mobile */
.mob_drop{
 position: relative;
 top: -31px;
 display:grid;
}
.mob_drop a{
  text-decoration: none;
  background-color: orangered;
  color: white;
  padding: 2px 2px;
  border: none;
  margin: 1px;
  text-align: center;
}
.mob_drop a:hover{color: #9ce6e6; background-color: orange;}
.mobile{display: none;}
.mnu_sandu:hover .mnu_bar a{display: block;}


/* Munu Sanduiche*/
.mnu_line{
 position: absolute;
 width: 30px;
 height: 30px;
 z-index: 202;
 top: 8px;
 left: 4px;
 display: none;
 cursor: pointer;
}
.mnu_line span{
 display: block;
 width: 30px;
 height: 4px;
 margin-bottom: 8px;
 background-color: black;
 border-radius: 2px;
 transition: all ease .2s;
}

.mnufa span:nth-child(1){
 transform-origin: 0% 0%;
 transform: rotate(45deg) scaleX(1.2);
}
.mnufb span:nth-child(2){
opacity: 0;
}
.mnufc span:nth-child(3){
 transform-origin: 0% 100%;
 transform: rotate(-45deg) scaleX(1.2);
}
.ceta{width: 10px; height: 10px; fill: black;}
.cetaprj{width: 10px; height: 10px; fill:green;}
.admin_ico{cursor: pointer; background-color: rgb(220, 240, 252); border-radius: 40%; width: 25px; height: 25px; fill: black; position: fixed; top: 18px; z-index: 204; left: calc(100% - 45px);}
.admin_ico:hover{background-color: rgb(254, 245, 227); transition: 1s;}

.mob_f{background-color:#003; color:#FFF; vertical-align:top; height:120px; width: 100%; margin-left: -8px; position: fixed; bottom:0px;display: none;}

/* login */
.cont-login{
  text-align: left;
  width: 250px;
  height: 200px;
  border-radius: 10px;
  padding: 30px;
  border: solid 1px black;
  background-color: #d1e7ea;

}

.cad{text-align: center; padding-bottom: 10px; padding-top: -15px;margin-top: 30px; border: solid 1px rgb(204, 204, 204); border-radius: 15px; cursor: pointer;}
.cad a{text-decoration: none;color: #3385d6;}
.cad a:hover{color: green;}
#submit{padding: 10px 30px; border-radius: 8px;}
#submit:hover{background-color: green; border-color: #3385d6; color: white;}


/*Menu do Utilizador*/
.utiliza{position: fixed; top: 18px; left:calc(100% - 160px); width: auto; display: inline-block; z-index: 201; }
.utiliza-content{display: none;  background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 600; position: relative; top: 12px; padding-left: 18px;}
.utiliza div a{margin-left: -20px; color: black; padding: 8px 16px; text-decoration: none; display: block; cursor: pointer;}
.utiliza div a:hover{background-color:#ddd;}
.utiliza:hover .utiliza-content{display: block;}
/*------------------*/
.mnu_bar_sub{margin-left: 150px; display: flex;}
/*--------------- Modal------------------------------------------ */
.modal{display:block;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0,0,0,0.4);
  padding-top: 10px;
  }
.cad-user{
  display:block;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0,0,0,0.4);
  padding-top: 10px;
 
  }
  /* Modal Caixa de conteudo */
  .login-content{
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    border: 1px solid #888;
    width: 30%;
    min-width: 250px;
    display: block;
    border-radius: 10px;
    height: fit-content;
    padding-bottom: 50px;
  }
  .cad-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto;
  border: 1px solid #888;
  width: 30%;
  min-width: 250px;
  display: block;
  border-radius: 10px;
  height: fit-content;
  }
  .logincontainer{
    padding: 16px;
  }
  .cadcontainer {
    padding: 16px;
    }
  span.psw{
    float: right;
    padding-top: 16px;
  }
  .butt {
    background-color:#FFF;
    border-radius:8px;
    color:#170C56;
    padding: 8px 16px;
    margin: 8px 0;
    border: solid #4CAF50;
    cursor: pointer;
    width: 100%;
    }
    .butt:hover {
    background-color: #4CAF50;
    color: white;
    opacity: 0.7;
    }
  .cadinp[type=text], .psw[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
.fecha{
  position:relative;
  top: -3px;
  left: calc(100% - 25px);
  font-size: 34px;
  font-family: Arial, Helvetica, sans-serif;
  color: red;
  font-weight: bold;
  cursor: pointer;
  width: 25px;
  height: 25px;

}
.fecha:hover{color: #c84141;}
.msg{
  color: red;
  float: right;
  
}
/* Add zoom animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0);}
  to {-webkit-transform: scale(1);}
}
@keyframes animatezoom {
  from {transform: scale(0);}
  to {transform: scale(1);}
}
/*-----------------------------------------------------------------*/
/*EFEITO na página do Utilizador*/
.flu{border-radius: 12px; background-color: rgb(255, 253, 240); box-shadow: #181818; margin: 4px; padding: 8px; margin-top: 20px;}
.bgazulc{background-color: #d9f4f5; margin: 0; width: 100%;}
.fbranco{background-color: white;}
.c_user{color: rgb(71, 78, 88); }
.tit{padding: 2px 12px; background-color: #d6d5d5; border-radius: 6px; text-align: center; margin-right: 2px;}
.edit{width: 18px; height: 18px; cursor: pointer; border: solid 1px rgb(224, 224, 224); border-radius: 4px; padding: 4px;}
.msg-edit{position: relative; top: -1px; left:30px; display: none; color: #3b3b3b; font-size: 14px; border: none; background-color: #EBEBEB; padding: 2px 8px; height: fit-content;}
#ed:hover ~.msg-edit{display: block;}
.frm-edit{padding: 12px; border-radius: 8px; background-color: #d9f4f5; display:grid; max-width: 250px;}
.frm-edit button{border:solid 1px #4CAF50;} .frm-edit button:hover{background-color: #4CAF50;}
/*----------------------------------------------------------------*/
/*-------Baner-----------*/

.ind-cont{display: flex; position: relative; top: -26px; width: fit-content; left: calc(50% - 40px);}
.ind-cont p:not(:last-child){margin-right: 10px;}
.p{display: flex; width: 10px; height: 10px; border-radius: 50%; border: solid 1px rgb(170, 170, 170); background-color: white;}
.aqua{background-color: aqua;}
.cinza{background-color: gray;}
.negrito{font-weight: bold;}

.ctimg{
  height:240px; 
  align-items: center; 
  vertical-align: top; 
  text-align: center; 
  justify-content: center;
  display: flex;
  background-color: #0a1827;
}
.baner{
  top: -1px;
  width: 420px;
  max-width: 800px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  
}

.ad-banerimg{
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.ad-banerimg img {
  width: auto;
  min-width: 100%;
  height: 240px;
}

button.prev, button.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  color: white;
  padding: 10px;
  cursor: pointer;
}

button.prev {
  left: 10px;
}

button.next {
  right: 10px;
}

button.prev:hover, button.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/*Botão conteudo*/
.ante, .prox {
  position:absolute;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  color: white;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  
}

.ante {
  left: 45%;
  top: 290px;
}

.prox {
  right: 50%;
  bottom: 1%;
}

.ante:hover, .prox:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.btns{display: none;}



  /*---------------GALERIA--------------------------------*/
.galeria{ -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */  column-count: 3;
max-width: 400px; 
background-color:aliceblue;
border-radius: 4px; padding: 4px;   
}
.album{display: block; width: fit-content; height: fit-content; margin: 2px;}
.desc{ color: rgb(75, 75, 75); text-align: center; padding: 0px; margin: 0px; position: relative; top: -50%;}
.album img{width: 120px; height: 120px; border-radius: 8px; border: solid 1px rgb(188, 188, 188);background-color: #888;}
.album a{text-decoration: none; cursor: pointer;}
.album a:hover, .add-img:hover{color: rgb(29, 29, 29); text-decoration: underline;}
.duascol{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.album-edit{background-color: gray; border-radius: 8px; margin-left: 6%; min-height: 48vh; min-width: 30%; padding-bottom: 12px;}
.add-img{position: relative; top: 150%; left: 28px; text-decoration: none;cursor: pointer; }


/*__________________________Do Administrador_______________________________*/
.d-admin{display: none; transition: all ease 1s; }
.edit-admin{background-color: #e4e5e3; max-width: 350px; height: fit-content; border-radius: 2px; border: solid 1px rgb(163, 163, 163); padding: 4px 4px 8px 4px;}
.cad-admin{background-color: #bad4ef; width: 350px; height: fit-content; border-radius: 15px; border: solid 1px rgb(163, 163, 163); padding: 10px 10px 50px 10px;}
.edit-user{display:grid; padding: 20px 12px; }
.edit-user label, .edit-user input{padding: 4px 8px;}
.cup{display: none; color: rgb(116, 116, 116); cursor: pointer;}
.cdow{color: rgb(116, 116, 116); cursor: pointer;}
.cup:hover, .cdow:hover{color: #9ab8d7;}
.mais{font-size: 24px; font-weight: bolder; cursor: pointer; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; position: relative; top: 4px;}
.mais:hover{color: #006;}
.consulta{width: fit-content; height: fit-content; padding: 8px; border-radius: 2px; background-color: #9ce6e6;}
.consulta button{border-radius: 50%; cursor: pointer; border: none;}

/*ADD EDITAL*/
.corpo{ display: block; align-content: center; align-items: center; width: 98%; padding: 2px; background-color: white; margin: 10px 2px; font-size: 18px;}
.titadm{text-align: center; color: blue;}
.frmadm{display: block; border: solid 1px #888; border-radius: 8px; margin-left: 10%; margin-right: 10%; padding: 30px 10px 30px 10px; text-align: center; align-content: center;}
.frmadm label{ display: block; margin-bottom: 12px; margin-top: 12px;}
.larq{height: 40px; border-radius: 6px; border: solid 1px green; text-align: center; cursor: pointer; vertical-align: middle; padding-top: 18px; margin-left: 20%; margin-right: 20%;}
.larq:hover{background-color: #4CAF50; }
#arq{display: none;}
.frmadm button, .btnup{border: solid 1px #4CAF50; height: 50px; border-radius: 4px; width: 200px; cursor: pointer;}
.frmadm button:hover, .btnup:hover{background-color: #4CAF50; }
#msg-file{display: block; color: rgb(0, 48, 0); font-weight: bold; height: 30px;}
.inpadm{height: 40px; font-size: 18px; margin-left: 20%; margin-right: 20%; width: 60%;}
.block{display: none;}
.addlink{max-width: 500px;}
.add{position: relative; top: -4px; left: 220px;}
.msg_{height: 25px; border: solid 1px rgb(197, 197, 197); border-radius: 3px; color: #222222; position: relative; top: 6px; padding: 6px 10px 2px; margin: 1px 20%; display: grid;  text-align: left; font-weight: bold; }
.dlado{display: block;   margin: 4px 10px; padding: 2px 2px 8px 2px; overflow:hidden;}
.dlado span{padding: 2px 8px; text-align: center; width: 100%; display: block;}
.dlado span label{padding: 2px 6px;  margin: 2px 10px;}
.F{cursor: pointer; color: rgb(0, 0, 20); font-weight: bold;}
.link1:hover, .cte{color: rgb(110, 126, 100);}
.cte{text-align: left; cursor: pointer; display: flex;}

/*______________________________________________________________________________*/

/*----------------UPLOAD-------------------------------*/
.corpo-noti{width: 90%; display: block; border: solid 1px #888; border-radius: 8px; margin-left: 5%; margin-right: 5%; padding: 30px 10px 30px 10px; text-align: center; align-content: center;}
.img-noticia{
  border-radius: 12px;
  width: 35%;
  height: fit-content;
  position: relative;
  left: 10%;
  margin: 2px;
}
#imagem {
  position: relative;
  width: 86px;
  height: 86px;
  /*cursor: grab; Mostra o mouse como uma mãozinha que pega*/
  cursor: pointer;
  border-radius: 6px;
  border: 2px solid #ccc;
}
#container {
  position: relative;
  width: 90px;
  height: 90px;
  border: 1px solid #000;
  left: 12px;
}
/* Menu de controle administrador */
.mnu_adm{
  position: fixed; top:50px;  left: 15%; z-index: 10; width:100%; height: 80px; display: flex; 
  vertical-align: top; margin: 2px; background-color: white; border-radius: 8px;
}
.m_func{
   position: fixed; top:130px;  left: 15%; z-index: 10; width:80%; height:fit-content; display: flex; 
  
}
.no{
            position: relative; 
            top: 120px;
            left: 48px;
            border: solid 1px black;
            border-radius: 12px;
            width: 380px;
            min-height: 450px;
            background-color: cadetblue;
            padding: 12px;
            margin-bottom: 120px;
        }
        .rapid{
            max-width: 100%; 
            overflow: hidden; 
            display:flex;
            flex-wrap: wrap;
            padding: 0px 2px;
        } 
        .ed-element{display: block; width: 350px; height: 250px;  border-radius: 12px; margin-left: 8px; margin-top: 8px;}
        .bt-mod{cursor: pointer; height: 234px; padding: 8px; border-radius: 8px;}
        .bt-mod:hover{background-color: black; opacity: 50%; transform: scale(1.2); transition: 300ms;}

@media only screen and (max-width: 750px) {
 .mnu_line{display: block; position: fixed;}
 .logo{width: 150px; height: 100px; border-radius: 10px; position: fixed; top: -10px; left: 35%; z-index: 201;}
 .mnu_sandu{display: block; position: fixed; top: 20px; left: 5px; z-index: 1; }
 
 
 .menu_sub{display: none; position: absolute; top: 58px; left: -8px; text-align: center; transition: all ease .10s; z-index: 800;}
.contato{display: grid; top: 40px; left: 0%;}
 .menu_submob{display: block;}
 .rodape{display: block; height: fit-content; text-align: center;}
 .rodape div{display: block; width: 100%; text-align: center;}
 .login{top: 35px;}
 
 /*Conteudo */
.conteudo{display: grid; width: 100%;}
.cont-esq{display: flex; width: 100%; min-height: 40vh; vertical-align: top; position: relative; left: 0px;  z-index: 800; }
.cont-pagina{padding: 2px;  text-align: justify; width: 100%; position: relative; left: 0px;}
.cont{width: 100%;  vertical-align: top; }
.cont-dir{width: 100%; vertical-align: top;}
.mnu_adm{width: 100%; vertical-align: top;}
.cont-prj{top: 145px; }
.divisor{display: none;}
/*Menu Principal */
.mnu_bar_sub{display: block; margin-left: -80%; position: fixed; top: 67px; min-width: 50%; background-color: white; height:100vh; padding-bottom: 10%; transition: all ease .2s; z-index: 800;}
.dropdown-content{position: relative; top: 60px; z-index: 800;}
.dropbtn{position: absolute; top: 35px; padding: 8px 0px; margin-bottom: 8px;  width: 100%;}
.link{margin-left: -20px; padding: 8px 0px; position: absolute;  width: 100%;}
.dropbtnpj{position: absolute; top: 65px; padding: 8px 0px; margin-right: -20px;  cursor: pointer; margin-left: -20px; width: 100%;}
.cont-prj{top: 100px; }

.dropbtn:hover{background-color: #3385d6;}
/*.link:hover{background-color: #3385d6}*/
.dropbtnpj:hover{background-color: #3385d6}
/*munu utilizador*/
.utiliza-content{z-index: 800; top: 35px;}
.utiliza{position: fixed; top: 0px; left:calc(100% - 150px); z-index: 800;}
.Conj-cubo{display: block;}


.btns{display:block;}
}