* {
        margin: 0;
        padding: 0;
        border: 0; 
      }
      html, body {
	      height: 100%;
      }
      body {
        margin: 0;
        padding-bottom: 20px;
        font: 14px 'Open Sans', verdana, sans-serif; /* 'Open Sans',*/
        font-weight: 400;
        color: #555555;
        text-align: center; 
      }
      #container {
        margin-left: auto;
        margin-right: auto;
        width: 800px;  
      }
      #header {
        height: 200px;
        width: 800px;
        position: fixed; 
        background-image: url(../img/head.png);   
      }
      h1 {
        position: relative;
        top: 60px;
        left: 10px;
        font: 56px 'Courgette', Georgia, serif;
        font-weight: 400;
        text-align: left;
        color: #90D360;
      }
      h1 a{
        color: #90D360;
      }
      h1 a:hover {
        color: #90D360;
      }
      #menu {
        width: 275px;
        float: left;
        margin-top: 200px;
        margin-bottom: 60px;
        color: #6699dd;
      }
      .nav {
        font: 22px 'Courgette', Georgia, serif;
        font-weight: 400;
        text-align: left;
      }
      .nav a {
        color: #6699dd;
        text-decoration: none;
      }
      .nav a:hover {
        color: #5CBE00;
      }
      .nav ul {
        list-style-type: none;        
      }
      .nav img {
        margin-right: 10px;
        vertical-align: middle;
      }
      .menu_pauze {
        height: 15px;
      }
      .pauze {
        height: 15px;
      }
      .kontakti img {
        margin-right: 10px;
        vertical-align: middle;
      }
      .kontakti ul {
        margin: 0 0 0 75px;
        list-style-type: none;
        text-align: left;
        color: #555555;
      }
      .telefons {
        font: 20px 'Open Sans', verdana, sans-serif;
      }
      .sms {
        font: 12px 'Open Sans', verdana, sans-serif;
      }
      .facebook {
        border: 1px solid #bbbbbb;
        background-color: #3B5998;
        color: #ffffff;
      }
      .facebook p {
        height: 15px;
      }
      .counter {
        margin-top: 50px;
      }
      h2 {
        margin-bottom: 15px;
        font: 14px 'Open Sans', verdana, sans-serif;
        font-weight: 600;
        text-align: left;
        color: #6699dd;
      }
      h2.meza4 {
        margin-bottom: 0px;
        /*font: 14px 'Open Sans', verdana, sans-serif;
        font-weight: 600;
        text-align: left;
        color: #6699dd;*/
      }
      h3 {
        font: 22px 'Courgette', serif;
        font-weight: 400;
        text-align: left;
        color: #5CBE00;
      }
      h4 {
        margin-top: 10px;
        font: 14px 'Open Sans', verdana, sans-serif;
        font-weight: 600;
        text-align: left;
        color: #53B800;
      }
      .laiki_un_cenas {
        border: 1px solid #bbbbbb;
        padding-left: 15px;
      }
      .laacis {
        vertical-align: -8px;
      }
      #content {
        width: 500px;
        float: right;
        margin-top: 205px;
        margin-bottom: 45px;
        padding: 5px 0 5px 0;
        text-align: justify;
      }
      #content ul {
        margin: 10px 0 15px 25px;
        line-height: 1.5;
        list-style-type: circle;
        color: #5CBE00; 
      }
      #content li span {
        color: #555555;
      }
      a {
        color: #225599;
        text-decoration: none;
      }
      a:hover {
        color: #39A200;
      }
      p {
        padding: 5px 0 10px 0;
      }
      .clear {
        clear: both;
        line-height: 0;
        height: 0;
      }
      .karte iframe{
        margin-top: 7px;
        width: 500px;
        height: 250px;
      }
      .tabula {
        width: 100%;
        margin: 5px 0 0 12px;
        border-spacing: 0 10px;
        font-size: 14px;
      }
      tr {    
        vertical-align: top;  
      }
      .kreisais {
        width: 75%;
      }
      table {
        font-size: 14px;
      }
      .laiki {
        text-align: right;        
      }
      .svarigi {
        color: #aa0000;
      } 
      .galerija {
        text-align: center;
        margin-top: 30px;
      }
      .galerija img {
        width: 100px;
        height: 100px;
        margin: 20px;
        border: solid 1px #cccccc;
        padding: 3px;   
      } 
      .galerija img:hover {
        border: solid 1px #57C900;
      }       
      #footer {
        width: 800px;
        height: 60px;
        position: fixed;
        bottom: 0;
        background-image: url(../img/footer.png);
      }
      #footer p {
        position: fixed;
        bottom: -5px;
        left: 50%;
      }
      
      
      @media only screen and (max-width: 800px) {
        
        body {
          padding: 10px;
          font: 100% verdana, sans-serif;
          color: #555555;
          text-align: center;
        }
        #container {
          width: 100%;
        }
        #header { 
          height: auto;
          width: 100%;
          position: static;
          background-image: none;
          padding-bottom: 5px;
          border-bottom: solid 1px #cccccc;   
        }
        h1 {
          position: static;
          font: 2em Georgia, serif;
          text-align: center;
          color: #90D360;
        }
        #menu {
          width: 100%;
          float: none;
          margin-top: 10px;
          margin-bottom: 10px;
          color: #6699dd;
        }
        .menu_pauze {
          display: none;
        }
        .nav {
          font: 1.5em Georgia, serif;
          margin-bottom: 10px; 
        }
        .nav img {
          display: none;
        }
        .kontakti {
          padding: 10px 0 10px 0;
          border-top: solid 1px #cccccc;
          border-bottom: solid 1px #cccccc;
        }
        .kontakti img {
          display: none;
        }
        .kontakti ul {
          margin: 0;
          font: 1.2em verdana, sans-serif;
        }
        .counter {
          display: none;
        }
        h2 {
        font: 1.3em Georgia, serif;
        }
        h3 {
          font: 1.5em Georgia, serif;
        }
        h4 {
          font: 1.3em Georgia, serif;
        }
        .laacis {
          display: none;
        }
        #content {
          width: 100%;
          float: none;
          margin-top: 5px;
          margin-bottom: 5px;
          padding: 5px 0 5px 0;
          text-align: justify;
        }
        .karte iframe{
          width: 300px;
          height: 210px;
        }
        .bilde {
          width: 300px;
        }
        #footer {
          width: 100%;
          height: auto;
          position: static;
          background-image: none;
        }
        #footer p {
          position: static;
          bottom: 5px;
        }
      
      }