/*reveal-mobile.css*/
.reveal-modal-bg { 
	background-color: rgba(0,0,0,.7);
	display: none;
	height: 100%;
	left: 0; 
	position: fixed; 
	top: 0;
	width: 100%;
	z-index: 100;
}
	
.reveal-modal {
	left: 50%;
	margin-left: -49%;
	position: absolute;
	top: 20px; 
	visibility: hidden;
	width: 98%;
	z-index: 101;
}
		
.reveal-modal.small	{ width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large	{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal,
.reveal-modal .back-reveal-modal {
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	top: 0;
	z-index: 1;
}

.reveal-modal .close-reveal-modal {
    font-size: 2rem;
    right: 20px;
}

.reveal-modal .back-reveal-modal {
    font-size: 1.5rem;
    left: 20px;
    top: 6px;
} 

#depositContents,
#popupContent {
	display: table;
	height: 100%;
	width: 100%;
}

#modalcontent, 
#popupWindow,
#popupCalendarWindow {
	background-color: #F0F0F0;
	display: table;
	margin: -2px 0 0 0;
	width: 100%;
}

#popupContent h1,
#popupContent h2,
#popupContent h3,
#popupContent h4,
#popupContent h5,
#popupContent h6,
#popupContent p,
#popupContent label {
    color: #000;
}

.faqmethod {
	text-align: left !important;
}

.faqmethod p,
.faqmethod h2 {
	margin: 5px 20px !important;
}

.faqmethod p,
.faqmethod li {
	font-size: .8em !important;
}

.icon {
	display: table;
	margin: 10px auto;
	width: 600px;	
}

.icon img {
	width: 90px;
}

.icon .fundicon {
	color: #C3464A;
	float: left;
	font-size: .7em;
	font-weight: bold;
	text-align: center;
	width: 100px;	
}

.icon .description {
	color: #323639;
	float: left;
	font-size: .9em;
	line-height: 1.1em;
	padding: 0 10px;
	text-align: justify;
	width: 380px;	
}

.icon .description a {
	text-decoration: none;
}

.icon .description b {
	color: #104E77;
}

.icon .description h2 {
	margin: 0 !important;
}

#roomicon {
	display: table;
	margin-bottom: 10px;
	text-align: center;
}

#roomicon img {
	float: left;
	margin: 0;
	width: 75px;
}

#roomicon a {
	text-decoration: none;
}

#gamescalendar {
	display: table;
	margin: 0 auto;
	width: auto;
}

#accordion {
	margin: 0 auto;
	width: 96%;	
}

#popupContent h2 {
    margin-left: 15px;
}

label {
    display: block;
    font-weight: normal;
    margin: 0 !important;
}

input,
select,
textarea {
    background-color: #FFF;
    border: none;
    box-shadow: none;
	color: #000;
	padding: 10px;
    width: 100%;
}

#loginarea input,
#e_mail_forgot {
    margin: 10px auto;
}

#loginarea input {
    width: 60%;
}

input[type="checkbox"], 
input[type="radio"] {
    width: auto !important;
}

button[disabled], 
html input[disabled] {
    background-color: #CCC;
}

.faqbutton {
    margin: 0 10px 0 0;
}

.underline {
    border-bottom: 1px solid #BBB;
    margin: 10px 0;
}

.form-control {
    font-size: inherit;
}

.mpucontainer {
    margin: 50px auto;
     width: 94%;
}

#register > div {
    margin: 15px 0;
    padding: 0 25px;
}

#register h3 {
    margin: 0 0 10px 0;
}

#day,
#month,
#year,
#zipcode,
#city,
#city_select {
    float: left;
}

#day {
    width: 20%;
}

#month,
#year,
#city,
#city_select {
    margin-left: 2%; 
}

#month {
    width: 48%;
}

#year {
    width: 28%;
}

#zipcode {
    width: 30%;
}

#city,
#city_select {
    width: 68%;
}

.mandatory,
.validation_none {

}

.validation_ack, 
.mandatory_validation_ack,
.validation_nok, 
.mandatory_validation_nok {
    background-repeat: no-repeat;
}

select.validation_ack, 
select.mandatory_validation_ack,
select.validation_nok, 
select.mandatory_validation_nok {
    background-position: 90% center;
}

input.validation_ack, 
input.mandatory_validation_ack,
input.validation_nok, 
input.mandatory_validation_nok {
    background-position: 95% center;
}

textarea.validation_ack, 
textarea.mandatory_validation_ack,
textarea.validation_nok, 
textarea.mandatory_validation_nok {
    background-position: 98% 98%;
}

.validation_ack, 
.mandatory_validation_ack {
    background-image: url(/img/layout/icon-skill.png);
}

.validation_nok, 
.mandatory_validation_nok {
    background-image: url(/img/layout/icon-error.png);
}

.validation_nok, 
.mandatory_validation_nok,
.validation-popover-error .popover {
	border: 1px solid #C50B32;
}

.validation-popover-info .popover {
	border: 1px solid #00AA54;
}

.validation-popover-error .popover, 
.validation-popover-info .popover {
    display: block;
}

.validation-popover-none .popover {
    visible: hide !important;
}

.validation-popover-error .popover .arrow {
    border-bottom-color: #C50B32;
}

.validation-popover-info .popover .arrow {
    border-bottom-color: #00AA54;
}

