* {
  box-sizing: border-box;
}

body, html {
  margin: 0px auto;
  padding: 0px;
  font-family: sans-serif;
  background: #f4f4f4 url(fonas.png) top center repeat-y;
  font-size: 15px;
  color: #000;
}

a {
  text-decoration: underline;
  color: #000;
}

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

a:visited {
  color: #000;
}

/*Logotipas*/
.logotipas {
  background-color: #fff;
  width: 760px;
  margin: auto;
  margin-top: 20px;
  text-align: left;
  border: 0px solid #e9e9e9;
}

.logotipas img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media screen and (max-width:760px) {
  .logotipas {
    width: 95%;
    padding: 0px;
  }
}

/*Meniu*/
.meniu {
  background-color: #fff;
  width: 760px;
  margin: auto;
  margin-top: 40px;
  text-align: left;
  border: 0px solid #e9e9e9;
}

@media screen and (max-width:760px) {
  .meniu {
    width: 95%;
    padding: 0px;
  }
}

/*Navigator bar*/
.navbar {
  width: 70%;
  background-color: #fff;
  overflow: auto;
  margin: 0 auto;
}

.navbar a {
  float: left;
  padding: 12px;
  color: #000;
  text-decoration: none;
  font-size: 17px;
  width: 20%; /* five per 20% */
  text-align: center;
}

.navbar a:hover {
  background-color: #fff;
  color: gray;
}

.navbar a.active {
  background-color: #fff;
}

@media screen and (max-width: 760px) {
  .navbar a {
    float: none;
    display: block;
    width: 95%;
    text-align: left;
  }
}
/*Navigator bar end*/
/*Meniu end*/

/*Reprezentacija*/
.reprezentacija {
  background-color: #fff;
  width: 760px;
  margin: auto;
  margin-top: 40px;
  text-align: left;
  border: 0px solid #e9e9e9;

  content: "";
  display: table;
  clear: both;
}

.reprezentacija-kaire {
  background-color: #fff;
  float: left;
  width: 50%;
  height: 570px;
  margin: 0px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  border: 0px solid #e9e9e9;
}

.reprezentacija-kaire img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
}

.reprezentacija-desine {
  background-color: #f1f1f1;
  float: left;
  width: 50%;
  height: 570px;
  margin: 0px;
  padding-right: 5px;
  padding-left: 5px;
  border: 0px solid #e9e9e9;
  text-align: justify;
}

.placiau {
  display: block;
  letter-spacing: 2px;
  font-size: 17px;
  color: gray;
  font-weight: bold;
  text-align: right;
}

.placiau a:link {
  color: gray;
  text-decoration: underline;
}

.placiau a:visited {
  color: gray;      
}

.placiau a:hover {
  color: gray;
  text-decoration: none;
}

