/* Context */
#p_content {
margin-top:40px;
padding-top:3px;
}
#p_content #welcome {
margin:0 .3em .3em .3em;
font-size:16px;
text-indent:1em;
padding:2px 3px 3px 2px;
color:#010101;
}
#p_content.advg_2 #welcome{
margin:0 290px 4px 3px;
}
/*Start link-jocuri*/
#lnk_jocuri {
display:inline-block;
background-color: #ddd;
border: 1px solid #444;
background-image: -webkit-linear-gradient(top, #eee, #ccc);
background-image: -moz-linear-gradient(top, #eee, #ccc);
background-image: -o-linear-gradient(top, #eee, #ccc);
background-image: linear-gradient(top, #eee, #ccc);
border-radius: 10px;
font-weight: bold;
margin:8px auto;
padding: 6px 10px;
}
#lnk_jocuri:link, #lnk_jocuri:visited, #lnk_jocuri:hover, #lnk_jocuri:active {
background-color: #007EBD;
background-image: -webkit-linear-gradient(top, #00A0F0, #007EBD);
background-image: -moz-linear-gradient(top, #00A0F0, #007EBD);
background-image: -o-linear-gradient(top, #00A0F0, #007EBD);
background-image: linear-gradient(top, #00A0F0, #007EBD);
border-color: #0000CC;
color: #FFF;
}
#lnk_jocuri:hover {
background-color: #00A0c0;
background-image: -webkit-linear-gradient(top, #00A000, #08aded);
background-image: -moz-linear-gradient(top, #00A000, #08aded);
background-image: -o-linear-gradient(top, #00A000, #08aded);
background-image: linear-gradient(top, #00A000, #08aded);
text-decoration: none;
color: #ff1;
}
#lnk_jocuri:active { background: #5CB82E; }
#lnk_jocuri:after {
content: "\2192";
margin-left: 5px;
}
#lnk_jocuri:before {
content: "\2665";
margin-right: 5px;
}

/* Genre list, flex_box in content.css */

#genre  {
text-align:center;
}
#genre h3, #genre h4, #genre h5 {
margin:2px auto;
color:#0000ee;
font-family:"Calibri", Arial, sans-serif;
font-size:16px;
letter-spacing:1.5px;
text-align:center;
text-decoration:none;
}
#genre .flex_item {
width:210px;
padding:2px 1px;
}
#genre .flex_item:nth-child(2), #genre .flex_item:nth-child(3){
order:-1;
}
#genre .flex_item:hover { background-color:#fefefe; }
#allgames .flex_item a{
display:block;
}
#genre .item_desc {
background:#fefece;
font-family:"Calibri", Arial, sans-serif;
font-size:1em;
text-align:left;
padding-bottom:1px 1px 1px .2em;
color:#010101;
}
#genre .item_desc:hover {
background:#eeffff;
color:#010101;
}

/* Index - Recomandate Noi */
#genre .imgs {
display:inline-block;
margin:.2em .5em;
background-color:#fefefe;
padding:0 3px 4px 3px;
position:relative;
border-radius:.5em;
}
#genre h2 {clear:both;margin:18px auto !important; font-size:19px; text-decoration:underline;}
#genre .imgs:hover { background-color:#fbfcc9; }
#genre .hide_desc {
background-color:#f8f899;
border-radius:5px;
color:#0000ac;
cursor:auto;
display:none;
line-height:100%;
margin:0;
max-width:220px;
min-width:220px;
min-height:60px;
padding:0 1px 2px 1px;
position:absolute;
top:-40px;
left:-25px;
z-index:1111;
}
#genre .hide_desc .sbi {
display:block;
font-size:14px;
margin:0 auto;
}
#genre .imgs:hover > .hide_desc, #genre .imgs > .hide_desc:hover{
display:block;
}
#genre img {cursor:pointer;}

