body {

background-color:#b8f9b2;

color:#000000;

font-family:Tahoma;

font:12px Tahoma;

max-width: 500px;

margin : auto; 

}



.in {

border-left: 1px 

solid #64c55a;

border-right: 1px 

solid #64c55a;

margin-bottom: 1px;

padding: 0px;

max-width: 500px;

margin : auto; 

}



a.headbuton { 

background: #000000 url("http://wapukis.lt/images/css1/hea.png");

border-color: #ffffff;

border-style: solid;

border-width: 1px;

} 





.eilute3 {

background-color:#9fe698; 

background-repeat:no-repeat ;

background-position:right bottom;

border-radius: 3px;

text-align: left;

}



.eilute2 {

background-color:#9fe698; 

background-repeat:no-repeat ;

background-position:right bottom;

border-radius: 3px;

}



.eilute {

background-color:#9fe698; 

background-repeat:no-repeat ;

background-position:right bottom;

border-radius: 3px;

}



.topikas  { 	  

text-align: center; 

vertical-align: middle; 

margin: auto;   

padding: 3px; 

color: #000000; 

background: url("http://wapukis.lt/images/css1/empty.png") repeat top right; 

border: 0px #fff solid;

border-radius: 9px;      

-webkit-border-radius: 9px;

-moz-border-radius: 9px;

-khtml-border-radius: 6px; 

box-shadow: 0px 0px 10px #fff; 

width: 90%; 

}  

    

.topikas: hover { 

background: #fff; 

opacity: 0.75; 

filter: alpha(opacity=75);

box-shadow: 0px 0px 10px #fff;  

}

	

.head{

background-image: url(http://wapukis.lt/images/css4/head.gif);

background-repeat: repeat-x;

background-position: top;

padding: 0;

text-align: center;

margin: 0;

border-bottom: 1px solid #000000;

max-width: 620px;

}



.head2 {display:block;

color:#ffffff;

text-align:center;

border-style:solid;

border-top-width:0px;

border-left-width:0px;

border-right-width:0px;

border-bottom-width:0px;

border-color:#;

background-color:#64c55a;

font-weight:bold;

font-size:normal;

font-family:Tahoma;background-repeat:no-repeat;

border-top-left-radius: 0px;

border-top-right-radius: 0px; 

}



.tvirsus{

background-color:#9fe698; 

background-repeat:no-repeat ;

background-position:right bottom;

border-radius: 3px;

text-align: center;

color: #5dcc3b;

}

	

.tp{

display:block;

color:#ffffff;text-align:center;

border-style:solid;

border-top-width:0px;

border-left-width:0px;

border-right-width:0px;

border-bottom-width:0px;

border-color:#;

background-color:#64c55a;

padding : 5px;	

font-weight:bold;

font-size:normal;

font-family:Tahoma;background-repeat:no-repeat;

border-top-left-radius: 0px;

border-top-right-radius: 0px; 

}



.meniu {

border-left: 1px 

solid #64c55a;

border-right: 1px 

solid #64c55a;

margin-bottom: 3px;

padding: 4px;

max-width: 500px;

margin : auto; 

text-align: left;

}	



	

.info{	

display:block;

color:#ffffff;text-align:center;

border-style:solid;

border-top-width:0px;

border-left-width:0px;

border-right-width:0px;

border-bottom-width:0px;

border-color:#;

background-color:#64c55a;

font-weight:bold;

font-size:normal;

font-family:Tahoma;background-repeat:no-repeat;

border-top-left-radius: 0px;

border-top-right-radius: 0px; 

}

	

.end {display:block;

color:#ffffff;text-align:center;

border-style:solid;

border-top-width:0px;

border-left-width:0px;

border-right-width:0px;

border-bottom-width:0px;

border-color:#ffffff;

background-color:#64c55a;

font-weight:bold;

font-size:SMALL;

font-family:Tahoma;

border-bottom-left-radius: 20px;

border-bottom-right-radius: 20px;

}	



.balta{color: #ffffff;}

.index{color: #000000;}

.raudona{color: #ff0000;}

.raudona2{color: #ed2e2e;}

.melyna{color: #0000ff;}

.zalia{color: #00ff00;}

.zalia2{color: #168a07;}

.geltona{color: #ffff00;}

.geltona2{color: #bfb513;}

.pilka{color: #959090;}

.oaze{color: #b743a2;}

.plus_g{color: #71d000;}

.plus_o{color: #ff6f0f;}





a:link, a:active, a:visited { 



color: #000000; 

text-decoration : none; 

transition: all linear 100ms;

-moz-transition: all linear 100ms;

-o-transition: all linear 100ms;

-webkit-transition: all linear 100ms;



} 



a:hover, a:focus { 



color: #fff; 

transition: all linear 100ms;

-moz-transition: all linear 100ms;

-o-transition: all linear 100ms;

-webkit-transition: all linear 100ms;



}

.inside-top
{
background: #A5D3FB;
    color: #000;
text-align: center;
padding: 5px;
border: 1px solid #000;

}
.inside
{
background: #fff;
    color: #000;
text-align: center;
padding: 5px;
border: 1px solid #000;
margin-top:-1px;

}


.button {
  border: none;
  color: white;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
border-radius: 5px;
}

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

a.button {  color: white;}
.green {   background-color: #4CAF50; }
.brown {   background-color: #D7BA60; }
.blue {   background-color: #8B85F3; }
.red {   background-color: #DF5252; }