@font-face {
    font-family: auldroon; /* deklarace fontu */
    src: url(./texts/auldroon.ttf); /* propojení na umístění souboru */
    //src: url(./texts/SourceHanSansJP-Regular.otf);
}

html, body {padding:0; margin:0;}
body {font-family:auldroon; 
      text-align:center; color:#000; position:relative; }


#container {background:url(./graphics/background_pergamen.png) no-repeat;
    font-family:auldroon; width:640px; height:960px; padding-bottom:54px; text-align:center; padding-top: 5px;  
}
#results {
    width:610px;
    height:930px;
}

#result {
    padding-top: 110px;    
}
#divResultsTmp {
    width:600px; height:960px; 
}
a { text-decoration:underline;
    color:#FFFFFF;
}
a:hover {color:#555555;}
a:focus {color:#555555;}


#divChooseRes {
    width: 620px;
    height: 80px;
    margin: 0 auto;
    text-align:center;
}

.resource {
    border-color: inactiveborder;
    border-width: 5px;
    border-style: solid;
}
.resourceChosen {
    border-color: black;
    border-width: 5px;
    border-style: solid;
}

.butNice {
    background:url(./graphics/button.png) no-repeat 0 0;  
    border:transparent;
    width: 500px;
    height: 150px;
    font-family:auldroon;
    font-size: 50px;
    color: #EAC36F;    
}

.butNice:hover {
    color: #ffffff;
    cursor:pointer;
}

.butNiceDisabled {
    background:url(./graphics/button.png) no-repeat 0 0;  
    border:transparent;
    width: 500px;
    height: 150px;
    font-family:auldroon;
    font-size: 50px;
    color: #000000;    
}
.butNice:disabled {
    background:url(./graphics/button.png) no-repeat 0 0;  
    border:transparent;
    width: 500px;
    height: 150px;
    font-family:auldroon;
    font-size: 50px;
    color: #000000;    
}
.butConfirmEnabled {
    background:url(./graphics/butConfirm.png) no-repeat 0 0;  
    border:transparent;
    width: 400px;
    height: 100px;
    font-family:auldroon;
    font-size: 50px;
    color: #FFFFFF; 
    cursor:pointer;
    position:relative;
    float:bottom;        
}
.butConfirmDisabled, .butConfirmDisabled:disabled {
    background:url(./graphics/butConfirm.png) no-repeat 0 0;  
    border:transparent;
    width: 400px;
    height: 100px;
    font-family:auldroon;
    font-size: 50px;
    color: #EAC36F; 
    position:relative;
    float:bottom;  
    
}
.butInfo {
    background:url(./graphics/button_info.png) no-repeat 0 0;  
    border:transparent;
    width: 100px;
    height: 100px;  
    position :relative;
    /*margin-left: 30x;
    padding-left: 30px;*/
    right: 70px;
    float:right;
    float:bottom;        
}
.butInfo:hover {
    cursor:pointer;
}
.butBackBottom {
    background:url(./graphics/button_back.png) no-repeat 0 0;  
    border:transparent;
    width: 100px;
    height: 100px;  
    position :relative;
    /*margin-left: 30x;
    padding-left: 30px;*/
    left: 70px;
    float:left;
    float:bottom;        
}
.butBackBottom:hover {
    cursor:pointer;
}

.butBackTop {
    background:url(./graphics/button_back.png) no-repeat 0 0;  
    border:transparent;
    width: 100px;
    height: 100px;    
    position:relative;
    top: 40px;
    left: 40px;
    float: left;
    float: top;
}
.butBackTop:hover {
    cursor:pointer;
}


.insertText {
    width: 170px;
    height: 80px;
    font-family:verdana;
    font-size: 60px;
    color: #000000;    
    border-color: #492415;
    border-width: 3px;
    
    
    
}
.showLabel {
    font-size: 50px;
    color: #441f13;
    
    
}


.codeLabel {
    background:url(./graphics/label_button.png) no-repeat 0 0;  
    border:transparent;
    width: 460px;
    height: 130px;
    font-family:arial;
    font-size: 40px;
    color: #492415;
    /*position:relative;*/
    /*top: 30px;
    left: 40px;*/
    margin-top: 30px;
    float: top;
}

.butToggleOn, .butToggleOn:disabled {
    background:url(./graphics/toggle_button_on.png) no-repeat 0 0;  
    border:transparent;
    width: 500px;
    height: 150px;
    font-family:auldroon;
    font-size: 60px;
    color: #FFFFFF;    
}
.butToggleOff {
    background:url(./graphics/toggle_button_off.png) no-repeat 0 0;  
    border:transparent;
    width: 500px;
    height: 150px;
    font-family:auldroon;
    font-size: 60px;
    color: #9c794a;
}
.butToggleOff:hover {
    color: #ffffff;
    cursor:pointer;
}

.potion_red_plus {
    background:url(./vysledky_pokusu/potion_red_plus.png) no-repeat 30px 35px;
    border:transparent;
    //width: 181px;
    //height: 256px;
    width: 215px;
    height: 256px;
    margin-right: -50px;
}
.potion_green_plus{
    background:url(./vysledky_pokusu/potion_green_plus.png) no-repeat 30px 35px;
    border:transparent;
    width: 215px;
    height: 256px;
    margin-right: -50px;
    
}
.potion_blue_plus{
    background:url(./vysledky_pokusu/potion_blue_plus.png) no-repeat 30px 35px;
    border:transparent;
    width: 215px;
    height: 256px;
    margin-right: -50px;
}
.potion_red_minus{
    background:url(./vysledky_pokusu/potion_red_minus.png) no-repeat 30px 35px;
    border:transparent;
    width: 215px;
    height: 256px;
    margin-right: -50px;
}
.potion_green_minus{
    background:url(./vysledky_pokusu/potion_green_minus.png) no-repeat 30px 35px;
    border:transparent;
    width: 215px;
    height: 256px;
    margin-right: -50px;
    
}
.potion_blue_minus{
    background:url(./vysledky_pokusu/potion_blue_minus.png) no-repeat 30px 35px;
    border:transparent;
    width: 215px;
    height: 256px;
    margin-right: -50px;
}
.potion_null{
    background:url(./vysledky_pokusu/potion_null.png) no-repeat 30px 35px;
    border:transparent;
    width: 215px;
    height: 256px;
    
}


.potion_red_plus:hover {    
    cursor:pointer;
}
.potion_green_plus:hover {    
    cursor:pointer;
}
.potion_blue_plus:hover {    
    cursor:pointer;
}
.potion_red_minus:hover {    
    cursor:pointer;
}
.potion_green_minus:hover {    
    cursor:pointer;
}
.potion_blue_minus:hover {    
    cursor:pointer;
}
.potion_null:hover {    
    cursor:pointer;
}

/*
.elem_red {
    background:url(./vysledky_pokusu/elem_red.png) no-repeat 0 0;
    border:transparent;
    width: 200px;
    height: 200px;
    font-family:Arial Black;
    font-size: 50px;
    color: #000000;
}
.elem_blue {
    background:url(./vysledky_pokusu/elem_blue.png) no-repeat 0 0;
    border:transparent;
    width: 200px;
    height: 200px;
    font-family:Arial Black;
    font-size: 300px;
    color: #000000;
}
.elem_green {
    background:url(./vysledky_pokusu/elem_green.png) no-repeat 0 0;
    border:transparent;
    width: 200px;
    height: 200px;
    font-family:Arial Black;
    font-size: 50px;
    color: #000000;
}
*/

#result_debunk {     
    width:300px; height:300px; padding-top:-100px; padding-left: 280px;  
}