.popover{
    margin-top: 5px;
    max-width: 100% !important; 
    min-width: 200px;
}

#bonos #accordion {
    width: 100%;
}

#bonos #accordion .panel,
#bonos #accordion .panel .panel-heading {
    background-color: transparent;
    border-bottom: none;
}

#bonos #accordion .panel .panel-heading {
    height: auto;
    margin: 0;
    padding: 0;
}

#bonos #accordion .panel .panel-heading a {
    color: #000;
}

#bonos #accordion .panel .collapse {
    border: 1px solid #CCC;
    padding: 5px 10px;
}

#bonos #accordion .panel-body {
    color: #6F6F6F;
}

.realSubscription {
    margin-left: 0;
    position: relative;
}

/*mobile.css*/
.btn-danger {
    background-color: #E59B07;
    background-image: none;
    border: 1px solid #9E6C07;
    font-size: 12px;
    font-size: 1.2rem;
}

.btn-danger:hover,
.btn-danger:focus {
    border: 1px solid #9E6C07;
}

.btn-success {
    background-color: #202630;
    background-image: none;
    border: 1px solid #505762;
    color: #FFF;
    margin-bottom: 10px;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #252C38;
    background-image: none;
    border: 1px solid #AFA145;
    color: #FFF;
}

.btn-primary:active, 
.btn-primary.active {
    background-color: #FD8C02;
    background: -moz-linear-gradient(top,  #FD8C02 0%, #D55107 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD8C02), color-stop(100%,#D55107));
    background: -webkit-linear-gradient(top,  #FD8C02 0%,#D55107 100%);
    background: -o-linear-gradient(top,  #FD8C02 0%,#D55107 100%);
    background: -ms-linear-gradient(top,  #FD8C02 0%,#D55107 100%);
    background: linear-gradient(to bottom,  #FD8C02 0%,#D55107 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD8C02', endColorstr='#D55107',GradientType=0 );
    border: none;
    color: #FFF;
}

.btn-primary:hover, 
.btn-primary.active:hover,
.btn-primary:focus, 
.btn-primary.active:focus {
    background-color: #D55107;
    background: -moz-linear-gradient(top,  #D55107 0%, #FD8C02 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D55107), color-stop(100%,#FD8C02));
    background: -webkit-linear-gradient(top,  #D55107 0%,#FD8C02 100%);
    background: -o-linear-gradient(top,  #D55107 0%,#FD8C02 100%);
    background: -ms-linear-gradient(top,  #D55107 0%,#FD8C02 100%);
    background: linear-gradient(to bottom,  #D55107 0%,#FD8C02 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D55107', endColorstr='#FD8C02',GradientType=0 );
    border: none;
    color: #FFF;
}

.btn-block,
.btn-block:hover {
    color: #FFF;
}

.panel {
    background-color: #FFF;
    border-bottom: 1px solid #3983BE;
    margin: 0;
}

.list-group-item {
    background-color: #313439;
    color: #9C9C9C;
}

.data {
    color: #D72229;
}

.border {
    border-bottom: 1px solid #BBDEF4;
}

#sessionTime{
    color: #337AB7;
}

hr {
    border-color: #CCC;
    border-width: 1px;
    margin: 20px 0;
}

.helpcontainer {
    background-color: #313439;
    padding: 15px;
}

.table > thead > tr > th {
    background-color: #696E73;
    border: none;
    color: #FFF;
    text-transform: uppercase;
}

 .table > tbody > tr > td {
     background-color: #F9F9F9;
     border-bottom: 1px solid #CCC;
     color: #333;
 }
 
#mgamachine{
	width: 100%;
	height: 94%;
    padding-top: 4%;
    border: none;
}

#submenu {
    background-color: #DFDFDF;
    display: table;
    margin: 0 auto 30px auto;
	max-width: 1800px;
    width: 100%;
}

#submenu > div {
    margin: 25px auto 0 auto;
}

.btn-menu {
    background-color: #3983BE;
    color: #FFF;
    float: left;
    text-align: center;
    text-transform: uppercase;
}

.btn-menu:hover,
.btn-menu:active,
.btn-menu-selected {
    background-color: #FFF;
    color: #3983BE;
}

.membersarea {
    background-color: #F3F3F3;
    display: table;
    margin: 25px 0;
    padding: 30px 50px;
    width: 100%;
}

.membersarea h3 {
    margin: 10px 0;
}

.topmargin {
    margin-top: 14px;
}

@media (max-width: 767px) {
    
    .gamemargin {
        margin: 0 0 25px 0;
        width: 100%;
    }
    
    .membersarea {
        padding: 20px 10px;
    }
    
    #profile-options .btn-info,
    #profile-options .btn-warning {
        margin: 25px 0 0 0;    
    }
    
    .btn-menu {
        margin: 0 0.65%;
        font-size: 24px;
        padding: 10px 0;
        width: 13%;
    }
    
    .container .btn-menu:first-child {
        margin: 0 0.65% 0 0;
    }
    
    .container .btn-menu:last-child {
        margin: 0 0 0 0.65%;
    }
    
    .btn-menu:hover,
    .btn-menu:active,
    .btn-menu-selected {
        padding: 10px 0;
    }


	#cookiesInfo p{ 
		font-size:0.9rem;	 
	}

    .lobby,
    .nopadding {
        padding: 0 !important;
    }
    
    .centerimg {
        margin: 0 auto;
    }
        
	
}

@media (min-width: 768px) {
    
    .gamemargin {
        margin: 100px 0 25px 0;
        width: 100%;
    }
    
    .membersarea {
        padding: 30px 50px;
    }
    
    #profile-options .btn-info,
    #profile-options .btn-warning {
        margin: 0;    
    }
    
    .btn-menu {
        font-size: 12px;
        margin: 0 0.65%;
        padding: 10px 0;
        width: 13%;
    }
    
    .container .btn-menu:first-child {
        margin: 0 0.65% 0 0;
    }
    
    .lobby {
        padding: 10px !important;
    }
    
    .nopadding {
        padding: 0 15px;
    }
    
    .centerimg {
        margin: 10px auto;
    }

    

}

@media (min-width: 992px) {
  
    .btn-menu {
        font-size: 13px;
        margin: 0 0.15%;
        padding: 10px 0;
        width: 14%;
    }
    
    .container .btn-menu:first-child {
        margin: 0 0.15% 0 0;
    }
    
    .container .btn-menu:last-child {
        margin: 0 0 0 0.15%;
    }
    
    .btn-menu:hover,
    .btn-menu:active,
    .btn-menu-selected {
        padding: 10px 0 15px 0;
    }
    
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
th {
    color: #000;
}

td {
    color: #9C9C9C;
}

.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #FFF;
}

.btn-danger {
    background-color: #2ABC88;
    background-image: none;
    border: 1px solid #47D6A0;
    font-size: 13px;
    font-size: 1.3rem;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #3ECD98;
    border: 1px solid #47D6A0;
}

.gradient,
.btn-infolobby {
    background-color: #EEDB5E;
    background-image: none;
    border: 1px solid #AFA145;
    color: #000;
}

.gradient:hover,
.gradient:focus,
.btn-infolobby:hover,
.btn-infolobby:focus {
    background-color: #F3E66F;
    background-image: none;
    border: 1px solid #AFA145;
    color: #000;
}

.btn-success {
    background-color: #202630;
    background-image: none;
    border: 1px solid #505762;
    color: #FFF;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #252C38;
    background-image: none;
    border: 1px solid #505762;
    color: #FFF;
}

.btn-primary:active, 
.btn-primary.active {
    background-color: #FD8C02;
    background: -moz-linear-gradient(top,  #FD8C02 0%, #D55107 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD8C02), color-stop(100%,#D55107));
    background: -webkit-linear-gradient(top,  #FD8C02 0%,#D55107 100%);
    background: -o-linear-gradient(top,  #FD8C02 0%,#D55107 100%);
    background: -ms-linear-gradient(top,  #FD8C02 0%,#D55107 100%);
    background: linear-gradient(to bottom,  #FD8C02 0%,#D55107 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD8C02', endColorstr='#D55107',GradientType=0 );
    border: none;
    color: #FFF;
}

.btn-primary:hover, 
.btn-primary.active:hover,
.btn-primary:focus, 
.btn-primary.active:focus {
    background-color: #D55107;
    background: -moz-linear-gradient(top,  #D55107 0%, #FD8C02 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D55107), color-stop(100%,#FD8C02));
    background: -webkit-linear-gradient(top,  #D55107 0%,#FD8C02 100%);
    background: -o-linear-gradient(top,  #D55107 0%,#FD8C02 100%);
    background: -ms-linear-gradient(top,  #D55107 0%,#FD8C02 100%);
    background: linear-gradient(to bottom,  #D55107 0%,#FD8C02 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D55107', endColorstr='#FD8C02',GradientType=0 );
    border: none;
    color: #FFF;
}

.btn-block,
.btn-block:hover {
    color: #FFF;
}

.panel-footer {
    background-color: #313439;
}

.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #FFF;
}

.panel-success > .panel-heading {
    background-color: #2B87DF;
}

.data {
    color: #D72229;
}

.border {
    border-bottom: 1px solid #BBDEF4;
}

#sessionTime{
    color: #337AB7;
}

hr {
    border-color: #4A525E;
    border-width: 1px;
    margin: 20px 0;
}

.area {
    background-color: #313439;
}

.tragaperras img {
    cursor: pointer;
    max-width: 100px;
    width: 100%;
}

.menu-tragaperras:hover,
.seleccionado {
    border-bottom: 5px solid #000;
}

#sessionTime, 
#sessionTime2{
    padding-right: 20px;
}

.panel-success > .panel-heading {
    background-color: #83B836;
}

.panel-footer {
    background-color: #313439;
}

.panel-success > .panel-heading {
    background-color: #2B87DF;
}

hr {
    border-color: #000;
    border-width: 1px;
    margin: 20px 0;
}

#gamename p.hidden-xs {
    background-color: #3983BE;
}

.linklobby a {
    color: #FFF;
}

.pfooter{
	font-family: inherit;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.1;
	margin: 10px 0;
}

/*mediaqueries.css*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 767px) {
        
    #tablecontainer table, 
    #tablecontainer thead, 
    #tablecontainer tbody, 
    #tablecontainer th, 
    #tablecontainer td, 
    #tablecontainer tr { 
        display: block; 
    }
    
    #tablecontainer thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
     #tablecontainer tr { 
        border: 1px solid #ccc; 
        margin-bottom: 5px;
     }
    
     #tablecontainer td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    
    #tablecontainer td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    
    #tablecontainer td:nth-of-type(1):before,
    #tablecontainer td:nth-of-type(2):before, 
    #tablecontainer td:nth-of-type(3):before, 
    #tablecontainer td:nth-of-type(4):before,
    #tablecontainer td:nth-of-type(5):before,
    #tablecontainer td:nth-of-type(6):before,
    #tablecontainer td:nth-of-type(7):before,
    #tablecontainer td:nth-of-type(8):before,
    #tablecontainer td:nth-of-type(9):before,
    #tablecontainer td:nth-of-type(10):before,
    #tablecontainer td:nth-of-type(11):before,
    #tablecontainer td:nth-of-type(12):before,
    #tablecontainer td:nth-of-type(13):before,
    #tablecontainer td:nth-of-type(14):before,
    #tablecontainer td:nth-of-type(15):before { 
        color: #2C6092;
        text-align: left; 
    }
    
    .btn-info,
    .btn-success,
    .btn-warning {
        padding: 10px;
    }
    
    h1,
    .encabezadofondos,
    .encabezadohome {
        font-size: 1.4rem;
    }
    
    h1 {
        margin: 5px 0;
    }
    
    h2,
    .loginareatitle {
        font-size: 1.2rem;
    }
    
    .promocion h2 {
        font-size: 1.1rem;
    }
    
   .leftalign {
       margin: 0 15px 0 0;
    }

    .rightalign {
        margin: 0 15px 0 90px;
    }
    
    .colborder {
        border: 0;
    }
    
    .lobbytitle {
        font-size: 18px;
    }

    .tragaperras-todas,
    .tragaperras-clasicas,
    .tragaperras-aventuras,
    .tragaperras-novedades {
        background-position: center 5px;
        padding: 30px 0 0 0;
    }
    
    .tragaperras-todas a,
    .tragaperras-clasicas a,
    .tragaperras-aventuras a,
    .tragaperras-novedades a {
        font-size: 11px;
    }
    
    .help strong {
        font-size: 1.2rem;
    }
    
    #loginarea input,
    #e_mail_forgot {
        width: 100%;
    }
	
	.separador{
		margin-left: 3%;
	}

	.fondoverde {
		float: none;
		margin: 0 auto;
		width: 90%;
	}   
    
}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    h1,
    .encabezadofondos,
    .encabezadohome {
        font-size: 1.6rem;
    }
    
    h1 {
        margin: 10px 0;
    }
    
    h2,
    .loginareatitle {
        font-size: 1.3rem;
    }
    
    .promocion h2 {
        font-size: 1.2rem;
    }
    
    .btn-row {
        margin-top: 15px;
    }
        
    p.list-group-item {
      height: 200px;
    }
    
    .panel-heading h4 {
        height: 30px;
    }
    
    .lobbytitle {
        font-size: 14px;
    }
    
    .freebielogo {
        max-width: 210px;
        width: 100%;
    }
    
    .notfound {
         max-width: 300px;
         width: 100%;
    }
     
    .bingoroom {
         height: 265px;
    }
    
    #phonebutton {
        display: none;
    }
    
    .mainmenu li a,
    .helpmenu li a,
    .submenu li a,
    .mainbetmenu div a,
    .login a {
        font-size: 1rem;
    }
    
    .btn-info,
    .btn-success,
    .btn-warning {
        font-weight: bold;
        padding: 10px 15px;
    }
    
    .mainmenu li,
    .helpmenu li,
    .submenu li {
        padding: 0 13px;
    }
    
    .mainmenu li:first-child {
        padding: 0 10px 0 0;
    }
    
    .mainmenu li:last-child {
        padding: 0 0 0 10px;
    }
    
    .leftalign {
        margin: 0 15px 0 0;
    }

    .rightalign {
        margin: 0 15px 0 110px;
    }
    
    .live-container {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    
    .live-casino-games {
        top: 90%;
    }
    
    #gamename p {
        font-size: 14px;
    }

    .tragaperras-todas,
    .tragaperras-clasicas,
    .tragaperras-aventuras,
    .tragaperras-novedades {
        background-position: 10px center;
        padding: 10px 0;
    }
    
    .tragaperras-todas a,
    .tragaperras-clasicas a,
    .tragaperras-aventuras a,
    .tragaperras-novedades a {
        font-size: 14px;
    }
    
    .login {
        width: 25%;
    }   
    
    .help strong {
        font-size: 1rem;
    }

    #e_mail_forgot {
        width: 100%;
    }
    
	
    .separador{
		margin-left: 6%;
	}

	.fondoverde {
		float: none;
		margin: 0 auto;
		width: 90%;
	}    
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    p.list-group-item {
        height: 150px;
    }

    .lobbytitle {
        font-size: 14px;
    }    

    #popupContent .container {
        width: 100%;
    }
   
   .reveal-modal {
        margin-left: -37%;
        width: 74%;
    }
    
    .mainmenu li a,
    .helpmenu li a,
    .submenu li a,
    .mainbetmenu div a,
    .login a {
        font-size: 1rem;
    }
    
    h1,
    .encabezadofondos,
    .encabezadohome {
        font-size: 2rem;
    }
    h1 {
        margin: 25px 0;
    }
    
    h2,
    .loginareatitle {
        font-size: 1.4rem;
    }
    
    .promocion h2 {
        font-size: 1.3rem;
    }    
    
    .btn-info,
    .btn-success,
    .btn-warning {
        font-weight: bold;
        padding: 10px 50px;
    }
    
    .mainmenu li,
    .helpmenu li,
    .submenu li {
        padding: 0 35px;
    }

    .mainmenu li:first-child {
        padding: 0 32px 0 0;
    }
    
    .mainmenu li:last-child {
        padding: 0 0 0 32px;
    }
         
    .colborder {
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
    
    .live-container {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    
    .live-casino-games {
        top: 100%;
    }
    
    #gamename p {
        font-size: 18px;
    }  
    
    .tragaperras-todas,
    .tragaperras-clasicas,
    .tragaperras-aventuras,
    .tragaperras-novedades {
        background-position: 25px center;
        padding: 10px 0;
    }   
    
    .login {
        width: 15%;
    }         

    .help strong {
        font-size: 1rem;
    }
    
    #e_mail_forgot {
        width: 100%;
		background-color:#D8DEE5;
    }
	
    .separador{
		margin-left: 10%;
	} 

	.fondoverde {
		float: none;
		margin: 0 auto;
		width: 90%;
	}   
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   
   #popupContent h1 {
       margin-top: 25px;
   }
   
   p.list-group-item {
      height: 150px;
   }
   
   .lobbytitle {
        font-size: 18px;
    }  
   
   .btn-infolobby {
       padding: 5px;
   }
   
   .mainmenu li,
   .helpmenu li,
   .submenu li {
        padding: 0 55px;
    }

    .mainmenu li:first-child {
        padding: 0 52px 0 0;
    }
    
    .mainmenu li:last-child {
        padding: 0 0 0 52px;
    }
    
    .leftalign {
        margin: 25px 15px 0 0;
    }

    .rightalign {
        margin: 15px 15px 0 110px;
    }
    
    .colborder {
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
    
    .live-container {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    
    .live-casino-games {
        top: 100%;
    }
    
    .login {
        width: 15%;
    }        

    .help strong {
        font-size: 1.2rem;
    }
    
    #e_mail_forgot {
        width: 100%;
		background-color:#D8DEE5;
    }
    
	
	.separador{
		margin-left: 10%;
	}

	.fondoverde {
		float: right;
		margin: 0;
		width: 60%;
	} 
	
}

/*For My Account page and Deposit Popup*/

@media (max-width: 360px) {
    
    .myaccounticon {
        height: 100px;
    }
    
    .fundname {
        display: none;
    }
   
}

@media (min-width: 361px) {
    
    .myaccounticon {
        height: 125px;
    }
    
    .fundname {
        display: block;
    }

}

/*common-layout.css*/
* {
    outline: none !important;
}

@font-face {
    font-family:'FuturaSTDMedium';
    src: url("/css/fonts/FuturaStd-Medium.eot");
    src: url("/css/fonts/FuturaStd-Medium.eot?#iefix") format('embedded-opentype'),
	url("/css/fonts/FuturaStd-Medium.woff") format('woff'),
	url("/css/fonts/FuturaStd-Medium.ttf") format('truetype'),
	url("/css/fonts/FuturaStd-Medium.svg#FuturaSTDMedium") format('svg');
    font-weight: normal;
    font-style: normal;
}
    
@font-face {
    font-family:'FuturaSTDBold';
    src: url("/css/fonts/FuturaStd-Bold.eot");
    src: url("/css/fonts/FuturaStd-Bold.eot?#iefix") format('embedded-opentype'),
	url("/css/fonts/FuturaStd-Bold.woff") format('woff'),
	url("/css/fonts/FuturaStd-Bold.ttf") format('truetype'),
	url("/css/fonts/FuturaStd-Bold.svg#FuturaSTDBold") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'FuturaSTDHeavy';
    src: url("/css/fonts/FuturaStd-Heavy.eot");
    src: url("/css/fonts/FuturaStd-Heavy.eot?#iefix") format('embedded-opentype'),
		url("/css/fonts/FuturaStd-Heavy.woff") format('woff'),
		url("/css/fonts/FuturaStd-Heavy.ttf") format('truetype'),
		url("/css/fonts/FuturaStd-Heavy.svg#FuturaSTDHeavy") format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    background-color: #FFF;
    font-size: 14px;
    font-weight: normal;
    font-family: "FuturaStdMedium",Arial,sans-serif;
    height: 100%;
}
/*
body {
    background-image:url(/img/layout/bkg-premier.jpg);
    background-position: center top;
    background-repeat: repeat-y;
}
*/
section {
    margin: 10px 0;
    min-height: 100%;
}

section:after {
    content: "";
    display: block;
}

a {
    cursor: pointer;
    outline: none;
}

th,
td {
    text-align: center;
}

small {
    font-weight: bold;
}

h1,
.encabezadohome {
    text-align: center;
}

.encabezadohome {
    margin: 25px 0;
}

h2,
h5,
h6,
.loginareatitle {
    margin: 10px 0;
}

h3 {
	font-size: 18px;
	margin: 10px;
	overflow: hidden;
	text-overflow: ellipsis; 
	white-space: nowrap; 
}

h4 {
    font-size: 18px;
    margin: 10px 15px 0 10px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

.encabezadofondos {
    color: #FFF;
    font-family: FuturaSTDBold;
    margin: 25px 0;
    text-align: left;
}

.encabezadohome {
    color: #000;
    font-family: FuturaSTDBold;
}

table {
    margin: 10px 0;
}

.main-header,
#bannerContainer,
.grey,
footer,
.slotcontent,
nav,
.slotimage,
.homecontent,
.promohome {
	margin: 0 auto;
	max-width: 1800px;
	width: 100%;
}

.homecontent {
    background-image: url(/img/home/bkg-homecontent.jpg);
    background-position: center center;
    background-repeat: repeat-y;
    display: table;
    padding: 0;
}

#homemenulobby {
    margin: 25px auto 100px auto;
}

.promohome div {
    float: left;
    width: 33.33%;
}

.slotimage img {
	width: 100%;
}

.main-header {
    background-color: #00ACDE;
}

.main-header a,
.main-header strong,
.main-header span,
.main-header li {
    color: #FFF;
}

nav {
    background-color: #008DBC;
}

nav a,
.login a {
    color: #FFF;
}

nav a,
.login a,
.loginareatitle,
#loginarea a,
.help a,
.help strong,
#mobile-main-menu li a {
    font-family: "FuturaSTDBold";
}

.fixedmenu {
    position: fixed;
    top: 0;
    z-index: 100;
}

#cookiesInfo p,
#cookiesInfo a,
.btn-cookies {
    color: #FFF;
    font-family: "FuturaSTDHeavy";

}



footer h3,
footer li a {
    color: #000;
}

footer li a:hover {
    color: #999;
    text-decoration: underline;
}

.main-logo-desktop,
.main-logo-mobile {
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: 20px;
    text-decoration: none;
}

.main-logo-desktop {
    height: 38px;
    width: 246px;
}

.main-logo-mobile {
    height: 30px;
    margin: 10px 0;
    width: 163px;
}

.login {
    float: right;
    margin: 0;
    padding: 35px 0;
    text-align: center;
}

.orange {
    background-color: #E59B07;
}

.white {
    background-color: #F0F0F0;
}

.white a {
    color: #00AADB !important;
}

.grey {
    background-color: #D8DEE5;
}

.margin {
    margin: 50px auto;    
}

#loginarea {
    background-color: #F0F0F0;
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 90px;
    z-index: 500;
}

.closeloginarea {
    padding: 20px;
    text-align: right;
}

.closeloginarea a {
    color: #000 !important;
    font-size: 1.8rem;
}

#loginarea a {
    color: #62A6DB;
}

#bannerContainer {
    background-color: #000;
    display: table;
}

#mobile-main-menu {
    background-color: #F9F9F9;
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 51;
}

#mobile-main-menu li {
    list-style-type: none;
    padding: 25px 0;
    text-align: center;
}

#mobile-main-menu li a {
    color: #000;
    font-size: 1.1rem;
    font-weight: bold;
}

.registermobile {
    background-color: #FC9C00;
}

.sessionmobile {
    background-color: #00ACDE;
}

.registermobile a,
.sessionmobile a {
    color: #FFF !important;
}

.usericon {
    background-image: url(/img/layout/user-icon.jpg);
    background-repeat: no-repeat;
    padding: 0 40px 5px 40px;
}

.myaccount-top-items {
    list-style: none;
    margin: 10px 0 0 0;
}

.menu-top-items li a:hover {
    text-decoration: underline;
}

.myaccount-top-items li {
    float: right;
    padding: 0 0 0 25px;
}

.myaccount-top-items li a:hover {
    text-decoration: underline;
}

.mainmenu,
.helpmenu,
.submenu {
    list-style-type: none;
}

.mainmenu {
    margin: 10px auto;
    padding: 0;
}

.submenu {
    padding: 5px 0;
}

.helpmenu {
    float: right;
    margin: 35px 0;
}

.mainmenu li,
.helpmenu li,
.submenu li {
    display: inline;
}

.mainbetmenu div {
    float: left;
    margin: 10px 0;
    width: 25%;
}

.submenucontainer {
    background-color: rgba(122, 28, 54, 0.75);
    text-align: center;
    width: 100%;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer ul li {
    list-style-type: none;
    margin: 10px 0;
}

footer h3 {
    font-size: 15px;
    text-transform: none;
}

footer big {
    font-size: 20px;
}

.help,
.payment,
.channels {
    width: 100%;
}

.help {
    background-color: #FFF ;
    color: #5D5D5D ;
    padding: 10px 0;    
}

.help a,
.help strong {
    color: #00AADB;
}

.help a:hover {
    text-decoration: underline; 
}

.help i {
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    float: left;
    height: 36px;
    width: 36px;
}

.help div.text-center {
    margin: 10px 0;
}

#infoicon {
    background-image: url(/img/footer/icon-info.png);
}

#emailicon {
    background-image: url(/img/footer/icon-email.png);
}

.channels,
.social {
    background-color: #F3F3F3;
    color: #000;
}

.social h3 {
    margin: 25px 40px 0 0;
}

.payment {
    background-color: #FFF;    
    padding: 50px 0;
}

.channels {
    padding: 30px 0;
}

.channels p {
    margin-top: 25px;
}

.channels a[target="_blank"] img {
    margin: 5px;
    width: 36px;
}

img[src="/img/footer/mediaset.png"] {
    margin-bottom: 15px;
    width: 260px;
}

.icons {
    margin: 10px 0;
    padding: 10px 0;
}

.icons img {
    width: 90%;
}

.fullwidth {
    height: auto;
    width: 100%;
}

.panel-success > .panel-heading {
    background-image: none;
    border-color: transparent;
}

#myTab > li > a, 
#myTab > li > a:hover, 
#myTab > li > a:focus {
    border-style: solid;
    border-width: 1px 1px 0 1px;
}

