@charset "utf-8";
/* CSS Document */

h1 {
	font-size: 1.4em;
}
.games ul {
	list-style-type: none;
}
* {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat;
	background-position: center top;
	color: #FFFFFF;
}
p {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}

a {
	color: #fea100;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #febf00;
}
.clr {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

.button {
	font-weight: bold;
	background-image: url(../images/login-button-bg.png);
	text-align: center;
	width: 75px;
	background-color: #f06600;
	cursor: pointer;
	text-shadow: 0px 1px 1px #a43300;
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 26px;
	color: #FFFFFF;
	height: 27px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
}
.button:hover {
	background-position: left bottom;
	text-decoration: none;
	color: #FFFFFF;
}

.input {
	background-image: url(../images/login-input-bg.png);
	height: 27px;
	width: 115px;
	background-color: #093459;
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 25px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.w960 {
	background-image: url(../images/w960-bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


.w960 .top {
	background-image: url(../images/top-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 185px;
	position: relative;
}
.w960  .top  .navbar-brand a {
	background-image: url(../images/1000-online-her-zdarma-logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 90px;
	width: 208px;
	text-indent: -10000px;
	text-decoration: none;
	left: 29px;
	top: 72px;
}
.w960  .top   p  {
	font-size: 12px;
	color: #4d7292;
	clear: both;
	margin-bottom: 10px;
}
.w960  .top  p  a  {
	color: #fea100;
	margin-right: 10px;
	margin-left: 10px;
}
.w960  .top  p  a:hover  {
	color: #febf00;
}

.w960 .top .registration {
	position: absolute;
	left: 570px;
	top: 90px;
	width: 360px;
}
.w960 .top .registration .input {
	float: left;
	margin-right: 3px;
	margin-bottom: 10px;
}
.w960 .top .registration .button {
	margin-left: 1px;
}
.w960 .top .logged {
	position: absolute;
	top: 115px;
	width: 430px;
	text-align: right;
	right: 30px;
}
.w960 .top .logged ul {
	list-style-type: none;
	float: right;
}
.w960 .top .logged li {
	float: left;
}
.w960 .top .logged li a {
	display: block;
	padding: 0 15px 0 14px;
	border-left: 1px solid #4d7292;
	font-size: 12px;
}
.w960 .top .logged ul>li:first-child a {
	border: 0 none transparent;
}
.w960 .top .logged .user {
	font-size: 14px;
	font-weight: bold;
	color: #fe7100;
	margin-bottom: 15px;
	margin-right: 10px;
}
.w960 .top .logged .subline a {
	color: #FFFFFF;
}
.w960 .topMenu .menu {
	border: 1px solid #000000;
	height: 40px;
	width: 942px;
	margin-left: 8px;
	background-color: #113350;
	background-image: url(../images/menu-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.w960 .topMenu .menu li {
	float: left;
	height: 40px;
	list-style-type: none;
	background-image: url(../images/menu-separator.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 2px;
}
.w960 .topMenu .menu li a {
	font-size: 12px;
	line-height: 40px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #113350;
	background-image: url(../images/menu-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	float: left;
	height: 40px;
	padding-right: 13px;
	padding-left: 13px;
}
.w960 .topMenu .menu li a:hover {
	text-decoration: none;
	background-position: left center;
}
.w960  .topMenu .menu  li a.act,
.w960  .topMenu .menu  li.selected a  {
	background-color: #f06600;
	background-position: left bottom;
}
.w960 .content {
	background-image: url(../images/content-top-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 5px;
}
.w960 .content .right {
	float: right;
	width: 695px;
}
.w960 .content .right p {
	text-align: justify;
	margin-bottom: 25px;
}

.w960 .content .right .wrap {
	margin-right: 5px;
	margin-left: 4px;
}
.w960  .content  .right  .emulator,
.w960 .content .right .new-game,
.w960 .content .right .drobecky {
	background-image: url(../images/right-separator.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 9px;
}
.w960 .content .right .emulator .wrap {
	background-color: #edf0f2;
	background-image: url(../images/emulator-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 75px;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 270px;
	font-size: 12px;
}
.w960 .content .right .emulator .wrap img {
	float: left;
	border: 1px solid #9aa4ab;
	margin-right: 25px;
}
.w960 .content .right .emulator .wrap h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #1176cc;
	margin-bottom: 10px;
}
.w960 .content .right .emulator .wrap a {
	color: #fe6000;
}

.w960 .content .right .emulator .wrap .button {
	position: absolute;
	width: 140px;
	top: 30px;
	right: 30px;
	color: #FFFFFF;
}
.w960 .content .right .new-game .wrap {
	background-color: #122d44;
	background-image: url(../images/new-game-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 30px;
	position: relative;
	min-height: 184px;
}
.w960 .content .right .new-game .wrap img {
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	float: left;
}
.w960 .content .right .new-game .wrap .text {
	float: right;
	width: 395px;
	padding-top: 10px;
}
.w960 .content .right .new-game .wrap .text h2 {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #fe7100;
}
.w960 .content .right .new-game .wrap .text .category {
	font-weight: bold;
	color: #cccc92;
	margin-bottom: 15px;
}
.w960 .content .right .new-game .wrap .text .button {
	width: 105px;
	margin-bottom: 15px;
}
.w960 .content .right .new-game .wrap .text .rating,
.w960 .content .right .new-game .wrap .text .counter {
	background-image: url(../images/counter-big-bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 50px;
	width: 95px;
	overflow: hidden;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 2px;
	line-height: 20px;
	position: absolute;
	top: 50px;
	right: 30px;
}
.w960 .content .right .new-game .wrap .text .rating strong,
.w960 .content .right .new-game .wrap .text .counter strong {
	font-size: 14px;
	line-height: 27px;
	font-weight: bold;
	display: block;
	height: 27px;
}
.w960 .content .right .new-game .wrap .text .rating {
	right: 126px;
}
.w960 .content .right .drobecky p {
	line-height: 34px;
	background-color: #122d44;
	padding-left: 10px;
	margin-bottom: 0px;
}
.w960 .content .right .drobecky .wrap strong {
	padding-right: 3px;
}
.w960 .content .right .drobecky .wrap a {
	padding-right: 18px;
	padding-left: 10px;
	background-image: url(../images/drobecky-sipka.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.w960 .content .right .drobecky .wrap span {
	color: #fea100;
	padding-left: 10px;
}
.w960 .content .right .games {
	padding-top: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-left: 4px;
	padding-bottom: 4px;
}
.w960 .content .right .games .wrap {
	margin-right: 12px;
	margin-left: 12px;
}

.w960 .content .right .games h1,
.w960 .content .right .games h2 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 25px;
}

.w960 .content .right .games .item {
	background-image: url(../images/games-item-bg.png);
	float: left;
	height: 181px;
	width: 203px;
	margin-right: 6px;
	margin-bottom: 6px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	position: relative;
	padding-top: 13px;
	padding-left: 15px;
}
.w960 .content .right .games .item .canvas {
	width: 126px;
	height: 94px;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 7px;
	bottom: 8px;
	cursor: pointer;
}
.w960 .content .right .games .item img {
	clip: rect(0px, 126px, 94px, 0px);
	position: absolute;
}

.w960 .content .right .games .item a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
	color: #fe7100;
}
.w960 .content .right .games .item a:hover {
	text-decoration: underline;
}
.w960 .content .right .games .item .category {
	color: #cccc92;
	margin-bottom: 15px;
}
.w960 .content .right .games .item .rating,
.w960 .content .right .games .item .counter {
	background-image: url(../images/counter-bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 49px;
	width: 74px;
	overflow: hidden;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 2px;
	line-height: 20px;
	position: absolute;
	top: 89px;
	right: 6px;
}
.w960 .content .right .games .item .rating {
	top: 140px;
}
.w960 .content .right .games .item .rating strong,
.w960 .content .right .games .item .counter strong {
	font-size: 12px;
	line-height: 27px;
	font-weight: bold;
	display: block;
	height: 26px;
}
.w960 .content .right .games .pages {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 25px;
}
.w960 .content .right .games .pages p {
	line-height: 25px;
	text-align: center;
	margin-bottom: 0px;
}

.w960 .content .right .games .pages a {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.w960 .content .right .games .pages a.active {
	color: #FFFFFF;
	background-color: #e85f00;
}
.w960 .content .right .games .detail {
	margin-right: 10px;
}
.w960  .content  .right  .games  .detail  h3   {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
}
.w960 .content .right .games .detail .hodnotenie {
	height: 190px;
}
.w960 .content .right .games .detail .hodnotenie .wrap img {
	border: 1px solid #c6c68c;
	float: left;
}
.w960  .content  .right  .games  .detail  .hodnotenie  .wrap  .right2 {
	float: right;
	width: 380px;
	position: relative;
	padding-top: 27px;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating {
	background-image: url(../images/rating-big.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	width: 274px;
	float: left;
	padding-top: 1px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating .row1 {
	font-size: 12px;
	line-height: 27px;
	height: 27px;
	padding-left: 15px;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating .row1 span {
	padding-right: 10px;
	display: block;
	float: left;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating .row1 a {
	padding-right: 4px;
	padding-left: 4px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 27px;
	float: left;
	margin-left: 1px;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating .row1 a:hover {
	background-color: #f06600;
	background-image: url(../images/rating-big-hover.png);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 27px;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating .row2 {
	line-height: 39px;
	padding-left: 20px;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating .row2 strong {
	display: block;
	float: left;
}

.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating .row2 .bar {
	font-size: 8px;
	line-height: 8px;
	background-image: url(../images/rating-bar-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	width: 172px;
	position: absolute;
	left: 88px;
	top: 17px;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .rating .row2 .bar div {
	background-color: #f36800;
	background-image: url(../images/poll-line.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .counter {
	background-image: url(../images/counter-detail-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 67px;
	width: 104px;
	float: left;
	margin-left: 1px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 24px;
	padding-top: 2px;
	text-align: center;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 .counter strong {
	font-size: 15px;
	line-height: 39px;
	font-weight: bold;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 p {
	clear: both;
	color: #cccc92;
	padding-left: 3px;
}
.w960 .content .right .games .detail .hodnotenie .wrap .right2 strong {
	color: #FFFFFF;
}
.w960 .content .right .games .detail .download {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c6c68c;
	border-bottom-color: #c6c68c;
	margin-bottom: 10px;
}
.w960 .content .right .games .detail .download .button {
	width: 106px;
	margin-right: auto;
	margin-left: auto;
}
.w960  .content  .right  .games  .detail  .popis, .w960 .content .right .games .detail .ovladani {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6c68c;
}
.w960 .content .right .games .detail .popis .wrap .video {
	border: 1px solid #c6c68c;
	margin-bottom: 30px;
}
.w960 .content .right .games .detail .ovladani .wrap .keyboard {
	height: 156px;
	width: 468px;
	background-color: #0a375d;
	border: 1px solid #c6c68c;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	background-image: url(../images/keyboard.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.w960 .content .right .games .detail .comments {
	margin-bottom: 50px;
}
.w960 .content .right .games .detail .comments .wrap form {
	position: relative;
	margin-bottom: 20px;
}
.w960 .content .right .games .detail .comments .wrap textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-image: url(../images/comment-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px;
	height: 68px;
	width: 501px;
}
.w960 .content .right .games .detail .comments .wrap a {
	font-size: 12px;
	/*
	position: absolute;
	left: 534px;
	top: 15px;
	*/
}
.w960 .content .right .games .detail .comments .wrap .button {
	/*
	position: absolute;
	top: 50px;
	right: 0px;
	*/
	float: left;
	width: 106px;
}
.w960 .content .right .games .detail .comments .wrap .comment {
	margin-bottom: 2px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
	border: 1px solid #c6c68c;
	position: relative;
}
.w960 .content .right .games .detail .comments .wrap .comment h4 {
	font-size: 14px;
	font-weight: bold;
	color: #fea100;
	margin-bottom: 10px;
}
.w960 .content .right .games .detail .comments .wrap .comment .date {
	color: #7495b1;
	text-align: right;
	top: 15px;
	right: 25px;
	position: absolute;
}
.w960 .content .right .games .detail .comments .wrap .comment p {
	margin-bottom: 5px;
}






















.w960 .content .left {
	float: left;
	width: 256px;
}
.w960 .content .left .search {
	background-image: url(../images/left-separator.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 40px;
	padding-bottom: 9px;
	position: relative;
}
.w960 .content .left .search form {
	background-color: #144a79;
	background-image: url(../images/search-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 33px;
	position: absolute;
	width: 240px;
	left: 4px;
	top: 0px;
	padding-top: 7px;
	padding-left: 7px;
}
.w960 .content .left .search input {
	float: left;
	margin-right: 4px;
}
.w960 .content .left .search .input {
	background-image: url(../images/search-input-bg.png);
	width: 134px;
}

.w960 .content .left .box-item,
.w960 .content .left .module {
	padding-right: 5px;
	padding-left: 4px;
	margin-bottom: 10px;
}
.w960 .content .left .box-title,
.w960 .content .left .box-item h3,
.w960 .content .left .module h3 {
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -10000px;
	height: 38px;
	background-color: #eaedf0;
}
.w960 .content .left .menu h3,
.w960 .content .left .kategorie h3 {
	background-image: url(../images/left-h3-kategorie.png);
	margin-bottom: 13px;
}
.w960 .content .left .menu li,
.w960 .content .left .kategorie li {
	list-style-type: none;
}
.w960 .content .left .menu li a,
.w960 .content .left .kategorie li a {
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 3px;
	background-image: url(../images/left-menu-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding-right: 15px;
	padding-left: 45px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #244562;
	border-bottom-color: #000307;
}
.w960 .content .left .menu li.first a,
.w960  .content  .left  .kategorie  li.first a  {
	border-top-style: none;
}
.w960 .content .left .menu li.last a,
.w960  .content  .left  .kategorie  li.last a  {
	border-bottom-style: none;
}
.w960 .content .left .menu li a:hover,
.w960 .content .left .kategorie li a:hover {
	background-position: 0px -48px;
	text-decoration: none;
}
.w960 .content .left .menu li a.act,
.w960 .content .left .kategorie li.selected a {
	background-position: 0px -96px;
}
.w960 .content .left .top10 h3 {
	background-image: url(../images/left-h3-top10.png);
	margin-bottom: 13px;
}

.w960 .content .left .top10 li {
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #244562;
	border-bottom-color: #000307;
	margin-left: 0px;
	list-style-position: inside;
}
.w960 .content .left .top10 ol>li:first-child,
.w960 .content .left .top10 li.first {
	border-top-style: none;
}
.w960 .content .left .top10 ol>li:last-child,
.w960 .content .left .top10 li.last {
	border-bottom-style: none;
}
.w960 .content .left .top10 li a {
	font-weight: normal;
	color: #fea100;
	margin-left: 10px;
}

.w960 .content .left .top10 li a:hover {
	color: #febf00;
}
.w960   .content   .left   .anketa   h3 {
	background-image: url(../images/left-h3-anketa.png);
}
.w960 .content .left .anketa p {
	background-image: url(../images/left-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.w960 .content .left .module .answers {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.w960 .content .left .module .answers li {
	font-size: 12px;
	color: #FFFFFF;
	list-style-type: none;
	margin-bottom: 15px;
	line-height: 26px;
	font-weight: bold;
}
.w960 .content .left .module .answers li a {
	font-size: 12px;
	font-style: normal;
	color: #fea100;
	font-weight: normal;
	margin-right: 5px;
}
.w960 .content .left .module .answers li a:hover {
	color: #febf00;
}
.w960 .content .left .module .answers .line {
	font-size: 8px;
	line-height: 8px;
	background-image: url(../images/poll-line-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	display: block;
	width: 203px;
	position: relative;
}
.w960 .content .left .module .answers .line span {
	display: block;
	float: left;
	height: 6px;
	background-image: url(../images/poll-line.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.w960 .content .left  .module  .answers  .line  span.votes {
	background-position: -3px 0px;
	text-indent: -10000px;
}
.w960 .content .left .kamaradi h3 {
	background-image: url(../images/left-h3-kamaradi.png);
}

.footer  {
	height: 74px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	line-height: 60px;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0px 1px 3px #000000;
	background-image: url(../images/content-bottom-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}


.ad-container {
	width: 960px;
	margin: 0 auto;
}

.ad-left {
	display: block;
	margin-left: -130px;
	position: absolute;
	width: 120px;height:600px;
	top: 49px;
}

.ad-right {
	display: block;
	margin-left: 970px;
	position: absolute;
	width: 120px;
	height: 600px;
	top: 49px;
}

.topMenuShow {
	display: none;
}

@media (max-width: 960px) {

	/*.adsbygoogle {
		width: 100% !important;
		margin: 30px 0 !important;
	}
	
	.adsbygoogle > ins {
		width: 100% !important;
		margin: 0 0 !important;
	}*/


	.w960 .adsbygoogle {
		display: none !important;
	}

	* {
		box-sizing: border-box;
	}

	body {
		min-width: 320px;

	}


	/* upravit! */
	.ad-container {
		display: none;
	}
	
	.w960 {
		width: 100%;
		padding: 0 30px;
		background: transparent;

	}

	.footer {
		width: 100%;
		height: auto;
		margin-top: 30px;
	}

	.content {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.w960 .content .right p {
		text-align: left;
	}

	.w960 iframe {
		width: 100% !important;
	}

	.bg-container {
		display: flex !important;
		background: #122d44;
		padding: 20px 16px !important;
		border: 9px #c6c68c solid;
		-webkit-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Safari 3.1-5 */
		-o-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Opera 11-12.1 */
		border-image:url(../images/top-border.png) 7 / 8px repeat;
		margin-top: 15px !important;
	}

	.w960 .top {
		width: 100%;
		height: auto;
		background: rgb(12,62,106);
		background: -moz-linear-gradient(0deg, #122d44 0%, #103a5e 100%);
		background: -webkit-linear-gradient(0deg, #122d44 0%, #103a5e 100%);
		background: linear-gradient(0deg, #122d44 0%, #103a5e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c3e6a",endColorstr="#3670a2",GradientType=1);
		padding: 20px 0;
		border: 9px #c6c68c solid;
		-webkit-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Safari 3.1-5 */
		-o-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Opera 11-12.1 */
		border-image:url(../images/top-border.png) 7 / 8px repeat;
		margin-top: 30px;

	}

	.w960 .content .right .games .detail .ovladani .wrap .keyboard {
		background-color: transparent;
		border-color: transparent;
	}

	.w960 .top .navbar-brand {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.w960 .top .navbar-brand a {
		background-image: url(../images/mobile-logo-2.png);
		background-position: center;
		width: 100%;
		height: 166px;
		position: relative;
		display: block;
		left: unset;
		top: unset;
	}

	.w960 .content .right .games .detail .ovladani .wrap .keyboard {
		height: 100px;
	}

	.w960 .top .logged {
		position: relative;
		top: unset;
		width: auto;
		right: 0;
		float: none;
	}

	.w960 .top .logged ul {
		display: flex;
		flex-direction: row;
	    align-items: center;
	    justify-content: center;
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	.w960 .top .logged li {
		text-align: center;
		padding: 8px;
		font-size: 1rem;
		float: none;
	}

	.w960 .top .logged li a {
		border: 0;
		padding: 3px 0;
	}

	.w960 .topMenu {
		display: flex;
		width: 100%;
		padding: 2px;
		margin-top: 15px;
		margin-bottom: 15px;
		border: 9px #c6c68c solid;
		-webkit-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Safari 3.1-5 */
		-o-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Opera 11-12.1 */
		border-image:url(../images/top-border.png) 7 / 8px repeat;
	}

	.anketa, .top10 {
		display: none;
	}

	.topMenuShow {
		display: none !important;
		text-align: center !important;
	}

	.topMenuShow a {
		text-align: center !important;
	}



	.w960 .topMenu .menu {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		margin-left: 0;
		border: 0;
	}

	.w960 .topMenu .menu li {
		padding-right: 0;
	}

	.w960 .topMenu .menu li a {
		width: 100%	;
	}

	.widetable td {
		padding: 0;
	}

	.w960 .content {
		padding: 0;
		background: transparent;
	}

	.w960 #scndNavbarCollapse {
		display: block;
	}

	.w960 .content .right {
		float: none;
		width: 100%;
	}

	.w960 .content .right .games .detail {
		width: 100%;
	}

	.w960 .content .right .games .detail .ovladani .wrap .keyboard {
		width: 100%;
		background-size: contain;
	}

	.w960 .content .right .games .detail .hodnotenie .wrap .right2 {
		width: 100%;
		overflow-x: scroll;
		margin-bottom: 20px;
		float: none;
	}

	.w960 .content .right .games .detail .hodnotenie .wrap .right2 .counter {
		width: 100%;
		background-repeat: repeat;
	}

	.w960 .content .right .games .detail .hodnotenie {
		height: 100%;
	}

	.w960 .content .right .emulator {
		display: none;
		width: 100%;
		height: auto;
		margin-top: 15px;
		margin-bottom: 15px;
		border: 9px #c6c68c solid;
		-webkit-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Safari 3.1-5 */
		-o-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Opera 11-12.1 */
		border-image:url(../images/top-border.png) 7 / 8px repeat;
		padding-bottom: 0;
	}

	.w960 .content .right .emulator .wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: rgb(219,224,229);
		background: -moz-linear-gradient(0deg, rgba(219,224,229,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(219,224,229,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(0deg, rgba(219,224,229,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbe0e5",endColorstr="#ffffff",GradientType=1);
		height: auto;
		padding-right: unset;
		margin-left: 0;
		margin-right: 0;
		padding: 30px;
	}

	.w960 .content .right .emulator .wrap img {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.w960 .content .right .emulator .wrap h3 {
		text-align: center;
	}

	.w960 .content .right .emulator .wrap .button {
		position: relative;
		top: unset;
		right: unset;
		margin-top: 10px;
	}

	.w960 .content .right .wrap {
		margin: 0;
	}


	.w960 .content .right .new-game {
		display: none;
		background: #122d44;
		border: 9px #c6c68c solid;
		-webkit-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Safari 3.1-5 */
		-o-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Opera 11-12.1 */
		border-image:url(../images/top-border.png) 7 / 8px repeat;
	}

	.w960 .content .right .new-game .wrap {
		display: flex;
		flex-direction: column;
		padding: 16px;
	}

	.w960 .content .right .new-game .btn-group-new-game {
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.w960 .content .right .new-game .wrap .text .rating, .w960 .content .right .new-game .wrap .text .counter {
		position: relative;
		top: unset;
		right: unset;
	}

	.w960 .content .right .new-game .wrap .text .rating {
		margin-right: 16px;
	}


	.w960 .content .right .new-game .wrap .text {
		width: 100%;
	}

	.w960 .content .right .games {
		display: none;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 0;
		margin: 0;
	}

	.w960 .content .right .games .item {
		background: url(../images/games-item-bg-2.png);
    	background-size: contain;
		float: none;
		padding-top: 16px;
		margin-top: 30px;
		height: 231px;
		border: 9px #c6c68c solid;
		-webkit-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Safari 3.1-5 */
		-o-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Opera 11-12.1 */
		border-image:url(../images/top-border.png) 7 / 8px repeat;
		margin-bottom: 0;

	}

	.widetable, .widetable2 {
		width: 100%;
	}

	.w960 .content .right .games .item .canvas {
		left: 17px;
		bottom: 23px;
	}

	.w960 .content .right .games .item .category {
		margin-bottom: 18px;
	}

	.w960 .content .right .games .item .rating {
		top: 148px;
		right: 17px;
	}

	.w960 .content .right .games .item .counter {
		top: 97px;
		right: 17px;
	}


	.w960 .content .right .games .detail .wrap {
		margin: 0;
	}

	.w960 .content .left {
		width: 100%;
		float: none;
		background-color: #122d44;
		min-width: 256px;
		border: 9px #c6c68c solid;
		-webkit-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Safari 3.1-5 */
		-o-border-image: url(../images/top-border.png) 7 / 8px repeat; /* Opera 11-12.1 */
		border-image:url(../images/top-border.png) 7 / 8px repeat;
	}

	.w960 .content .left .search form {
		display: flex;
		width: 100%;
		height: auto;
		left: 0;
		padding-bottom: 7px;
	}

	.w960 .content .left .search .input {
		width: 154px;
	}

	.w960 .content .left .search .button {
		width: 100%;
		margin-left: 8px;
	}

	.w960 .content .left .box-item, .w960 .content .left .module {
		padding: 0;
	}

	.w960 .content .left .box-title, .w960 .content .left .box-item h3, .w960 .content .left .module h3 {
		height: 36px;
	}

	.w960 .content .right .games .item {
		width: 100%;
		margin-right: 0;
	}
}


@media (min-width: 400px) {
	.widetable td {
		padding: 6px 15px;
	}
}

@media (min-width: 660px) and (max-width: 960px) {
	.content {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.w960 .content .left {
		max-width: 256px;
		margin-right: 16px;

	}
}


@media (min-width: 350px) and (max-width: 599px) {

	.w960 .content .right .games .item img {
		clip: unset;
		width: 100%;
		object-fit: cover;
	}
	
	.w960 .content .right .games .item .canvas {
		width: 55%;
	}
	
}

@media (min-width: 450px) and (max-width: 599px) {

	.w960 .content .right .games .item img {
		clip: unset;
		width: 100%;
		object-fit: cover;
	}
	
	.w960 .content .right .games .item .canvas {
		width: 70%;
	}
	
}

@media (min-width: 500px) and (max-width: 960px) {

	.w960 .content .right .games .detail .hodnotenie .wrap .right2 .counter {
		width: 104px;
		background-repeat: no-repeat;
	}

	.w960 .content .right .games .detail .hodnotenie .wrap .right2 {

		width: 380px;
		overflow-x: hidden;
	}
	
}

@media (min-width: 630px) and (max-width: 749px) {

	.w960 .content .right .games .item img {
		clip: unset;
		width: 100%;
		object-fit: cover;
	}
	
	.w960 .content .right .games .item .canvas {
		width: 55%;
	}
	
}



@media (min-width: 750px) and (max-width: 850px) {

	.w960 .content .right .games .item img {
		clip: unset;
		width: 100%;
		object-fit: cover;
	}
	
	.w960 .content .right .games .item .canvas {
		width: 70%;
	}
	
}



@media (min-width: 850px) and (max-width: 960px) {

	.w960 .content .right .games .item {
		width: 50%;
		max-width: 300px;
	}
	
	
}


@media (min-width: 600px) and (max-width: 780px) {
	.w960 .content .right .games .detail .hodnotenie .wrap .right2 {
		overflow-x: scroll;
		width: 100%;
		max-width: 35vw;
	}

	.w960 .content .right .games .detail .hodnotenie .wrap .right2 .counter {
		width: 100%;
    	background-repeat: repeat;
	}
}


p {
	font-size: 16px !important;
}