@font-face {

    font-family: impactF;

    src: url(impact.ttf);

}



body {

font-family: impactF, impact, cambria;

font-size: 20px;

scrollbar-base-color: #000;

scrollbar-arrow-color: #f00;

}



#telo {

position: relative;

width: 1325px;

margin: 0px auto;	

}



html{

scrollbar-base-color: #000;

scrollbar-arrow-color: #f00;

}



::-webkit-scrollbar {

width: 18px;

}



::-webkit-scrollbar-button:vertical:decrement {

background: url(../obr/lista/arrow_up.png) no-repeat;

}



::-webkit-scrollbar-button:vertical:increment {

background: url(../obr/lista/arrow_down.png) no-repeat;

}



::-webkit-scrollbar-track-piece:vertical {

background: url(../obr/lista/poz_track.png) repeat-y;

}

 

::-webkit-scrollbar-thumb:vertical {

background: url(../obr/lista/poz_trackB.png) repeat-y;

}



::-webkit-scrollbar-corner {

background: #000;

}



::-webkit-scrollbar-button:horizontal:decrement {

background: url(../obr/lista/arrow_l.png) no-repeat;

}



::-webkit-scrollbar-button:horizontal:increment {

background: url(../obr/lista/arrow_r.png) no-repeat;

}



::-webkit-scrollbar-track-piece:horizontal {

background: url(../obr/lista/poz_trackh.png) repeat-x;

}

 

::-webkit-scrollbar-thumb:horizontal {

background: url(../obr/lista/poz_trackBh.png) repeat-x;

}



.tlacitko {

position: absolute;

left: 635px;

top: 335px;

width: 50px;

display: block;

background: #333;

color: #fff;

padding: 10px 20px;

border-radius: 5px;	

text-align: center;

text-decoration: none;

}



.tlacitko0:hover, .tlacitko:hover, .tlacitko1:hover , .tlacitko2:hover  {

text-decoration: underline;	

}



.tlacitko0 {

position: absolute;

left: 310px;

top: 258px;

width: 50px;

display: block;

background: #000;

color: #fff;

padding: 10px 20px;

border-radius: 5px;	

text-align: center;

text-decoration: none;

}



.poz{

left: 558px !important;	

}



.tlacitko1 {

margin: 20px 0 0 0;

float: left;

width: 50px;

display: block;

background: #000;

color: #fff;

padding: 10px 20px;

border-radius: 5px;	

text-align: center;

text-decoration: none;

}



.tlacitko2 {

margin: 20px 0 0 0;

float: left;

width: 54px;

display: block;

background: #000;

color: #fff;

padding: 10px 18px;

border-radius: 5px;	

text-align: center;

text-decoration: none;

}



.ok{

margin-right: 20px;	

}

.ok1{

margin: 20px 0 20px 75px;

}



.Desc_off {display: none}

.Desc_on  {display: on}



#trumfV {

background: #000;	

z-index: 2;

display: none;	

}



#talon{

background: #333;	

z-index: 3;

}



#talonV {

background: #000;	

z-index: 4;

display: none;	

}



#licKaret{

position: absolute;

left: 200px;

top: 55px;	

width: 110px;

height: 172px;

background: url(../obr/cardsM.jpg) no-repeat;

border-radius: 10px;

border: 1px solid #000;

box-shadow: 6px 6px 2px #333;

}



#rubKaret{

position: absolute;

left: 530px;

top: 55px;	

width: 110px;

height: 172px;

background: url(../obr/rub1.jpg) center center no-repeat;

border-radius: 10px;

border: 1px solid #000;

box-shadow: 6px 6px 2px #333;

}



.karta {

width: 110px;

height: 172px;

background: url(../obr/cardsN.jpg);

background-repeat: no-repeat;

border-radius: 10px;

border: 1px solid #000;

box-shadow: 6px 6px 2px #333;

}



.temaKaret{

color: #000;

text-decoration: none;

line-height: 1.2;

}



.temaKaret:hover{

text-decoration: underline;

cursor: pointer;

}



.odk:hover{

cursor: pointer;

}

	



#trumfK {

position: absolute;

z-index: 10;

top: 40px;

left: 1140px;

border: 1px solid #000;	

}



#trumfRub {

position: absolute;

z-index: 12;

top: 40px;

left: 1140px;

border: 1px solid #000;	

}



#cislo {

font-size: 22px;

position: absolute;

top: 46px;

left: 1276px;		

}



.rub1, .rub2 {

width: 110px;

height: 172px;

border: 0;

border-radius: 10px;

background: #fff url(../obr/rub4.jpg) center center no-repeat;

}



.rub0 {

display: none;

}



#karta20{

transform: rotate(-22deg);

position: absolute;

z-index: 6;

left: -60px;

top: 55px;	

}



#karta0, #karta10 , #karta21{

transform: rotate(-18deg);

position: absolute;

z-index: 6;

