html, body {
    width: 100% !important;height: 100% !important; overflow: hidden !important; 
    margin-left: 0px !important; margin-top: 0px !important; 
    padding: 0 !important; color: #000000; 
    font-family: 'Ubuntu', sans-serif;
    user-select: none;
    background-color: #6c7c7c;
}
#video-bg {
    position: relative;  width: auto;  min-width: 100%;  height: auto;  background-size: cover; }

#logo-animation {float:right; margin-top:30px;margin-right: 40px;}

#logo-text { position: absolute; background-image: url('../img/logo-texto.png'); 
    background-size: 300px 34px; 
    background-repeat: no-repeat; 
    width:300px; height: 70px; 
    float:left; top: 35%; left:50%; margin-left: -150px; margin-top: -230px; z-index: 9999;  }

.form-container {
    position: absolute;
    border: 2px solid #353535;
    background-color: rgba(0,0,0,0.8);
    border-radius: 8px;
    font-family: 'Helvetica Neue',Helvetica,sans-serif;
    text-decoration: none;
    vertical-align: middle;
    padding:8px;
    width:100%; 
    height: 100%;    
}
.title-login {
   font-weight: bold; 
   font-size: 20px;
   text-shadow: 4px 4px 2px rgb(44, 44, 44); color: rgb(255, 255, 255);
   position: absolute; float: left; margin-top: 10px;
   letter-spacing: 4px; 
}
.button {
    outline: none !important;
    height: 32px;
    background-color: rgb(26, 20, 20) !important;
    cursor: pointer;
    padding: 0 8px;
    overflow: hidden;
    border: 1px rgb(53, 145, 199) solid;
    border-radius: 6px;
    font: normal 20px/normal "Antic", Helvetica, sans-serif;
    color: #1abff1;

}
.container-inputs {
    margin-top:20px;
    margin-left: -100px;
}
.container-inputs img { position: absolute; float:left; }

.spin {-webkit-animation: rotate-vert-center 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
    animation: rotate-vert-center 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
 }

 @-webkit-keyframes rotate-vert-center {
    0% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0);
    }
    100% {
      -webkit-transform: rotateY(360deg);
              transform: rotateY(360deg);
    }
  }
  @keyframes rotate-vert-center {
    0% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0);
    }
    100% {
      -webkit-transform: rotateY(360deg);
              transform: rotateY(360deg);
    }
  }
  
  .myButton {
	background-color:#000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
    text-align: center;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
    padding: 4px 25px !important;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.myButton:active {
	position:relative;
	top:1px;
}
#login-result { position: relative; float: left; width: 400px; margin-left:-50px; text-align:center; bottom:-25px; }
.loading-flash { /* En alertas.css */
    -webkit-animation: loading-flash 1s infinite;  /* Safari 4+ */
    -moz-animation: loading-flash 1s infinite;  /* Fx 5+ */
    -o-animation: loading-flash 1s infinite;  /* Opera 12+ */
    animation: loading-flash 2s infinite;  /* IE 10+, Fx 29+ */
    border-radius: 6px; 
}
@-webkit-keyframes loading-flash {0%, 0% { text-shadow: 0px 0px 10px rgb(255, 0, 140);   } 50%, 100% {}}



* {
	margin:0px;
	padding:0px;
	font-family: helvetica;
}

p#texto{
	text-align: center;
	color:white;
}

div#div_file{
	position: absolute;;

	padding:5px;
	width:100px;
	background-color: #2499e3;
	-webkit-border-radius:5px;
	-webkit-box-shadow:0px 3px 0px #1a71a9;
}
div#div_file2{
	position: absolute;;

	padding:5px;
	width:100px;
	background-color: #2499e3;
	-webkit-border-radius:5px;
	-webkit-box-shadow:0px 3px 0px #1a71a9;
}

input#btn_enviar{
    position: absolute;;
    display: inline-block;

	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	opacity: 0;
}
input#btn_actualizar{
	position:absolute;
	top:0px;
	left:200px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	opacity: 0;
}