@media all and (min-width: 320px) {
	@viewport {
		width: 960px;
		scale: .5;
		orientation: landscape
	}
}

#topContainer {
	background: #28282a;
	background: -moz-linear-gradient(top, #28282a 0, #0b0c10 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28282a), color-stop(100%, #0b0c10));
	background: -webkit-linear-gradient(top, #28282a 0, #0b0c10 100%);
	background: -o-linear-gradient(top, #28282a 0, #0b0c10 100%);
	background: -ms-linear-gradient(top, #28282a 0, #0b0c10 100%);
	background: linear-gradient(to bottom, #28282a 0, #0b0c10 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28282a', endColorstr='#0b0c10', GradientType=0);
	border-bottom: #a8903e 1px solid
}

#top {
	height: 34px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 960px
}

#top div {
	color: #505151;
	line-height: 32px
}

#top .big {
	color: #fff;
	font-family: "Alegreya Sans SC", cursive;
	font-size: 18px;
	line-height: 32px
}

#top .right {
	font-size: 13px;
	line-height: 32px;
	position: absolute;
	right: 0;
	top: 1px
}

#top .right .officialTimeContainer, #top .right .playersOnline, #top .right .tables {
	border-left: #25292c 1px solid;
	border-right: #010101 1px solid;
	display: inline-block;
	font-weight: 700;
	height: 33px;
	padding: 0 20px;
	vertical-align: top
}

#top .right span:first-child {
	border-left: none
}

#top .right span:last-child {
	border-right: none
}

#top .right .officialTimeContainer {
	color: #ccc
}

#top .right .officialTime {
	padding: 0
}

#headerContainer {
	background: #5c0507;
	background: -moz-linear-gradient(top, #5c0507 0, #a70003 50%, #5c0507 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, #5c0507), color-stop(50%, #a70003), color-stop(100%, #5c0507));
	background: -webkit-linear-gradient(top, #5c0507 0, #a70003 50%, #5c0507 100%);
	background: -o-linear-gradient(top, #5c0507 0, #a70003 50%, #5c0507 100%);
	background: -ms-linear-gradient(top, #5c0507 0, #a70003 50%, #5c0507 100%);
	background: linear-gradient(to bottom, #5c0507 0, #a70003 50%, #5c0507 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c0507', endColorstr='#5c0507', GradientType=0);
	border-bottom: #926f49 1px solid;
	border-top: #926f49 1px solid;
	padding: 20px 0
}

header {
	margin: 0 auto;
	position: relative;
	width: 960px
}

header .logo {
	display: block;
	left: 50px;
	position: absolute;
	top: 10px;
	z-index: 2
}

header .acceptRules {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 6px;
	color: #c9999b;
	display: none;
	left: 20px;
	line-height: 24px;
	padding: 5px 0;
	position: absolute;
	text-align: center;
	top: 210px;
	width: 250px
}

#panel {
	background-color: rgba(0, 0, 0, .2);
	border: rgba(184, 21, 29, .6) solid;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, .5) 0 0 5px inset;
	margin-left: 300px;
	min-height: 150px;
	padding: 10px 15px;
	width: 680px
}

#panel div {
	color: #c9999b
}

#panel .sectionsHead {
	border-bottom: #410102 1px solid;
	font-size: 0
}

#panel .sectionsHead .section {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Alegreya Sans SC", cursive;
	font-size: 18px;
	margin-right: 30px;
	padding: 5px 0 10px;
	text-shadow: rgba(0, 0, 0, .5) 1px 1px 1px;
	vertical-align: middle
}

#panel .sectionsHead .section:hover {
	text-decoration: underline
}

#panel .sectionsHead .section.active {
	color: #e2ba5c
}

#panel .sections {
	border-top: #8b3536 1px solid;
	padding-top: 5px
}

#panel .sections form .confirm {
	color: #fff;
	font-size: 16px;
	margin-top: 15px
}

#panel .sections .section button, #panel .sections .section input {
	display: inline
}

#panel .sections .section {
	display: none;
	padding: 5px 15px 0
}

#panel .sections .section[data-section=login] .nameOrEmail, #panel .sections .section[data-section=login] .password {
	display: inline-block;
	vertical-align: middle;
	width: 270px
}

#panel .sections .section[data-section=login] .nameOrEmail {
	width: 220px
}

#panel .sections .section[data-section=login] input[name=nameEmail], #panel .sections .section[data-section=login] input[name=password] {
	width: 200px
}

