@charset "utf-8";
.kula
{
position: fixed;
display: none;
}
.newlink
{
	position: fixed;
	top: 550px;
	right: 0px;
	background: rgba(198,198,198,1);
	border: solid black 2px;
	border-right: none;
	font-size: 35px;
	border-radius: 50px 0px 0px 50px;
	padding: 5px 20px 5px 20px;
}
.newlink:hover
{
	color: black;
	background: rgba(158,158,198,1);
	color: white;border: white;
}
a:visited
{
text-decoration: none;
	background: rgba(223,234,198,1);
color: white;
}
.content
{
	/*background-color: #CCCCCC;*/
	font-size: 20px;
	position: inherit;
	text-align: justify;
	max-height: 1310px;
	overflow: auto;
	top: auto;
	}
img1: hover
	{
	opacity: 0.5;
	height: 300px;
	transition-duration: height 2s;
}
/* Popup container */
.popup {
  position: relative;/*pop up on top of anything*/
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "katuku masila";
  position: absolute;
  top: 100%;
  left: 110%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: yellow red blue green;
  
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeOut 3s;}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.leftmenu
{
background-color: rgb(236,233,216);
border-spacing: 8px;
width: 100%;

}
.rightmenu
{
background-position:right;
border-bottom-color:#00FF33;
background-position:top;
text-align: center;
border-spacing: 9px;
width: 100%;

}
.apaiWE
{
border-bottom-color:#FF0000;
border-width: 5px;
border-bottom-style: solid;
background-color: #000000;
}
.titles
{
text-align: center;
font-size: 24px;
color: #FF00FF;
}
.table
{
width: 100%;
min-width: 1200px;
display: block;
}
.middle
{
width: 100%;
}

.marqee
{
font-family:"Times New Roman", Times, serif;
color:#FF0000;
font-weight: bold;
}
.all
{
	
width: 100%;
border-left-width: 5px;
border-color: red;
border-left: blue;
border-bottom: #FF0000;
font-weight: bold;
text-align: center;
}
.bottom2{background-color: #ECE9D8; height: 40px; max-height: 40px; font-size: 20px; text-align: justify;}
@media only screen and (min-width: 1000px)
{
	@charset "utf-8";
.kula
{
position: fixed;
}
.content
{
	/*background-color: #CCCCCC;*/
	font-size: 20px;
	position: inherit;
	text-align: justify;
	max-height: 1310px;
	overflow: auto;
	top: auto;
	}
img1: hover
	{
	opacity: 0.5;
	height: 300px;
	transition-duration: height 2s;
}
/* Popup container */
.popup 
{
  position: relative;/*pop up on top of anything*/
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "katuku masila";
  position: absolute;
  top: 100%;
  left: 110%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: yellow red blue green;
  
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeOut 3s;}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.leftmenu
{
background-color: rgb(236,233,216);
border-spacing: 8px;
width: 100%;
}
.rightmenu
{
background-position:right;
border-bottom-color:#00FF33;
background-position:top;
text-align: center;
border-spacing: 9px;
width: 100%;
}
.apaiWE
{
border-bottom-color:#FF0000;
border-width: 5px;
border-bottom-style: solid;
background-color: #000000;
}
.titles
{
text-align: center;
font-size: 24px;
color: #FF00FF;
}
.table
{
width: 100%;
min-width: 1200px;
display: block;
}
.middle
{
width: 100%;
}

.marqee
{
font-family:"Times New Roman", Times, serif;
color:#FF0000;
font-weight: bold;
}
.all
{
width: 100%;
border-left-width: 5px;
border-color: red;
border-left: blue;
border-bottom: #FF0000;
font-weight: bold;
text-align: center;
}
}