Current File : /data/web/virtuals/215191/virtual/www/domains/gryna2.com.pl/swfobject/themes/base/css/style_.css |
/*
Name: Gryna2
Date: 10-2013
Version: 1.0
Author: Martin Homola
Autor URI: http://www.martinhomola.cz
Upravil, + dalsi funkce: Jan Řasa
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Custom fonts */
@font-face {
font-family: 'open_sanssemibold_italic';
src: url('../fonts/opensans_semibolditalic_polish/OpenSans-SemiboldItalic-webfont.eot');
src: url('../fonts/opensans_semibolditalic_polish/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans_semibolditalic_polish/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('../fonts/opensans_semibolditalic_polish/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('../fonts/opensans_semibolditalic_polish/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family:"Open Sans Bold Italic";src:url("OpenSans-BoldItalic.eot?") format("eot"),url("OpenSans-BoldItalic.woff") format("woff"),url("OpenSans-BoldItalic.ttf") format("truetype"),url("OpenSans-BoldItalic.svg#OpenSans-BoldItalic") format("svg");font-weight:normal;font-style:normal;}
/***** Global *****/
/* Html */
html {
background: #fff;
background-image: url('../images/bg_bottom.jpg');
background-repeat: no-repeat;
background-position: center bottom;
}
/* Body */
body {
background: transparent url('../images/bg_top.jpg') center top no-repeat;
color: #1a5278;
font-size: 87.5%; /* Base font size: 14px */
font-family: Arial, 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif;
line-height: 1.429;
margin: 0;
padding: 0;
text-align: left;
}
/* Headings */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a {
text-decoration: none;
color: #1a5278;
}
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
.clear {clear: both; display: block;}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;
}
/***** Layout *****/
.body {clear: both; margin: 0 auto; width: 800px;}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}
header {
width: 1028px;
height: 153px;
margin: 0 auto;
overflow: hidden;
}
h1 {
margin: 17px 0 0 117px;
float: left;
}
h1 a img {
width: 200px;
height: 121px;
}
header #search {
float: left;
width: 236px;
height: 50px;
background: url('../images/search.png') left top no-repeat;
margin: 86px 0 0 65px;
}
header #search input {
float: left;
border: none;
margin: 16px 0 0 16px;
font-style: italic;
color: #b2b2b2;
width: 212px;
background: transparent;
}
header a#search_button {
float: left;
display: block;
width: 35px;
height: 50px;
background: url('../images/search_button.png') left top;
margin-top: 86px;
}
header a#search_button:hover {
background: url('../images/search_button.png') left bottom;
}
header #bubble {
float: left;
width: 156px;
height: 129px;
background: url('../images/bubble.png') left top;
margin: 26px 0 0 43px;
}
header #buttons {
float: left;
width: 174px;
}
header #buttons a#login {
display: block;
width: 98px;
height: 42px;
background: url('../images/login.png') left top;
margin: 35px 0 0 16px;
position: relative;
z-index: 10;
}
header #buttons a#login:hover {
background: url('../images/login.png') left bottom;
}
header #buttons a#register {
display: block;
width: 191px;
height: 94px;
background: url('../images/register.png') left top;
margin: -22px 0 0 -37px;
position: relative;
z-index: 9;
}
header #buttons a#register:hover {
background: url('../images/register.png') left bottom;
}
nav {
width: 1028px;
height: 117px;
background: url('../images/menu.png') left top;
margin: -10px auto 0;
}
nav li {
float: left;
list-style: none;
}
nav li a {
display: block;
width: 79px;
height: 117px;
font-size: 0;
}
nav li a:hover, nav li a.active {
height: 100px;
margin-top: 17px;
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
nav li a#menu_home {
width: 82px;
margin-left: 35px;
}
nav li a#menu_zaba {
width: 84px;
}
nav li a#menu_home:hover {
background: url('../images/menu.png') -35px -134px;
}
nav li a#menu_home.active {
background: url('../images/menu.png') -35px bottom;
}
nav li a#menu_akcni:hover {
background: url('../images/menu.png') -117px -134px;
}
nav li a#menu_akcni.active {
background: url('../images/menu.png') -117px bottom;
}
nav li a#menu_walk {
margin-left: 1px;
}
nav li a#menu_walk:hover {
background: url('../images/menu.png') -197px -134px;
}
nav li a#menu_walk.active {
background: url('../images/menu.png') -197px bottom;
}
nav li a#menu_sport:hover {
background: url('../images/menu.png') -276px -134px;
}
nav li a#menu_sport.active {
background: url('../images/menu.png') -276px bottom;
}
nav li a#menu_zavody:hover {
background: url('../images/menu.png') -355px -134px;
}
nav li a#menu_zavody.active {
background: url('../images/menu.png') -355px bottom;
}
nav li a#menu_skok:hover {
background: url('../images/menu.png') -434px -134px;
}
nav li a#menu_skok.active {
background: url('../images/menu.png') -434px bottom;
}
nav li a#menu_mag:hover {
background: url('../images/menu.png') -513px -134px;
}
nav li a#menu_mag.active {
background: url('../images/menu.png') -513px bottom;
}
nav li a#menu_sila {
margin-left: 1px;
}
nav li a#menu_sila:hover {
background: url('../images/menu.png') -593px -134px;
}
nav li a#menu_sila.active {
background: url('../images/menu.png') -593px bottom;
}
nav li a#menu_robot:hover {
background: url('../images/menu.png') -672px -134px;
}
nav li a#menu_robot.active {
background: url('../images/menu.png') -672px bottom;
}
nav li a#menu_holka:hover {
background: url('../images/menu.png') -751px -134px;
}
nav li a#menu_holka.active {
background: url('../images/menu.png') -751px bottom;
}
nav li a#menu_andel:hover {
background: url('../images/menu.png') -830px -134px;
}
nav li a#menu_andel.active {
background: url('../images/menu.png') -830px bottom;
}
nav li a#menu_zaba:hover {
background: url('../images/menu.png') -909px -134px;
}
nav li a#menu_zaba.active {
background: url('../images/menu.png') -909px bottom;
}
#content {
width: 1028px;
margin: 0 auto;
}
#content .left {
float: left;
width: 766px;
margin: 0 0 30px 0;
}
#content .right {
float: right;
width: 247px;
background: #eceff1;
margin: 22px 15px 30px 0;
}
#content .right .wrap {
margin: 0 0 10px 6px;
}
a.close_panel {
position: absolute;
display: block;
width: 29px;
height: 38px;
margin: -91px 0 0 1028px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAj5JREFUeNpi3KukxO909+5HBgLglpYWAyVA7do1OJsJiDceVFHhZKAjAFlqD8Srj6mqstHTUhDwBuL5p9XUmOlhKQsSOwpEXNTQOMjKyMjADMSM1LHjLxAfB2J4pDICE9J/kAWsUMzGxMRAZUthYA0QxwET1HcmOqafECBuQY5TeoFMYNZjo7eloKwpSm9LQYB5ICxlGFyWssrIMMjMmcMgu3QpA4eBAdFyFFnK5+3NwGVlxcBpaMggPWUKA5eZGVyOF48cRZb+uHKF4f+vX5CYFxJikOztZeA0MSEoR1RKihcUbGCClkDI+M/jxwx/37xh4La1ZWAEllJMXFwMPHZ2DD+vXmX4duIETrnfT58SsnMCTktBYj+BdSC64SA2yKdf9uzBKffn2TPyLQWVvWCLX79m4La0ZGBkYYH4ytGR4cfFixCLccjhsXgCUVnm45o1DG+nT0fEiYAAg0BUFEE5ivIpq7Q0A7eDA2pCu3SJoBwx9Sl2C2VlGaQmTGBg19SEi71fsIDhw4oVeOXIthRUCEhNmsTArq6OMHT+fIbX3d145UhpOaBaKCWFaei8eQyv+/rwypHaXEEBvJ6eDOwaGqi+6OkhKEdRifTr7l2G/z9+MDD8/8/wbu5cFEN/4pEjBtCzjQQD8qP16bCz9DW9Ld1H78b2ayBOx1Y4vADip1S2DGTeWSCeDvTla3RLQQJW+jdu3KdHpxhcAAFxkOmtW/fpmXrTrW7fPkLPLNNtf+fOAnrn00p6Z1SAAAMAbgXzRbUz6i8AAAAASUVORK5CYII=);
}
.open_panel {
position: absolute;
width: 151px;
margin: -91px 0 0 1028px;
}
.open_panel .headline {
padding: 15px;
}
.open_panel .headline div {
width: 43px;
height: 12px;
background: url(data:image/gif;base64,R0lGODlhKwAMALMAADgsLPA/P0YtLY01Nbc5OdQ8PHEyMlQvL5s2NuI+Pqk4OGMwMH8zM8U7O/5BQSoqKiH5BAAAAAAALAAAAAArAAwAAASmsL2ZnJxPuc2mdtjDbI4yjc4STsj1VO4jkF22rVV5buraYrDVp/ZZoUwi3urxo1gmgIkg4CDeHtFJQZdM7UiuoEjAqnqugtqCi+qFGuHnw4AEBKwgbALTQLaXcEByawcsA2d5Dw6HDwsEX258cRdrFwCMRRMOAVkIkF8bkxNrXiGZig6eIX9doYKUrqZXqJyrSj6ijSSRpySqn7ivo2CyiSS1wCEIEQA7) left top no-repeat;
margin: 0 auto;
}
.open_panel a {
display: block;
color: #fff;
font-size: 0.857em;
font-weight: bold;
margin-left: 15px;
}
.open_panel a:hover, .open_panel a.active {
color: #f7f088;
}
.open_panel a.close {
display: block;
position: absolute;
width: 35px;
height: 35px;
background: url('../images/arrows.png') right bottom;
margin-left: 110px;
}
.open_panel a.close:hover {
background: url('../images/arrows.png') right top;
}
.open_panel_up {
width: 151px;
height: 9px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAAAJCAYAAAA/875KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANFJREFUeNrsl70KwjAURm8Sq4O4d1d06Cg4hUBX30DwQVwcnN0dnRR3H6HgrM+hkzi42MabGqR068/4HTjcPMDhJhEvY8wgSS5EZL1UmJTFMQFQBxlIud+Nxz0+Cy8VJgD148qsHS7DcO3OpcAAaBbXx1pSQqweWs8RF2g9rpTtK3V4GrM4RVEXkYE2EHetbSAEdby8xX73I0/UBSqQsjf2zG7Z939zZe5nWPoyAlABxU7ZDXtlR9KF5ZLjhz1ZLwANmbDHPK48LGws0C6zrwADAITqROkXlam3AAAAAElFTkSuQmCC);
}
.open_panel_cont {
width: 151px;
background: url(data:image/gif;base64,R0lGODlhlwABAKIAAP1BQfY/P+M6OvE+Pto4OPpAQOs8PP5BQSH5BAAAAAAALAAAAACXAAEAAAMQSGITBSfKSau9OOvNu/9XAgA7) left top repeat-y;
padding-bottom: 25px;
}
.open_panel_down {
width: 151px;
height: 9px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAAAJCAYAAAA/875KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNrsljEKwjAUhpu04gk8TMceQ3Ry7DW6CF7D0UmwJ+jk5NLBguDYoaMiVZLneyUt4ph2/D/4IJAtfOQ9dY9jmmsdiDOlOkNWsyoAwB/9GxJiAhNy7uIKpTIJzAnASK7sKor6MSiBud8LeQEPDHthj+yOfQ1xsY83UZo3zWFZli1fkmiTBM8GvBjiehqzXhTFqY/KCYD/Qi9xGaIth5UjKjBpXLzI3/Z1nfHZIi4waVwfazdpVbV/YSEwMJqvAAMAuKA3noYZiKcAAAAASUVORK5CYII=);
}
.banner {
padding: 10px 0 0 14px;
}
.banner a img {
width: 1000px;
height: 91px;
}
.top_hry_img {
width: 173px;
height: 174px;
background: url('../images/top_hry.png') left top;
position: absolute;
margin: 8px 0 0 12px;
}
.top_hry_img a {
float: left;
width: 35px;
height: 35px;
background: url('../images/arrows.png') right bottom;
margin: 80px 0 0 89px;
}
.top_hry_img a.active {
background: url('../images/arrows.png') right top;
}
.top_hry_img a#arrow_right {
background: url('../images/arrows.png') left bottom;
margin-left: -3px;
}
.top_hry_img a#arrow_right.active {
background: url('../images/arrows.png') left top;
}
.top_hry_datum {
float: left;
margin: 20px 0 0 181px;
width: 197px;
}
.top_hry_datum a {
display: block;
float: left;
color: #65778c;
height: 26px;
margin-right: 8px;
}
.top_hry_datum a span {
display: block;
padding-top: 8px;
}
.top_hry_datum a.active {
background: url(data:image/gif;base64,R0lGODlhDAAHALMAAMTN0b/JzcDJzsPM0OPo6ubq7Ons7rrEybzGyuXp7Ofr7ert78HKz77HzOzv8bS/xCH5BAAAAAAALAAAAAAMAAcAAAQhELxJ61isVracEdoTGE6pNFWjlGyBTEjBzslxJHNOEHkEADs=) center top no-repeat;
font-weight: bold;
}
.top_hry_buttons {
float: left;
margin: 19px 0 0 0;
}
.top_hry_buttons a {
display: block;
float: left;
color: #65778c;
height: 24px;
width: 122px;
background: url('../images/top_hry_buttons.png') left -27px no-repeat;
margin-top: 3px;
font-size: 0.857em;
font-weight: bold;
color: #fff;
margin-left: 3px;
}
.top_hry_buttons a span {
display: block;
float: left;
padding: 6px 0 0 10px;
}
.top_hry_buttons a span.button_img {
float: right;
margin: 7px 7px 0 0;
padding: 0 !important;
}
.top_hry_buttons a span.button_img.buttons_nejlepsi {
background: url('../images/top_hry_buttons.png') -14px -51px;
width: 14px;
height: 13px;
}
.top_hry_buttons a.active span.button_img.buttons_nejlepsi {
background: url('../images/top_hry_buttons.png') 0 -51px;
margin-top: 10px;
}
.top_hry_buttons a span.button_img.buttons_popularni {
background: url('../images/top_hry_buttons.png') -41px -51px;
width: 13px;
height: 13px;
}
.top_hry_buttons a.active span.button_img.buttons_popularni {
background: url('../images/top_hry_buttons.png') -28px -51px;
margin-top: 10px;
}
.top_hry_buttons a span.button_img.buttons_komentovane {
background: url('../images/top_hry_buttons.png') -70px -51px;
width: 16px;
height: 14px;
margin: 7px 6px 0 0;
}
.top_hry_buttons a.active span.button_img.buttons_komentovane {
background: url('../images/top_hry_buttons.png') -54px -51px;
margin-top: 10px;
}
.top_hry_buttons a.active {
background: url('../images/top_hry_buttons.png') left top;
height: 27px;
margin-top: 0px;
color: #2e3a46;
}
.top_hry_buttons a.active span {
padding-top: 9px;
}
.top_hry_box {
width: 657px;
height: 134px;
background: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: -2px 1px 1px 1px #f3b1b3;
box-shadow: -2px 1px 1px 1px #f3b1b3;
margin-left: 98px;
}
.top_hry_hry {
padding: 10px 0 0 106px;
}
.top_hry_hry a.top_hry_hra {
float: left;
display: block;
margin-left: 14px;
}
.top_hry_hry a.top_hry_hra span {
display: block;
color: #65778c;
font-size: 1.071em;
font-weight: normal;
}
.top_hry_hry a.top_hry_hra span:hover{
text-decoration: underline;
}
.top_hry_hry a.top_hry_hra:hover span.line {
width: 159px;
height: 4px;
margin-top: 2px;
background: #40b3de;
}
.top_hry_hry a.top_hry_hra img {
display: block;
width: 159px;
height: 79px;
margin-top: 1px;
}
h2 {
width: 776px;
text-align: center;
color: #000;
margin-top: 20px;
font-weight: bold;
}
.games {
margin: -12px 0 0 9px;
}
.games a.game {
display: block;
float: left;
width: 333px;
height: 300px;
margin: 15px 0 0 28px;
}
.games a.game:hover {
background: #fff;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 6px 1px #d9d9d9;
box-shadow: 0px 0px 6px 1px #d9d9d9;
}
.games a.game span {
display: block;
}
.games a.game img {
display: block;
width: 318px;
height: 158px;
margin: 7px 0 0 8px;
}
.games a.game span.flag_loading {
position: absolute;
width: 318px;
height: 28px;
background: #edf0f0;
margin: -28px 0 0 8px;
}
.games a.game span.flag_loading span {
text-align: center;
padding-top: 3px;
color: #000;
}
.games a.game span.flag_red {
position: absolute;
width: 69px;
height: 51px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAAzCAYAAADB9sX1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV9JREFUeNrs271OwlAYxvH3nLZo1FgXWVwcmPBeSGCAiYTEm3AgJB0IIVwEbcLEhXgL3oCjcXAxKXqO52CD1Dq7nP+TPOnH1l9OP4a3Yq2VUPu6XNq/oiXgXBaF2DxvnA8axcesVmI3G1AaMIuF2O32cBzvRqNgMY5XhMky0Ukiqt+XOOQVYqutqvbNbCY6jkWVw2HLHc9cJ6433EyyXymZ6wMU9dvqHoYmyjUMfKeAAgoooIACCiiggAIKKKAQUEABBRRQQAEFFFBAAQUUUEAhoIACCiig/COKFXmB4RdKaUwOQz1RmiSPd2l6FWt9q5U6h+R7hNTXj42euZ54qFAu/qnTefYP1UQpOXVtt1qi5/P9yKifqy1djet7hRRE2n6QuFoFkUPRWSaq1ztMXHuYXdVgcqF/Xr7RdCpqMODZ8dHtWt/Poqj97yMh14OY9ZqfoI7zNh6Lmkwa578EGAAIkukIMlTJ5AAAAABJRU5ErkJggg==);
margin: -153px 0 0 263px;
}
.games a.game span.flag_red span {
text-align: center;
padding-top: 16px;
color: #fff;
font-style: italic;
}
.games a.game span.flag_red span.dark {
color: #731e18;
font-size: 0.929em;
padding-top: 17px;
}
.games a.game span.flag_like {
position: absolute;
width: 56px;
height: 41px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAApCAYAAABgDOogAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA55JREFUeNrsmc1P03AYx591ZRuMZUgEMkB5CSGKbyF6UYzxYDzohYMaORmDIZ48mhiCBBP/AY8mHjx5VcPBg1GjJsaAEQwvhkwhEyQEEQaMbazrfL5thxsyZK6rtOFJuo21pfv0eX7f56W28wOhBJncxvtHuofbj93ZaJ9A1rCeAw/6b1sZMCOklQA3hLQa4B+QVgRMgxTJugZI4wAbiwTqqHRQA78vxRP0YTFOj2ZiNLOae5biFGHLtM+QEBX58l11TtrnFpTPu/jlTKlI9xpdCng+TTDKe4CS2VltQ2Hq/BKliYhMbruNbtU4FWhTAzYUqpcJRGUlPAeX4wokM1KZw0YnS0TzexDmX5HXvgtKCerjdQg76BbMC+jl+DvhVT00sCyn7ZuLqQKDUDUloId/eGetkxx8lVlWy7cLUtr+KqcK9j0q50/g8vWP97oE6mI4H0OEeN3dnYiSlJIRqp0CHfXYlc/vtVA1DSDWXE+9U/EgPNczrqpmql2uEElgB47xuhxbMZEH4ZnuOhUOUF2slvNSejKHV09pyomb0XukKG1/gM97OR+nJz9itCobDNjitZMnQ+KCWFwqF5X3SV5XSAVBKbHhTZA3EQCE9xWfQMf5Wjf9EZISBgHe2OOgs6V/PwUhhzUXzPDLkB5aP61kFKaWEjtdr3Io3kWOfDUvGQN4egsJ+f7UKvXOSUrV8i+GQuAZnw8BggdrXLmlkKzShGMLR79j78g6THm82jKI5LgGt2U/iNKuSatuPodk6wFCfSe15G9oiBpl0KapqBrnhXYLAtZymmguVqucibAFQ/TcbnGtfu1bilsPMKBJZ4jlOFdFzhkQMxUU03raIS089ZjX5AT4/KdE7aNhujYaWevtcrXWMlEpB2FPZ6X/C/hNUzpUH3oB7nercC+4PMNow9BuAutBSFHttooCQjRVcvGcHEugSxhkYQgy9GyWIYbqJZngh5b1aaGyAsQdbdaaVBirOV0sL0g75qqP//ap3wFwOBSnIa5GRngLbFJ3ISw7uMDG9A3R8HpB0gXQls3zQbRBF7gd8mySfAFdzS/1vAnrDgMfKhT0eElYtEb1XJq5hN/DqO6vUfJnkf+4n7Tp4kGo5cPp2NZCw6aq4eFiQfF6gwaRHCE2rZukAfzNQpwes7Doqcp5m8mg3PrIaxEbbgqAUaGgm0+doiEcATcdzc+DZsOeTQAYYecPG1s0WPXx2Q7gDuAO4DaxXwIMAFjfaUbS4K2+AAAAAElFTkSuQmCC);
margin: -165px 0 0 256px;
}
.games a.game span.nazev {
float: left;
color: #34414e;
font-weight: bold;
font-size: 1.214em;
margin: 11px 0 0 8px;
}
.games a.game:hover span.nazev {
color: #0b6b9f;
}
.games a.game span.kamera {
float: right;
width: 22px;
height: 15px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAMAAADXs89aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGlQTFRF7e3tw8PD5OTkysrK+Pj4x8fH+/v74ODg0NDQ+fn59PT05ubm/Pz8ycnJ+vr6/v7+6Ojo9vb27+/v4eHh5+fnxMTExcXFzMzM6urq7u7u1dXV7Ozs4+Pj0tLSz8/P8/Pz4uLi////wsLCDdDKyAAAAHRJREFUeNqs0MsOgjAUhOFTClLwghcEFCydef+HlAqBknTpv5nkW47g+rZLn/wAX5+J5Ayy1aSdopMmZN6BehonO6UgYYwfjLFhlPkPdlmU5XaeWe34hVT/2ISqUqBoPZd60+fRP3WxHAQY1+YDcUqKrwADANcJJ4UxKJZiAAAAAElFTkSuQmCC);
margin: 14px 12px 0 0;
}
.games a.game:hover span.kamera {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAMAAADXs89aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRF4eHhm5ubsLCw8/Pz0tLSoqKip6en0dHRqqqqn5+f4uLi/f399/f3pKSktLS0nJyc7e3t8PDw9fX11tbW9vb229vb5eXlzs7O+fn5y8vL1dXV39/f+vr6+Pj4zc3NzMzM2dnZurq66+vrrq6uz8/P////mpqaO7+g/QAAAHVJREFUeNqs0MsOgjAUhOFTroqAogIqeC0z7/+IUiBQki75N5N8yxF8vnoqv99gakKRN630oddSsZO9zayASz+drJSCgC5+0cUencwtuA6dLEU2slpxAj8a2LNV+cB5Z/gULXp8mKdSzViA39xzOBBtcP0LMAArFyxDhQXaLAAAAABJRU5ErkJggg==);
}
.games a.game span.hodnoceni {
float: right;
width: 60px;
height: 42px;
font-weight: bold;
color: #fff;
margin-right: 7px;
text-align: center;
}
.games a.game span.hodnoceni span {
margin-top: 11px;
background-repeat: none;
}
.games a.game span.hodnoceni.h95 {
background: url('../images/hodnoceni2_95.png') no-repeat;
}
.games a.game span.hodnoceni.h90 {
background: url('../images/hodnoceni2_90.png') no-repeat;
}
.games a.game span.hodnoceni.h80 {
background: url('../images/hodnoceni2_80.png') no-repeat;
}
.games a.game span.hodnoceni.h70 {
background: url('../images/hodnoceni2_70.png') no-repeat;
}
.games a.game span.hodnoceni.h60 {
background: url('../images/hodnoceni2_60.png') no-repeat;
}
.games a.game span.stitky {
margin-top: -6px;
margin-left: 7px;
}
.games a.game span.stitky span {
float: left;
padding: 3px 7px;
background: #ffe9b3;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #481836;
font-weight: bold;
font-size: 0.929em;
margin-right: 10px;
}
.games a.game span.popis {
padding: 7px 7px 0;
color: #3C424A;
font-size: 12px;
line-height: 15px;
}
.paging {
margin: 30px 0 0 80px;
}
.paging a {
float: left;
display: block;
width: 32px;
height: 32px;
color: #6da6e6;
margin-left: 1px;
}
.paging a:hover, .paging a.active {
-webkit-border-radius: 50%;
border-radius: 50%;
background: #6da6e6;
color: #fff;
}
.paging a span {
display: block;
text-align: center;
font-weight: bold;
padding-top: 6px;
}
.paging span.dots {
display: block;
float: left;
width: 32px;
padding-top: 6px;
text-align: center;
font-weight: bold;
color: #6da6e6;
}
.paging a.prev, .paging a.next {
background: url(data:image/gif;base64,R0lGODlhCgAPAMQAANfn+IO06tbm+ICy6fb6/vX5/YKz6vj7/oi364e26v3+/4q467DP8W+n5srf9qTI78vg9tTl+NHj98/i96LG78Xb9XSq53Co53Kp5/P4/fD2/G2m5v///wAAAAAAAAAAACH5BAAAAAAALAAAAAAKAA8AAAVBICeOGqSM5LA9KKcZ24YdYxbEGFAn8SWMBURPMiIsYo0JqhLbMFrGXqQV7P1QGZ5Mh71tW6+YhYbSqCgtkcZxCgEAOw==) center center no-repeat;
}
.paging a.next {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}
.paging a.link {
width: auto;
height: auto;
color: #fff;
margin-left: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #f54c50;
}
.paging a.link:hover {
background: rgb(222, 67,72);
}
.paging a.link.marg {
margin-left: 32px;
}
.paging a.link span {
padding: 7px;
font-size: 0.857em;
}
.ads {
width: 690px;
height: 294px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #dbf1fc;
margin: 25px 0 0 38px;
}
.ads .ad {
float: left;
margin: 6px 0 0 7px;
width: 336px;
height: 280px;
overflow: hidden;
}
.ads .ad2 {
margin-left: 5px;
}
.panel_bottom {
width: 690px;
height: 237px;
background: url('../images/panel_bottom.png') left top;
margin: 5px 0 0 38px;
}
.panel_bottom .top_hraci {
float: left;
width: 265px;
margin: 49px 0 0 17px;
position: relative;
}
.panel_bottom .top_hraci .head, #top_hraci div {
float: left;
background: #fffad4; /* Old browsers */
background: -moz-linear-gradient(top, #fffad4 0%, #fcf5bb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffad4), color-stop(100%,#fcf5bb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fffad4 0%,#fcf5bb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fffad4 0%,#fcf5bb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fffad4 0%,#fcf5bb 100%); /* IE10+ */
background: linear-gradient(to bottom, #fffad4 0%,#fcf5bb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffad4', endColorstr='#fcf5bb',GradientType=0 ); /* IE6-9 */
height: 31px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 2px 5px 0 0;
}
.panel_bottom .top_hraci .head span, #top_hraci div span {
display: block;
text-align: center;
padding-top: 5px;
color: #000;
}
.panel_bottom .top_hraci .head.hrac span a , #top_hraci .hrac span a {
font-weight: bold;
color: #f06750;
}
.panel_bottom .top_hraci .head {
background: #fff394; /* Old browsers */
background: -moz-linear-gradient(top, #fff394 0%, #ede28c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff394), color-stop(100%,#ede28c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff394 0%,#ede28c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff394 0%,#ede28c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff394 0%,#ede28c 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff394 0%,#ede28c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff394', endColorstr='#ede28c',GradientType=0 ); /* IE6-9 */
margin-bottom: 4px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
.panel_bottom .top_hraci div.head span {
color: #695636;
font-weight: bold;
font-size: 1.071em;
}
.panel_bottom .top_hraci div.hrac , .panel_bottom .top_hraci #top_hraci div.hrac {
width: 111px;
}
.panel_bottom .top_hraci div.hry, .panel_bottom .top_hraci #top_hraci div.hry {
width: 64px;
}
.panel_bottom .top_hraci div.cas, .panel_bottom .top_hraci div.cas {
width: 75px;
}
.panel_bottom .top_hraci_ovladani {
float: left;
width: 28px;
margin: 66px 0 0 20px;
}
.panel_bottom .top_hraci_ovladani a.up, .panel_bottom .top_hraci_ovladani a.down {
display: block;
background-image: url(data:image/gif;base64,R0lGODlhHAARANUAAHWr59zn84y46vDy9evv9XCo5uzw9e7x9YSz6cze8efu9H+w6Ie16Xit53es59vm85C76tnl8+Hq9Onu9HKp59Ph8s/f8YKy6G+n5vHz9Yi26X2v6LnS79bj8prA63Oq5+Ts9I+66oq36ebt9MLY8Mnc8Xyu6J3C7MTZ8KXH7d/p83qu6Nfk8sba8KHE7LzU74256r/W8G2m5vb29gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAcABEAAAaVwJlwSBQOXKFAccksDgQyGYDVrBIP0Kjs07FWDRqtllLxLgkMsZhiMQ8nCLW6kHArLnJ5oeRVLOQAf2oYLVUjgmIAEXdyGCRMIBuAEUJweTFFEiaAD0RoeS9DKityDp1FYHkcMwQNpadLByJ5KAmlSlVYch4DcVoNuFYDMGIFbZ8ywG4zGRBRdEMGJxASy0IZKQJlM0EAOw==);
width: 28px;
height: 17px;
margin-top: 10px;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.panel_bottom .top_hraci_ovladani a.up.active, .panel_bottom .top_hraci_ovladani a.down.active {
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.panel_bottom .top_hraci_ovladani a.down {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}
.panel_bottom .top_hraci_ovladani a.circle {
display: block;
width: 16px;
height: 16px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #6da6e6;
margin: 10px 0 0 6px;
}
.panel_bottom .top_hraci_ovladani a.circle.active {
background: #2262ab;
}
.panel_bottom .anketa {
float: left;
width: 205px;
margin: 49px 0 0 119px;
}
.panel_bottom .anketa .otazka {
color: #f54c50;
font-weight: bold;
font-size: 1.071em;
}
.panel_bottom .anketa .odpoved {
margin-top: 10px;
}
.panel_bottom .anketa .odpoved a {
color: #6e6c5c;
font-size: 0.929em;
}
.panel_bottom .anketa .odpoved a:hover, .panel_bottom .anketa .odpoved a.active {
font-weight: bold;
}
.panel_bottom .anketa .odpoved_bar {
width: 173px;
height: 2px;
background: #7d7d7d;
margin-top: 1px;
}
.panel_bottom .anketa .odpoved_yes {
width: 0px;
height: 2px;
background: #000;
}
.panel_bottom .anketa .celkem_hlasu {
text-align: right;
color: #6e6c5c;
font-size: 0.857em;
margin-top: 10px;
}
.panel_up {
width: 235px;
height: 31px;
background: #614456;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.panel_up div {
font-family: 'open_sanssemibold_italic', Arial, sans-serif;
font-size: 15px;
color: #d4f6ff;
text-shadow: 0px 1px 1px #3e3e3e;
filter: dropshadow(color=#3e3e3e, offx=0, offy=1);
text-align: center;
padding-top: 5px;
}
.panel_cont {
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
width: 235px;
}
.panel_cont a.hra {
display: block;
width: 235px;
height: 47px;
border-bottom: 1px solid #d3ebf5;
background: #fff;
}
.panel_cont a:last-child {
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border: none !important;
}
.panel_cont a.hra:hover, .panel_cont a.hra.active {
background: #d3ebf5;
}
.panel_cont a.hra img {
display: block;
float: left;
border: 5px solid #a6d3e7;
width: 50px;
height: 25px;
margin: 6px 0 0 3px;
}
.panel_cont a.hra span {
display: block;
float: left;
color: #34414e;
font-weight: bold;
margin: 14px 0 0 13px;
}
.panel_up.oblibene {
background: #0b6b9e;
margin-top: 10px;
}
.panel_cont.oblibene a.hra {
border-bottom: 1px solid #ffec80;
}
.panel_cont.oblibene a.hra:hover, .panel_cont.oblibene a.hra.active {
background: #ffec80;
}
.panel_cont.oblibene a.hra img {
border: 5px solid #ffe961;
}
.panel_cont.oblibene .under {
width: 235px;
height: 23px;
background: #24575b;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.panel_cont.oblibene .under span {
display: block;
float: left;
color: #fff;
font-style: italic;
font-size: 0.857em;
margin: 3px 7px 0 90px;
}
.panel_cont.oblibene .under a.under_left, .panel_cont.oblibene .under a.under_right {
display: block;
float: left;
width: 13px;
height: 12px;
background: url('../images/under_arrows.png') left top;
margin: 6px 0 0 3px;
}
.panel_cont.oblibene .under a.under_right {
background: url('../images/under_arrows.png') left bottom;
}
.panel_cont.oblibene .under a.under_left.active, .panel_cont.oblibene .under a.under_left:hover {
background: url('../images/under_arrows.png') right top;
}
.panel_cont.oblibene .under a.under_right.active, .panel_cont.oblibene .under a.under_right:hover {
background: url('../images/under_arrows.png') right bottom;
}
.panel_up.nahodne {
background: #fcbb76;
margin-top: 10px;
}
.panel_up.nahodne div {
color: #fff;
}
.panel_cont.nahodne {
background: #ffdc96;
padding: 4px 0 10px 0;
}
.panel_cont.nahodne a.nahodna_hra {
display: block;
width: 218px;
height: 112px;
background: #fff6b7;
margin: 6px 0 0 8px;
float: left;
}
.panel_cont.nahodne a.nahodna_hra img {
display: block;
width: 212px;
height: 106px;
padding: 3px 0 0 3px;
}
.panel_cont.nahodne a.nahodna_hra .hodnoceni {
display: block;
width: 38px;
height: 38px;
position: absolute;
margin: -106px 0 0 179px;
}
.panel_cont.nahodne a.nahodna_hra .hodnoceni span {
display: block;
text-align: center;
color: #38434c;
font-weight: bold;
padding-top: 8px;
}
.panel_cont.nahodne a.nahodna_hra .hodnoceni.h100 {
background: url('../images/hodnoceni_small.png') left top;
}
.panel_cont.nahodne a.nahodna_hra .hodnoceni.h75 {
background: url('../images/hodnoceni_small.png') right top;
}
.panel_cont.nahodne a.nahodna_hra .hodnoceni.h50 {
background: url('../images/hodnoceni_small.png') left bottom;
}
.panel_cont.nahodne a.nahodna_hra .hodnoceni.h25 {
background: url('../images/hodnoceni_small.png') right bottom;
}
.panel_cont.nahodne a.nahodna_hra .flag_loading {
position: absolute;
height: 20px;
width: 212px;
margin: -20px 0 0 3px;
background: #edf0f0;
}
.panel_cont.nahodne a.nahodna_hra .flag_loading span {
display: block;
padding-top: 2px;
color: #000;
font-size: 0.857em;
text-align: center;
}
.panel_up.vyrazy {
margin-top: 10px;
}
.panel_up.vyrazy div {
font-size: 0.929em;
padding-top: 7px;
}
.panel_cont.vyrazy {
background: #fff;
padding: 2px 0 10px 0;
}
.panel_cont.vyrazy a {
display: block;
float: left;
padding: 4px 10px;
background: #b3e4ff;
color: #24467d;
font-size: 0.929em;
font-weight: bold;
margin: 8px 0 0 10px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.panel_up.odkazy {
background: #34414e;
margin-top: 10px;
}
.panel_cont.odkazy {
background: #fff;
padding: 8px 0 10px;
}
.panel_cont.odkazy a {
display: block;
width: 235px;
height: 22px;
margin-top: 2px;
}
.panel_cont.odkazy a:hover, .panel_cont.odkazy a.active {
background: #efa154;
}
.panel_cont.odkazy a span {
display: block;
color: #34414e;
font-weight: bold;
font-size: 0.929em;
padding: 2px 0 0 7px;
}
.banner_1, .banner_2 {
margin-top: 10px;
}
footer {
width: 1028px;
height: 354px;
margin: 0 auto;
overflow: hidden;
}
footer .headline {
font-size: 1.071em;
color: #f5f5f5;
margin: 34px 0 0 57px;
}
footer p {
float: left;
font-size: 0.929em;
color: #a1a1a1;
margin: 20px 0 0 36px;
width: 304px;
height: 240px;
line-height: 16px;
}
footer .right_panel {
float: left;
margin: 37px 0 0 62px;
position: relative;
}
footer menu {
height: 120px;
}
footer menu li {
list-style: none;
margin-top: 1px;
}
footer menu li a {
color: #ffe680;
font-size: 0.929em;
}
footer menu li a:hover, footer menu li a.active {
color: #fff;
background: #a1183d;
}
footer #hodnoceni_text {
color: #99def7;
font-size: 0.929em;
margin: 5px 0 0 11px;
}
footer #hodnoceni_stranky {
width: 215px;
height: 40px;
background: url(data:image/gif;base64,R0lGODlh1wAaALMAAEIuMTI7ShRTeAFilyNHYQRgkjI6SRBXgAddjRBWfwZejgNhkwBjmAAAAAAAAAAAACH5BAAAAAAALAAAAADXABoAAASAEIAgELs46827/2AojmRpniiJCIEEEGksz3Rt3zMxDXjv/8AgbmA4CI/IpDKYKCyf0Ki045xar9isdsvter/gsHhMLpvP6LR6zW673/C4fE6v2+/4vH7P7/v/gIGCg4SFhiNVh4oyC0aLjygJATyQlSJEL5aaHzoSFAqboQosEhEAOw==) left bottom no-repeat;
margin: 11px 0 0 14px;
}
footer #hodnoceni_stranky a {
float: left;
display: block;
width: 53px;
height: 40px;
text-align: center;
font-family: Arial, 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif;
font-weight: bold;
font-size: 1.500em;
color: #fff;
padding-top: 12px;
}
footer #hodnoceni_stranky a:hover, footer #hodnoceni_stranky a.active {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGNQTFRFQi4xG01uq8zdJUVeirfQQouz7fT4IXelz+LsqMrc8Pb5G3Sjb6fFFFN4E1N6JkRdOzM8E1R7HE1sDFmFBGCSLj5RHktpNTlGCluI5O70FlF1QC8z4e3zCF2Mlr/VAGOY////VW7EMgAAAGlJREFUeNrs1DcCgCAQRNEVzDlnHe5/SoUal8KWX792hoio2S/YG/qFdG0FLqlNhyI7lb20NEgiidV3AutBNYTiijDRiJw1IWYCWKJuBN6wBt5489O4dqqNa+/aOH7DmPd/NuZ/gEeAAQDeW5KwnSWkQgAAAABJRU5ErkJggg==) center top no-repeat;
color: #006398;
padding-top: 4px;
}
footer .copyright {
margin: 17px 0 0 35px;
font-size: 0.929em;
color: #a1a1a1;
}
footer .copyright a {
color: #fff;
}
footer .copyright a:hover {
text-decoration: underline;
}
.category_hover {
background: transparent url('../images/category_hover.png') center top no-repeat;
width: 742px;
height: 220px;
margin-left: 15px;
margin-top: 20px;
position: relative;
}
.category_hover .creature{
width: 130px;
height: 190px;
margin-left: 20px;
margin-top: 15px;
float: left;
}
.category_hover .nadpis{
width: 500px;
height: 40px;
margin-left: 37px;
margin-top: 15px;
float: left;
color: #DB3D3D;
font-family: 'Open Sans';
font-size: 24px;
font-weight: bold;
}
.category_hover .popis{
width: 330px;
height: 140px;
margin-left: 33px;
margin-top: 1px;
float: left;
color: #481836;
font-family: 'Arial';
font-style: italic;
font-size: 12px;
}
.category_hover .info{
width: 215px;
height: 90px;
margin-left: 0px;
margin-top: 1px;
float: left;
font-family: 'Arial';
font-size: 13px;
text-align: right;
color: rgb(26, 82,120);
padding-right: 5px;
}
.category_hover .info .style{
width: 215px;
height: 50px;
margin-left: 0px;
margin-top: 1px;
float: left;
text-align: right;
}
.category_hover .sorter{
width: 193px;
height: 32px;
background: transparent url('../images/category_sorter.png') center top no-repeat;
margin-left: 5px;
margin-top: 10px;
float: left;
color: #3D597A;
font-family: 'Open Sans';
font-weight: bold;
font-size: 16px;
cursor: pointer;
padding-top: 8px;
padding-left: 20px;
}
.category_hover .selection_sort{
display: none;
width: 210px;
height: 85px;
background: transparent url('../images/sort_selection_bg.png') center top repeat-y;
margin-left: 15px;
margin-top: 10px;
float: left;
color: #3D597A;
font-family: 'Open Sans';
font-weight: bold;
font-size: 16px;
cursor: pointer;
padding-top: 8px;
position: absolute;
z-index: 100;
right: 12px;
top: 180px;
box-shadow: 6px 0 3px -4px rgb(221,222,223) , -6px 0 3px -4px rgb(221,222,223);
-moz-box-shadow: 6px 0 4px -4px rgb(221,222,223), -6px 0 4px -4px rgb(221,222,223);
-webkit-box-shadow: 6px 0 4px -4px rgb(221,222,223), -6px 0 4px -4px rgb(221,222,223);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.category_hover .selection_sort li{
font-weight: normal;
width: 190px;
padding-left: 18px;
list-style: none;
margin-left: 1px;
height: 25px;
color: rgb(136,136,130);
}
.category_hover .selection_sort li:hover{
background: rgb(211,235,245);
}
.category1_game{
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
background: white;
border: solid 1px rgba(0, 0, 0, 0.15);
width: 726px;
margin-left: 14px;
height: 149px;
-webkit-border-radius: 5px;
-moz-border-right: 5px;
border-radius: 5px;
padding-top: 16px;
padding-left: 16px;
cursor: pointer;
margin-top: 10px;
position: relative;
}
.category1_reklama{
width: 742px;
margin-left: 14px;
height: 93px;
cursor: pointer;
margin-top: 10px;
}
.category1_game:hover{
background: rgb(227,247,255);
}
.category1_game .image{
width: 266px;
height: 132px;
float: left;
position: relative;
}
.category1_game .hlavicka{
width: 406px;
height: 40px;
margin-left: 20px;
color: #1E4D85;
font-size: 16px;
font-weight: bold;
font-family: Arial;
float: left;
position: relative;
vertical-align: middle;
}
.category1_game .hlavicka .procenta{
width: 38px;
height: 30px;
float: left;
padding: 8px 0 0 0;
text-align: center;
font-size: 14px;
margin-right: 10px;
}
.category1_game .hlavicka .text{
width: 350px;
height: 32px;
float: left;
padding-top: 8px;
}
.category1_game #stitky{
margin-top: 5px;
margin-left: 20px;
position: relative;
float: left;
}
.category1_game #popis{
margin-top: 5px;
margin-left: 20px;
position: relative;
float: left;
font-size: 13px;
font-family: 'Arial';
font-weight: normal;
color: #1A5278;
height: 60px;
width: 400px;
}
.category1_game span.stitky {
margin-top: -6px;
margin-left: 7px;
}
.category1_game span.stitky span {
float: left;
padding: 3px 7px;
background: #ffe9b3;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #481836;
font-weight: bold;
font-size: 0.929em;
margin-right: 10px;
}
.category_flag{
width: 74px;
height: 74px;
position: absolute;
left: 14px;
top: 14px;
z-index: 100;
}
.procenta.h100 {
background: url('../images/hodnoceni_small2.png') right top;
}
.procenta.h75 {
background: url('../images/hodnoceni_small2.png') right bottom;
}
.procenta.h50 {
background: url('../images/hodnoceni_small2.png') left top;
}
.procenta.h25 {
background: url('../images/hodnoceni_small2.png') left bottom;
}
.procenta2.h100 {
background: url('../images/hodnoceni_small.png') left top;
}
.procenta2.h75 {
background: url('../images/hodnoceni_small.png') right top;
}
.procenta2.h50 {
background: url('../images/hodnoceni_small.png') left bottom;
}
.procenta2.h25 {
background: url('../images/hodnoceni_small.png') right bottom;
}
/* category listing type 2*/
.category2_game{
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
background: white;
border: solid 1px rgba(0, 0, 0, 0.15);
width: 283px;
margin-left: 10px;
height: 183px;
-webkit-border-radius: 5px;
-moz-border-right: 5px;
border-radius: 5px;
padding-top: 0px;
padding-left: 15px;
cursor: pointer;
margin-top: 10px;
position: relative;
float: left;
}
.category2_reklama{
width: 122px;
margin-left: 14px;
min-height: 300px;
cursor: pointer;
margin-top: 10px;
}
.category2_game:hover{
background: rgb(227,247,255);
}
.category2_game .image{
width: 266px;
height: 132px;
float: left;
position: relative;
}
.category2_game .hlavicka{
width: 280px;
height: 40px;
margin-left: 10px;
color: #1E4D85;
font-size: 16px;
font-weight: bold;
font-family: Arial;
float: left;
position: relative;
vertical-align: middle;
}
.category2_game .procenta2{
width: 38px;
height: 30px;
float: left;
padding: 8px 0 0 0;
text-align: center;
font-size: 14px;
position: absolute;
top: 0;
right: 0;
margin-top: -1px;
margin-right: -1px;
background-repeat: none;
font-weight: bold;
}
.category2_game .hlavicka .text{
width: 250px;
height: 32px;
float: left;
padding-top: 8px;
text-align: center;
}
.games2{
width: 630px;
margin-left: 4px;
}
.category2_container{
width: 630px;
height: 900px;
float: left;
}
.category2_reklama{
width: 120px;
margin-left: 5px;
min-height: 600px;
cursor: pointer;
margin-top: 10px;
float: left;
}
/*game*/
.game_hover{
background: url('../images/game_top1.png') no-repeat;
width: 750px;
height: 66px;
margin: 20px 0 0 15px;
padding-top: 5px;
padding-left: 12px;
position: relative;
}
.game_hover .ikona{
width: 50px;
max-width: 45px;
min-height: 53px;
float: left;
}
.game_hover .game_name{
margin-left: 0 0 0 0;
float: left;
padding: 8px 0 0 15px;
position: relative;
width: 470px;
font-size: 25px;
font-weight: bold;
color: #0D233F;
font-family: 'Arial';
}
.game_hover .game_played{
margin-left: 0 0 0 0;
float: left;
padding: 17px 0 0 0;
position: relative;
width: 130px;
font-size: 13px;
color: #34414E;
font-family: 'Arial';
text-align: right;
}
.game_hover .hodnoceni{
width: 53px;
height: 43px;
text-align: center;
padding-top: 17px;
font-size: 15px;
font-weight: bold;
float: left;
margin-left: 15px;
color: #38434C;
}
.hod_1{
background: url('../images/game_hodnoceni1.png') no-repeat;
}
.hod_2{
background: url('../images/game_hodnoceni2.png') no-repeat;
}
.hod_3 {
background: url('../images/game_hodnoceni3.png') no-repeat;
}
.hod_4{
background: url('../images/game_hodnoceni4.png') no-repeat;
}
.hod_5{
background: url('../images/game_hodnoceni5.png') no-repeat;
}
.game_buttons1{
width: 750px;
height: 80px;
margin: 20px 0 0 15px;
position: relative;
}
.game_buttons1 .large{
width: 61px;
height: 61px;
background: url('../images/resize_game.png') no-repeat;
cursor: pointer;
float: left;
margin-left: 20px;
}
.game_buttons1 .send{
width: 61px;
height: 61px;
background: url('../images/send_game.png') no-repeat;
cursor: pointer;
float: left;
margin-left: 20px;
}
.game_buttons1 .add_favourite{
width: 61px;
height: 61px;
background: url('../images/game_add_favourites.png') no-repeat;
cursor: pointer;
float: left;
margin-left: 20px;
margin-right: 60px;
}
.game_buttons1 .game_register{
width: 240px;
height: 70px;
background: url('../images/game_register.png') no-repeat;
cursor: pointer;
float: left;
}
.game_buttons1 .game_share1{
width: 170px;
height: 70px;
background: url('../images/game_share.png') no-repeat;
cursor: pointer;
float: right;
margin-right: 35px;
padding-top: 3px;
position: relative;
}
.game_buttons1 .game_share1_text{
width: 90px;
height: 53px;
padding-left: 10px;
cursor: pointer;
float: left;
font-family: 'Open Sans Bold Italic';
font-size: 14px;
text-align: center;
padding-top: 12px;
}
.game_reklama{
width: 742px;
margin-left: 14px;
cursor: pointer;
margin-top: 10px;
}
.game_page{
width: 742px;
margin-left: 14px;
margin-top: 10px;
background: rgb(231,231,231);
}
.game_page .header{
width: 742px;
height: 38px;
position: relative;
margin: 0 auto;
padding-top: 17px;
}
.game_page .header .loader{
width: 700px;
height: 20px;
position: relative;
margin: 0 auto;
background: white;
-webkit-border-radius: 10px;
-moz-border-right: 10px;
border-radius: 10px;
}
.game_page .header .text_loader{
width: 700px;
height: 20px;
position: relative;
margin: 0 auto;
-webkit-border-radius: 10px;
-moz-border-right: 10px;
border-radius: 10px;
z-index: 12;
text-align: center;
color: black;
font-weight: bold;
}
.game_page .header .innerloader{
width: 0px;
height: 20px;
position: absolute;
-webkit-border-radius: 10px;
-moz-border-right: 10px;
border-radius: 10px;
background: url('../images/loader.png') repeat-x;
left: 0;
top: 0;
z-index: 10;
}
.game_page .gameplay{
width: 720px;
position: relative;
padding-left: 22px;
padding-bottom: 10px;
}
.game_page .gameplay .before_game{
position: relative;
}
.game_lista2{
width: 722px;
margin-left: 14px;
height: 38px;
margin-top: 10px;
background: url('../images/game_lista2.png') no-repeat;
position: relative;
padding: 2px 10px 0 10px;
}
.game_lista2 .stitky{
float: right;
position: relative;
padding-top: 4px;
}
.game_lista2 .stitky .stitek{
padding: 3px 4px 0 4px;
float: left;
position: relative;
height: 22px;
min-width: 50px;
-webkit-box-shadow: 0px 1px 3px rgba(180, 180, 180, 0.75);
-moz-box-shadow: 0px 1px 3px rgba(180, 180, 180, 0.75);
box-shadow: 0px 1px 3px rgba(180, 180, 180, 0.75);
-webkit-border-radius: 5px;
-moz-border-right: 5px;
border-radius: 5px;
background: rgb(239,230,210);
color: #481836;
font-family: Arial;
font-weight: bold;
font-size: 13px;
text-align: center;
cursor: pointer;
margin-left: 15px;
}
.game_lista2 .stitky .stitek:hover{
background: rgb(252,252,253);
color: #bd2424;
}
.ohre{
background: rgb(233,241,245);
width: 745px;
margin-left: 14px;
min-height: 150px;
margin-top: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-bottom: 10px;
}
.ohre_content{
background: rgb(193,214, 225);
width: 100%;
min-height: 100px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-bottom: 10px;
}
.ohre_content .top{
background: rgb(167,196, 212);
width: 732px;
min-height: 100px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-bottom: 10px;
padding: 5px 5px 5px 7px;
}
.game_description{
width: 710px;
min-height: 160px;
background: url('../images/game_description_bg.png') no-repeat;
background-color: white;
position: relative;
padding: 2px 8px 0 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.game_description .nadpis_game{
width: 600px;
font-size: 21px;
font-weight: bold;
font-family: Arial;
margin-left: 15px;
color: #174c69;
}
.game_description .game_popis{
width: 470px;
font-size: 13px;
font-family: Arial;
margin-left: 15px;
min-height: 100px;
margin-top: 10px;
color: #507b8f;
}
.controls{
width: 728px;
min-height: 160px;
position: relative;
margin-left: 7px;
margin-top: 10px;
}
.cotrols_nadpis{
width: 670px;
height: 30px;
position: relative;
margin-left: 7px;
margin-top: 10px;
font-size: 21px;
font-family: Arial;
font-weight: bold;
color: #174c69;
padding: 0 0 0 20px;
}
.controls_left{
width: 345px;
min-height: 130px;
position: relative;
margin-left: 25px;
margin-top: 10px;
color: #174c69;
background: url('../images/controls.png') no-repeat ;
font-size: 13px;
font-family: Arial;
color: black;
padding-bottom: 10px;
float: left;
}
.controls_base{
width: 210px;
min-height: 130px;
position: relative;
float: left;
}
.controls_positioner{
position: absolute;
text-align: center;
font-size: 12px;
color: #678599;
}
.controls_custom{
width: 130px;
min-height: 130px;
position: relative;
float: left;
margin-left: 5px;
margin-top: 10px;
}
.control_custom{
min-height: 40px;
margin-top: 0px;
width: 130px;
}
.control_custom .key{
background: url('../images/klavesa.png') no-repeat;
height: 30px;
min-width: 35px;
text-align: center;
font-size: 12px;
color: #678599;
padding: 8px 2px 0 0;
float: left;
}
.control_custom .action{
height: 30px;
min-width: 35px;
margin-left: 7px;
float: left;
font-size: 13px;
color: black;
padding: 8px 2px 0 0;
}
.game_images{
width: 375px;
height: 300px;
float: left;
margin-left: 5px;
}
.game_image{
width: 172px;
height: 143px;
float: left;
margin-left: 10px;
margin-top: 10px;
}
.game_video_share{
width: 360px;
height: 300px;
float: left;
margin-left: 15px;
margin-top: 10px;
position: relative;
}
.game_video_share .video{
width: 360px;
height: 220px;
padding-bottom: 10px;
}
.game_video_share .support{
height: 45px;
float: left;
background: url('../images/support.png') no-repeat;
font-size: 13px;
font-family: Arial;
color: #507b8f;
background-position: top center;
padding: 20px 5px 0 5px;
text-align: center;
}
.game_video_share .support_plugins{
float: right;
}
.add_game{
position: relative;
height: 24px;
background: rgb(193,214,225);
padding: 4px 15px 0 15px;
float: right;
font-family: "Open Sans";
font-weight: bold;
font-size: 16px;
color: #536e8c;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
margin-right: 10px;
}
.find_player{
position: relative;
height: 24px;
background: white;
padding: 4px 15px 0 15px;
float: left;
font-family: "Open Sans";
font-weight: bold;
font-size: 16px;
color: #e67582;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
margin-left: 10px;
}
.find_player:hover{
background: rgb(193,214,225);
color: #536e8c;
}
.add_game:hover{
background: white;
color: #e67582;
}
.similar_games{
width: 740px;
margin-left: 14px;
min-height: 150px;
margin-top: 10px;
padding-bottom: 10px;
}
.similar_games .similar_header{
width: 700px;
padding-bottom: 10px;
font-size: 21px;
font-weight: bold;
font-family: Arial;
color: #174c69;
padding: 0 15px 0 25px;
}
.similar_games .arrow_left{
width: 25px;
height: 25px;
float: left;
padding-bottom: 10px;
font-size: 21px;
font-weight: bold;
font-family: Arial;
color: #174c69;
background: url('../images/arrow2_left.png') no-repeat;
}
.similar_games .arrow_right{
width: 25px;
height: 25px;
float: left;
padding-bottom: 10px;
font-size: 21px;
font-weight: bold;
font-family: Arial;
color: #174c69;
background: url('../images/arrow2_right.png') no-repeat;
margin-left: 3px;
}
.similar_games .arrow_right:hover{
background: url('../images/arrow2_right_active.png') no-repeat;
}
.similar_games .arrow_left:hover{
background: url('../images/arrow2_left_active.png') no-repeat;
}
.arrows{
float: right;
width: 60px;
}
.absolute{
position: absolute;
}
.overlayer{
/*opacity: 0.7; */
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
z-index: 200;
top: 0;
left: 0;
position: fixed;
}
.game_overlayer{
width: 100%;
height: 100%;
z-index: 20;
top: 0;
left: 0;
position: fixed;
}
.send_game{
background: url('../images/send_game_bg.png') no-repeat;
width: 268px;
height: 360px;
position: relative;
margin: 0 auto;
opacity: 1;
margin-top: 100px;
padding-left: 160px;
z-index: 300;
}
.send_game_nadpis{
color: #f5f5f5;
font-size: 14px;
font-weight: bold;
font-family: Arial;
float: left;
padding-top: 3px;
}
.close{
width: 27px;
height: 26px;
background: url('../images/close.png') no-repeat;
cursor: pointer;
float: right;
}
.close:hover{
/*background: url('../images/close_active.png') no-repeat;*/
}
.send_input{
background: url('../images/send_input.png') no-repeat;
height: 38px;
width: 222px;
border: none;
padding-left: 15px;
padding-right: 15px;
color: #34414e;
font-size: 14px;
font-family: Arial;
}
.send_textbox{
background: url('../images/send_textbox.png') no-repeat;
height: 76px;
width: 222px;
border: none;
padding-left: 15px;
padding-right: 15px;
color: #34414e;
font-size: 14px;
font-family: Arial;
resize: none;
margin-top: 15px;
padding-top: 8px;
}
.code_input{
background: url('../images/code_input.png') no-repeat;
height: 36px;
width: 82px;
border: none;
padding-left: 15px;
padding-right: 15px;
color: #34414e;
font-size: 14px;
font-family: Arial;
resize: none;
}
.send_game form{
padding-top: 10px;
float: left;
}
.button_send{
width: 118px;
height: 41px;
background: url('../images/button_send.png') no-repeat;
border: none;
cursor: pointer;
display: block;
margin: 20px 0 0 70px;
color: #f5f5f5;
font-size: 14px;
font-weight: bold;
font-family: Arial;
}
.static_page{
margin: 15px 0 0 17px;
}
.captcha{
float: left;
}
#captcha{
float: left;
width: 100px;
height: 50px;
margin-left: 30px;
margin-top: 25px;
font-size: 17px;
font-weight: bold;
}
.vote_prompt, .vote_prompt2{
/*opacity: 0.7; */
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
z-index: 200;
top: 0;
left: 0;
position: fixed;
display: none;
}
.vote_prompt .prompt, .vote_prompt2 .prompt{
/*opacity: 0.7; */
background: white;
width: 290px;
height: 130px;
z-index: 201;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 auto;
margin-top: 200px;
font-family: Arial;
font-size: 15px;
color: black;
padding: 40px 20px 0 30px;
}
.vote_prompt .prompt a, .vote_prompt2 .prompt a{
color: black;
font-weight: bold;
}
.prompt_button{
background: url('../images/prompt_button.png') no-repeat;
width: 61px;
height: 26px;
position: relative;
font-family: Arial;
font-size: 13px;
color: black;
font-weight: bold;
padding: 8px 0 0 0;
text-align: center;
cursor: pointer;
margin-left: 110px;
margin-top: 30px;
}
.prompt_button:hover{
background: url('../images/promt_button_active.png') no-repeat;
}
.absolute_link{
position: absolute;
}
.slideUp{
float: right;
padding-right: 50px;
color: #a1a1a1;
}
.slideUp:hover{
color: white;
cursor: pointer;
}
.fb_plugin_layer{
position: fixed;
top: 200px;
left: 0;
z-index: 101;
}
.fb_plugin_layer .fb_plugin{
width: 244px;
height: 274px;
border: 8px solid rgb(0,189,108);
float: left;
background: white;
display: none;
}
.fb_slider{
width: 38px;
height: 157px;
background: url('../images/fb_slider.png') no-repeat;
float: left;
margin-top: 60px;
cursor: pointer;
}
.fb_overlayer{
position: absolute;
width: 50px;
height: 50px;
width: 244px;
height: 274px;
display: none;
}
#top_hraci{
height: 132px;
position: relative;
margin: 0 auto;
overflow: hidden;
}
.search_ajax{
background: rgb(238,238,238);
border: 1px solid #DDDDDD;
border-radius: 4px;
-webkit-border-radius: 4px;
color: #333333;
cursor: default;
display: block;
float: none;
font-size: 14px;
font-family: Arial;
list-style: none;
margin: 0px;
padding: 2px;
position: absolute;
resize: none;
top: 130px;
margin-left: 7px;
width: 225px;
z-index: 941;
display: none;
}
.search_ajax ul{
-webkit-border-radius: 4px;
color: #333333;
list-style: none;
padding: 2px;
width: 221px;
}
.search_ajax ul a li{
color: #333333;
list-style: none;
padding: 2px;
width: 217px;
height: 40px;
border-top: rgb(222,222,222) solid 1px;
}
.search_ajax ul a li .search_item{
border-radius: 4px;
-webkit-border-radius: 4px;
color: #FA565A;
padding: 2px;
width: 211px;
height: 36px;
border: 1px solid rgb(238,238,238);
}
.search_ajax ul a li .search_item:hover{
background: rgb(252,240, 190);
border: 1px rgb(243,204,105) solid;
}
.search_ajax ul a li .search_item .search_image{
padding: 7px 0 0 5px;
width: 55px;
height:30px;
float: left;
}
.search_ajax ul li .search_item .search_text{
font-size: 14px;
font-weight: bold;
color: #FA565A;
padding: 9px 0 0 0;
height:30px;
float: left;
}