/* Grafica zonei cu jocul */
#tabjoc {
position:relative;
margin:.1em 0 .1em 0;
text-align:center;
}
#tabjoc h3 {
margin-top:.2em auto;
color:#0000ee;
letter-spacing:1.5px;
}
#tabjoc .item_desc, .desc_j {
margin:2px .3em;
font-family:"Calibri", Arial, sans-serif;
font-size:16px;
text-indent:.4em;
text-align:left;
padding-bottom:1px;
padding-left:.2em;
color:#010101;
}
#p_content.advg_2 #tabjoc .item_desc, #p_content.advg_2 .desc_j{
margin:0 290px 4px 3px;
}
#tabjoc .item_desc {
min-height:210px;
padding-top:40px;
}
#tabjoc .imgame {
float:left;
margin:-40px 8px 0 0;
}
#tabjoc #fullscreen {
display:block;
width:10em;
margin:12px auto -5px auto;
font-family:Arial, sans-serif;
font-size:15px;
font-style:oblique;
text-align:center;
padding:1px;
}
#tabjoc #fullscreen:hover { background-color:yellow; }
#reverse_gfw {
position:absolute;
top:0;
left:4%;
background-color:#fbfb08;
border:2px solid #0000fb;
border-top:0;
border-bottom:0;
border-radius:8px;
padding:0 2px;
font-size:14px;
font-weight:700;
cursor:pointer;
}
#reverse_gfw:hover { background-color:#fff; }
#tabjoc object, #tabjoc iframe{
width:99.9%;
height:480px;
margin:15px auto .2em 0;
}

/* Zona Joc Anterior - Urmator */
#j_prev {
display:inline-block;
margin:0 1% 0 1%;
position:relative;
width:46%;
min-width:14em;
}
#j_prev a:after {
content: '\21D0';
left: 110px;
}
#j_next {
position:relative;
display:inline-block;
margin:0 0 0 1%;
width:47%;
min-width:14em;
text-align:right;
}
#j_next a:after {
content:'\21D2';
right:110px;
}
#j_prev a:after, #j_next a:after {
color:#ef0000;
display:block;
font-size:42px;
margin:0;
position:absolute;
top:22px;
bottom:5px;
background:#fbfb88;
border-radius:5px;
padding:8px 0 0 0;
}
#j_prev:hover a:after, #j_next:hover a:after {
content:'';
}
#j_prev:hover, #j_next:hover {
background-color:#fdfdfd;
}
#j_prev a, #j_next a {
display:block;
font-size:15px;
font-weight:bold;
}
#j_prev span, #j_next span {
display:none;
position:absolute;
background-color:#fdfd00;
font-size:16px;
margin:0 auto;
padding:.2em;
text-align:center;
left:0;
right:0;
top:0;
}
#j_prev:hover span, #j_next:hover span {
display:block;
}

/* Cadrul top-last-games */
#top_games {
position:relative;
margin:-5px auto 0 auto;
background:#f8f8fe;
text-align:center;
}
#top_games em {
border-top:1px dashed #333;
display:block;
font-size:18px;
font-weight:bold;
margin:1.3em auto 5px auto;
padding:6px 0 2px 6%;
text-align:left;
text-decoration:underline;
color:#010101;
}
#top_games .j_top {
display:inline-block;
margin:.1em calc(5px + 1%);
font-si6px;
font-style:oblique;
color:#0000d0;
padding:1px 4px 3px 4px;
}
#top_games .j_top:hover {background:#fbfb00;}
#top_games img {cursor:pointer; display:block; margin:0 auto; }

/* All games list, flex_box in content.css */
#allgames .flex_item{
width:100px;
}
#allgames .flex_item img{
display:block;
margin:0 auto;
width:99%;
}
#allgames .flex_item span{
font-style:oblique;
}

/*Rewrite from addons.css*/
#p_content.advg_2 #adv_footer {
margin-top:-2px;
}
#p_content.advg_2 #tabjoc #adv_footer {
margin-top:-20px;
}

/* mobile dev. */
@media screen and (max-width: 640px){

#p_content {
margin-top:110px;
padding-top:23px;
}
#p_content #welcome {
margin:15px .3em .3em .3em;
}
#genre h2 {font-size:16px;}
#genre.flex_box .adv_cnt{
order:-1;
}
#genre .flex_item:nth-child(2){
order:-2;
}

#tabjoc .item_desc {
padding-top:12px;
}
#tabjoc .imgame {
float:left;
margin:0 8px 0 0;
}
#p_content #adv_footer {
margin-top:-2px;
}

}