@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,900);
/* GENERALES */
body {
  witdth: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: #ccc;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  text-shadow: 0px 1px white;
  padding-bottom: 0px;
}
a {
  color: #0097a9;
}
a:hover {
  color: #E42644;
}
.splash {
  width: 100%;
  height: 100%;
  background-image: url('../img/nos.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  border-top: 3px solid #FFCC99;
}
.splash .logo_trama {
    width: 320px;
    margin: 30px auto 10px auto;
    padding: 0;
}
.splash .trama {
  background: rgba(228,38,68,0.9);
  width: 320px;
  margin: auto;
  padding: 5px 0;
}
.splash form {
  width: 300px;
  margin: 0 auto;
  padding: 15px;
}
.splash form input {
  margin: 4px 0;
  border-color: #B31D39;
}
.splash form .btn {
  width: 100%;
  background: #FFCC99;
  color: #B31D39;
  text-shadow: 0px -1px #b2862e;
  box-shadow: 3px 3px 0px #B31D39;
}
.splash h1 {
  width: 300px;
  margin: 15px auto 0 auto;
  text-align: center;
  color: white;
  text-shadow: 1px 1px #B31D39;
  font-weight: 200 !important;
  font-size: 1.2em !important;
}
.splash h1 img {
  width: 219px;
  border-bottom: 1px dotted white;
  margin-bottom: 10px;
}
.splash h1 strong {
  font-weight: 900;
}
.splash #clock {
  width: 270px;
  margin: 15px auto 0 auto;
  height: auto;
  background: #B31D39;
  display: block;
  border-radius: 7px;
  border-bottom: 1px solid #971831;
}
.splash #clock > div {
  text-align: center;
  width: 33%;
  float: left;
  clear: none;
}
.splash #clock p {
  color: #fff !important;
  padding: 10px !important;
  text-align: center;
  font-size: 12px;
  text-shadow: 0px 1px #971831;
}
.splash #clock strong {
  display: block;
  font-weight: normal;
  font-size: 1em;
  color: white;
  text-shadow: 0px -1px #000000;
  padding: 2px;
}
.splash #clock span {
  background: #003B45;
  border-radius: 4px;
  color: white;
  width: 90%;
  display: block;
  text-shadow: 2px 2px #00454E;
  margin: 6%;
  font-size: .8em;
}
.splash .footer {
  text-align: center;
  width: 280px;
  margin: 10px auto;
}
.splash .footer small {
  font-size: .7em;
  line-height: 100% !important;
  display: block;
  text-shadow: none;
  color: #971831;
  margin: 10px 0;
}


@media only screen and (max-device-width: 480px) {
  .splash {
    width: 100%;
    height: 100%;
    background-image: url('../img/nos-mobile.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    border-top: 3px solid #FFCC99;
    margin-bottom: 75px;
  }
  .splash .trama {  }
}