body{
	
	!background: linear-gradient(180deg,#fff 0%,#4D7E31 0%, #937458 0%,#fff .2%,#fff 98%,#937458 100%);
	
}


/* Estilo para el user y password */
input[type=text]:focus,
input[type=user]:focus,
input[type=password]:focus 
{
	outline: none !important;
    box-shadow: 1px 1px 5px green;
	box-shadow:0 0 0 .2rem rgba(119,158,108,.25);
	border-color:#779E6C;
	font-family: Arial, Helvetica, sans-serif;
  -webkit-border-radius: 4px;
}

input[type=text], input[type=password], input[type=user] {
  width: 82%;
  padding: 9px 20px;
  
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -webkit-border-radius: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  color: #4D7E31;
}



.container{
	width: 450px;
	height: 100px;
	margin: 15px;
	padding-left: 75px;
	padding-top: 30px;
	padding-bottom: 90px;
	border-color: #779E6C;
	border-style: solid;
	border-width: 1px;
	background: #f8f8f8;
    -webkit-border-radius: 15px;
}


.boton{
	height: 45px;
	width: 78px;
	background: #4D7E31;
	border-radius: 8px;
	cursor:pointer;
	color:#fff;
	border-style:none;
	padding:0px;
	transform: translateY(-4px);
	box-shadow:-1px -1px 3px #fff, 1px 1px 1px #000, -2px -2px 5px rgba(0,0,0,.5);
	transition: 0.2s;
	
}

.boton:hover{

	opacity: .7;
	transform:scale(1.2);
	box-shadow: -17px -17px 20px -7px rgba(0,0,0,.5);

}

.boton:active{
	background: #000;
	opacity: 1;
	transform:scale(1) translateY(-4px);
	box-shadow: 1px 1px 0px #000, 1px 1px 0px #fff, -2px -2px 5px rgba(0,0,0,.5);
	transition:0s;
}

.terminos{
	text-decoration: none;
	background: #fff;
	border-style:none;
	border-width:1px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	color:#f00;
	border-color: #4D7E31; "

}

.terminos:hover{

	transition: 0.3s;
	background:#efd;
}

.terminos:active{
	background:#0f0;
	color:#000;
	
}