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

/*------------------------------login---------------------------------*/
/* los input y demas de login, los declaro aca, independiente del resto que esta en form.css*/
/* llevan otro formato */
/*.login-marco{
	position:absolute; width: 100%x; height: 100vh; top:0px; left:0; background: rgba(0,0,0,0.3);
}*/
.login{
	position:fixed; width: 200px; top:90px; right:10px; margin: auto; background-color: rgb(255,255,255); z-index: 5000; display: none; padding: 30px; text-align: center; /*border:1px solid rgb(215,215,215);*/
    /*-webkit-box-shadow: 0px 10px 6px -7px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 6px -7px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 6px -7px rgba(0,0,0,0.1);*/
	
	-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
	
	/*-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	border-radius:10px;*/
}

.btn-log{
	float:right; width:100%; margin:auto; background-color: rgb(254,77,67); color:white; height: 35px; line-height: 35px; cursor:pointer; text-align: center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px; 
	border-radius:3px; 
	
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
	}
.btn-log:hover{	
    background-color:rgba(0,195,213,0.8);
    }
.login p:first-of-type{
	float:left; width: 100%; margin: auto; margin-bottom: 10px;
}

.frmLogin{
	float:left; width:100%; margin:auto; 
	border: none; /* quito el borde y sombra de form.css*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}

.frmLogin input{
	position: relative; display:block; width:calc(100% - 22px); font-family: 'Raleway', sans-serif; font-size:14px; outline: none; color: rgb(60,60,60); border: 1px solid rgb(215,215,215); background-color:rgb(255,255,255); padding: 10px; margin-bottom: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
	}
.frmLogin input[type="number"]:active,.frmLogin input[type="text"]:active,.frmLogin input[type="date"]:active,.frmLogin input[type="password"]:active{
	border: 1px solid rgb(215,215,215);
	color: rgb(60,60,60);
}
.frmLogin input[type="number"]:focus,.frmLogin input[type="text"]:focus,.frmLogin input[type="date"]:focus,.frmLogin input[type="password"]:focus{
	-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
	color: rgb(3,3,3);
}
.frmLogin input[type="number"]:visited,.frmLogin input[type="text"]:visited,.frmLogin input[type="date"]:visited,.frmLogin input[type="password"]:visited{
	border: 1px solid rgb(215,215,215);
	color: rgb(60,60,60);
}
.frmLogin input[type="number"]:link,.frmLogin input[type="text"]:link,.frmLogin input[type="date"]:link,.frmLogin input[type="password"]:link{
	border: 1px solid rgb(215,215,215);
	color: rgb(60,60,60);
}
#usuario{
	background-image: url("../../include/img/ico-usuario.png");
	background-repeat: no-repeat;
	background-position: 4px center; 
	padding-left: 30px; width:calc(94% - 32px);
}
#clave{
	background-image: url("../../include/img/ico-clave.png");
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 30px; width:calc(94% - 32px);
}
.frmLogin input[type=button]{
	width: 200px; max-width: 100%; height: 40px; line-height: 40px; border:none; background-color: rgb(254,77,67); color:rgb(255,255,255); cursor:pointer; margin: auto; padding: 0px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.frmLogin input[type=button]:hover{
	-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
}