#panel .sections .section[data-section=login] input[name=password] {
	margin-left: 5px
}

#panel .sections .section[data-section=login] .bSave {
	background: url(common/icons.png) -5px -2640px no-repeat;
	border: none;
	color: #c9999b;
	line-height: 30px;
	margin-top: 5px;
	padding-left: 25px
}

#panel .sections .section[data-section=login] .bSave.active {
	background-position: -5px -2670px
}

#panel .sections .section[data-section=register] {
	padding-bottom: 20px
}

#panel .sections .section[data-section=register] input[name=email] {
	margin-top: 10px;
	width: 400px
}

#panel .sections .section[data-section=register] button[type=submit] {
	margin-left: 5px;
	margin-top: 10px
}

#panel .sections .section[data-section=register] .chooseName, #panel .sections .section[data-section=register] .selectBirthDate {
	display: inline-block;
	margin-top: 20px;
	vertical-align: middle;
	width: 250px
}

#panel .sections .section[data-section=register] input[name=name] {
	width: 230px
}

#panel .sections .section[data-section=register] select[name=birthDay] {
	margin-left: 5px;
	width: 80px
}

#panel .sections .section[data-section=register] select[name=birthMonth] {
	width: 120px
}

#panel .sections .section[data-section=register] select[name=birthYear] {
	width: 80px
}

#panel .sections .section[data-section=register] .confirmPassword, #panel .sections .section[data-section=register] .enterPassword {
	display: inline-block;
	margin-top: 20px;
	vertical-align: middle;
	width: 250px
}

#panel .sections .section[data-section=register] input[name=password] {
	margin-top: 10px;
	width: 230px
}

#panel .sections .section[data-section=register] input[name=passwordConfirmation] {
	margin-left: 5px;
	margin-top: 10px;
	width: 230px
}

#panel .sections .section[data-section=register] .genders {
	position: absolute;
	right: 70px;
	top: 60px
}

#panel .sections .section[data-section=register] .genders .bGender {
	background: url(index/gender.png) no-repeat;
	border: none;
	height: 60px;
	position: relative;
	width: 30px
}

#panel .sections .section[data-section=register] .genders .bGender[data-gender=male] {
	background-position: -30px 0
}

#panel .sections .section[data-section=register] .genders .bGender[data-gender=female] {
	margin-left: 20px
}

#panel .sections .section[data-section=register] .genders .bGender .arrow {
	background-image: url(common/icons.png);
	background-position: 0 -3270px;
	background-repeat: no-repeat;
	display: none;
	height: 30px;
	left: 2px;
	position: absolute;
	top: 55px;
	width: 30px
}

#panel .sections .section[data-section=register] .genders .bGender.active .arrow, #panel .sections .section[data-section=register] .genders .bGender:hover .arrow {
	display: block
}

#panel .sections .section[data-section=register] .thankYou {
	color: #fff;
	font-size: 16px;
	margin-top: 15px
}

#panel .sections .section[data-section=lost] {
	padding-bottom: 20px
}

#panel .sections .section[data-section=lost] input[name=nameEmail] {
	margin-top: 10px;
	width: 300px
}

#panel .sections .section[data-section=lost] button[type=submit] {
	margin-left: 5px;
	margin-top: 10px
}

#panel .sections .section[data-section=activationEmail] {
	padding-bottom: 20px
}

#panel .sections .section[data-section=activationEmail] input[name=email] {
	margin-top: 10px;
	width: 290px
}

#panel .sections .section[data-section=activationEmail] button[type=submit] {
	margin-left: 5px;
	margin-top: 10px
}

#refContainer {
	background-color: #131313;
	display: none
}

#ref {
	height: 150px;
	margin: 0 auto;
	position: relative;
	width: 960px
}

#ref .picture {
	background-image: url(home/myPicture.png);
	background-repeat: no-repeat;
	height: 112px;
	left: 100px;
	position: absolute;
	top: 20px;
	width: 112px
}

#ref .picture img {
	left: 6px;
	position: absolute;
	top: 6px
}

#ref .name {
	color: #e3c470;
	font-size: 21px;
	left: 240px;
	position: absolute;
	top: 50px
}

#ref .nowYourRef {
	color: #898989;
	font-style: italic;
	left: 240px;
	position: absolute;
	top: 80px
}

