* {
  font-family: 'Raleway', sans-serif;
  box-sizing: border-box;
}


/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map, #poemmap, #getlatlngmap {
  height: 100%;
}

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


/* HtML */
body{
  color: #0e1626;

  font-size: 14px;
  line-height: 1.42857143;
}




a {
  color: #a32918;
}

a:hover,
a:focus {
  color: #60180e;
}









#left{
  grid-area: left;
  /* background-color: DarkRed; */
}

#right{
  grid-area: right;
  margin-bottom: -50px;
  /* background-color: CadetBlue; */
}

#author{
  grid-area: author;
  /* background-color: DodgerBlue; */
  font-size: 80%;
  padding: 55px 0 0 15px;
  color: #191919;
}


#nav{
  grid-area: nav;
  /* align-self: center; */
  background-color: #023e58;
  border-bottom: 1px solid #000000;
  color: #ffffff;
}

#map{
  grid-area: map;
  height: 100%;
}

#content{
  grid-area: content;
  padding-top: 35px;
  /* background-color: plum; */
}

#text{
  grid-area: text;
}

#footer{
  grid-area: footer;
  background-color: #232323;
  color: #f4f4f4;
  font-size: 0.85em;
  margin-top: 50px;
  padding: 22px 15px 11px 15px;
}

small{
  font-size: 85%;
}

h1 {
  font-size: 2.2em;
}

h2 {
  margin-top: 2.85em;
  font-size: 1.45em;
}

/* -- navigacija ------------------------------------------------------------ */
.navbar-text{
  display: inline;
  float: left;
  font-size: 1.84em;
  line-height: 2em;
  margin: 0 15px 0 15px;
}

.navbar-text a{
  color: #fff;
  text-decoration: none;
}

#nav ul {
 margin: 17px 0 0 0;
 padding: 5px;
 list-style-type: none;
 background-color: transparent;
 display: inline;
 float: right;
 }

#nav ul li {
 display: inline;
 }

#nav ul li a {
 text-decoration: none;
 padding: .2em 1em;
 color: #fff;
 }

#nav ul li a:hover {
 color: #000;
}

#nav ul li a.active {
  color: #d2d2d2;
  /* text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); */
}


/* id */
#mol{
  border: none;
  margin: 0.85em 0 1.35em 0;
}


/* class */

.sivo {
  color: #a9a9a9;
}

/* -- forms ----------------------------------------------------------------- */
#login, #registracija {margin-bottom: 4.4em;}
#login ul { list-style: none; margin: 0; padding: 0; }
#login li { margin: 0 0 1.1em 0; }

input[type="text"], textarea {
  width: 410px;
}

#getlatlngmap{
  width: 100%;
  height: 410px;
  /* background-color: brown; */
}

#mapinfo{
  margin-bottom: 2.4em;
}