@keyframes ani_log
{
	0%{transform:scale(0); opacity:0}
	100%{transform:scale(1); opacity:1}
}

@keyframes ani_tit 
{
	0% {transform: scale(0);}
	100% {transorm: scale(1);}
}

#div_log{display: flex;margin: auto;width: 100vw;min-width: 576px;height: 10vh;/* border: solid 2px; */}

img{width: 12vw;min-width: 40px;animation-name: ani_log;animation-duration:5s;}

/*#img_imp{width: 0px;height: 35px;margin-top: 10px; margin-bottom: 5px; }*/

#log_1, #log_2{width: 15%;height: 100%;}
#lin_sep_pri{margin-top: 0px; margin-bottom: 0px;}
#log_2{margin-left:2px;}
#log_tit{width: 80%;min-width: 220px;text-align:center;animation-name: ani_tit;animation-duration: 5s;background-color: #004d99;margin-left:2px;height: 100%;}
#tit_mun, #tit_sub{color:white;font-size: 2.0vw;margin:auto;justify-content: center;display: flex;height: 50%;align-items: center;}
#tit_sub{font-size: 1.5vw;}
/*#tit_jun{color:white; font-size:1.5vw; margin-bottom: 3px;}*/
#login {height:19px;font-size:small;color: blue;min-width: 576px;margin: auto;text-align: end;animation-name: ani_tit;animation-duration: 5s;margin-top:5px;margin-bottom:5px;overflow:hidden;white-space:nowrap;width: 96vw;/* right: 10vw; */}
#info{display: contents;margin:auto;width: 98vw;min-width: 300px;animation-name: ani_tit;animation-duration: 5s;}

#reg, #log{font-size:14px;/* margin-right: 10px; */}

.titulo {
  margin-top: 5%;
  margin-left: 38%;
  color: aliceblue;
}

#imgmuni:hover,
.capital:hover {
  cursor: pointer;
}
#ini:hover,
#log:hover,
#reg:hover {
  cursor: pointer;
}

@media only screen and (min-width:576px)
{
	#log_1, #log_2{width: 10%;height: 100%;}
  #log_2{margin-left:2px}
  /*#log_tit{width:80%;min-width: 220px;text-align:center;animation-name: ani_tit;animation-duration: 5s;background-color: #004d99;margin-left:2px;height: 100%;}*/
  /*#tit_jun{color:white;font-size:1.5vw;margin-bottom: 3px;}*/
  #div_log{display:flex;margin: auto;width: 96vw;min-width: 576px;height: 10vh;/* border: solid 2px; */}
  /*#info{width: 80vw;}*/
}

@media only screen and (min-width:768px)
{
  #log_1, #log_2{width: 10%;}
  #log_2{margin-left:2px}
  /*#log_tit{width: 80%;min-width: 220px;text-align:center;animation-name: ani_tit;animation-duration: 5s;background-color: #004d99;margin-left:2px;height: 100%;}*/
  /*#tit_jun{color:white; font-size:1.5vw; margin-bottom: 3px;}*/
  #div_log{display:flex;margin: auto;width: 96vw;min-width: 576px;height: 10vh;/* border: solid 2px; */}
  /*#info{width: 80vw;}*/
}

@media only screen and (min-width:992px)
{
  #log_1, #log_2{width: 10%;}
  #log_2{margin-left:2px}
  /*#log_tit{width:80%;min-width: 220px;text-align:center;animation-name: ani_tit;animation-duration: 5s;background-color: #004d99;margin-left:2px;height: 100%;}*/
  /*#tit_jun{color:white; font-size:1.5vw; margin-bottom: 3px;}*/
  #div_log{display:flex;margin: auto;width: 96vw;min-width: 250px;height: 10vh;/* border: solid 2px; */}
  /*#info{width: 80vw;}*/
}

@media only screen and (min-width:1200px)
{
  #log_1, #log_2{width: 10%;}
  #log_2{margin-left:2px}
  /*#log_tit{width:80%;min-width: 220px;text-align:center;animation-name: ani_tit;animation-duration: 5s;background-color: #004d99;margin-left:2px;height: 100%;}*/
  /*#tit_jun{color:white; font-size:1.5vw; margin-bottom: 3px;}*/
  #div_log{display:flex;margin: auto;width: 98vw;min-width: 250px;height: 21vh;/* border: solid 2px; */}
  /*#info{width: 80vw;}*/
}