#stepsContainer {
	background: #131313;
	background: -moz-linear-gradient(top, #131313 0, #2a2a2a 50%, #131313 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, #131313), color-stop(50%, #2a2a2a), color-stop(100%, #131313));
	background: -webkit-linear-gradient(top, #131313 0, #2a2a2a 50%, #131313 100%);
	background: -o-linear-gradient(top, #131313 0, #2a2a2a 50%, #131313 100%);
	background: -ms-linear-gradient(top, #131313 0, #2a2a2a 50%, #131313 100%);
	background: linear-gradient(to bottom, #131313 0, #2a2a2a 50%, #131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#131313', GradientType=0)
}

#steps {
	padding: 15px 0;
	text-align: center
}

#steps div {
	background-image: url(index/steps.png);
	background-repeat: no-repeat;
	color: #a3977f;
	display: inline-block;
	font-family: "Alegreya Sans SC", sans-serif;
	font-size: 30px;
	height: 53px;
	line-height: 50px;
	text-align: left;
	text-shadow: rgba(0, 0, 0, .75) 2px 2px 0;
	vertical-align: middle
}

#steps .first {
	padding-left: 80px;
	width: 189px
}

#steps .second {
	background-position: 0 -53px;
	padding-left: 100px;
	width: 123px
}

#steps .third {
	background-position: 0 -106px;
	padding-left: 100px;
	width: 368px
}

#lights {
	background-image: url(index/tipsContainerLights.png);
	background-repeat: repeat-x;
	box-shadow: rgba(0, 0, 0, .75) 2px 2px 5px;
	height: 21px
}

#contentContainer {
	background-color: #fff
}

#content {
	margin: 0 auto;
	padding: 20px 0 40px;
	width: 960px
}

#content h1 {
	color: red;
	font-family: "Alegreya Sans SC", sans-serif;
	font-size: 24px
}

#content .presentation {
	background-image: url(index/bottomSuperJackpot.png);
	background-position: right center;
	background-repeat: no-repeat;
	min-height: 240px
}

#content .presentation div {
	margin-right: 335px;
	text-align: justify
}

#content .presentation .first {
	margin-top: 10px
}

#content .presentation .second, #content .presentation .third {
	margin-top: 30px
}

#content .presentation .check {
	background-image: url(/data/check100.png);
	background-repeat: no-repeat;
	height: 173px;
	margin-left: 100px;
	margin-top: 20px;
	width: 400px
}

#content .javascriptRequired {
	color: #ff000d;
	font-family: "Alegreya Sans SC", sans-serif;
	font-size: 40px;
	line-height: 50px;
	padding-bottom: 30px
}

#bottomContainer {
	background: #dadad9;
	background: -moz-linear-gradient(top, #dadad9 0, #fff 50%, #dadad9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dadad9), color-stop(50%, #fff), color-stop(100%, #dadad9));
	background: -webkit-linear-gradient(top, #dadad9 0, #fff 50%, #dadad9 100%);
	background: -o-linear-gradient(top, #dadad9 0, #fff 50%, #dadad9 100%);
	background: -ms-linear-gradient(top, #dadad9 0, #fff 50%, #dadad9 100%);
	background: linear-gradient(to bottom, #dadad9 0, #fff 50%, #dadad9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadad9', endColorstr='#ffffff', GradientType=0)
}

#bottom {
	margin: 0 auto;
	position: relative;
	width: 960px
}

#bottom .col1, #bottom .col2, #bottom .col3 {
	display: inline-block;
	vertical-align: top;
	width: 310px
}

#bottom .col1 h2, #bottom .col2 h2, #bottom .col3 h2 {
	color: #D60000;
	font-family: "Alegreya Sans SC", sans-serif;
	font-size: 26px;
	line-height: 60px;
	text-align: center;
	text-shadow: #fff 1px -1px 0
}

#bottom .col1 div, #bottom .col2 div, #bottom .col3 div {
	color: #444;
	padding: 0 20px;
	text-align: justify
}

