body
{
    background: #000000 url('img/fire.gif');
    color: #FFFFFF;
    font-family: Trebuchet MS, Arial, Verdana;
    font-size: 15px;
	padding:0; margin:0;
	text-align:center;
}
.logo {text-align:center; padding:20px 0;}
input.zatwierdz {background: #400098; cursor:pointer; border:0; padding:3px 10px; color:#FFFFFF; border-radius: 4px;}
input.zatwierdz:hover {background: #6400EC}

#page
{
    position:relative;
    width: 666px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;

}

#dwa
{
    position:relative;
    width: 666px;
    margin-top: 280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

div#talia
{
    position:relative;
    width: 666px;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;

}

div.talia
{
    position: absolute;
    width: 160px;
    height: 214px;
    background-image:url(img/rewers2.jpg);
    background-repeat:no-repeat;
    border: 2px solid #333333;
    float: left;
	cursor:pointer;
	-webkit-box-shadow: -2px 0px 3px 3px #000000;
	-moz-box-shadow: -2px 0px 3px 3px #000000;
	box-shadow: -2px 0px 3px 3px #000000; 
}

div.selected
{
    position: absolute;
    width: 160px;
    height: 214px;
    border: 2px solid orange;
    float: left;
}

.awers
{
    width: 160px;
    height: 214px;
}

div#karty
{
    margin-left: auto;
    margin-right: auto;
    width: 666px;
}

div.karta
{
    width: 160px;
    height: 114px;
    padding-top: 100px;
    text-align: center;
    margin: 0 20px 20px;
    float: left;
     border: 2px;
     border-color: pink;
     border-style: solid;

}

div#pokaz
{
    position: absolute;
    left:0;
    top: -50px;
    width: 100%;
	padding:10px;
	cursor:pointer;
    background: #E4E4F8;
	border-radius: 15px;
    text-align: center;
    color: #FF4040;
    margin-left: auto;
    margin-right: auto;
	text-decoration:underline;
}
div#pokaz:hover{color:#FF7575; background:#FFFFFF}

div#tokenForm
{
    position: absolute;
    top: 340px;
	width:100%;
    background: #F0E4F8;
	border-radius: 15px;
    color: #400040;
    padding: 10px;
    display: none;
	line-height:200%;   
-webkit-box-shadow: 5px 5px 5px 1px #000000;
-moz-box-shadow: 5px 5px 5px 1px #000000;
box-shadow: 5px 5px 5px 1px #000000; 	
}

div#przepowiednia
{
    position: relative;
    display: block;
    width: 0px;
    left: -15px;
    top: 130px;
    margin-left:auto;
    margin-right: auto;
    margin-top: 140px;
    font-family:sans-serif;
	font-style:italic;
    font-size: 10pt;
	line-height:150%;
    color: black;
    background-color: #D9E6F7;
    padding-top: 0px;
    overflow:hidden;
    border: 3px solid white;
    padding: 5px;
    display: none;

}

span.first
{
    font-size: 18px;
    color: orange;
    font-weight: bolder;
}

.clear { clear: both; background: none; }

#step1 {color:#FF4040; font-size:12pt;}