/*fuentes*/
body { font: normal 12px arial, tahoma, helvetica, sans-serif;
	margin:0px;	
	/*background-attachment: fixed;
	background-repeat: no-repeat;*/	
}
/*body {color:white !important;}*/

/*celda td*/
td,th { font: normal 12px arial, tahoma, helvetica, sans-serif; }
/*.colortd{ color:white !important;}*/

/*logo*/
.logo{width:200px; 
	height: auto;
  margin-top: 15px;
	margin-bottom: 30px;
}

/*LOGIN*/
.input-item { 
    padding: 14.5px 0px 15px 9px;
    border-radius: 20px 0px 0px 20px;
}

/* Show/hide password Font Icon */
#eye { 
  /*margin-left: -20px;
  padding: 15px 9px 15px 0px;
  border-radius: 0px 20px 20px 0px;
  float: right;*/
  position: absolute;
  padding-top: 12px;
  right: 3px;
  z-index: 5;
  cursor: pointer;
}

.iposl{
  padding-top: 12px;
  position: absolute;
  left: 3px;
}

/* inputs form  */
input[class="form-input"]{
  width: 240px;
  height: 45px;
  font-size: 16px;
  font-family: 'Abel', sans-serif;
  outline: none;
  border: none;
  border-radius: 20px;
	padding:0px 20px 0px 20px;
	margin: 0px 5px 0px 5px;
  transition: 0.2s linear;
}

._txt{ position:relative;
	display: inline-flex;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color:#FFF;
	margin:0px 30px 10px 30px;
	}

/* FORMULARIOS */
.pagina{position: relative;
	overflow: hidden;
width: 100%;
height: 100%;
z-index: 0}

.contenido{ position:relative;
	/*margin-top:0px;
	margin-left:0px;
	padding-top: 19px;
	top:40px;*/
	width:100%;
	height:100%;
	/*overflow:auto ;*/
	box-sizing: border-box;
	z-index:1;
	display: flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	background: transparent !important;
	border: 1px solid;
	
}
.formulario { position: relative;
	display: table;
	width: max-content;	
	padding:7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	z-index:-1;	
}

.barracd {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

.icerrar {
    width: 25px;
    height: 20px;
    color: red;
    font-weight: bold;
    cursor: pointer;
}

/* Submits */
.submits { position: relative;
    display: inline-flex;
}

/* buttons  */
.log-in, .frgt-pass, .sign-up {
    display: inline-block;
    color: #252537;    
    height: 50px;
    width: 260px;
    padding: 0px 20px;    
    border-radius: 5px;
    outline: none;
    border: none;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s linear;
    margin: 7px;
    letter-spacing: 0.05em;
}

/* login */
/*.log-in {background: #61D2C9 !important; width: 260px}*/

/* Forgot Password button FAF3DD  */
/*.frgt-pass {background: #B8F2E6 !important; width: 125px}*/

/* Sign Up button  */
/*.sign-up {background: #F0F0F0 !important; width: 125px}*/

/*MOVIL 1 ----------*/
@media screen and (max-width:400px) and (min-width:250px){
	#video{height: 100%;
		width: auto !important;}
}

/*MOVIL 2*/
@media screen and (max-width:640px)and (min-width:399px){
	#video{height: 100%;
		width: auto !important;}
}
	
/*TABLET----------*/
@media screen and (max-width:1023px) and (min-width:647px) {
	#video{height: 100%;
		width: auto !important;}
}
	
/* buttons hover */
#blogin:hover, #bforgot:hover {
    transform: translatey(3px);
    box-shadow: none;
}

/* buttons hover Animation */
#blogin:hover, #bforgot:hover {
    animation: ani9 0.4s ease-in-out infinite alternate;
}

@keyframes ani9 {
    0% {
        transform: translateY(3px);
    }
    100% {
        transform: translateY(5px);
    }
}

/*borde arcoiris giratorio*/
.bordegiracolor {
  --angle: 0deg; /* Variable para la animación */
  border: 1px solid transparent;
  border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  animation: 3s rotate linear infinite; /* Animación para el borde */
}

@keyframes rotate {
  to {
    --angle: 360deg;
  }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/*mmundi*/
.globe-logo{
	width: 200px;
	height: 200px;
	/*background: url('../mmundi/logomundi_b.png') no-repeat;*/
	background: url('../mmundi/logomundismc_b.png') no-repeat;
  background-size: 200px 200px;
  margin: 20px;
  position: relative;
  display: inline-block;
}

.globe-mcirc{
	left:0px;
	width: 200px;
	height: 200px;
	background: url('../mmundi/logomcir_b.png') no-repeat;
  background-size: 200px 200px;
  /*margin: 20px;*/
  position: absolute;
  display: inline-block;
	animation: parpadear 4s infinite linear;
	z-index: 8;
}

.globe-container {
	/*width:92px;*/
	width:120px;
	height:120px;
	border:1px solid rgba(0,0,0,0.3);
	border-radius: 100px;
	overflow: hidden;
	/*background:url(mmundi/earthMap_92h.png) top left no-repeat;*/
	background:url('../mmundi/tierramapa_b.png') top left no-repeat;
	animation: rotateg 10s infinite linear;
	/*box-shadow: 0px 5px 15px #888;*/
	background-size: 419px 120px;
	/*523px 150px; */
	/*background-color: rgb(0, 106, 184);*/
	margin: 40px;
}
		
	.globe {
		position:absolute;
		/*width:92px;*/
		width:120px;
		height:120px;
		/*background:url(mmundi/shadow_highlight.png) top left no-repeat;*/
		background:url('../mmundi/shadow_highlight_b.png') top left no-repeat;
		background-size: 120px 120px;
		z-index: 7;
	}
	
	@keyframes rotateg{
		0% {
			background-position:0px 0px;
		}
		100% {
			/*background-position:-160px 0px; -260px 0px;*/
			background-position:-210px 0px;
		}
	}

/**/
@keyframes spin { 
  100% { 
    transform: rotateZ(360deg);
  }
}


/* Desaparece a mitad de la animación */
@keyframes parpadear {
  50% {
    opacity: 0.1; 
  }
}