body {
 font-family: Georgia, "Times New Roman", Times, serif;
 background-color: #DFE3EE; ##bccad6;
}

p {
 color: black;
# color: #034f84;
 text-indent: 25px;
# color: #FBF4E0;
# line-height: 1.5;
}

#pozdrav {
# font-variant: small-caps;
 font-size: 12px;
 text-align: center;
 display: block;
}

a:link, a:visited {
 color: #004883; ##3F729B; ##622569; ##141452; ##034f84;
 text-decoration: none;
}

a:hover {
 color: #8B9DC3; ##1a8cff; #; ##5b9aa0; #92a8d1;
 text-decoration: none;
}

.logo {
 float: left;
 width: 256px;
 height: 181px;
 display: block;
# border-radius: 10px;
# border: 5px solid #f1e3dd;
}

.logo1 {
 float: right;
 width: 256px;
 height: 181px;
 display: block;
# border-radius: 10px;
# border: 5px solid #f1e3dd;
}

.one {
 width: 800px;
/* border: 5px solid #bccad6;
 border-radius: 10px; */
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 10px;
 padding-left: 10px;
 font-variant: small-caps;
 font-size: 30px;
 font-weight: bold; 
 text-align: left;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: auto; #100px;
 margin-right: auto; #100px;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: black;
 overflow: auto;
# background-color: #fff4d5;
# background: #e6e6ff url('../images/logo_pos_rgb.jpeg') repeat;
}

#mas {
 font-size: 35px;
# text-decoration: underline;
 padding-top: 33px;
# text-align: right;
}

#mas1 {
 font-size: 20px;
# padding-right: 20px;
 text-decoration: overline underline;
}

.two {
 width: 1000px;
# border: 5px solid #bccad6;
# border-radius: 10px;
# background-color: #667292;
# background: #e6e6ff url('../images/bg-brown_roughtexture.jpg') repeat 0 0;
 padding-top: 15px;
 padding-right: 0px;
 padding-bottom: 15px;
 padding-left: 0px;
 margin-right: auto; #150px;
 margin-left: auto; #150px;
 text-align: center;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-variant: small-caps;
 font-size: 15px;
 color: black;
 font-weight: bold; 
}

.three {
 width: 800px;
# border: 2px solid red;
# border-radius: 10px;
# background-color: #667292; #137db8; #e6e6ff;
#  background: #e6e6ff url('../images/bg-brown_roughtexture.jpg') repeat 0 0;
 padding-top: 2px;
 padding-right: 20px;
 padding-bottom: 2px;
 padding-left: 20px;
 margin-top: 20px;
 margin-left: auto; #100px;
 margin-right: auto; #100px;
 margin-bottom: 20px;
 font-weight: bold;
 font-size: 15px;
 position: relative;
 font-family: Georgia, "Times New Roman", Times, serif;
 text-align: justify; 
 color: black;
}

.four {
 width: 800px;
# border: 5px solid #bccad6; #0fecf5;
# border-radius: 10px;
# background-color: #667292; #137db8; #e6e6ff;
#  background: #e6e6ff url('../images/bg-brown_roughtexture.jpg') repeat 0 0;
 padding-top: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
 padding-left: 15px;
 margin-right: auto; #150px;
 margin-left: auto; #150px;
 text-align: center;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-variant: small-caps;
 font-size: 10px;
 #font-weight: bold; 
 color: grey;
}

#noviniZagl {
 text-align: center;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-variant: small-caps;
}

#threeEvents {
 text-align: center;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-variant: small-caps;
 text-indent: 0px;
}

#noviniData {
 outline-style: dotted;
 outline-color: #bccad6;
}

#novini {
 padding-left: 20px;
 color: #f1e3dd;
}

.athree a:link, three a:visited {
 color: #A42A00; 
}

.athree a:hover {
 color: #A42A00;
 text-decoration: none;
}