.lobby .imagen {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.lobby .imagen img {
    width: 100%;
}

.promolobby,
.headerspecials,
.specials {
    min-width: 100px;
    height: auto;
    width: 90%;
}

.headerspecials,
.specials {
    margin-bottom: 25px;
}

.promolobby {
    width: 100%;
}

.headerspecials {
    max-width: 381px;
}

.specials {
    max-width: 250px;
}

.modal-backdrop {
    z-index: 200;
}

.alert-danger {
    margin-top: 5px;
}

.alert-validation {
     padding: 5px;
}

.panel {
    box-shadow: none;
    border-radius: none;
}

.panel-body {
    padding: 0;
}

.panel-body p,
.panel-body li {
    color: #4E545E;
}

.panel-group .panel-heading + .panel-collapse > 
.panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0;
}

.panel-primary {
    border: none;
}

.panel-primary > .panel-heading {
    padding: 2px;
}

.jump {
    height: 25px;
}

.monthlyimg {
    max-width: 970px;
    width: 100%;
}
   
#faq #accordion {
    width: 100% !important;
}

#faq .panel-default {
    background-color: transparent !important;
    border: none !important;
}

#faq .panel {
    box-shadow: none !important;
}

#faq .panel-body {
    padding: 15px !important;
}

#faq .panel-default > .panel-heading {
    background-color: transparent !important;
    background-image: none !important;
    padding: 10px 0 !important;
}