#footerContainer {
	background: #070c12;
	background: -moz-linear-gradient(top, #070c12 0, #1b1b1b 50%, #070c12 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #070c12), color-stop(50%, #1b1b1b), color-stop(100%, #070c12));
	background: -webkit-linear-gradient(top, #070c12 0, #1b1b1b 50%, #070c12 100%);
	background: -o-linear-gradient(top, #070c12 0, #1b1b1b 50%, #070c12 100%);
	background: -ms-linear-gradient(top, #070c12 0, #1b1b1b 50%, #070c12 100%);
	background: linear-gradient(to bottom, #070c12 0, #1b1b1b 50%, #070c12 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070c12', endColorstr='#070c12', GradientType=0);
	border-top: #840106 4px solid
}

footer {
	margin: 0 auto;
	position: relative;
	width: 960px
}

footer .logo {
	left: 20px;
	position: absolute;
	top: 10px
}

footer .right {
	height: 105px;
	margin-left: 230px;
	position: relative
}

footer .right .separator {
	background-color: #000;
	box-shadow: rgba(255, 255, 255, .2) 1px 0 0;
	height: 70px;
	position: absolute;
	top: 20px;
	width: 1px
}

footer .right .str {
	color: #424242;
	font-style: italic;
	font-weight: 700;
	left: 30px;
	position: absolute;
	top: 20px
}

footer .right .actions {
}

footer .right .actions button {
	background: 0 0;
	border: none;
	color: #888;
	font-weight: 700;
	margin-left: 20px;
	padding: 5px 10px;
	text-decoration: none
}

footer .right .actions button.bBook {
	background-color: #2b2d2f;
	border-radius: 15px;
	color: #d2aa4d
}

footer .right .actions button:hover {
	color: #fff;
	text-decoration: underline
}

footer .right .actions button.bBook:hover {
	color: #d2aa4d
}

#book {
	background: #070c12;
	background: -moz-linear-gradient(top, #070c12 0, #1b1b1b 50%, #070c12 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #070c12), color-stop(50%, #1b1b1b), color-stop(100%, #070c12));
	background: -webkit-linear-gradient(top, #070c12 0, #1b1b1b 50%, #070c12 100%);
	background: -o-linear-gradient(top, #070c12 0, #1b1b1b 50%, #070c12 100%);
	background: -ms-linear-gradient(top, #070c12 0, #1b1b1b 50%, #070c12 100%);
	background: linear-gradient(to bottom, #070c12 0, #1b1b1b 50%, #070c12 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070c12', endColorstr='#070c12', GradientType=0);
	display: none;
	height: 500px;
	margin: 0 auto;
	position: relative;
	width: 960px
}

#book .cell {
	display: inline-block;
	height: 112px;
	margin-left: 30px;
	margin-top: 30px;
	position: relative;
	vertical-align: middle;
	width: 435px
}

#book .cell.main {
	background-image: url(home/bookTitle.png);
	background-position: 0 30px;
	background-repeat: no-repeat;
	padding-left: 140px;
	width: 295px
}

#book .cell.main .title {
	color: #d2aa4d;
	font-family: "Alegreya Sans SC", sans-serif;
	font-size: 40px;
	line-height: 50px;
	padding-top: 15px
}

#book .cell..main .bSign {
	color: #d2aa4d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px
}

#book .cell .picture {
	background-image: url(home/myPicture.png);
	background-repeat: no-repeat;
	height: 112px;
	left: 0;
	position: absolute;
	top: 0;
	width: 112px
}

#book .cell .picture img {
	margin-left: 6px;
	margin-top: 6px
}

#book .cell .name {
	color: #aaa;
	font-family: "Alegreya Sans SC", sans-serif;
	font-size: 20px;
	margin-left: 125px;
	margin-top: 15px
}

#book .cell .message {
	color: #7f7f7f;
	margin-left: 125px;
	margin-top: 6px
}

#book .cell .date {
	color: #333;
	font-size: 13px;
	font-style: italic;
	position: absolute;
	right: 0;
	top: 20px
}

#book .actions {
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center
}

div.forbiddenToMinors {
	background-color: #ff0;
	margin-top: 20px;
	padding: 10px 30px;
	text-align: center;
	color: #000
}

#panel div #fbButtonConnect {
	color: #fff
}

#fbButtonConnect {
	cursor: pointer;
	-moz-user-select: none;
	background: #2A49A5;
	border: 1px solid #082783;
	box-shadow: 0 1px #4C6BC7 inset;
	color: #fff;
	padding: 3px 5px;
	text-decoration: none;
	text-shadow: 0 -1px 0 #082783;
	font: Verdana, sans-serif;
	position: relative;
	left: 465px;
	width: 104px;
	top: 28px;
	text-align: center;
	font-size: 1em
}

.likeBox {
	display: inline-block
}

.googlePlusBtn {
	display: inline-block;
	position: relative;
	top: 3px;
	padding-left: 10px
}

.twitterBtn {
	display: inline-block;
	position: relative;
	top: 3px
}

.socialButton {
	text-align: center;
	position: relative;
	top: -9px
}
#googleButtonConnect {
	padding: 10px;
}