@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYag.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format('truetype');
}
/*
DEFINICIONES que deberían ser comunes a todos los LESS de la plataforma
*/
/* rgba(0, 113, 188, 1) */
/* rgba(41, 171, 226, 1) */
/* rgba(247, 147, 30, 1) */
/* rgba(251, 176, 59, 1) */
body {
  background-color: #dfdfdf;
  font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
  text-align: center;
  font-size: 12px;
  color: #2f2a2b;
  margin: 0;
  padding: 0;
}
#content {
  text-align: left;
  padding: 64px 20px 5px 20px;
  margin: 39px auto 0 auto;
  width: 440px;
  background-image: none;
  /*background-color : #d7d6d8;*/
  border-radius: 3px;
}
h1 {
  font-size: 14px;
  color: #ecf1f4;
  margin: 0 0 4px 0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 300;
}
#branding {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 60px;
  background-image: url('../images014/014media-logo-180x60.png');
  background-repeat: no-repeat;
  background-position: top left;
}
#branding > a {
  display: none;
}
#branding img {
  border: 0;
}
#branding div.instancia {
  position: absolute;
  right: 8px;
  top: 0px;
  color: #c8c6c9;
  font-size: 42px;
  letter-spacing: -2px;
  text-align: right;
  cursor: default;
  transition: all 0.5s;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 300;
}
#branding div.instancia:hover {
  color: #b8b6b9;
}
a:link,
a:visited {
  color: #0071bc;
  text-decoration: none;
}
a:hover {
  color: #29abe2;
  text-decoration: none;
}
dt {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
  color: #707070;
}
dd {
  margin: 0 0 15px 0;
  font-size: 11px;
  line-height: 24px;
  color: #606060;
}
dd > input {
  width: 419px !important;
}
input {
  outline: 0;
  font-size: 16px;
  border: none;
  padding: 10px;
  width: 430px;
  margin-right: 5px;
  color: #333333;
  border-radius: 3px;
}
input.submit {
  background-color: #0071bc;
  padding: 7px 16px /* 9px 16px*/;
  color: #ffffff;
  font-weight: bold;
  border: 0;
  width: auto;
}
input.submit:hover {
  background-color: #29abe2;
}
input[type="checkbox"] {
  width: auto;
}
span {
  margin-left: 7px;
}
label[for="remember_me"] {
  color: #707070;
}
.error {
  font-size: 14px;
  color: #606060;
  background: #c8c6c9 url('../images014/error-48px-orange.png') no-repeat 2px -1px;
  border: none;
  border-radius: 3px;
  padding: 11px 15px 3px 50px;
  margin: -7px 0 20px 0;
  width: 374px;
}
.error p {
  margin: 5px 0 10px 0;
}
#content div.logoC {
  position: relative;
  width: 440px;
  height: 84px;
  margin: 0 0 35px 0;
}
#content div.logo {
  display: none;
  width: 440px;
  height: 84px;
}
#content div.logo > div {
  position: absolute;
  width: 90px;
  height: 84px;
  top: 0px;
  background-repeat: no-repeat;
  background-image: url(../images014/vams-logo-shapes-separadas-84px.png);
  opacity: 1;
  -webkit-transition: all 2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#content div.logo > div:hover {
  transform: scale(0.6);
}
#content div.logo > div.V {
  left: 76px;
  background-position: 0px 0px;
}
#content div.logo > div.A {
  left: 122px;
  background-position: -92px 0px;
}
#content div.logo > div.M {
  left: 181px;
  width: 110px;
  background-position: -183px 0px;
}
#content div.logo > div.S {
  left: 281px;
  width: 75px;
  background-position: -298px 0px;
}
#content div.logoStartPos > div {
  opacity: 0.1;
}
#content div.logoStartPos > div.V {
  left: 167px;
}
#content div.logoStartPos > div.A {
  left: 167px;
}
#content div.logoStartPos > div.M {
  left: 159px;
}
#content div.logoStartPos > div.S {
  left: 172px;
}
#content div.logoFixed {
  display: block;
}
#content div.logoFixed > div {
  -webkit-transition: none;
  transition: none;
}
#content div.logoFixed > div:hover {
  transform: none;
}