.black {
 color: #000000; }

.dropdown-content {
    display: none;
    position: absolute;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.button {
 background-color: #004883;
 border: 2px solid #004883;
 color: #DFE3EE;
 padding: 10px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold; 
 font-size: 16px;
 margin: 14px 12px;
 cursor: pointer;
 border-radius: 15px;
 width: 170px;
 text-indent: 0px;
}

.button1 {
 background-color: #DFE3EE;
 border: 2px solid #004883;
 color: #004883;
 padding: 10px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold; 
 font-size: 16px;
 margin: 12px 12px;
 cursor: pointer;
 border-radius: 15px;
 width: 165px;
 text-indent: 0px;
 height: 160px;
}

.buttonTwo {
 background-color: #DFE3EE; #bccad6;
 border: 2px solid #034f84;
 color: #004883; #622569; #141452;
 padding: 0px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold; 
 font-size: 15px;
 font-variant: small-caps;
 margin-left: 10px;
 margin-right: 10px;
 cursor: pointer;
 border-radius: 5px;
 border: none;
# width: 100px;
}

#burgas {
 display: none;
}
#varna {
 display: none;
}
#sofia {
 display: none;
}

#burgasDiv {
  text-align: justify;
  display: none;
}
#varnaDiv {
  text-align: justify;
  display: none;
}
#sofiaDiv {
  text-align: justify;
  display: none;
}

#threeEvents{
  text-align: centre;
 text-indent: 0px;
}

#pastEvents{
  font-variant: small-caps;
  color: #c94c4c;
}

#events{
   text-indent: 0px;
}

a.aEvents:link, a.aEvents:visited {
 color: #c94c4c;
 text-decoration: none;
}

a.aEvents:hover {
 color: #c94c4c;
 text-decoration: none;
 background: #ffef96;
}

table {
#  font-family: arial, sans-serif;
#  border-collapse: collapse;
  width: 800px;
#  margin-left: 100px;
  border-collapse: collapse;
  border: 1px solid #004883;
}

td, tr {
#  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

#tableEve {
#  font-family: arial, sans-serif;
#  border-collapse: collapse;
  width: 615px;
  margin-left: -25px;
  border-collapse: collapse;
  border: 1px solid #004883;
}

.activeBtn {
 border: 2px solid #c1502e;
 border-radius: 15px;
}

.activeTwoBtn {
 text-decoration: overline;
 color: #c1502e;
}

.threeLeftEve {
 margin-left: -12px;
 margin-top: -28px;
 position: absolute;
 margin-bottom: auto;
# width: 150px;
# height: auto;
}

.threeRightEve {
 margin-left: 210px;
 margin-right: auto;
 margin-bottom: auto;
 margin-top: auto;
 min-height: 750px;
}

.ga10 {
 width: 700px;
# height: 181px;
 display: block;
 margin:auto;
 text-indent: 0px;
}

.imgProj {
 width: 260px;
 height: 492px;
}

.imgProj1 {
 width: 264px;
 height: 492px;
 float: left;  
 padding-right: 25px;
 padding-top: 0px;
}

.imgProj2 {
 width: 670px;
 margin:auto;
 display: block;
/*  padding-right: 25px; */
 padding-top: 0px;
/* padding-bottom: 5px; */
}

#table1 {
#  font-family: arial, sans-serif;
#  border-collapse: collapse;
  width: 800px;
  margin-left: 0px;
  border-collapse: collapse;
#  border: 1px solid #f1e3dd;
#  border: 2px dotted; #dddddd;
}

#table1a {
#  font-family: arial, sans-serif;
#  border-collapse: collapse;
  width: 528px;
  margin: auto;
  border-collapse: collapse;
#  border: 1px solid #f1e3dd;
#  border: 2px dotted; #dddddd;
}

#td1, #tr1 {
  border: 2px solid #DFE3EE;
  text-align: center;
  padding: 8px;
  width: 264px;
 background-color: #DFE3EE;
}

.flag {
 float:right;
 width: 35px;
 height:25px;
 margin-top: -10px;  
}
/* back to top button */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 25px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
#  border: none; /* Remove borders */
  outline: none; /* Remove outline */
#  background-color: red; /* Set a background color */
#  color: white; /* Text color */
 background-color: #004883;
 border: 2px solid #004883;
 color: #DFE3EE;
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 15px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
}

#myBtn:hover {
#  background-color: #555; /* Add a dark-grey background on hover */
 background-color: #DFE3EE;
 border: 2px solid #004883;
 color: #004883;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#more {display: none;}

.btnML {
  border: 2px solid #004883;
    border-radius: 5px; /* Rounded corners */
  background-color: #DFE3EE;
  color: black;
  padding: 4px 4px;
  font-size: 15px;
  cursor: pointer;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
}
