@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,100,600);
body {
  /*background: #ffffff;*/
  background: #ececec;
}

.top-bar { 
  width:100%; 
  clear:both; 
  float:left; 
  padding:0px; 
  line-height:50px;  
  border-bottom:1px dashed #ededed; 
  border-top:1px dashed #ededed; 
  background-color:#fff; 
  position:relative; 
}
.container { 
  width:100%; 
  margin:0 auto; 
  position:relative; 
  clear:both; 
  color: #92a7bb; 
}

.top-bar { 
  width:100%; 
  clear:both; 
  float:left; 
  padding:0px; 
  line-height:50px;  
  border-bottom:1px dashed #ededed; 
  border-top:1px dashed #ededed; 
  background-color:#fff; 
  position:relative; 
}

.top-menu { 
  float:left; 
  margin:0px; 
  padding:0px; 
}
.top-menu li { 
  float:none; 
  display:inline; 
  margin:0px; 
  padding:0px 20px; 
  border-left:1px dashed #ededed; 
}
.top-menu li:last-child { 
  border-right:1px dashed #ededed; 
}
.top-menu li a:hover { 
  color:#2c3e50; 
}
.top-menu .fa { 
  font-size:16px; 
  font-family:FontAwesome; 
  font-weight:normal; 
  margin-right:3px; 
}
@media (max-width: 500px) {
  .top-right { 
    width:100% !important; 
  }
}
@media (min-width: 501px) and (max-width: 766px) {
  .top-right { 
    width:50% !important; 
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .top-right { 
    width:35% !important; 
  }
}
.top-right { 
  float:right; 

  width:25%; 

  margin:0px; 
  padding:0px 8px; 
  border-right:1px dashed #ededed;  
  border-left:1px dashed #ededed; 
}
.top-right span { 
  padding:0px 8px; 
}
.top-right .register { 
  float:left; 
  margin:0; 
  width:100%; 
}
.top-right .register li { display: inline-block; 
  margin: 0; 
  float:left; 
  padding:0; 
}
.top-right .register li:last-child { 
  border-left:1px dashed #ededed; 
}
.top-right .register li a { float:left;  
  padding: 0 22px 0 23px; 
}
.top-bar .dt-sc-social-icons { float:right; 
  margin:0;
  padding:5px 0; 
}
.top-right .dt-sc-social-icons li { 
  display:inline-block; 
  float:left; 
  margin:0px; 
  padding:0; 
}
.top-right .dt-sc-social-icons li a { 
  padding:0px 8px; 
  border:none; 
  min-width:0; 
}
.top-right .dt-sc-social-icons li:hover a { 
  background-color:inherit; 
}
.top-right .dt-sc-social-icons .fa { 
  font-size:14px; 
  font-family:FontAwesome; 
  font-weight:normal; 
  color:#92a7bb; 
  -webkit-transition:all 300ms linear 0s; 
  -moz-transition:all 300ms linear 0s; 
  -o-transition:all 300ms linear 0s; 
  -ms-transition:all 300ms linear 0s; 
  transition:all 300ms linear 0s; 
}
.top-right .dt-sc-social-icons li:first-child a { 
  border-left:none; 
}

.login-box {
  background: #FFFFFF;
  min-height: 300px;
  width: 350px;
  /*margin: 0px auto;*/
  margin: 50px auto 0px;
  /*padding-top: 100px;*/
  /*padding-bottom: 50px;*/
  padding: 40px 40px 20px 40px;
}

.login-box h1 {
  color: #2f4051;
  font-size: 25px;
  font-family: 'Raleway', Helvetica, Arial;
  font-weight: 600;
  text-align: center;
  padding-bottom: 30px;
  margin: 0px;
}
.login-box h1 img{
  width: 180px;
}
.login-box hr {
  border-width: 1px;
  border-color: #0b1d30;
  opacity: 0.3;
}
.login-box h5 {
  text-align: center;
  font-family: 'Raleway';
  font-weight: 600;
  /*color: #2f4051;*/
  color: #0f1a47;
  /*font-size: 13px;*/
  font-size: 18px;
  padding-bottom: 10px;
}
.login-box h5 strong {
  color: #dd636d;
}
.login-box .input-box {
  margin-top: 20px;
}
.login-box .input-box .input-group-addon {
  background: #2f4051;
  border: 0px;
  color: #FFFFFF;
  border-radius: 0px;
}
.login-box .input-box input {
  /*background: #4f5c6c;*/
  border-radius: 0px;
  border: 1px solid #e0e4e3;
  /*color: #FFFFFF !important;*/
  color: #0f1a47 !important;
  box-shadow: inherit;
  height: 38px;
  padding: 6px 16px;
}
.login-box .input-box .MantenerSesion{
  margin-bottom: 20px;
}
.login-box .input-box .MantenerSesion input {
  height: inherit !important;
}
.login-box .input-box .MantenerSesion label {
  cursor: pointer;
  user-select: none;
  color: orange;
  font-weight: 500;
}
.login-box .input-box .btn-warning {
  padding: 6px 20px;
  border-radius: 20px;
  background-color: #ff6400;
  letter-spacing: 0.8px;
}
.login-box .input-box .form-control:-moz-placeholder {
  /*color: #FFFFFF;*/
  color: #999;
}
.login-box .input-box .form-control::-moz-placeholder {
  /*color: #FFFFFF;*/
  color: #999;
}
.login-box .input-box .form-control:-ms-input-placeholder {
  /*color: #FFFFFF;*/
  color: #999;
}
.login-box .input-box .form-control::-webkit-input-placeholder {
  /*color: #FFFFFF;*/
  color: #999;
}
.login-box .input-box .form-control:focus {
  box-shadow: none;
}

.login-box .input-box h6 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 12px;
}

.login-box .input-box .form-group h6 {
  /*margin-top: 60px;*/
  text-align: center;
}
.login-box .input-box .form-group h6 .olvidoPassword {
  color: #0f1a47;
  font-size: 13px;
}

.login-box .input-box .btn-submit {
  background: #dd636d;
  color: #FFFFFF;
  border-radius: 0px;
  outline: none !important;
}

.img-app-box {
  width: 350px;
  /*margin: 0px auto;*/
  margin: 0px auto;
  /*padding-top: 100px;*/
  /*padding-bottom: 50px;*/
  padding: 20px;
  padding-top: 40px;
}

.img-app-box .img-app{
/*  display: none; */
}

.img-app-box .img-app .store-app{
  /*margin: 5%;*/
}

.img-app-box .img-app .store-app img{
  /*width: 40%;*/
  width: 90%;
}

.img-app-box .img-app .ios{
  opacity: 0.3;
}

.login-footer {
/*
LO COMENTE XQ NO TIENE NADA TODAVIA  
  min-height: 300px;
  width: 350px;
  margin: 0px auto;
  margin-top: 10px;
  text-align:center;
*/
}

@media (max-width: 400px) {
  .login-box {
    width: 260px;
	  margin-top: 50px;	
  }
  .login-footer {
    width: 260px;
  }

}

.MensajeInformatico {
  font-size: 12px; 
  color: #888888;
}