/*
	 Circulate jQuery Plugin
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif; background: #ccc; }
#page-wrap { z-index: 20; width: 280px; margin:0 auto; background: white; padding: 20px; position: relative; }

.group:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
.group { display: inline-block; }
/* start commented backslash hack \*/
* html .group { height: 1%; }
.group { display: block; }
/* close commented backslash hack */

h1, h2 { font-weight: normal; margin: 30px 0 10px 0; }
p { margin: 0 0 10px 0; }
pre { overflow: auto; padding: 10px; background: #fff; margin: 0 0 10px 0;   }
/*.top-demo div { background: #ccc; width: 83px; height: 100px; float: left; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }*/

/*.top-demo div { background: #fff; width: 83px; height: 100px; float: left; }*/
.1top-demo div { background: #fff; width: 60px; height: 75px; float: left; }
.1top-demo div:nth-child(4n) { content:  url(../images/flag_kit/LV@3x.png);}
.1top-demo div:nth-child(4n+1){ content: url(../images/flags/lat.jpg);}
.1top-demo div:nth-child(4n+2){ content: url(../images/flags/lat.jpg);}
.1top-demo div:nth-child(4n+3){ content: url(../images/flags/lat.jpg);}

/*.top-demo div { background: #fff; width: 83px; height: 100px; float: left; }*/
.top-demo div { background: #fff; width: 60px; height: 75px; float: left; }
.top-demo div:nth-child(4n) { content: url(https://www.judo.lv/circulate/images/latgale.png); cursor:pointer;}
.top-demo div:nth-child(4n+1) { content: url(https://www.judo.lv/circulate/images/kurzeme.png); cursor:pointer;}
.top-demo div:nth-child(4n+2) { content: url(https://www.judo.lv/circulate/images/zemgale.png); cursor:pointer;}
.top-demo div:nth-child(4n+3) { content: url(https://www.judo.lv/circulate/images/vidzeme.png); cursor:pointer;}


.top-demo1 div { background: #fff; width: 31px; height: 30px; float: left; margin-left:2px; border: solid gray 1px;}
.top-demo1 div:nth-child(4n)   { content: url(https://www.judo.lv/images/32x32/122.png); cursor:pointer;}
.top-demo1 div:nth-child(4n+1) { content: url(https://www.judo.lv/images/32x32/jc_black.png); cursor:pointer;}
.top-demo1 div:nth-child(4n+2) { content: url(https://www.judo.lv/images/32x32/skills.png); cursor:pointer;}
.top-demo1 div:nth-child(4n+3) { content: url(https://www.judo.lv/images/32x32/31.png); cursor:pointer;}
.top-demo1 div:nth-child(4n+4) { content: url(https://www.judo.lv/images/32x32/rosette.png); cursor:pointer;}
.top-demo1 div:nth-child(4n+5) { content: url(https://www.judo.lv/images/32x32/widgets.png); cursor:pointer;}
.top-demo1 div:nth-child(4n+6) { content: url(https://www.judo.lv/images/32x32/shopping.png); cursor:pointer;}
.top-demo1 div:nth-child(4n+7) { content: url(https://www.judo.lv/images/32x32/money_euro.png); cursor:pointer;}
.top-demo1 div:nth-child(4n+8) { content: url(https://www.judo.lv/images/32x32/accept.png); cursor:pointer;}


/*.top-demo div { background: #fff; width: 83px; height: 100px; float: left; }*/
.top-demo2 div { background: #fff; width: 60px; height: 75px; float: left; }
.top-demo2 div:nth-child(4n) { content: url(https://www.judo.lv/images/32x32/jc_black.png ); cursor:pointer;}
.top-demo2 div:nth-child(4n+1) { content: url(http://www.judo.lv/circulate/images/sigulda.png); cursor:pointer;}
.top-demo2 div:nth-child(4n+2) { content: url(http://www.judo.lv/circulate/images/adazi.jpg); cursor:pointer;}
.top-demo2 div:nth-child(4n+3) { content: url(http://www.judo.lv/circulate/images/saulkrasti.png); cursor:pointer;}

/*.top-demo div { background: #fff; width: 83px; height: 100px; float: left; }*/
.top-demo3 div { background: #fff; width: 60px; height: 75px; float: left; }
.top-demo3 div:nth-child(4n) { content: url(http://www.judo.lv/circulate/images/tartu.png); cursor:pointer;}
.top-demo3 div:nth-child(4n+1) { content: url(http://www.judo.lv/circulate/images/tartu.png); cursor:pointer;}
.top-demo3 div:nth-child(4n+2) { content: url(http://www.judo.lv/circulate/images/tartu.png); cursor:pointer;}
.top-demo3 div:nth-child(4n+3) { content: url(http://www.judo.lv/circulate/images/tartu.png); cursor:pointer;}

/*.top-demo div { background: #fff; width: 83px; height: 100px; float: left; }*/
.top-demo4 div { background: #fff; width: 60px; height: 75px; float: left; }
.top-demo4 div:nth-child(4n) { content: url(http://www.judo.lv/circulate/images/kaunas.jpg); cursor:pointer;}
.top-demo4 div:nth-child(4n+1) { content: url(http://www.judo.lv/circulate/images/kaunas.jpg); cursor:pointer;}
.top-demo4 div:nth-child(4n+2) { content: url(http://www.judo.lv/circulate/images/kaunas.jpg); cursor:pointer;}
.top-demo4 div:nth-child(4n+3) { content: url(http://www.judo.lv/circulate/images/kaunas.jpg); cursor:pointer;}



#sphere-area { height:100px; position: relative; width: 330px; }
#sphere-area img { width: 50px; height: 50px; position: absolute; top: -400px; left: 135px; }
#sphere-area #blue-ball { opacity: 0; }
#sphere-area #green-ball { opacity: 0; }

#unicorn { z-index: 60; position: absolute; top: 40px; left: 47%; width: 70px; display: block; }

#text-demo span { float: left; font: 30px bold Helvetica, Sans-Serif; }