.isigyti {
  display: block;
  font-size: 17px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.isigyti a:link, a:visited {
  background-color: white;
  color: black;
  border: 2px solid black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.isigyti a:hover, a:active {
  background-color: black;
  color: white;
}

@media screen and (max-width:760px) {
  .reprezentacija, .reprezentacija-kaire, .reprezentacija-desine {
    width: 95%;
    padding: 0px;
  }
}

.kategorijos-pav {
  background-color: #fff;
  width: 760px;
  margin: auto;
  margin-top: 40px;
  text-align: center;
  border: 0px solid #e9e9e9;
  font-variant:small-caps;
  font-size: 30px;
}

@media screen and (max-width:760px) {
    .kategorijos-pav {
    width: 95%;
    padding: 0px;
  }
}

/*Ankstesni projektai*/
.ankstesni-projektai {
  background-color: #fff;
  width: 760px;
  margin: auto;
  margin-top: 0px;
  text-align: left;
  border: 0px solid #e9e9e9;

  content: "";
  display: table;
  clear: both;
}

.ankstesni-projektai-kaire {
  background-color: #fff;
  float: left;
  width: 80%;

  margin: 0px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  border: 0px solid #e9e9e9;
}


.ankstesni-projektai-desine {
  background-color: #fff;
  float: left;
  width: 20%;

  margin: 0px;
  padding-right: 5px;
  padding-left: 5px;
  border: 0px solid #e9e9e9;
}

.ankstesni-projektai-desine img {
  float: right;
  width: 50%;
}

@media screen and (max-width:760px) {
  .ankstesni-projektai, .ankstesni-projektai-kaire, .ankstesni-projektai-desine {
    width: 95%;
    padding: 0px;
  }
}

/*Zurnalas*/
.zurnalas {
  display: block;
  background-color: #fff;
  width: 760px;
  margin: auto;
  margin-top: 40px;
  text-align: left;
  border: 0px solid #e9e9e9;

  content: "";
  display: table;
  clear: both;
}

.zurnalas a:link {
  color: #000;
  text-decoration: none;
  font-weight: 700;
}

.zurnalas a:visited {
  color: #000;      
}

.zurnalas a:hover {
  color: #000;
  text-decoration: underline;
}

.rubrika1 {
  background-color: #fff;
  float: left;
  width: 50%;
  height: 370px;
  margin: 0px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  border: 0px solid #e9e9e9;
}

.rubrika2 {
  background-color: #fff;
  float: left;
  width: 50%;
  height: 370px;
  margin: 0px;
  padding-right: 5px;
  padding-left: 5px;
  border: 0px solid #e9e9e9;
}

.rubrika3 {
  background-color: #fff;
  float: left;
  width: 50%;
  height: 370px;
  margin: 0px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  border: 0px solid #e9e9e9;
}

.rubrika4 {
  background-color: #fff;
  float: left;
  width: 50%;
  height: 370px;
  margin: 0px;
  padding-right: 5px;
  padding-left: 5px;
  border: 0px solid #e9e9e9;
}

.pavadinimas {
  font-variant:small-caps;
  font-size: 30px;
  display: block;
  margin-bottom: 20px;
  text-align: center;
}

.pavadinimas a:link {
  color: #000;
  text-decoration: none;
}

.pavadinimas a:visited {
  color: #000;      
}

.pavadinimas a:hover {
  color: #000;
  text-decoration: underline;
}

.tekstas {
  display: block;
  margin-bottom: 20px;
  text-align: justify;
}

.tekstas img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.data {
  display: block;
  margin-bottom: 20px;
  text-align: justify;
}

@media screen and (max-width:760px) {
  .zurnalas, .rubrika1, .rubrika2, .rubrika3, .rubrika4 {
    width: 95%;
    padding: 0px;
  }
  .tekstas img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
}

/*Turinys*/
.turinys {
  background-color: #fff;
  width: 760px;
  margin: auto;
  margin-top: 40px;
  text-align: left;
  border: 0px solid #e9e9e9;
}

.turinys a:link {
  color: #000;
  text-decoration: underline;
}

.turinys a:visited {
  color: #000;      
}

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

.turinys img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.turinys hr {
  position:relative;
  background-color:none;
  border:none;
  height:1px;
  width:100%;
  margin: 45px auto;
  text-align:center;
}
.turinys hr:after {
  position: relative;
  top: -0.8em;
  font-size:5.0em;
  background: none;
  display: inline-block;
  color:gray;
  font-family: "Londrina Shadow";
  line-height: 1;
  content: ". . .";
}

.pavadinimas2 {
  font-variant:small-caps;
  font-size: 30px;
  display: block;
  margin-bottom: 20px;
  text-align: left;
}

.pavadinimas2 a:link {
  color: #000;
  text-decoration: none;
}

.pavadinimas2 a:visited {
  color: #000;      
}

.pavadinimas2 a:hover {
  color: #000;
  text-decoration: underline;
}

@media screen and (max-width:760px) {
  .turinys {
    width: 95%;
    padding: 0px;
  }
}

/*Forma*/

.forma {
  border-radius: 5px;
  background-color: #fff;
  padding: 20px;
  color: #666;
}

div.forma a:link {
  color: #00428e;
  text-decoration: none;
}
div.forma a:visited {
  color: #00428e;      
}
div.forma a:hover {
  color: #00428e;
  text-decoration: underline;
}

input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 4px;
  box-sizing: border-box;
}

textarea {
  width: 100%;
  height: 100px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #000;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #000;
  opacity: 0.8;
}
/*Forma end*/

/*Apacia*/
hr.apacia {
  border: 0px solid #e9e9e9;
  width: 760px;
  background-color: #e9e9e9;
  height: 1px;
}

@media screen and (max-width:760px) {
  hr.apacia {
    width: 95%;
    padding: 0px;
  }
}

.apacia {
  background-color: #fff;
  width: 760px;
  border: 0px solid #e9e9e9;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 90%;
}

@media screen and (max-width:760px) {
  .apacia {
    width: 95%;
    padding: 0px;
  }
}