html {
    height: 100%;
}

body{
  background:#f3f3f3;
  height: 100%;
  margin:0;
  padding:0;
  font-family: 'Andika', sans-serif;
  font-size: 14px;
}

h1{
  font-family:'Andika';
  font-size:16px;
  font-weight:bold;
  color:#0066CC;
  text-align:center;
  margin: 5px 0;
}

h1 span{
  font-family:'Andika';
  font-size:16px;
  font-weight:bold;
  color:#000;
  text-align:center;
  margin: 5px 0;
}

h2 {
  font-family:'Andika';
  font-size:16px;
  font-weight:normal;
  color:#0066CC;
  text-align:center;
  margin: 6px 0;
  text-transform:lowercase;
}

h3{
  margin:8px 0;
}

a{
  color: #5588bb;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

p {
  font-family: 'Andika', sans-serif;
  margin-top: 0; 
  padding-top: 0;
  margin-bottom: 0; 
  padding-bottom: 0;
}

p.centered{
  text-align:center;
  margin-top: 0; 
  padding-top: 0;
  margin-bottom: 0; 
  padding-bottom: 0;
}


#eucookielaw { display:none }

p.small {
  font-family: 'Andika', sans-serif;
  font-size:12px;
  margin-top: 0; 
  padding-top: 0;
  margin-bottom: 0; 
  padding-bottom: 0;
}

#header, #body{
  width:97%;
  margin: 0 0;
}

#body{
  margin:0px auto;
  height: 100%;
}

#header a{
  color:#000;
}
#header a:hover{
  text-decoration:none;
}

.row{
  margin:10px 0;
  height: 90%;
}


.popin{
  position: relative;
  background:#fff;
  padding:10px;
  box-shadow: 0 0 15px #999;
  -webkit-box-shadow: 0 0 15px #999;
  -o-box-shadow: 0 0 15px #999;
  border-radius:2px;
  height: 100%;
}

.popin_directions{
  display:none;
  position: relative;
  background:#fff;
  padding:10px;
  box-shadow: 0 0 15px #999;
  -webkit-box-shadow: 0 0 15px #999;
  -o-box-shadow: 0 0 15px #999;
  border-radius:2px;
}


#map-canvas {
  position: relative;
  height:100%;
  background:#6699cc;
}

#panel_input {
  position: absolute;
  top: 15px;
  left: 7%;
  z-index: 5;
  background-color: transparent;
  padding: 3px 6px 6px 6px; 
  border: 1px solid #999;
}

#panel_route {
  position: absolute;
  top: 15px;
  left: 32%;
  z-index: 5;
  background-color: transparent;
  padding: 3px 6px 6px 6px; 
  border: 1px solid #999;
}


#control {
  width: 200px;
  height: 50px;
  z-index: 5;
  background-color: transparent;
  padding: 3px 6px 6px 6px; 
  border: 1px solid #999;
}


input.input_text {
    font-family:'Andika';
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    font-size: 13px;
    outline: 0;
    -webkit-appearance: none; 
}


input[type=button] {
    font-family:'Andika';
    background: #fafafa;	
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    font-size: 13px;
    outline: 0;
    -webkit-appearance: none; 
}

input.input_text:focus 
{
    border: 1px solid #666;
}