body {background:url(img/back.png);}



section {

display:block;

position:relative;

margin:10px auto;

padding:10px;

border:1px solid rgb(50,50,50);

border-radius:7px;

background:rgba(245,245,245,0.6);

width:1100px;

}



h1 {margin:-14px 0px;}

h2 {margin:-10px 0px -15px;}



a {color:rgb(70,70,70);}

a:hover {color:rgb(0,0,0);text-shadow: 0px 0px 2px rgba(52,253,253,0.8);}



p {margin-bottom:-7px;}



article  {

position:relative;

display:block;

margin:20px 0px 0px;

text-align:center;

border:5px solid rgb(154,57,57);

border-radius:3px;padding:10px;

}



table{

position:relative;

display:block;

margin:20px 0px 0px;

border:5px solid rgb(154,57,57);



}



td {

vertical-align:top;

border:1px solid rgb(154,57,57);

padding:1px 5px;

min-width:166px;

}



.text {

height:250px;

padding:0px;

}



div {display:inline-block;}

div>article {margin-right:5px;}

article>div {display:none;position:absolute;height:230px;background:rgb(250,250,250);padding:10px;}

article>div#ievads {display:block;position:absolute;}

article>div.displayaway {display:block;position:absolute;color:blue;}

article>div.display {display:block;position:absolute;z-index:2;}

article.text>div>p {text-align:left;margin-left:260px;}

a>div {background:rgb(127,127,127);z-index:4;}



h1 {

font-size:36px;

}



h3 {

font-size:16px;

margin-top:-5px;

text-align:center;

border:1px solid rgb(134,127,127);

margin-bottom:0px;

}



span {display:inline-block;width:100px;height:100px;border:1px solid rgb(134,127,127);background:rgb(55,55,55);}

.meness span {background-image:url("i/meness-0.png");}

.meness span:hover {background-image:url("i/meness-1.png");}

.dievs span {background-image:url("i/dievs-0.png");}

.dievs span:hover {background-image:url("i/dievs-1.png");}

.mara span {background-image:url("i/mara-0.png");}

.mara span:hover {background-image:url("i/mara-1.png");}

.saule span {background-image:url("i/saule-0.png");}

.saule span:hover {background-image:url("i/saule-1.png");}

.perkons span {background-image:url("i/perkons-0.png");}

.perkons span:hover {background-image:url("i/perkons-1.png");}

.laima span {background-image:url("i/laima-0.png");}

.laima span:hover {background-image:url("i/laima-1.png");}

.usins span {background-image:url("i/usins-0.png");}

.usins span:hover {background-image:url("i/usins-1.png");}

.auseklis span {background-image:url("i/auseklis-0.png");}

.auseklis span:hover {background-image:url("i/auseklis-1.png");}

.jumis span {background-image:url("i/jumis-0.png");}

.jumis span:hover {background-image:url("i/jumis-1.png");}

span {background-repeat:no-repeat;background-size:100px 100px;}



.display {

-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(0deg) translateX(0px) translateZ(0px) skewX(0deg);

-moz-transform-origin: 100% 50%;

-moz-perspective: 950;

-moz-animation:dis 2s;

-moz-animation-timing-function:linear;

opacity:0;

}

@-moz-keyframes dis{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(0deg) translateX(0px) translateZ(0px) skewX(0deg);opacity:0;}

100% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateZ(0px) skewX(0deg);opacity:1;}

}

.display {

-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateZ(0px) skewX(0deg);opacity:1;

}



a div#men.animate {-moz-animation:anim-men 2s;-moz-animation-timing-function:linear;}

a div#die.animate {-moz-animation:anim-die 2s;-moz-animation-timing-function:linear;}

a div#mar.animate {-moz-animation:anim-mar 2s;-moz-animation-timing-function:linear;}

a div#sau.animate {-moz-animation:anim-sau 2s;-moz-animation-timing-function:linear;}

a div#per.animate {-moz-animation:anim-per 2s;-moz-animation-timing-function:linear;}

a div#lai.animate {-moz-animation:anim-lai 2s;-moz-animation-timing-function:linear;}

a div#usi.animate {-moz-animation:anim-usi 2s;-moz-animation-timing-function:linear;}

a div#aus.animate {-moz-animation:anim-aus 2s;-moz-animation-timing-function:linear;}

a div#jum.animate {-moz-animation:anim-jum 2s;-moz-animation-timing-function:linear;}



.animate {

-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);

-moz-transform-origin: 50% 50%;

-moz-perspective: 950;

-moz-perspective-origin: 50% 50%;

}

@-moz-keyframes anim-men{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(1px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#men.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(1px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}



@-moz-keyframes anim-die{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-41px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#die.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-41px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}



@-moz-keyframes anim-mar{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-83px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#mar.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-83px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}



@-moz-keyframes anim-sau{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-126px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#sau.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-126px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}



@-moz-keyframes anim-per{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-168px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#per.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-168px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}



@-moz-keyframes anim-lai{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-211px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#lai.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-211px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}



@-moz-keyframes anim-usi{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-253px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#usi.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-253px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}



@-moz-keyframes anim-aus{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-296px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#aus.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-296px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}



@-moz-keyframes anim-jum{

0% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

25% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(20deg);}

49% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

50% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg);}

75% {-moz-transform: scale(1.0) scaleZ(1.0) rotateX(0deg) rotateY(90deg) rotateZ(-20deg) translateX(0px) translateY(0px) translateZ(0px) skewX(-20deg);}

100% {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-338px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}

} a div#jum.animate {-moz-transform: scale(2.5) scaleZ(1.0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-338px) translateY(-190px) translateZ(0px) skewX(0deg);background:none;}







div#men.animate h3, div#die.animate h3, div#mar.animate h3, div#sau.animate h3, div#per.animate h3, div#lai.animate h3, div#usi.animate h3, div#aus.animate h3, div#jum.animate h3 {display:none;}

div#men.animate span, div#die.animate span, div#mar.animate span, div#sau.animate span, div#per.animate span, div#lai.animate span, div#usi.animate span, div#aus.animate span, div#jum.animate span {border:none;}



table, article:nth-child(5) {opacity:0.6;}