left: 0px;

top: 45px;	

}



#karta1, #karta11, #karta22 {

transform: rotate(-14deg);

position: absolute;

z-index: 6;

left: 60px;

top: 35px;		

}



#karta2, #karta12 , #karta23 {

transform: rotate(-10deg);

position: absolute;

z-index: 6;

left: 120px;

top: 25px;	

}



#karta3, #karta13 , #karta24 {

transform: rotate(-6deg);

position: absolute;

z-index: 6;

left: 180px;

top: 15px;		

}



#karta4, #karta14 , #karta25 {

transform: rotate(-2deg);

position: absolute;

z-index: 6;

left: 240px;

top: 5px;	

}



#karta5, #karta15 , #karta26 {

transform: rotate(2deg);

position: absolute;

z-index: 6;

left: 300px;

top: 5px;		

}



#karta6, #karta16 , #karta27 {

transform: rotate(6deg);

position: absolute;

z-index: 6;

left: 360px;

top: 15px;	

}



#karta7, #karta17 , #karta28 {

transform: rotate(10deg);

position: absolute;

z-index: 6;

left: 420px;

top: 25px;		

}



#karta8 , #karta18 , #karta29 {

transform: rotate(14deg);

position: absolute;

z-index: 6;

left: 480px;

top: 35px;	

}



#karta9, #karta19 , #karta30 {

transform: rotate(18deg);

position: absolute;

z-index: 6;

left: 540px;

top: 45px;		

}



#karta31 {

transform: rotate(22deg);

position: absolute;

z-index: 6;

left: 600px;

top: 55px;		

}





#hrac0 {

position: absolute;

z-index: 7;

left: 360px;

top: 560px;

}





#hrac1 {

position: absolute;

z-index: 6;

left: 150px;

top: 50px;

transform: rotate(90deg);

}





#hrac2 {

position: absolute;

z-index: 6;

left: 845px;

top: 150px;

transform: rotate(180deg);

}



#body, #konta, #prubeh{

position: absolute;

top: 240px;

left: 1140px;

width: 175px;

border: 1px solid #000;	

background: #f2f2f2;	

box-shadow: 6px 6px 2px #333;

}



.kontaT{

top: 380px !important;	

}



.prubehT {

top: 550px !important;

}



#zaznam {

padding-left: 10px;

font-size: 18px;

height: 182px;

overflow-y: scroll;

line-height: 1.45;

}



#jmenoSam, #jmenoDva{

display: block;

width: 95px;

padding-left: 10px;

float: left;

line-height: 1.5;

}



.jmenoDva{

width: 165px !important;

}



#varianta{

display: block;

float: left;

width: 60px;

padding-right: 10px;

text-align: right;

line-height: 1.5;

}



.penize{

display: block;

float: left;

width: 85px;

padding-right: 10px;

text-align: right;

line-height: 1.5;

}



.jmena{

display: block;

float: left;

width: 70px;

padding-left: 10px;

line-height: 1.5;

}



#jmenoH2{

position: absolute;

top: 360px;

left: 155px;

z-index: 6;

transform: rotate(90deg);	

}



#jmenoH1{

position: absolute;

top: 530px;

left: 650px;

z-index: 6;	

}



#jmenoH0{

position: absolute;

top: 160px;

left: 490px;

z-index: 6;	

}



#mlhaL{

position: absolute;

top: 0px;

left: -100px;

z-index: 8;

width: 250px;

height: 804px;

}



#mlhaH{

position: absolute;

top: -50px;

left: 0px;

z-index: 8;

width: 950px;

height: 200px;

}



#mlha{

position: absolute;

top: 0px;

left: 0px;

z-index: 0;

width: 1100px;

height: 804px;

}



#barva, #vyberHryBD, #vyberHry, #dotBetl, #flekBet {

position: absolute;

top: 290px;

left: 553px;

z-index: 25;

width: 200px;

min-height: 90px;

padding: 20px;

background: #f2f2f2;

border: 1px solid #000;

box-shadow: 6px 6px 2px #333;

text-align: center;

}



#flekH , #lepsi{

position: absolute;

top: 290px;

left: 473px;

z-index: 26;

width: 360px;

padding: 20px;

background: #f2f2f2;

border: 1px solid #000;

box-shadow: 6px 6px 2px #333;

text-align: center;

}



.tab {

margin: 0;

padding: 0;	

border:0;

width: 360px;

line-height: 1.5;

text-align: left;

text-indent: 22px;	

}



.ok2 {

margin-left: 30px;	

margin-right: 10px;

padding: 8px 20px 8px 0px !important;

width: 70px;	

}



#vyHry {

position: absolute;

top: 242px;

left: 553px;

z-index: 25;

width: 246px;

min-height: 200px;

padding: 0px;

background: #f2f2f2;

border: 1px solid #000;

box-shadow: 6px 6px 2px #333;

