@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600');
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin      : 0;
  padding:  0;
  font-family: 'Raleway', sans-serif;

  font-size:  1.5em;
   font-weight: 100;
  display: flex;
  min-height: 100vh;
}

.imagen-contenedor,.login-contenedor{

  display: flex;
  align-items: center;

}
.imagen-contenedor{
  width: 70%;
   background-color: #ffc627;
   justify-content: center;
   display: flex;
}
.imagen-contenedor img {
  width: 100%;
  max-width : 100%;
  height    : auto;

}
.contenedor{
  width: 60%;
  text-align: center;
}
.contenedor a , label{
    color: #000;
    font-size: .7em;
}
.ladrillos{
  width: 22% !important;

}

.rota-horizontal{
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

}
.imagen-contenedor p{
    align-items: center;
   }
.login-contenedor{
    width: 30%;
    display: flex;
    justify-content: center;
}

.form-login{
    width: 60%;
    margin: 0  auto;
    text-align: center;
  }

  .form-login .form-control{
      font-size: .6em;
      width: 100%;
      padding: 3px 3px;
      border: 1px solid #DDD;
  }
  .btn{
      width: 100%;
      border: 1px solid #DDD;
      line-height: 2;
      margin-top: 10px;
      text-transform: uppercase;
       background-color: #ffc627;
        font-weight: bold;
        color: #616161  ;
  }
  .btn:hover{
     cursor: pointer;
      background-color: #fcdc3c;
  }
a{
   text-decoration : none;
}
a:hover{text-decoration : underline}
.form-login a {
  font-size: .5em;
  text-align: center;
  font-weight: normal;
  color: #000;
}