/*  index.css
   CSS para el modulo de home
   By Elias Valera Dorado
   [ 09/05/14 ]
*/
html,body{margin:0px; padding:0px; height:100%;    overflow: hidden;  	background-repeat: repeat-y, no-repeat; background-position:center center, bottom  right;
	background-size: cover, 500px 388px;background-color: #a9ca2c;  font: normal 16px/1.25 Helvetica,Arial,sans-serif; background-image:url(../img/FONDO_IG_TRANSPARENTE_PORTAFOLIO.png), url(../img/MAQUINA-IMPRENTA-ANTIGUA.png);}
#fondo{position:absolute; left:0px; top:0px; bottom:0px; right:0px;  background-repeat:no-repeat;  }
#contlogin2{width:100%; height:300px; margin-left:auto; margin-right:auto; margin-top:100px;  border-bottom:1px solid #CCC; border-top:1px solid #BBB;}
#contLogin{width:100%; height:300px; margin-left:auto; margin-right:auto; margin-top:100px; float:left; }
#logo{width:349px; height:250px; float: left; margin-top:25px; background-image:url(../img/LOGO_IMPRESOS%20GALVAN.png); background-size:80%; background-repeat:no-repeat;background-position:center center; background-color:#dbdbdb; border-top-right-radius:40px; border-bottom-right-radius:40px; -webkit-box-shadow: 0px 0px 2px 1px rgba(200,200,200,0.75);
-moz-box-shadow: 0px 0px 2px 1px rgba(200,200,200,0.75);
box-shadow: 0px 0px 2px 1px rgba(200,200,200,0.75);}
#cuadrologin{width:430px; height:200px; margin-left:auto; margin-right:auto; margin-top:50px; -webkit-box-shadow: -1px 0px 9px 3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 9px 3px rgba(0,0,0,0.75);
box-shadow: -1px 0px 9px 3px rgba(0,0,0,0.75);}
.usrpass{width:135px; float:left; height:30px; margin:25px 10px 5px 15px;  font-size:18pt; font-weight:bold; color:#333;}
.inputLogin{width:255px; height:40px; float:left; margin-top:20px; padding-left:10px; padding-right:5px; border:none; box-sizing:border-box;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75); font-size:14pt; color:#222222; border-radius:4px;}
#btnEntrar{ width:400px; height:40px; float:left; margin-left:15px; margin-top:20px; border-radius:4px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75); font-size:22pt; font-weight:bold; color:#333; text-align:center; cursor:pointer;}
#btnEntrar:hover{-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);}
#btnEntrar:active{-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);}

.form.a input.error {
border:1px solid red;
}
#loading{position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-color:rgba(0,0,0,.3); z-index:9999; display:none;}
#imgloading{width:200px; height:200px; margin-top:250px; margin-left:auto; margin-right:auto;background-image:url(../img/caracol.png); background-size:cover;  }
.rotateinfinite{
    animation-name: rotateinfinite;-webkit-animation-name: rotateinfinite;
    animation-timing-function: linear;-webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
    animation-duration: 6s;-webkit-animation-duration: 6s;
}
@keyframes rotateinfinite {
  from {
    transform: rotate(0deg);
	transform:scale(0deg)
  }
  to {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotateinfinite {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}