@charset "utf-8";
/* CSS Document */
/*------------------------BOTONPLAY ESP. CASINO---------------------------------*/
li.especial{
/*background: rgb(2,117,208);
background: linear-gradient(90deg, rgba(2,117,208,1) 0%, rgba(48,243,255,1) 50%, rgba(2,117,208,1) 100%);*/
background: rgb(175,67,242);
background: linear-gradient(90deg, rgba(175,67,242,1) 10%, rgba(242,48,255,1) 100%);
}
.left{
padding-left: 15px;
}
/*-----------MARCA--------------*/
/*NO TOPE CON MENU FIJO*/
.ancla:before {       
  display: block;       
  content: " ";      
  margin-top: -80px;       
  height: 80px;       
  visibility: hidden;
  z-index: 99;
} 
#marca{
width:95px;
height: 105px;
left:3%;
display:inline-block;
float: left;
position: relative;
z-index: 999999;
background:url(../img/logo_dtqt.png) no-repeat;
background-size: cover;
}

.marca_octopus{
 margin-right: auto;
 display: block;
 

}
/*-------------------MENU 2------------------*/
.top{
top:0;
}

#marca_2{
display:none;
width:100px;
height: 100px;
left:3%;
top: .3em;
float: left;
position:fixed;
z-index: 999999999;
background:url(../img/logo_dtqt.png) no-repeat;
o-background-size: cover;
moz-background-size: cover;
background-size: cover;

}

.menu_bar {
display:none;
z-index: 9;
}

.menu_2 nav{
width:100%;
height:100%;
}
.menu_2{
display:none;
list-style: none;
position: fixed;
float: left;
left: 25px;
width: 100%;
clear:both;
z-index:9999999;
}

.menu_2 li{
margin: 0;
text-align:left;
font-weight:300;
font-size:1.4em;
text-decoration:none;
line-height:1.8em;
list-style:none;
padding-left: 30px;
}
.menu_2 li a{
color: #fff;
text-decoration:none;  
cursor: pointer;
font-family:'Yanone Kaffeesatz', sans-serif;
}
.menu_2 a:hover{  
color:#00BEB7;/*#f36f91*/
cursor: pointer;
}
.menu_2 a:focus{
color:#68377B;/*#3EB5B0*/
}
.menu_2 li ul {
    display: none;
}
/*Make dropdown links vertical*/
.menu_2 li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
.menu_2 li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
.menu_2 ul li a:hover + .hidden, .hidden:hover {
    display: block;
}

.volver {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 18px;
    margin: auto;
    z-index: 998;
    -webkit-animation: bounceInLeft 2s linear infinite;
    -moz-animation: bounceInLeft 2s linear infinite;
    -o-animation: bounceInLeft 2s linear infinite;
    animation: bounceInLeft 2s linear infinite;
}

/*-----------------menu vertical----------------*/
/*iconos*/
.fa-plus, .fa-angle-right{
line-height: 30px;
}
.mainNav {
margin-top: 110px;
background-color: rgba(140,140,140,0.90);
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 300;
width: 20%;
height: 100%;
z-index: 2;
position:fixed;

}
/* First Level */
.mainNav ul {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid rgba(142,142,142,0.21);
}
.mainNav ul li {
border-top: 1px solid #A0A0A0;

}
.mainNav ul li a {
color: #FFFFFF;
display: block;
line-height: normal;
padding:5px 20px;
text-decoration:none;
font-size: 18px;
}
.mainNav ul li a:hover {
background: #333;
text-decoration: none;
}
/* Second Level */
.mainNav ul ul {
border-bottom: none
}
.mainNav ul ul li {
border-top: 1px solid #222;
background: #111;
}
.mainNav ul ul li a {
color: #FFFFFF;
display: block;
font-size: 18px;
line-height: normal;
padding: 0.25em 1em 0.25em 2.5em;
}
.mainNav ul ul li a:hover {
background: #333;
}
/* Third Level */
.mainNav ul ul ul {
border-top:1px solid #222;
}
.mainNav ul ul ul li {
border:none;
}
.mainNav ul ul ul li a {
padding-left:3.5em; 
padding-top:0.25em; 
padding-bottom:0.25em;
}
/* Accordion Button */
ul li.has-subnav .accordion-btn {
color:#fff; 
background:rgba(255,255,255, 0.15); 
font-size:12px;
line-height: 30px!important;
height: 30px !important;
}
.accordion-expanded {
line-height: 30px !important;
	height: 30px !important;
}


/*-------------------MENU 2------------------*/
#marca_2{
display:none;
width:100px;
height: 100px;
float: left;
position:fixed;
z-index: 99;
}
.logo1_a{
background:url(../img/logo1.png) no-repeat;
width: 60px;
height: 60px;
float: left;
-webkit-animation: spinAround 70s linear infinite;
-moz-animation: spinAround 70s linear infinite;
animation: spinAround 70s linear infinite;
o-background-size: cover;
moz-background-size: cover;
background-size: cover;
}
.logo2_a{
background:url(../img/logo2.png) no-repeat;
width: 113px;
height: 60px;
display: block;
float: left;
o-background-size: cover;
moz-background-size: cover;
background-size: cover;
}

.menu_2 nav{
width:100%;
height:100%;
}
.menu_2{
display:none;
list-style: none;
position: fixed;
float: left;
left: 0px;
width: 100%;
clear:both;
z-index:9999;
}

.menu_2 li{
margin: 0;
text-align:left;
font-family:'Yanone Kaffeesatz', sans-serif;
font-weight:300;
font-size:1.4em;
text-decoration:none;
line-height:1.8em;
list-style:none;
padding-left: 30px;
}
.menu_2 li a{
color: #fff;
text-decoration:none;  
cursor: pointer;
}
.menu_2 a:hover{  
color:#00BEB7;/*#f36f91*/
cursor: pointer;
}
.menu_2 a:focus{
color:#68377B;/*#3EB5B0*/

}
@media screen and (max-width:1200px){
#marca_2{
display:block!important;
}
.menu_bar {
display:block!important;
position:fixed;
width:100%;
}

.menu_bar, .bt-menu {
height: 110px;
display:block;
padding:10px;
line-height: 2.3em;
background:rgba(26,26,26,0.75);
color:#fff;
text-decoration:none;
font-size:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

}

.menu_bar i {
float:right;
font-size:30px;
line-height: 3em;
color:#fff;
}
.menu_2{
display:block!important;
width:100%;
left:-100%;
height:auto;
background:rgba(0,0,0,0.90);
position:fixed;
top: 94px;
}
ul.menu_2{
padding-left:0;
}

ul.menu_2 li {
float:none;
display: block;
border-top: 1px solid hsla(0,0%,100%,.1);
}
}	

@media screen and (max-width:1050px){
.mainNav {
width: 100% !important;
position: relative;
padding-top: 110px;
margin-top:0 !important;
}
	.reproducir{
	display: none;
	}
	.reproducir2{
	display: block;
	}
}
@media screen and (max-width:640px){
	.sidebar a {
	padding: 13px;
	font-size: 1.2em;
	}
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
	}
}