.freebielogo {
    max-width: 210px;
    width: 50%;
}
 
.notfound {
    max-width: 150px;
    width: 100%;
}

.panel,
.list-group-item {
    border: none;
}

.padlock {
    background-image: url(/img/unlock/candado.png);
    background-repeat: no-repeat;
    display: none;
    height: 40px;
    position: absolute;
    right: 10%;
    top: 52%;
    width: 40px;
}

.panel-success > .panel-heading {
    background-image: none;
    border-color: transparent;
}

.panel-group .panel,
.panel {
    border-radius: 0;
}

.help-icon {
    height: 24px;
    left: -10px;
    position: relative;
    top: -2px;
    width: 24px;
}

.logo {
    background-position: center center;
    background-repeat: no-repeat;
    height: 120px;
    width: 110px;
}

.border,
.no-border {
    margin: 0 2%;
    padding: 10px;
    width: 96%;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.carousel-control {
    font-size: 50px;
    top: 40%;
}

.carousel-control.left {
    left: -9%;
}

.carousel-control.right {
    right: -9%;
}

#termsandconditions{
    height: 30%;
}

#aceppttermsandconditions{
    height: 10%;
}

.forgot {
    line-height: 0.8rem;
    margin: 0 105px 0 0;
    padding: 0;
}

