/*CSS HANDLER */
#section_upper_block .spot h1 {
  color: var(--colore_principale_light);;
}


#section_upper_block{
	display:block !important;
}

#category_tabs.hnav.tabbed li a {
  background-color: white;
  color: black;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  padding: 5px 10px;
	margin:0;
}
#category_tabs.hnav.tabbed li.selected a {
  color: var(--testo_gradiente);
	background: var(--regola_gradiente);
}
.bg_ezugi #container {
background: transparent;
}
.bg_ezugi #lobbies_container {
  background-color: transparent;
}
/*games_list_css*/




/*CATEGORIA GIOCHINI*/

#thumbs_container h3 {
    background-color: #111111;
    background-image: url("../img/header_bg.png");
    background-position: 0 -48px;
    clear: both;
    color: var(--colore_principale);;
    margin-bottom: 0;
    margin-top: 6px;
    padding: 6px 0;
    text-align: left;
    text-indent: 6px;
    width: 950px;
	display:none;
}
div#thumbs_container .games_categories{
	
}

div#thumbs_container .games_thumbs {
    display: inline-block;
    width: 100%;
	text-align: left;
}





#thumbs_container {
     clear: both;
   margin: 0 auto;
   text-align: center;
   width: 100%;
}

div#thumbs_container .games_thumbs li {
  background: transparent;
  border: 5px solid var(--colore_principale);;
  border-radius: 0;
  display: inline-block;
  float: left;
  margin: 5px;
	max-height: 100%;
	padding: 0;
  position: relative;
  text-align: center;
  width: calc(20% - 20px);
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div#thumbs_container li::before {
	opacity: 0;
  background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
div#thumbs_container li:hover::before {
  opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.games_thumbs li:hover{
	
	
}
div#thumbs_container .games_thumbs li img {
  display: inline-block;
  height: auto;
  margin: 0;
  max-height: 170px;
  min-height: 170px;
  width: 100%;
}

div#thumbs_container .games_thumbs .button {
  display: inline-block;
  float: right;
  margin: 0 auto;
  padding: 0;
  width: 100%;
	font-weight: bold;
	display: none;
}
div#thumbs_container li .button.for_logged,
div#thumbs_container li .button.for_real{
	opacity: 0;
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 60px;
  bottom: 0;
  box-shadow: 0 0 10px #000;
  color: transparent;
  display: block;
  font-size: 20px;
  height: 100px;
  left: 0;
  line-height: 96px;
  margin: auto;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  width: 100px;
}

div#thumbs_container li:hover .button.for_logged,
div#thumbs_container li:hover .button.for_real{
  opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	}

div#thumbs_container li .button.for_logged::after, div#thumbs_container li .button.for_real::after {
  background-image: url("../img/site/casino/play.png");
  background-position: 12px 12px;
  background-repeat: no-repeat;
  background-size: 80px auto;
  color: red;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
	top: 0;
}

div#thumbs_container .games_thumbs span {
    display: block;
}

div#thumbs_container .games_thumbs span.title {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  font-size: 14px;
  left: 0;
  margin-bottom: 0;
  min-height: 15px;
  overflow: hidden;
  padding: 5px 0;
  right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div#thumbs_container .fun.button {
	display: inline-block;
}

div#thumbs_container .fun.button, div#thumbs_container .fun.button + .real.button {
  border-radius: 0 10px 10px 0;
  display: inline-block;
  left: 0;
  position: absolute;
  top: 10px;
  width: 30%;
  z-index: 999;
  display: none;
}

div#lobbies_container {
  margin: 0;
}

.bg_evolution div#thumbs_container .games_thumbs .button:hover {
	background: #a90329 none repeat scroll 0 0;
}
.bg_evolution div#thumbs_container li .button.for_logged::after,
.bg_evolution div#thumbs_container li .button.for_real::after,
.bg_evolution #thumbs_container .games_thumbs li::before {
  content: none;
}

body.bg_evolution #thumbs_container .games_thumbs li:hover .button {
  border-radius: 10px;
  bottom: -150px;
  color: white;
  height: 30px;
  left: 0;
  line-height: 30px;
  margin: auto;
  padding: 0;
  position: absolute;
  right: 0;
  width: 80%;
}