@font-face {
    font-family: "Gill Sans Semi Bold";
    src: url("../fonts/Gill_Sans_SemiBold.ttf");
}

@font-face {
    font-family: "Gill Sans Regular2";
    src: url("../fonts/Gill_Sans.otf");
}

div.search {
    width: 90%;
    border-collapse: collapse;
    padding: 30px 50px 0px 80px;
}

.search-col {
    padding: 0px 0px 0px 0px; 
    border-collapse: collapse; 
    border-bottom-style: solid; 
    border-bottom-color: #c6e5ef;
}

input#cp {
    border-style: none !important;
    width:19vw;
}

.positionIcon {
    text-align: center;
    align-content: center;
}

p.textockk {
    font-family: Gill Sans Regular2;
    padding: 0px 0px 0px 0px;
}

div.search-p {
    padding: 0px 0px 0px 0px;
}

div.distancia {
    width: 90%; 
    padding: 30px 5% 0px 5%;
}

label.distancia {
    padding: 0px 20px 0px 0px;
}

div.text{
    overflow: auto;
    background-color:#008FA3; 
    position: relative;
    width: 20%;
    height: 100%;
    left: 75%;
    top:-100%;
}

div.mp {
    position: relative;
    width: 70%;
    height: 100%;
    left: 5%;
}

button.btn-search {
    background-color: #c6e5ef;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    border-color: #c6e5ef;
    border-top-left-radius: 15px;
    width: 150px;
}

label.lbm {
    color: #008FA3;
    font-family: "Gill Sans Semi Bold";
    font-size: 1.4em;
    font-weight: 100;
}

div.far {
    padding: 10px;
    text-align: left;
    font-family: "Gill Sans Semi Bold";
}

h3.far {
    font-family: "Gill Sans Semi Bold";
    font-size: 1.4em;
    font-weight: 100;
    padding:10px 8px 0px 0px;
}

i.far {
    padding:10px 20px 0px 0px;
}


.dire {
    width: 100%;
    z-index: 98;
    background-color: #008FA3;
    color: white;
}
td.far{
    padding: 10px;
    text-align: left;
    font-family:  "Gill Sans Semi Bold";
}
     
#map {
 width: 100%;
  z-index: 97;
  height: 100%;

  position: relative;
  top:0px;


}

/*
 * Optional: Makes the sample page fill the window.
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}