text-align: left;

}



.tabzz {

margin: 0;

padding: 0;

width: 206px;

}



.rig{

text-align: right;

}



.bto{

border-top: 2px solid #f00;

}



.bbo{

border-bottom: 2px solid #f00;

}



#ZZ {

margin: 10px 0 0 20px;

}



.nadpis {

width: 192px;

font-size: 22px;

background: #000 url(../obr/star.png) right center no-repeat;	

color: #fff;

padding: 10px 24px;

border-bottom: 4px solid #f00;	

}



.nadpisV {

width: 198px !important;	

}



.nadpis1 {

width: 155px;

font-size: 22px;

background: #000 url(../obr/star.png) right center no-repeat;	

color: #fff;

padding: 8px 10px;

border-bottom: 4px solid #f00;	

}



.nadpis2 {

font-size: 22px;

background: #000 url(../obr/star.png) right center no-repeat;

height: 30px;	

color: #fff;

padding: 12px 63px 7px 32px;

float: left;

border-top: 1px solid #000;

border-left: 1px solid #000; 

border-bottom: 5px solid #000;

}



.nadpisSv {

background: #5d5d5d url(../obr/star.png) right center no-repeat !important;

}



.nadpisSv:hover{

text-decoration: underline;	

}



.ram1{

border: 1px solid #000;	

border-top-width: 0px;	

width: 686px;

height: 331px;

position: absolute;

top: 55px;

background: #f2f2f2;

}



.posun{

margin-left: 25px;	

}



#novahra{

position: relative;

z-index: 30;

left: 318px;

top: 164px;

width: 688px;

height: 387px;	

background: #fff;



}



.formJ {

border-right: 2px dotted #000;	

}	



.formJ td{

padding-right: 15px;	

}



.formS td{

padding-right: 22px;	

}



.nadp{

line-height: 3;

font-size: 22px;

border-bottom: 2px solid #f00;	

}



.nadpP{

line-height: 1.4 !important;	

}



.jmenaHracu, .sazby {

margin: 0 0 0 32px;		

line-height: 2;

float: left;	

}



.temata{

margin: 0 221px 0 32px;		

float: left;

}



 .ruby {

margin: 0 0 0 32px;		

float: left;

}



.rubtab{

height: 164px;

width: 110px;

overflow-y: scroll;

}



#bod{

position: absolute;

left: 348px;

top: 70px;

height: 162px;

width: 2px;

background: url(../obr/bod.png) repeat-y; 	

}



.trojuhelnik{

position: absolute;

z-index: 32;

top: 0px;

width: 50px;

height: 55px;

}



#kolecko{

position: absolute;

z-index: 32;

top:40px;	

left: 1008px;

background: url(../obr/kolecko.png) no-repeat;

width: 100px;

height: 100px;

border: 1px solid #000;

border-radius: 10px;

box-shadow: 6px 6px 2px #333;	

}



#akord{

position: absolute;

z-index: 32;

top:167px;	

left: 1008px;

background: url(../obr/akord.png) no-repeat;

width: 100px;

height: 45px;

border: 1px solid #000;

border-radius: 5px;

box-shadow: 6px 6px 2px #333;	

}



#glweb{

position: absolute;

z-index: 32;

top: -10px;	

left: 1140px;

background: url(../obr/logo.png) no-repeat;

width: 135px;

height: 44px;

border-radius: 3px;
}



.rig1{

text-align: right;

}



#formS input {

text-align: right;

font-family: impactF, impact, cambria;

font-size: 20px;	

}



#formJ input {

text-align: left;

font-family: impactF, impact, cambria;

font-size: 20px;	

}



.troj11{

left: 218px;

background: url(../obr/trojuhelnikCe.png) no-repeat;

}



.troj12{

left: 442px;

background: url(../obr/trojuhelnikSe.png) no-repeat;

}



.troj13{

left: 638px;

background: url(../obr/trojuhelnikSe.png) no-repeat;	

}



.troj21{

left: 218px;	

background: url(../obr/trojuhelnikSep.png) no-repeat;

}



.troj22{

left: 442px;

background: url(../obr/trojuhelnikCe.png) no-repeat;

}



.troj33{

left: 638px;	

background: url(../obr/trojuhelnikCe.png) no-repeat;

}



.troj32{

left: 442px;	

background: url(../obr/trojuhelnikSep.png) no-repeat;

}



.troj31{

left: 218px;	

background: url(../obr/trojuhelnikSe.png) no-repeat;

}





.ram{

height: 331px;

width: 686px;

border: 1px solid #000;

border-top-width: 0px;	

overflow-y: scroll;

background: #f2f2f2;

}



.text {

margin: 0px 30px 0px 30px;

line-height: 1.2;

}



.text p {

font-size: 18px;

font-family: cambria;

text-align: justify;

}



.pdf{

border: 0;

position: relative;

left: 439px;

top: 12px;	

}