@charset "utf-8";
/* CSS Document */
html {
    position:relative;
    top: 0;
    bottom: 0;
    min-height: 100%;
}
#logo {
    margin-left: -60px;
}
#botonera {
    width: 100%;
    float: left;
    border:0px solid;
}
.columna
{float:left;
width:33%;
border:0px solid;
text-align: center;
margin-top: 20px;

}
@media (max-width: 780px) {
.columna {float:none;width:100%;}
}@font-face {
    font-family: "myFont";
    src: url("fonts/WhiteAngelica.ttf");
}
@font-face {
    font-family: "myFont2";
    src: url("fonts/DINNextLTPro-LightCondensed.otf");
}
a.botonMenu, a.botonVino {
    font-family: "myFont", Helvetica, sans-serif;
    text-decoration:none;
	font-weight:bold;
	font-size:20px;
	color:#000000;
    cursor:pointer;
}

.texto {
    font-family: "myFont2", sans-serif;
    text-decoration:none;
	font-weight:lighter;
	font-size:16px;
	color:#000000;
}
#boton-reserva {
    display:inline-flex;
    
}
.boton-reserva {
    color: #000000;
    font-family: "myFont2", Helvetica, sans-serif;
    font-weight:bolder;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 100px;
}
hr {
    height: 2px;
    width: 100px;
    background-color: #000000;
    vertical-align: middle;
    margin-top: 16px;
    display:inline-flex;
}
.columna-linea
{
    float:left;
    width:33%;
    min-height: 500px;
    border:0px solid;
    display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding:0;
}
@media (max-width: 780px) {
.columna-linea {float:none;width:100%;}
}
.linea1 {
    border-left: 6px solid black;
    height: 500px;
  }
.linea2 {
    border-left: 6px solid black;
    height: 280px;
  }
.linea3 {
    border-left: 6px solid black;
    height: 400px;
  }     
#footer {
    width: 100%;
    min-height: 500px;
    float: left;
    border:0px solid;
    bottom: 0;
}