html, body{
  padding: 0;
  margin: 0;
  height: 100%;
}

body{
  min-width:450px !important;
  min-height:960px !important;
  overflow: hidden;
  color:white;
  background: no-repeat;
  background: linear-gradient(to right, rgba(25, 25, 25, 0.5), rgba(25, 25, 25, .05) ), url("../img/back.jpg");
  background-size: cover;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-size: 12px;}

div.Top{
  width: 100%;
  height:68px;
  background: linear-gradient(to right, rgba( 123, 92, 49, .95), rgba( 123, 92, 49, .65) );
  position: fixed;
  left: 0;
  top: 0;}

div.Top img{height:125px; position: fixed;  left:6%;}

div.Top img:hover{ cursor:pointer;}

div.ContainerForm{
   font-size:12px;
    position: fixed;
    left:6%;
    top:32%;
    border: 1px solid  #A27B5F;
    border-left:5px solid #E51B1B;
    background-color: rgba( 123, 92, 49, .75);
     border-top-right-radius: .35em;
     border-bottom-right-radius:.35em ;
    padding:12px 15px 12px 12px;}

@media all and (max-width: 980px) {
  body{
  min-width:450px !important;
  min-height:960px !important;}

div.ContainerForm{
   font-size:12px;
    position: fixed;
    left:30px;
    top:160px;}
}

div.ContainerForm select{
  margin:15px 0 15px 0;
  color:#464646;}

div.reservados{
  width:100%;
  position:fixed;
  bottom:0;
  text-align:center;
  font-size:10px;}

input{color:#5A3D2A; font-size: 14px; }
input:focus{box-shadow: 0 0 4px #8CD2FF !important;}

label.mensaje{color:#23160A; font-weight: bold; font-size: 22px; width: 250px !important;}
div.mensaje{margin-bottom: 1em;}

.pure-control-group label{
  width: 6em !important;
  font-weight: bold;
}