#slide_0 {
    background: #004 url('bg.jpg');
    background-position: 50% 00%;
    margin: 1em 0em;
    padding: 2em;
    border-radius: 0.75em;
    position: relative;
    border: none;
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4);
    color: white;
    text-shadow: 0px 1px 1px black;
    overflow: hidden;
    cursor: default;
}
    .focim {
        display: none;
    }
	button {
		text-shadow: none;
	}
	h2 {
		color: white;
		margin-top: 0;
	}
	pre {
		border: none;
		background: none;
		padding: 0;
		margin: 0;
		color: inherit;
		font-weight: bold;
		box-shadow: none;
		font-size: 0.9;
	}
	table {
		font-size: 1em;
		background: rgba(20, 15, 33, 0.75);
		color: white;
		border-bottom: 2px solid orange;
		border-top: 2px solid orange;
		border-left: none;
		border-right: none;
		box-shadow: none;
	}
	tbody tr, tbody tr:hover { background: transparent; }
    tbody td, tbody th, tbody th:first-child { border: none; text-align: right; }
	tbody tr.kiemel { background: rgba(255, 0, 64, 0.2); }
    td.bal { text-align: left; }

div.gombok {
	text-align: center;
	line-height: 2.4;
}
    div.gombok button {
        margin: 0 0.5em;
    }

button.jatek:before {
    content: '\f04b';
}

	

#segitseg, #szazalekok {
    background: #000;
    background-color: rgba(0, 0, 0, 0.90);
    position: absolute;
    z-index: 1;
    left: 2em; right: 2em; top: 2em; bottom: 2em;
    padding: 2em;
    border-radius: 1em;
    border: 0.15em solid rgba(128, 128, 255, 0.35);
    box-shadow: 0 0 1em 1em rgba(0, 0, 0, 0.85);
}
#szazalekok {
    padding: 3em 2em;
    overflow: hidden;
}
#szazalekok div.szazaleksor {
    height: 2em;
    line-height: 2em;
    margin: 1em 0;
}
#szazalekok div.valaszbetuje {
    display: inline-block;
    width: 10%;
    text-align: center;
    font-size: 1.5em;
    color: orange;
}
#szazalekok div.szazalek {
    display: inline-block;
    width: 80%;
}
#szazalekok div.arany {
    background: #808;
    border: 1px solid #c4c;
    text-align: center;
    margin-left: 150%;
    -moz-transition: margin 0.5s;
    -webkit-transition: margin 0.5s;
    -o-transition: margin 0.5s;
}
#szazalekok.lathato div.arany {
    margin-left: 0em;
}


div#ora {
    text-align: center;
}
ul.penz {
    list-style-type: none;
    padding-left: 0;
}
ul.penz li {
    color: orange;
    padding: 0 1em;
    text-align: right;
}
ul.penz li.tuti {
    color: white;
}
ul.penz li.aktiv {
    background: orange;
    color: black;
    text-shadow: none;
    border-radius: 3px;
}

div.valasz {
    padding: 0.5em;
    margin: 1em 2em;
    background: rgba(20, 15, 33, 0.75);
    border: 2px solid #97f;
    border-radius: 0.5em;
	box-shadow: inset 0px 0px 1px #000;
}
div.valasz span.betu {
    color: orange;
    text-shadow: 0px 0px 2px black, 0px 1px 1px black;
}
div.valaszravar div.valasz:hover {
	border-color: orange;
	cursor: pointer;
}
div.valasz.torolve { opacity: 0.08; }
div.valasz.jelolve { background: orange; color: black; text-shadow: none; }
div.valasz.helyes { background: #0f0; color: black; text-shadow: none; }
div.valasz.helytelen { background: red; color: black; text-shadow: none; }
div.valasz.jelolve span.betu,
div.valasz.helyes span.betu,
div.valasz.helytelen span.betu { color: white; text-shadow: 0px 0px 1px black; }

button.kozonseg, button.telefon, button.felez, button.felad, button.vanhang, button.nincshang {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 1.2em; height: 1.2em;
    font-size: 32px; line-height: 1.2em;
    color: white;
    box-shadow: none;
    border-radius: 0.15em;
    text-shadow: 0px 0px 1px #000;
}
    button.kozonseg:before, button.telefon:before, button.felez:before, button.felad:before, button.vanhang:before, button.nincshang:before {
        text-align: center;
        width: 1.2em;
    }
    button.felad:hover, button.kozonseg:hover, button.telefon:hover, button.felez:hover, button.vanhang:hover, button.nincshang:hover {
        background-color: rgba(255, 165, 0, 1);
    }
    button.vanhang:before { content: '\f028'; }
    button.nincshang:before { content: '\f026'; }
    button.felez:before { content: '\f042'; }
    button.kozonseg:before { content: '\f0c0'; }
    button.telefon:before { content: '\f095'; }
    button.felad:before { content: '\f08b'; }

    
    
    

#hang {
    position: absolute;
    visibility: hidden;
}
#hanggomb {
    position: absolute;
    right: 0.25em;
    top: 0.25em;
}