.forgot a:hover {
    text-decoration: underline;
}

.no-border {
    border: 0;
}

.area {
    padding: 25px;
}

.main-logo-desktop,
.main-logo-mobile {
    background-image: url("/casino/img/layout/logotipo.png");
}

.panel-title,
.panel-default > .panel-heading {
    background-color: transparent;
    background-image: none;
    cursor: pointer;
}

.panel-heading {
    margin: 0 10px;
}

.carousel-indicators {
    bottom: -35px;
}

.carousel-indicators li {
    border-color: #000;
}

.promocion {
    margin: 10px 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.promocion img {
    transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
    width: 100%;
}

.promocion img:hover {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.promocion h2 {
    font-weight: bold;
}

.ruletas {
    background-color: #FFF;
    display: table;
    margin: 20px 0;
}

.ruletas div {
    padding: 0;
}

.ruletas h2,
.ruletas a {
    font-family: "FuturaSTDBold";
    margin: 20px;
}

.ruletas p {
    font-family: "FuturaSTDMedium";
    margin: 20px;
    width: 90%;
}

/*Live Box ruletas en vivo sobre banner*/

#livebox {
    position: relative;
}

.live-casino-games {
    display: table;
    position: absolute;
    right: 0;
    z-index: 999;
}

.live-casino-games .live-container {
    background: transparent url("/casino/img/layout/background.png") no-repeat scroll 0px 0px;
    height: 167px;
    overflow: hidden;
    width: 167px;
}       
  
.live-casino-games .live-container p.title {
    color: #9098AD;
    float: left;
    font: 15px "FuturaStdMedium",Arial,sans-serif;    
    margin: 0px 20%;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 60%;
}       
    
.live-casino-games .live-container ul.live-games {
    float: left;
    height: 78px;
    margin: 10px 10%;
    width: 80%;
}
    
.live-casino-games .live-container ul li {
    background: transparent url("/casino/img/layout/arrows.png") no-repeat scroll right 3px;
    border-bottom: 1px solid #363B46;
    cursor: pointer;
    font: 13px "FuturaStdMedium",Arial,sans-serif;    
    height: 26px;
    padding-top: 6px;
    text-transform: uppercase;
}

.live-casino-games .live-container ul li:hover {
    background-position: right -38px;
}   

.live-casino-games .live-container ul li:hover a {
    color: #900;
}

.live-casino-games .live-container ul li a {
    color: #FFF;
}       

.live-casino-games .live-container ul li:last-child {
    border-bottom: medium none;
}   

.list-unstyled {
    list-style: outside none none;
}
        
.live-casino-games .live-container p.live-icon {
    float: left;
    margin: 0px 48px;
    width: 70px;
}       
    
.live-casino-games .live-container p.live-icon span {
    background-color: #900;
    float: left;
    font: 11px "FuturaStdMedium",Arial,sans-serif;
    height: 21px;
    padding: 4px 7px 0px 0px;
    text-align: right;
    text-transform: uppercase;
}
        
.live-casino-games .live-container p.live-icon img {
    float: left;
}
        
.live-casino-games img {
    vertical-align: middle;
}
              
.live-casino-games * {
    box-sizing: border-box;
}
    
.list-unstyled {
    padding-left: 0px;
    list-style: outside none none;
}

#gamename {
    left: 20px;
    position: absolute;
    top: 5px;
}

