estilo.css

@import "fonts/stylesheet.css";

body{
  margin: 0px;
}

#recipiente{
  /*width - border*/
  width: 800px;
  background: linear-gradient(#f6f1b2, #4599b2); /* Standard syntax */
  border: solid 1px #d3d3d3;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}

#cabecalho{
  text-align: center;
}

#cabecalho h1{
  font-family: "Ravie", serif;
  font-size: 34px;
  color: #e90c0c;
  margin-bottom: 0px;
}

#cabecalho h2{
  font-family: "Trebuchet MS", sans-serif;
  font-size: 24px;
  color: #333;
  margin-top: 0px;
  margin-left: 155px;
}

#cabecalho h2 span{
  color: #d027aa;
}

#cardapio{
  margin-left: 153px;
  /*width - border -padding*/
  width: 634px;
  border: solid 1px #aac0ae;
  background-color: rgba(255,255,255,0.2);
  padding-left: 10px;
  padding-bottom: 45px;
}

#cardapio h3, #cardapio p{
  font-family: "Verdana", sans-serif;
  color: #333;
}

#cardapio h3{
  font-size: 18px;
  font-weight: bold;
}

#cardapio p{
  font-size: 14px;
  position: relative;
}

#cardapio p span{
  position: absolute;
  right: 20px;
}

#lateral{
  /*width - borderRecipiente - borderCardapio*/
  width: 152px;
  float: left;
}

#lateral h2{
  font-family: "Verdana", sans-serif;
  font-size: 48px;
  color: #333;
  font-weight: bold;
  transform: rotatez(-90deg);
  margin-top: 200px;
}

#rodape{
  margin-top: 46px;
  margin-bottom: 25px;
  width: 95px;
  /*Recipiente - borda - imageSize -15spec*/
  margin-left: 689px;
  margin-right: 15px;
}
.bubbles-image,.header-image,.fish-image{
  position: absolute;
}

.header-image{
  top: 0px;
  left: -10px;
}

.bubbles-image{
  /*Colocado no olhomêtro*/
  top: 450px;
  /*152 - image-size - 20 spec*/
  left: 42px;
}

.fish-image{
  /*topBubbles + Bubblessize + 14 spec*/
  top: 644px;
  left: -44px;
}

#ticket{
  left: -89px;
  top: 295px;
  position:fixed;
}

#ticket:hover{
  left: 0;
}