.right {
    float: right;    
}
.right_potion {
    float: right;   
    margin-right: -60px;
    margin-top: 50px;
}
.left {
    float:left;
    margin-left: 50px;
}
.butSettings {
    background:url(./graphics/button_settings.png) no-repeat 0 0;  
    border:transparent;
    width: 100px;
    height: 100px;  
    position :relative;
    /*margin-left: 30x;
    padding-left: 30px;*/
    right: 70px;
    float:right;
    float:bottom;        
}
.butSettings:hover {
    cursor:pointer;
}

    
.lang {
    border-color: inactiveborder;
    border-width: 5px;
    border-style: solid;
    }    
.lang:hover {
    cursor:pointer;
}

.langSelected {
    border-color: black;
    border-width: 5px;
    border-style: solid; 
}

.butAction {
    background:url(./graphics/action_button.png) no-repeat 0 0;  
    border:transparent;
    width: 250px;
    height: 77px;
    font-family:auldroon;
    font-size: 30px;
    color: #EAC36F;         
}

.butAction:hover {
    color: #ffffff;
    cursor:pointer;
}

.r1 { 
    margin-left: -250px;
    margin-top: 200px;
}

.r2 { 
    margin-left: -200px;
    margin-top: 0px;
}

#actions_regular {
    width:640px; 
    height:560px;
    margin-top: 0px;
    margin-left: 0px;
}


.butSmallOn {
    background:url(./graphics/small_button_on.png) no-repeat 0 0;  
    border:transparent;
    width: 280px;
    height: 75px;
    font-family:auldroon;
    font-size: 35px;
    color: #FFFFFF;
    position:relative;    
    float: top;
}
.butSmallOff {
    background:url(./graphics/small_button_off.png) no-repeat 0 0;  
    border:transparent;
    width: 280px;
    height: 75px;
    font-family:auldroon;
    font-size: 35px;
    color: #9c794a;
    position:relative;    
    float: top;
}
.butSmallOff:hover {
    color: #ffffff;
    cursor:pointer;
}    
.butNiceSmall {
    background:url(./graphics/buttonSmall.png) no-repeat 0 0;  
    border:transparent;
    width: 280px;
    height: 75px;
    font-family:auldroon;
    font-size: 35px;
    color: #EAC36F;    
}

.butNiceSmall:hover {
    color: #ffffff;
    cursor:pointer;
}

.actions_table {
    width:500px; 
    height:500px;
}

.actions_table td {
    width: 50%;
}

.actions_table_exp {
    width:500px; 
    height:540px;
}

.actions_table_exp td {
    width: 250px;
    height: 180px;
    margin-left: 40px;
    padding-left: 40px;
}

.butBase {
    background:url(./graphics/img_base.png); 
    padding-top: 250px;
    border:transparent;
    width: 300px;
    height: 350px;  
    font-family:auldroon;
    font-size: 30px;
    color: #EAC36F; 
    text-align: center;
}

.butGolem {
    background:url(./graphics/img_golem.png);  
    padding-top: 250px;
    border:transparent;
    width: 300px;
    height: 350px;  
    font-family:auldroon;
    font-size: 30px;
    color: #EAC36F; 
    text-align: center;
    
}

.butBase:hover {
    cursor:pointer; 
    color: #ffffff;
}

.butGolem:hover {
    cursor:pointer;
    color: #ffffff;
}