#gamename p {
    color: #FFF;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
}

#gamename p.hidden-xs {
    background-color: #5D6F80;
}

.gamemargin {
    margin: 0 0 25px 0;
    width: 100%;
}

.gameinfo h1,
.gameinfo h2,
.gameinfo h3 {
    font-family: "FuturaSTDBold";
}

.gameinfo h1,
.gameinfo h2 {
    text-align: center;
}

.gameinfo h1 {
    font-size: 3rem;
}

.gameinfo h2 {
    font-size: 2rem;
    margin: 25px 0 75px 0;
}

.gameinfo h3,
.gameinfo p,
.gameinfo .panel {
    font-size: 1.2rem;
    margin: 25px 0;
}

.gameinfo .panel {
	background-color: transparent;
}

.gameinfo li {
    font-size: 1.2rem;
}

#terminos li,
#terminos p {
    font-size: 1rem;
}

.slotcontent {
    background-color: #EBF7F6;
}

.slotcontent .boton {
    margin: -25px 0 50px 0;
    text-align: center;
}

.centerimg {
    text-align: center;
}


/*button.css*/
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-info,
.btn-info:hover,
.btn-info:focus {
    background-image: none;
    border: none;
    color: #FFF;
    margin: 10px 0;
    text-shadow: none;
}

