body{
	font-family: 'Barlow Semi Condensed', sans-serif;
	 
}

#contenedor{

background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
}

#subconten{
	margin-top: 73px;
}

#i2iform{
	margin-top: 10px;
}

#i2iform label{
	font-weight:400;
	font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 15px;
    color:#000;
}

#i2iform input{
	border:1px solid #666;
	border-radius: 0px;
	height:30px;
}

#lblPass{
	 padding-left: 0px;
}

#lblUser{
	padding-left:22px;
}

/*#usr{
	margin-bottom: 5px;
}*/

#ident{
    font-family: 'Ubuntu';
    font-weight: bold;
    font-size: 20px;
    background: #003569;
    color: white;
    padding: 6px 0 6px 0px;
    border-left: 12px solid #3e80d5;
    text-align:center;
}

#submit{
	width:100px;
}

#i2iform input[type="submit"]{font-family: 'Barlow Semi Condensed', sans-serif;color:#333;font-size: 12px;padding: 5px 20px;border-radius:4px;font-weight: 700;background:#bebdbc; border:none;}

@media (min-width: 992px) {
  .center-block{
    margin-left:0px;
  }
}

/*Nuevo CSS*/
#slider{
	height:350px;
	width:350px;
	margin-top:80px;
}

@media (min-width: 2500px) {
  #slider{
    height:425px;
    width:425px;
    margin-top:75px;
  }
}

@media (max-width: 1500px){
	.col-xs-12.col-sm-12.col-md-12.col-lg-3.center-block{
		margin-left:-8%;
	}
	#subconten{
		margin-left:90px;
	}
}

@media (max-width: 1199px) {
	#contenedor{
		background-image: none !important;
	}
	#slider{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	#form{
		margin-top:5%;
	}
	#slider{
		width:250px;
		height:250px;
		margin-top:30px;
	}
	#ident{
		font-size: 20px;
    	padding: 6px 0 6px 0px;
	}
	#contenedor{
		height:100%;
	}
	#usr{
		width:50%;
	}
	#pss{
		width:50%;
	}
	#subconten{
		margin-top:0px;
	}
	#logo{
		margin-top:25px;
		width:150px;
	}
	.col-xs-12.col-sm-12.col-md-12.col-lg-3.center-block{
		margin-left:0px;
	}
	#subconten{
		margin-left:0px;
	}
}


@media (max-height: 875px) {
	#slider {
		margin-top:40px;
	}
}

@media (max-height: 767px) {
	#slider {
		height:250px; 
		width:250px;
		margin-top:80px;
	}
}

@media (max-height: 690px) {
	#slider {
		height:200px; 
		width:200px;
	}
	#logo{
		margin-top:0px;
	}
}

@media (max-height: 630px) {
	#slider {
		margin-top:53px;
	}
}

@media (max-width: 500px){
	.col-xs-offset-4.col-xs-4.col-sm-offset-4.col-sm-4.col-md-offset-4.col-md-4.hidden-lg.text-center{
		margin-left:29%;
	}
}

@media (max-width: 463px) {
	#ident {
		font-size:15px !important;
	}
}

@media (max-width: 463px) {
	#ident {
		font-size:15px !important;
	}
}

@media (max-width: 360px) {
	#slider {
		width:200px !important;
		height:200px !important;
	}
	#ident{
		font-size:12px !important;
	}
}

@media (max-width: 400px){
	.col-xs-offset-4.col-xs-4.col-sm-offset-4.col-sm-4.col-md-offset-4.col-md-4.hidden-lg.text-center{
		margin-left:26%;
	}
}


@media (max-width: 767px) {
	#usr{
		width:64%;
	}
	#pss{
		width:64%;
	}
	.padAdjust{
		padding-left:0px;
	}
	#form{
		margin-top:15%;
	}
}

/*Fade PopUp*/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}