header {
/* 		background-color: #4A4A4A; */
		background-color: black;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 60px;
		padding-right: 60px;
		height: 60px;
	}
	
	body {
		background-color: #EEE;
	}
	
	footer {
		background-color: lightgray;
		padding-top: 20px;
/* 		padding-bottom: 20px; */
		padding-left: 60px;
		padding-right: 60px;
/* 		background-color: #AAA; */
	}
	
	.footer-copyright{
	  margin-top: 0px;
	  height: 80px;
	}
	
	div.ine-logo {
		float: right;
		width: 190px;
		height: 50px;
		position: relative;
		display: inline-block;
		overflow: hidden;
		margin: 0;
	}
	
	div.ine-logo-footer {
		float: left;
		width: 190px;
		height: 50px;
		position: relative;
		display: inline-block;
		overflow: hidden;
		margin: 0;
	}
	
	div.sif-logo {
		width: 430px;
		height: 50px;
		position: relative;
		display: inline-block;
		overflow: hidden;
		margin: 0;
	}
	
	div.sif-logo-login {
		width: 250px;
		height: 60px;
		position: relative;
		display: inline-block;
		overflow: hidden;
		margin: 0;
	}
	
	div.ine-logo img {
		width: auto;
		height: 100%;
	} 
	
	div.sif-logo img {
		width: auto;
		height: 100%;
	} 
	
	div.sif-logo-login img {
		width: auto;
		height: 100%;
	} 
	
	div.main-img-container {
		width: 100%;
		height: 500px;
		position: relative;
		display: inline-block;
		overflow: hidden;
		margin: 0;
	}
	
	div.main-img-container img {
		width: auto;
		height: 100%;
	}
	
	.container-form-btn {
	  width: 100%;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  padding-top: 20px;
	}
	
	.form-btn {
	  width: 100%;
	  height: 40px;
/* 	  border-radius: 25px; */
/* 	  background-image: linear-gradient(to right, #A81857 , #F51E7C); */
/* 	  background-image: linear-gradient(to right, #2A4034 , #569371); */
	  background-color: #C91765;
	  font-size: 20px;
	  line-height: 1.5;
	  color: #fff;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 0 25px;
	
	  -webkit-transition: all 0.4s;
	  -o-transition: all 0.4s;
	  -moz-transition: all 0.4s;
	  transition: all 0.4s;
	}
	
	.form-btn:hover {
/* 	  background: #C91765; */
		background: #4A4A4A;
	}
	
	.container-form {
		padding-top: 15px;
	}
	
	.form-input-style {
		border-top-right-radius: 25px;
    	border-bottom-right-radius: 25px;
	}
	
	.field-icon {
	  float: right;
	  margin-left: -21px;
	  margin-top: 12px;
	  right: 15px;
	  position: relative;
	  z-index: 2;
	}
	
	.bienvenida-titulo {
		color: #C91765;
	}
	
	input {
		outline: none;
		border: none;
	}
	
	input:focus::-webkit-input-placeholder { color:transparent; }
	input:focus:-moz-placeholder { color:transparent; }
	input:focus::-moz-placeholder { color:transparent; }
	input:focus:-ms-input-placeholder { color:transparent; }
	
	input::-webkit-input-placeholder { color: #aaaaaa; }
	input:-moz-placeholder { color: #aaaaaa; }
	input::-moz-placeholder { color: #aaaaaa; }
	input:-ms-input-placeholder { color: #aaaaaa; }
	
	input.input-form {
	  height: 40px;
/* 	  border-radius: 25px; */
	  border: solid 1px;
	  padding: 0 30px 0 50px;
	}
	
	.input-form {
	  display: block;
	  width: 100%;
/* 	  background: #e6e6e6; */
	  font-size: 15px;
	  line-height: 1.5;
	  color: #666666;
	}
	
	.focus-input-form {
	  display: block;
	  position: absolute;
	  border-radius: 25px;
	  bottom: 0;
	  left: 0;
	  z-index: -1;
	  width: 100%;
	  height: 100%;
	  box-shadow: 0px 0px 0px 0px;
	  color: rgba(132,106,221, 0.5);
	}
	
 	.input-form:focus + .focus-input-form { 
 	  -webkit-animation: anim-shadow 0.5s ease-in-out forwards; 
 	  animation: anim-shadow 0.5s ease-in-out forwards; 
 	} 
	
	.symbol-input-form {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  align-items: center;
	  position: absolute;
	  border-radius: 25px;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  padding-left: 30px;
	  pointer-events: none;
	  color: #aaaaaa;
	  font-size: 15px;
	
	  -webkit-transition: all 0.4s;
	  -o-transition: all 0.4s;
	  -moz-transition: all 0.4s;
	  transition: all 0.4s;
	}
	
	.input-form:focus + .focus-input-form + .symbol-input-form {
	  color: #C91765;
	  padding-left: 22px;
	}
	
	.toggle-password {
		color: #aaaaaa;
	}
	
	.main-login-container {
		margin: auto;
		width: 350px;
	}
	
	@media only screen and (max-width: 1300px) {
	    #div-animation {
	        display: none;
	    }
	}
	
	@media only screen and (max-width: 768px) {
	    .row {
	    	text-align: center;
	        display: block;
	    }
	}
	
	@media only screen and (max-width: 1600px) {
	    .container-form {
	        padding-left: 50px;
	        padding-right: 50px;
	        display: block;
	    }
	}
	
	@media only screen and (max-width: 740px) {
	    .ine-logo {
	    	display: none !important;
	    }
	}
	
	a {
		color: #409aa1;
	}
	
	.carousel-indicators li {
		width: 10px;
		height: 10px;
		background-color: #4A4A4A;
	}
	
	.carousel-indicators .active {
	    background-color: #C91765;
	}