.btn-warning {
    background-color: #E59B07;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #F9A90A;
}

.btn-info {
    background-color: #15212D;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #273B50;
}

.btn-warning,
.btn-info,
.btn-success {
    font-size: 12px;
    font-size: 1.2rem;
}

.ruletas .btn-warning {
    font-family: "FuturaSTDMedium";
    margin: 20px;
    padding: 25px;    
    width: 90%;
}

.btn-infolobby {
    font-size: 10px;
    font-size: 1rem;
}

.linklobby {
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    bottom: 0;
    height: 100%;
	opacity: 0;
    padding: 35px 0 0 0;
    position: absolute;
    text-align: center;
    transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    width: 100%;
}

.linklobby:hover {
    background-color: rgba(0,0,0,0.5);    
    bottom: 0;
	opacity: 1;
	padding:  35px 0 0 0;
    position: absolute;
    text-align: center;
    transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    width: 100%;
}

.linklobby .btn-warning {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 7% 0;
    position: absolute;
    width: 100%;
}

.btn-danger,
.btn-warning,
.btn-info,
.btn-infolobby,
.btn-success {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-header {
    float: right;
}

.gradient {
    width: 100%;
}

.btn-block,
.btn-block:hover {
    font-weight: bold;
    margin: 1% !important;
    padding-top: 60px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger {
    padding: 10px;    
}

#cookiesInfo{
    background-color: #DFB96C;
    bottom: 0;
    display: none;
    padding: 15px 0;
    position: fixed;
    width: 100%;
    z-index: 1030;
}

#cookiesInfo a {
    text-decoration: underline;
}

.btn-cookies {
    background-color: transparent;
    border: 2px solid #FFF;
    padding: 15px 30%;
}

.btn-cookies:hover {
    background-color: #E59B07;
    border: 2px solid #E59B07;
}

#mobile-menu-button {
    background: transparent;
    border: none;
    font-weight: normal;
    margin-top: 10px;
}

#mobile-menu-button span {
    font-size: 22px;
}

.masinfo {
    position: relative;
}

.lobbyButton {
    bottom: 0;
    display: none;
    margin: 0 0 0 -15px;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.lobbyButton .btn-warning {
    width: 100%;
}





.jugarhome,
.jugarhomenoche {
    border: 1px solid #FFF;
    color: #FFF;
    float: left;
    padding: 20px;
    text-align: center;
}

.jugarhome {
 width: 50%;
}

.jugarhomenoche {
 width: 33.3%;
}

.jugarhome:hover,
.jugarhomenoche:hover {
    background-color: #E59B07;
    border: none;
    color: #FFF;
    text-decoration: none;
}



a,
a:link,
a:focus,
a:visited,
a:hover,
a:active  { 
	outline: none;
	
 }
 
 .jugarhome:focus{
	 color: #FFF;
	 text-decoration: none;
 }

 
  #lastSlotSessionInfo{
         position:absolute;
         width: 80%;
         top: 10%;
         left: 10%;
         padding: 5%;
		     z-index: 2000;
 }