@font-face {
  font-family: "gomarice_rocks";
  src: url(../fonts/gomarice_rocks.ttf) format("truetype");
}
@font-face {
  font-family: "BRLNSB";
  src: url(../fonts/BRLNSB.ttf) format("truetype");
}
@font-face {
  font-family: "BRLNSDB";
  src: url(../fonts/BRLNSDB.ttf) format("truetype");
}

@media screen and (orientation:portrait) { 
     
   
    
    #avisoPortrait{
        display: block;
        font-size: 25px;
        text-align: center;
        line-height: 70px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*No es necesario*/
        background: #ef4c4c;
        padding: 15px;
        color: #fff;
        z-index: 99;
    }     
}
@media screen and (orientation:landscape) { 
    
    
    #avisoPortrait{
        /*display: none;*/
    }
}

/* pantallas con touchpad*/
@media (pointer:coarse) {
    
    
        #joystick{
            display: inline-block;
	}     
}
/* pcs*/
@media (pointer:fine) {
    
        #joystick{ /*JORDI poner en none*/
            display: inline-block;
	}    
}

body:fullscreen {
  overflow: scroll !important;
}
body:-ms-fullscreen {
  overflow: scroll !important;
}
body:-webkit-full-screen {
  overflow: scroll !important;
}
body:-moz-full-screen {
  overflow: scroll !important;
}

#device {
  margin: 10px;
  border: 1px solid black;
  border-radius: 10px;
}



#joyDiv
{
	width:200px;
	height:200px;
	margin:50px;
        position:fixed;
        bottom:30px;
        left:30px;
        z-index: 99;
        opacity: 50%;
        
}
body{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#left_info{
    float: left;
    width: 100%;
}
/*
header{
    position: absolute;
}

header .menu{4
    float:left;
    width: 120px;
    display: block;
}

header .menu a, header .menu h1{
    color:#bbbbbb;
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 50px;
}
header .menu a:hover{
    color:blue;
}
*/

form.inline label,
form.inline input {
    float: left;
    padding: 0.5rem;
    display: block;
}
footer, .footer {
    min-height: 80px;
    background-color: #130905;
    /*background: red;*/
    height: 100%;
}

header {
    height: 80px;
    /*background: red;*/
}
header .logo{
    float: left;
    width: 400px;
    height: 80px;
    /*background: blue;*/
}
header .login{
    float: left;
    width: 560px;
    height: 80px;
    /*background: blue;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px 0;
}
header form.inline label,
header form.inline input {
    width: auto;
    height: 21px;
    border: none;
    background: none;
    box-shadow: none;
    line-height: 21px;
    padding: 5px;
    margin: 0;
    font-size: 14px;
    font-family: Arial;
}
header form.inline input {
    width: auto;
    height: 21px;
    border: 1px solid #212121;
    padding: 5px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    display: block;
}
.page .left {
    float: left;
    /*background: red;*/
    width: 52%;
    height: 200px;
}
.page .right {
    float: left;
    /*background: blue;*/
    width: 48%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 5px;
}
.page .right input{
    margin: 0;
    box-shadow: 0;
    background: none;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 5px;
}
.page .right input.top{
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}
.page .right input.bottom{
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.inputreplace{
    /*padding-top: 11px;*/
}

.midropdown-menu:before {
    border-bottom: 7px solid #FFFFFF;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    top: -6px;
    left:30px;
}
.midropdown-menu {
    margin-right: 40px;
    min-width: 150px;
    display: block;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    margin-top: 1px;
    background-color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    left: 0;
    list-style: none outside none;
    margin: 0;
    max-width: 300px;
    position: absolute;
    top: 120%;
    z-index: 1000;
}
.midropdown-menu li{
    line-height: 20px;
}
.midropdown-menu a {
    border-radius: 3px 3px 3px 3px;
    clear: both;
    color: #1296D6;
    display: block;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    overflow: hidden;
    padding: 6px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
.midropdown-menu a:hover{
    color:#444444;
    background-color: rgba(133,200,233,0.6);
    text-decoration: none;
}
.dropdow-shop{
    right: 0px;
    left: auto;
    top:70px;
    width: 300px;
    
}
.dropdow-shop:before{
    left:160px;
}
.dropdow-option{
    right: 0px;
    left: auto;
    top:70px;
}
.dropdow-option:before{
    left:100px;
}



.menuon{
    color:blue !important;
}
#menuInfo{
    right: 10px;
    top: 40px;
}

#divlogin, #divregistro{
    width: 300px;
    float: left;
    padding: 10px;
}
.separator {
	clear: both;
}



.special #modal-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#333333;
    background: url(../images/gay_background2.png) no-repeat top center fixed; 
    -webkit-background-size: 100% 100%;  /*cover*/
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    /*background-color: white;
    opacity: .50;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);*/
    z-index: 1000;
}

.special #modal-content, .special .modal-content {
    background-color: white;
    /*
    border: 5px solid #333333;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;*/
    box-shadow:none;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
    border:none;
    display: none;
    height: 240px;
    left: 50%;
    margin: -120px 0 0 -160px;
    padding: 10px;
    position: fixed;
    top: 50%;
    width: 320px;
    z-index: 1000;
    
}

/*.modal-content{
    
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    transition: all 1000ms linear;
    -moz-opacity: 0;
    opacity: 0;
    display: none;
}
.modal-content.active {
    display: block;
    -moz-opacity: 1;
    opacity: 1;
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}*/

#modal-background.active, #modal-content.active ,.modal-content.active {
    display: block;
}

#modal-background.sinBackground {
    display: none;
}

.special .modal-content.form_tipo_Info{
    padding: 0px;
    
    width: 540px !important;
    height: 340px !important;
    margin: -170px 0 0 -270px;
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1250px -390px transparent !important;
    /*background: transparent url('../images/form_background_info.png') no-repeat center;*/
}
.special .modal-content.form_tipo_Win,.special .modal-content.form_tipo_NOWin{
    padding: 0px;
    width:700px !important;
    height: 440px !important;
    margin: -220px 0 0 -350px;
    background: transparent url('../images/form_background_win.gif') no-repeat center;
}
.special .modal-content.form_tipo_NOWin{
    background: transparent url('../images/form_background_winNO.png') no-repeat center;
}
.special .modal-content.form_tipo_Premio{
    padding: 0px;
    
    width:540px !important;
    height: 460px !important;
    margin: -230px 0 0 -270px;
    background: transparent url('../images/form_background_Premio.gif') no-repeat center;
}
.special .modal-content.form_tipo_Premio .div-centrado-porcentual{
    width: 600px;
}
#TABLERO{
    position: relative;
    border: solid  thin black;
    background-color: black;
    display: block;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    /*background-image: url('../images/tiles/hierba.png');*/

}
#page, #pageSettings{
    /*height:625px; estan en razon aurea*/
    display: block;
    /*background-color: black;*/
    margin: 0 auto;
    position: relative;
}
#pageSettings{
    width: 1000px;
}

.cap{
    border: solid thin black;
    -webkit-box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
    box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
    text-align: center;
    font-weight: bold;
    color: black;
    font-family: Verdana;
    z-index: 5;
}

.capshop{
    -webkit-box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
    box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
    text-align: center;
    font-weight: bold;
    color: black;
    z-index: 5;
    position: relative;
    margin: auto;
}

 .otherusercap, .usercap, .imgcap.special{
        /*width: 40px ;
        height: 40px;*/
        border: solid thin  black;
        border-width: 3px;
        position: absolute;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
        box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
        box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        z-index: 5;
}
.usercap{
    z-index: 7;
}
.usercap.red, .otherusercap.red, .usercap.red .imgcap{
    border-color: red;
}
.usercap.blue, .otherusercap.blue, .usercap.blue .imgcap{
    border-color: blue;
}

#selectBox,#selectCap{
    padding:2px 30px;
    min-height: 40px;
}

.capentienda{
    /*width: 50px ! important; 
    height:50px ! important; */
    position:relative;
    float:left;  
    
   /*border: solid thin black;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
    box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);*/
}
.vida{
    font-size: 9px;
    position: relative;
    width:40px;
    margin:0 auto;
    color: black;
    text-align: center;
    border: solid thin white;
    height: 5px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
        
}
.infovida{
    font-size: 9px;
    line-height: 14px;
    display: none;
    text-align: center;
    font-weight: bold;
    color: black;
    font-family: Verdana;
    background-image: url('../images/barravida.png');
    background-size: 100% 100%;
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    margin-top: -14px;
}
.infovida .vidanum{
    display: inline-block;
    color: white;
}
.vida .barravida{
    background-color: #3399FF;
    height: 100%;
}
.ballinfo{
    display: none;
    color: red;
}
.blue{
        background-color: blue;
        cursor: pointer;
}
.red{
        background-color: red;
}
.point{
        background-color: orange;
        width: 50px;
        height:50px;
        position: absolute;
        z-index: 20;
        border-radius:25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;
        display: none;
        background-image: url('../images/mano.png');
        background-size:50px;
}

#line, #lineshoot, .lineshootcap{
        width: 100px;
        height: 2px;
        /*dE MOMENTO DEJO LA LINEA OCULTA*/
        border-top: dotted  thin orange;
        border-top-width: 5px;
        position: absolute;
        /*background-color: orange;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
        display: none;
        z-index: 10;
        transform-origin: 0% 0%;/*transformacion en centro de parte izq*/
        -ms-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
}
#lineshoot{
        border-top: dotted  thin white;
        border-top-width: 5px;
                
        
}
.lineshootcap{
    opacity: 0.5;
    filter: alpha(opacity=50);
    top: 50%;
    left: 50%;
    z-index: 5;
}
.BALL{
    position: absolute; 
}           
.AUREABALL{width: 100px; height: 100px;display: none; position: absolute; background-color: peachpuff;display: block;
                border-radius:100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; z-index: 0;  
            opacity: 0.4;
            filter: alpha(opacity=40);
                
}
.AUREAEXPLOSIVE{
        display: none; 
        position: absolute; 
        border-radius:100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; 
        z-index: 3;  
        opacity: 0.5;
        filter: alpha(opacity=50);
        background: url('../images/objects/Explosion.gif') no-repeat center;
}
.AUREASHIELD{
    display: none; 
    position: absolute; 
    opacity: 0.4;
    z-index: 2;
    filter: alpha(opacity=50);
    border: dotted  thick yellow;
}

.AUREATORRE{
        display: none; 
        position: absolute; 
        z-index: 2;  
        opacity: 0.4;
        filter: alpha(opacity=40);
        border:3px solid;
        
}

.userball{
    cursor: crosshair;
    /*-moz-transform:rotate(45deg);*/
    -moz-transform-origin:20px 70px;  /*20 la mitad del width de user*/

    /*transform:rotate(45deg);*/
    transform-origin:20px 70px;                          

    /*-ms-transform:rotate(45deg);*/
    -ms-transform-origin:20px 70px;                                

    /*-webkit-transform:rotate(45deg);*/
    -webkit-transform-origin:20px 70px;   
    z-index: 6;

    /*display:none;*/
}

.stone{
    position: absolute;
}

.base{
    position: absolute;
    border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
    background-image: url('../images/objects/castle.png');
}
.base .nombre{
font-size: 12px;
left: 63px;
position: absolute;
text-align: center;
top: 54px;
width: 101px;
}

.bandera{
    position: absolute;
    /*border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;*/
    /*border: 2px solid yellow;*/
    background-image: url('../images/objects/flat.png');
    z-index: 10;
    
}

.banderabase{
  position: absolute;  
  z-index: 10;
  background-size: 60px auto;
  height: 46px;
  /*left: 105px;
  top: -10px;*/
  left:51%;
  top:-4%;
  width: 60px;
}
.banderacap{
  position: absolute;  
  z-index: 10;
  background-size: 60px auto;
  height: 46px;
  width: 60px;
}

.banderateam_red{
    background-image: url('../images/objects/red-flag-animada.gif');  
}
.banderateam_blue{
    background-image: url('../images/objects/blue-flag-animada.gif');
}

.objectGetBandera{
    display: none;
}
.objectLostBandera{
    display: block;
}

.borde{
    background-color: #bbbbbb;
    position: absolute;
    /*border: solid  thin orange;*/
}
.info{
    position: absolute;
    display: none;
    font-size: 9px;
    z-index: 10;  
    
}

.separator{
    clear:both;
}

.dragtile{
    cursor: move;
    border: 1px solid #8899BB;
    height: 50px;
    width: 50px;
    z-index:3;
    /*position: absolute;*/
    
}
.dragtile.inmap{
    margin:10px;
}

.dragcap,.dragmochila,.dragstone{
    cursor: move;
    z-index: 7;
}

.dragstone {
    /*cursor: move;
    background: none repeat scroll 0 0 ;
    border: 1px solid #8899BB;
    height: 58px;
    line-height: 58px;
    width: 58px;
    z-index: 5;*/
}
.dropped {
    background-color: #EEBBCC;
    border-color: #BB8899;
}

/*input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  -moz-box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
  width: 100%;
}*/
h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: "Lato","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 2rem;
  margin-top: 3rem;
  text-rendering: optimizelegibility;
}
h1 {
    font-size: 2.75rem;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
}

#LOGREG{
    width:700px;
    margin:0 auto;
    
}
.estantetieda{
    width: 100%;
    float: left;
    padding: 0 15px;
}
#ajax_loader{
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.error p {
    color: #FF0000;
    font-size: 13px;
    font-style: italic;
    padding:10px;
    text-align: center;
}

.selectObject{
    min-height: 100px;
    width: 100%;
    
}
.titleSelect{
    width: 90%;
    text-align: center;
    margin-top: -43px;
    font-family: 'gomarice_rocks';
    font-size: 19px;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}

.objectid{
    display: none;
}

#noimage{
    background-image: url('../images/transparent.gif');
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    z-index: 7;
    position: absolute;
}

.currentcap{
    border-color: yellow !important;
}

.kickoutofrange{
    border:2px solid red;
    opacity: 0.6;
    
}

#msgyoushoot{
    
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -115px;
    margin-left: -320px;
    width: 640px;
    height: 230px;
    line-height: 100px;
    z-index: 100;
    display: none;    
   /*
   border: 2px solid black;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;*/
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 31px;
   font-family: gomarice_rocks, serif;
   text-decoration: none;
   vertical-align: middle;
   text-align: center;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  
  line-height: 300px;
  background: url("../images/MAPA_IMAGES.png") no-repeat scroll 0px -780px transparent !important;
}

#linetimes{
    position: fixed;
    bottom: 0px;
    text-align: center;
    width: 100%;
    z-index: 5;   
}

#linetimeturn, #linetimematch{
    /*border: 2px solid black;*/
    margin: 0 auto;
    position: relative;
    width: 1052px;
    height: 26px;
    display: block;
    z-index: 5;
    background: url("../images/linetime.png") no-repeat transparent;
    background-size: 100% 23px;
    
}
#linetime_deco{
    z-index: 6;
    margin: 0 auto;
    position: relative;
    width: 1052px;
    display: block;
}

#linetime_deco #deco_clock{
    position: absolute;
    top: -20px;
    left: 0px; 
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1060px -250px transparent !important;
    width:63px;
    height: 81px;
    
}
#linetime_deco #deco_players{
    position: absolute;
    top: 17px;
    left: 992px; 
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1060px -200px transparent !important;
    width:80px;
    height: 39px;    
}
#linetime_deco #deco_change{
    position: absolute;
    top: -15px;
    left: 992px; 
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1160px -200px transparent !important;
    width:80px;
    height: 39px;
    
}

#linetimeturn .barra, #linetimematch .barra{
    position: absolute;
    top: 3px;
    opacity: .70;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    background-color: yellow;
    width: 100%;
    height: 17px;
    margin-left: 10px;
    
}

#board-map {
    border: 2px solid black;
    background-image: url('../images/opacity80.png');
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 75px;
    z-index: 5;
    display: none;
    
}
#board-map .minicap-player {
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%;
    
}

#helpmsg_InTraining{
    position: fixed;
    bottom: 0px;
    left: 200px;
    width: 80%;
    height: 100px;
    z-index: 5;
    display: none;
    font-family: 'BRLNSDB' ;
    font-size: 45px; 
    border: none;
    color:#ffffff;
    text-shadow: 3px 3px 0 #00611C, -1px -1px 0 #00611C, 1px -1px 0 #00611C, -1px 1px 0 #00611C,  1px 1px 0 #00611C !important;
    
}

#msgHelpInGame{
    /*background: url("../images/form_background_help.png") no-repeat scroll left top transparent !important;*/
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1250px 0px transparent !important;
    content: "";
    position: fixed;
    /*top: 270px;*/
    
    width:700px;
    text-align: center;
    z-index:1100;
    display: block;
    margin: 0 auto;
    margin: -205px 0 0 -350px;
    top: 50%;
    left: 50%;
    /*right:10px;
    bottom: 20px;
    left: 0px;*/
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: none;
    font-size: 31px !important;
    height: 410px;
}

#msgHelpInGame #buttonClose{
    right: 25px;
}

.txtHelpTraning{
    position: absolute;
    left: 63px;
    width: 500px;
    top: 80px;
    font-size: 23px;
}
.imgHelpNarrador{
    position: absolute;
    bottom: 0px;
    right: 0px;
    
}
.imgHelpNarrador img{
    width: 200px;
    height: 200px;
}
.imgHelpTraning{
    position: absolute;
    bottom: 13px;
    left: 63px;
    height: 280px;
    
}

#CRONO{
    /*background-image: url('../images/opacity80.png');
    background-repeat: repeat;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);*/
    content: "";
    position: fixed;
    top: 0px;
    height: 0px;
    width:100%;
    text-align: center;
    z-index: 50;
    
    color: #f44336;
    /*border-bottom: 7px solid #FFFFFF;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;*/
    /*left:50%;*/
    /*margin-left: -300px;*/
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}
#CRONO .container{
    background-image: url('../images/scoreboard.png');
    background-repeat: no-repeat;
    width: 1052px;
    margin: 0 auto;
    height: 188px;
    position: relative; 
    
}
#CRONO .points{
    font-family: 'arial';/*gomarice_rocks*/
    font-size: 29px;
    font-weight: bold;
    
}
#CRONO #coinsUser1,#CRONO #coinsUser2, #CRONO #puntosUser1, #CRONO #puntosUser2{ 
    position: absolute;
    top:20px;    
    text-align: right;
    width: 90px;
    font-size: 19px;
    text-shadow:
   -1px -1px 0px #FFFFFF,  
    1px -1px 0px #FFFFFF,
   -1px  1px 0px #FFFFFF,
    1px  1px 0px #FFFFFF !important;
}
#CRONO #coinsUser1{
    left:290px;
}
#CRONO #coinsUser2{
    left:683px;
}
#CRONO #puntosUser1{
    left:290px;
    top:54px;
    font-size: 27px;
}
#CRONO #puntosUser2{
    left:683px;
    top:54px;
    font-size: 27px;
}
#CRONO .nickname{
    left: 36px;
    position: absolute;
    text-align: left;
    top: 0px;
    font-family: 'BRLNSDB' ;/*BRLNSB*/
    font-size: 25px; 
    display: block;
    width: 200px;
    /*text-shadow: 3px 3px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff,  1px 1px 0 #ffffff !important;*/
    text-shadow:
   -2px -2px 0px #FFFFFF,  
    1px -1px 0px #FFFFFF,
   -1px  1px 0px #FFFFFF,
    1px  1px 0px #FFFFFF !important;
}
#CRONO .player2 .nickname{
    left: 816px;
    text-align: right;    
}

/*#CRONO .scoreboard button {
    position: absolute;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -webkit-linear-gradient(top, #faa51a, #f47a20);
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    background: -ms-linear-gradient(top, #faa51a, #f47a20);
    background: -o-linear-gradient(top, #faa51a, #f47a20);
}*/

#CRONO #showSHOP{
    position: absolute;
    left:423px;
    top:105px;
    background: url("../images/Shopbtn.png") no-repeat scroll center bottom transparent !important;
    width: 206px ;
    height: 67px ;
    font-family: 'BRLNSDB' ;
    font-size: 35px; 
    display: block;
    margin: 0 auto ;
    float: none ;
    border: none;
    color:#ffffff;
    cursor: pointer;
    
    text-shadow: 3px 3px 0 #00611C, -1px -1px 0 #00611C, 1px -1px 0 #00611C, -1px 1px 0 #00611C,  1px 1px 0 #00611C !important;
    
        
} 
#CRONO #showSHOP:hover{
    background: url("../images/Shopbtn_active.png") no-repeat scroll center bottom transparent !important;
    
}

#CRONO .botontrans{
    position: absolute;
    left:406px;
    top:21px;
    background: url("../images/scoreboton.png") no-repeat scroll center bottom transparent !important;
    width: 86px ;
    height: 59px ;
    font-family: 'BRLNSDB' ;
    font-size: 21px; 
    display: block;
    margin: 0 auto ;
    float: none ;
    border: none;
    color:#f0a341;
    cursor: pointer;
    
    /*text-shadow: 3px 3px 0 #4e382c, -1px -1px 0 #4e382c, 1px -1px 0 #4e382c, -1px 1px 0 #4e382c,  1px 1px 0 #4e382c !important;*/
    text-shadow:
   -2px -2px 1px #4e382c !important;
    
        
} 
#CRONO .botontrans:hover{
    background: url("../images/scoreboton_active.png") no-repeat scroll center bottom transparent !important;
    text-shadow: -2px -2px 1px hsl(0, 0%, 0%), -1px -1px 0 #4e382c, 1px -1px 0 #4e382c, -1px 1px 0 #4e382c,  1px 1px 0 #4e382c !important;
    font-size: 19px; 
}

#CRONO #giveUp{
    left:561px;
}

#CRONO #sendMoves{
    left:394px;
    top:58px;
}

#CRONO #btReplay{
    left:800px;
}

/*#CRONO .botontrans{
    background: none !important;
    background-color: Transparent !important;
    background-repeat:no-repeat;
    
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    font-family: 'gomarice_rocks';
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 11px;
    color:#bbbbbb;
    text-decoration: none;
    width: 70px;
    line-height: 28px;
}
#CRONO .botontrans:hover{
    color:#ffffff;
    font-size: 13px;
}*/




#CRONO #zoom{
    left:407px;
}

#CRONO #tiempoMatchMin{
    color: white;
    display: block;
    left: 511px;
    position: absolute;
    top: 85px;
    z-index: 7;
    font-size: 17px;
    font-weight: bold;
}

#CRONO #tiempoTurno{
    display: block;
    left: 505px;
    top:37px;
    position: absolute;
    font-family: 'arial';
    font-size: 25px;
    color:white !important;
    text-align: right;
    width:50px;
    letter-spacing:11px;
    
    text-shadow: 2px 2px 0 #4e382c, -1px -1px 0 #4e382c, 1px -1px 0 #4e382c, -1px 1px 0 #4e382c,  1px 1px 0 #4e382c !important;

}

#CRONO #tiempoTurno.lastseg{
    font-size: 73px !important;
    left: 505px !important;
    top:13px !important;
    color:yellow !important;
}

#CRONO h3 {
    margin: 0;
    color: #f44336;
}

#CRONO .btn,
#CRONO .marcador {
    display: inline-block;
    float:left;
}


#CRONO .left{
    width: 300px;
    float: left;
}
#CRONO .right{
    width: 300px;
    float: right;
}
#CRONO .boton{
    border: 0px solid #FFFFFF;
    content: "";
    width:120px;
    height: 47px;
    text-align: center;
    z-index:100;
    border-radius: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);   
    cursor: pointer;
    font-size: 20px;
    line-height: 50px;
    margin-right: 5px;
    float:left;
}
#CRONO .botonlittle{
    border: 5px solid #FFFFFF;
    content: "";
    width:60px;
    height: 50px;
    text-align: center;
    z-index:100;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);   
    cursor: pointer;
    font-size: 15px;
    line-height: 50px;
    margin-right: 5px;
    float:left;
    position: relative;
}


.espaciomochila{
    width:50px;
    height:50px;
    float:left;
    
}
.selectobjMochila, .selectobjMochila_none{
    background-image:url('../images/menucap_object.png');
    height: 39px;
    width: 40px;
    background-size:40px;
    margin-top: 1px;
    border: 1px solid transparent;
}
.selectobjMochila.especial{
    background-image: none;
    border: 1px solid #827169;
    height: 35px;
    margin: 2px;
    width: 35px;
}
.selectobjMochila.especial div{
    margin-left: 4px;
    margin-top: 4px;
}
.selectobjMochila div{
    margin-left: 10px;
    margin-top: 10px;
}
.selectobjMochila.selected{
    border: 1px solid yellow;
}

.usedobjectmochila{
    position: absolute;
    z-index: 15;
    border: 2px solid yellow;
    
}

.coin{
    width:20px;
    height:20px;
    z-index:5;
    position:absolute;
    background-image:url('../images/objects/coin.png');
    background-size:20px;
    color:transparent;
}

#TABLERO .logo{
    width:80px;
    height:80px;
    z-index:5;
    position:absolute;
    background-size:80px;
    color:transparent;
    border: solid thin white;
    border-width: 3px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
    box-shadow:  3px 3px 2px 2px rgba(1, 1, 1, .3);
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    
}
#TABLERO .logo img{
    max-height: 100%;
    max-width: 100%;
    position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
}

#TABLERO .logo .value{
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 21px;
    font-family: 'BRLNSDB';
    top: 0px;
}


#mochilaUser1,#mochilaUser2{
    position: absolute;
    top:26px;
    left: 27px;
    width: 230px;
}
#mochilaUser2{
    left: 793px;
}
.mochilaUser div{
    float:left;
}
#mochilaUser2 div{
    float:right;
}


.mochilaUser .objectmochila{
    /*position: relative;
    margin: 0 5px;
    background-size:30px;
    width: 30px;
    height: 30px;
    
    background-color: #dddddd;
    -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;*/
}

.mochilaUser .cantidad{
    position: absolute;
    right:0px;
    bottom: 0px;
    font-size: 31px;
    
}


#menuSHOP{
    border-bottom: 7px solid #FFFFFF;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    position: fixed;
    top: 0px;
    right:0px;
    width:400px;
    text-align: center;
    z-index:100;
    background-color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#tagSHOP{
    background-image:url('../images/shop_card.png');
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position:absolute;
    top:175px;
    left:381px;
    width: 290px;
    height: 50px;
    background-position: center bottom; /*acorde con height para efecto persiana*/
    z-index: -1;
    
    
}

#tagSHOP #items{
    padding: 0 25px;
    height: 100%;
}
#tagSHOP.tagSHOPvisible{
    top:175px;
    height: 250px;
    
}
#tagSHOP .item, .mochilaUser .elemento{
    width: 68px;
    height: 44px;
    float: left;
    margin: 12px 4px;
    background: url("../images/shop_item.png") no-repeat center center transparent !important;
}
.mochilaUser .elemento{
    margin: 4px;
    position: relative;
}
#tagSHOP .item div, .mochilaUser .elemento>div{
    
    width: 40px;
    height: 40px;
    background-size:40px;
    /*background-color: #dddddd;
    -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;*/
}

#tagSHOP .information{
    color: white;
    font-size: 9px;
    margin: 0 auto;
    position: absolute;
    top: 176px;
    width: 207px;
}

#tagSHOP .btn-buyshop{
   background: url("../images/shop_buy.png") no-repeat center center transparent !important;
   /*border-top: 1px solid #96d1f8;
   background: #ededed;
   background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f5f5f5));
   background: -webkit-linear-gradient(top, #ededed, #f5f5f5);
   background: -moz-linear-gradient(top, #ededed, #f5f5f5);
   background: -ms-linear-gradient(top, #ededed, #f5f5f5);
   background: -o-linear-gradient(top, #ededed, #f5f5f5);
   padding: 1px 5px;
    -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color: white;
   font-size: 11px;
   font-family: gomarice_rocks, serif;
   text-decoration: none;
   vertical-align: middle;
  /*transition: all 0.3s ease 0s;*/
  -webkit-transition: -webkit-transform 0.2s; /* Safari */
  transition: all 0.2s ease-in-out;
  width:54px;
  margin: 0px auto;
  text-align: center;
  display: block;
  cursor: pointer;
  height: 23px;
  border: none;
}

#tagSHOP .selected .btn-buyshop {
    color:#F78D1D;
}


.torre{
    
    position: absolute;
}
.vidatorre{
    display: none;
    position: absolute;
    width:100%;
    margin:0 auto;
    bottom: 0px;
    border: 1px solid grey;
    height: 5px;
        
}
.vidatorre .barratorre{
    height: 100%;
    
}
.csstorre_coin{
    background-image:url('../images/objects/coin.png');
    background-size:40px;
    color:transparent;
    background-repeat: no-repeat;
}
.csstorre_ball{
    background-image:url('../images/objects/bomba.png');
    background-size:40px;
    color:transparent;
    background-repeat: no-repeat;
}
 
.help_text{
    float: left;
    width: 40%;
    font-size: 17px;
    color: #130905;
}

.help_img{
    float: right;
    width: 55%;
}
.div_help{
    width: 500px;
}

.AdminObj{
    float: left;
    margin: 10px;
}

.Adminpage #form_upload{
    display: block;
}

.Adminpage #form_upload .sInput{
    width: 230px;
    display: block;    
        
}
.Adminpage #form_upload .bloque{
    width: 280px;
    display: block;
    
        
}
.Adminpage #form_upload  .element{
    position: relative;
    height: 50px;
    float: left;
}
.Adminpage #form_upload .bloque:after{
    clear: both;
}
.imgRight{
    right: 0px;
    top: 0px;
    position: absolute;
        
}
.AdminObj .label{
    color:blue;
    font-size: 13px;
    padding-top: 10px;
}
.AdminObj .texto{
    font-size: 15px;
    max-width: 150px;
}
.floatMochilaCap{
    display: none;
    background-color: #4f4540;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;   
    z-index: 15;
    position: absolute;
    border: 1px solid #827169;
    padding: 1px;
    
    
}
.floatMochilaCap div{
    float:left
}
.cssmochila_mover{
    background-image: url("../images/objects/mover.png");
    background-size: 25px 25px;
    color: transparent;
    height: 25px;
    width: 25px;
    z-index: 3;
}
.separatorMochila{
    display: block;
    width: 15px;
    float: left;
        
}

a.edit, a.del, a.up, a.down{
    display: block;
    width:16px;
    height: 16px;
    background-image: url(../images/btn_options.png);
    cursor: pointer;
    
}
a.del {
	background-position: 0 -16px;
}
a.up {
	background-position: 0 -32px;
}
a.down {
	background-position: 0 -48px;
}
a.edit:hover {	
	background-position: -16px 0;
}

a.del:hover {	
	background-position: -16px -16px;
}
a.up:hover {	
	background-position: -16px -32px;
}
a.down:hover {	
	background-position: -16px -48px;
}
/*BOTON EXAMINAR IMAGEN DE FORMS*/
.file_input_div
{
	position: relative; 
	width: 25px; 
	height: 23px; 
	overflow: hidden;
	float: left;
}

.file_input_button
{
	width: 100px; 
	position: absolute; 
	top: 0px;
	background-color: #33BB00;
	color: #FFFFFF;
	border-style: solid;
}

.file_input_hidden
{
	font-size: 45px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	cursor: pointer;
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}
.textboxBuscarImg{
    vertical-align: middle; 
    padding: 5px 0 0 0px;
    float:left;
}
.MyBoton2 {
    width: 24px;
    height: 22px;
    display: block;
    background-image: url(../images/buscar-img.png);
    text-indent: -30000px;
}
.MyBoton2hover,.MyBoton2:hover {
    width: 24px;
    height: 21px;
    display: block;
    background-image: url(../images/buscar-img.png);
    text-indent: -30000px;
    background-position: 0 -21px;
}

.xcono {
    width: 0px;
    height: 0px;
    border-right: 70px solid transparent;
    border-left: 70px solid transparent;
    border-top: 100px solid #5cb85c;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 5;
    position: absolute;
    display: none;
}
.cono{
        position: absolute;
        z-index: 4;
        display: none;
        /*background-image: url('../images/cono.png');*/
        opacity: .50;
        -webkit-opacity: .5;
        -moz-opacity: .5;
        filter: alpha(opacity=50);
}
#imgPreviewIMG{
    width: 50px;
}


.movedcap{
    border-color: yellow !important;
}

#ranking{
    color:#130905;
    font-size: 17px;
}
#ranking .table > tbody > tr > td,
#ranking .table > tbody > tr > th, 
#ranking .table > tfoot > tr > td,
#ranking .table > tfoot > tr > th,
#ranking .table > thead > tr > td,
#ranking .table > thead > tr > th{
    border:none;
}
#ranking tr{
    background: transparent url('../images/rankingCols.png') repeat-y;
    background-position: right;
    display: block;
    background-size: 330px;
}

#ranking  tr.head{
    background: url('../images/rankingCab.png') no-repeat top right;  
    background-size: 330px;
}

#usersettings #ranking{
    margin-left: 20px;
    margin-right: 10px;
}
#usersettings #ranking .explicacion{
    margin-bottom: 10px;
}
#usersettings #ranking table{
    margin-bottom: 10px;
}
#usersettings #ranking .flags{
    width: 55px;
}
#usersettings #ranking tr.head{
    background: url('../images/rankingCab.png') no-repeat top right;  
    background-size: 200px;
}
#usersettings #ranking .numberranking{
    padding:0px 8px;
    font-size: 23px;
}
#usersettings #ranking .rankingpositionCurrentUser{
    font-size: 12px;
}
#usersettings #ranking .win,#usersettings #ranking .lost,#usersettings #ranking .draw,#usersettings #ranking .points{
    width: 38px;
    padding-right: 2px;
    padding-left: 2px;
}
#usersettings #ranking .name {
    width: 213px;
}

#usersettings #ranking .flagOk, #usersettings #ranking .flagNo, #usersettings #ranking .flagParpadea,#usersettings #ranking .noflag{
    width: 10px;
    height: 16px;
    background-size: 10px 16px;
}

#ranking .name{
    width: 390px;
    padding-right: 2px;
}

#ranking .flags{
    width: 69px;
    padding-left: 2px;
    padding-right: 0px;
    
}
#ranking .win,#ranking .lost,#ranking .draw,#ranking .points{
    width: 65px;
    padding-right: 2px;
}

#ranking .rankingpositionCurrentUser{
    color: #ffae00;
    font-size: 19px;
    background: url('../images/rankingLine.png') no-repeat center center ; 
    background-size: 100% 100%;
    
}
#ranking .rankinginferior td,#ranking .rankinginferior th{
    opacity: 0.5;
    
}

#ranking .numberranking{
    font-size: 29px;
    line-height: 19px;
    font-family: 'BRLNSDB'; /*'gomarice_rocks';*/
    font-weight: normal;
    width: 190px;
    padding: 5px 8px;
}
#ranking .numberranking span{
    font-size: 49px;
}
#ranking h1{
    font-family: 'Roboto',sans-serif;
    color: black;
    font-size: 35px;
    cursor: pointer;
}
#ranking .flagOk,#ranking .flagNo,#ranking .flagParpadea, #ranking .noflag{
    width: 15px;
    height: 23px;
    background: url('../images/ranking_Flag_normal.png') no-repeat center center ; 
    display: inline-block;
}
#ranking .noflag{
    background-image: url('../images/ranking_Flag_no.png') ;
}
#ranking .flagNo{
    background-image: url('../images/ranking_Flag_dis.png') ;
}
#ranking .flagParpadea{
    background-image: url('../images/ranking_Flag_Normal_animada.gif') ;
}

#ranking .rankingpositionCurrentUser .flagOk{
    background-image: url('../images/ranking_Flag_active.png') ;
}
#ranking .rankingpositionCurrentUser .flagParpadea{
    background-image: url('../images/ranking_Flag_Active_animada.gif') ;
}

.innactive{
    background-color: grey !important; 
    cursor: no-drop !important;
}


.rankingElement{
    font-family: 'Roboto',sans-serif;
    color: 	#333333;
    width: 500px;
}
.rankingElement.row{
    line-height: 25px;
    background-color: #ffffff;
    border-top: 1px solid #E7E7E7;
}
.rankingElement .col-position{
    width:8%;
    margin-left: 5px;
}
.rankingElement .col-name{
    width:20%;
}
.rankingElement .col-win{
    width:8%;
    text-align: center;
    font-size: 13px;
}
.rankingElement.titulo{
    font-weight: bold;
}
.rankingElement div{
    display: inline-block;
}
.rankingElement .points{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 20%;
}
.rankingElement.titulo{
    background-color: #cccccc;
    line-height: 30px;
}
.rankingElement.titulo div{
    font-size: 12px !important; 
    color: #55555 !important;
    font-weight: bold;
}


.menu button {
        width: 100%;
        margin: 0 5px;
}

#navbar .nologin{
    margin-top: 20px;
}

.content{
    box-shadow: none;
}


.mainpral{
    color:#dddddd;
    background: url("../images/Door.png") no-repeat scroll center bottom transparent !important;
    height: 610px !important;
    background-size: 1000px 637px !important;
}
.mainpral .sign_up_form input[type="text"],.mainpral .sign_up_form input[type="password"],
.login-header #form_upload_login input, .inputBox{
   /*background-color:  rgba(255, 255, 255, 0.5) ;
   border:solid 2px yellow;
   color:#333333 !important;*/
   border-width: 0px;
   background: url("../images/User_Normal.png") no-repeat scroll center bottom transparent !important;
   background-size: 300px 49px !important;
   width: 300px;
   height: 49px;
   font-size: 31px;
   padding-left: 20px;
   margin: -3px auto;
}
.mainpral .sign_up_form input[type="text"]:focus,.mainpral .sign_up_form input[type="password"]:focus,
.login-header #form_upload_login input:focus, .inputBox:focus{
  /*box-shadow:0 0 5px rgba(81, 203, 238, 1);
  -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  -moz-box-shadow:  0 0 5px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);*/
  box-shadow:none;
  -webkit-box-shadow: none;
  -moz-box-shadow:none;
  background: url("../images/User_Active.png") no-repeat scroll center bottom transparent !important;
  background-size: 300px 49px !important;
}



.btnGame{
    /*background: url("../images/boton_Normal.png") no-repeat scroll center bottom transparent !important;*/
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll 0px 0px transparent !important;
    width: 320px ;
    height: 71px ;
    font-family: 'BRLNSDB' ;
    font-size: 33px; 
    display: block;
    margin: 0 auto ;
    float: none ;
    border: none;
    color:#ffffff;
    cursor: pointer;
    /*text-shadow: 3px 3px 0 #0f2901 !important; */
    /*text-shadow: -1px -1px 0 hsl(0, 0%, 0%),
             2px 2px 1px hsl(0, 0%, 0%) !important;*/
    text-shadow:  2px 2px 1px hsl(0, 0%, 0%) !important;
    /*text-shadow: 3px 3px 0 #00611C, -1px -1px 0 #00611C, 1px -1px 0 #00611C, -1px 1px 0 #00611C,  1px 1px 0 #00611C !important;            */
} 
.btnGame:hover{
    /*background: url("../images/boton_Active.png") no-repeat scroll center bottom transparent !important;*/
    font-size: 34px; 
    /*text-shadow: -1px -1px 0 hsl(0, 0%, 0%),
             -2px -2px 1px hsl(0, 0%, 0%) !important;*/
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll 0px -70px transparent !important;
    text-shadow: 2px 2px 1px hsl(0, 0%, 0%), -1px -1px 0 #005317, 1px -1px 0 #005317, -1px 1px 0 #005317,  1px 1px 0 #005317 !important;
}
.btnIdioma_L,.btnIdioma_R{
    /*background: url("../images/boton_Normal.png") no-repeat scroll center bottom transparent !important;*/
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -350px -70px transparent !important;
    width: 79px ;
    height: 29px ;
    font-family: 'BRLNSDB' ;
    font-size: 12px; 
    display: block;
    margin: 0 auto ;
    float: none ;
    border: none;
    color:#ffffff;
    cursor: pointer;
    float: left;
    
    /*text-shadow: 3px 3px 0 #00611C, -1px -1px 0 #00611C, 1px -1px 0 #00611C, -1px 1px 0 #00611C,  1px 1px 0 #00611C !important;*/  
    text-shadow: -1px -1px 0 hsl(0, 0%, 0%),
             -2px -2px 1px hsl(0, 0%, 0%) !important;
    
} 
.btnIdioma_R{
    /*background: url("../images/boton_Normal.png") no-repeat scroll center bottom transparent !important;*/
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -450px -70px transparent !important; 
    margin-left: -1px;
}
.btnIdioma_L:hover,.btnIdioma_L.Active{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -550px -70px transparent !important;
    text-shadow: -2px -2px 1px hsl(0, 0%, 0%), -1px -1px 0 #005317, 1px -1px 0 #005317, -1px 1px 0 #005317,  1px 1px 0 #005317 !important;
    font-size: 11px; 
}
.btnIdioma_R:hover,.btnIdioma_R.Active{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -630px -70px transparent !important;
    text-shadow: -2px -2px 1px hsl(0, 0%, 0%), -1px -1px 0 #005317, 1px -1px 0 #005317, -1px 1px 0 #005317,  1px 1px 0 #005317 !important;
    font-size: 11px; 
}

.mainpral h2{
    display: none;
}

#mapaPrevious .borde{
    background-color: transparent;
    
}

.home{
    position: relative;
}

#mapaDessing #cerrojoizq,#mapaDessing #cerrojoder{
    background: url("../images/resortes.png") no-repeat scroll center center transparent;
    height: 185px;
    left: -34px;
    position: absolute;
    top: 55px;
    width: 105px;
}
#mapaDessing #cerrojoder{
    left: 923px;    
} 
#mapaDessing #cerrojocentro{
    background: url("../images/cerradura_cofre.png") no-repeat scroll center center transparent;
    height: 185px;
    left: 444px;
    position: absolute;
    top: 54px;
    width: 105px;
}

#mapaDessing .hexmap{
    /*overflow: hidden;*/
    margin-left: -20px;
    margin-top: -35px;
}

#mapaPrevious{
    margin: 0 20px;
}

.gradientpral{
  /* background: -webkit-linear-gradient(180deg, #1e5799, #7db9e8) !important; /* For Safari 5.1 to 6.0 */
  /*  background: -o-linear-gradient(180deg, #1e5799, #7db9e8) !important; /* For Opera 11.1 to 12.0 */
  /*  background: -moz-linear-gradient(180deg, #1e5799, #7db9e8) !important; /* For Firefox 3.6 to 15 */
  /*  background: linear-gradient(180deg, #1e5799, #7db9e8) !important; /* Standard syntax (must be last) */
  
}

.btngamebutton{
    -webkit-transition: -webkit-transform 0.2s; /* Safari */
    transition: all 0.2s ease-in-out;
}
.gamebutton,.gamebuttonlittle,.gamebuttoncircle {
  /*border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 17px 34px;
    -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 23px;
   font-family: gomarice_rocks, serif;*/
   text-decoration: none;
   vertical-align: middle;
  /*transition: all 0.3s ease 0s;*/
  -webkit-transition: -webkit-transform 0.2s; /* Safari */
  transition: all 0.2s ease-in-out;
  width:120px;
  margin: 0px auto;
  text-align: center;
  display: block;
  
  /*background:transparent url("../images/form_close.png") no-repeat center center;*/
}
.gamebuttonlittle{
    width: 75px;
    padding: 1px 4px;
    -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   font-size: 13px;
}
.gamebuttoncircle{
    border-radius: 30px 30px 30px 30px;
     -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
    font-size: 13px;
    height: 40px;
    padding: 1px 4px;
    width: 40px;
}


.gamebutton:hover,
.gamebutton.hover,
.btngamebutton:hover,
.gamebuttoncircle:hover,
.gamebuttonlittle:hover,
#tagSHOP .btn-buyshop:hover{
  /*box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;*/
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  text-decoration: none;
  color:white;
  opacity: 1;
}

.gamebutton.Close{
    padding: 10px;
    position: absolute;
    right: -20px;
    top: 0px;
    width: 68px;
    height: 68px;
    z-index: 10;
    margin: 0;
    line-height: 1;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    opacity: 1;
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -740px 0px transparent !important;
    

}
.gamebutton.Close:hover{
    opacity: 1;
}
.gamebutton.middlesize{
    width: 200px;
}

.gamebutton.red{
    background: #e73827;
    background: -webkit-gradient(linear, left top, left bottom, from(#f85032), to(#e73827));
    background: -webkit-linear-gradient(top, #f85032, #e73827);
    background: -moz-linear-gradient(top, #f85032, #e73827);
    background: -ms-linear-gradient(top, #f85032, #e73827);
    background: -o-linear-gradient(top, #f85032, #e73827);
}
    

.gamebuttonDobleline{
    margin-top: -20px;
}



#formmodal-message #buttons{
   
    
}
#formmodal-message #msg{
   font-family: gomarice_rocks, serif;
   font-size: 23px;
   text-align: center;
   position: relative;
   height: 260px;   
}
#formmodal-message .form_tipo_Info #msg, #formmodal-message .form_tipo_Win #msg,
#formmodal-message .form_tipo_NOWin #msg, #formmodal-message .form_tipo_Premio #msg{
    height: 250px;  
    color: #FFE2CA;
    font-family:BRLNSDB !important;
   font-size: 33px ;
  -webkit-text-stroke: 1px #100000 !important;
  
  text-shadow:
   -2px -2px 0px #090000,  
    1px -1px 0px #090000,
   -1px  1px 0px #090000,
    0px 0px 7px #ff9f00,
    1px  1px 0px #090000 !important;
  
  /*text-shadow: -2px -2px 1px hsl(0, 0%, 0%),-1px 1px 7px #ff9f00, -1px -1px 0 #090000, 1px -1px 0 #090000, -1px 1px 0 #090000,  1px 1px 0 #090000 !important;*/
  
  /*text-shadow:
    3px 3px 0 #100000,    
   -1px -1px 0px #100000,  
    1px -1px 0px #100000,
   -1px  1px 0px #100000,
   -1px 1px 10px #ffd800,
    1px  1px 0px #100000 !important;*/
    
}
#formmodal-message .form_tipo_Win #msg{
    height: 420px;  
    
}
.form_tipo_Info #msgtouser{
    padding: 125px 12px 0 12px;
}

.form_tipo_Win #rayospremio{
    /*height: 300px;
    width: 300px;
    background: transparent url('../images/loading.gif') no-repeat center;
    position: absolute;
    top: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;*/
}
#formmodal-message .form_tipo_Premio #msg{
    height: 405px;  
    
}
#formmodal-message .form_tipo_Premio .information{
    color: white;
    font-size: 21px;
    padding-top: 40px;
}
#formmodal-message #msg #user1, #formmodal-message #msg #user2{
    text-align: center;
    font-size: 51px;
    padding: 10px 0;
    width: 100%;
    color:#b3bf00;
}
#formmodal-message #msg #vs{
    text-align: center;
    font-size: 50px;
    line-height: 50px;
    color:#ffe3ca;
    
}
#formmodal-message #msg #user2{
    color:#ffe3ca;
}
#resumenmatch{
    color: white;
}
#resumenmatch .information{
    text-align: left;
    padding-left: 75px;
    font-size: 25px;
    display: block;
}
#resumenmatch .resumenpuntos{
    font-size: 40px;
    width: 100%;
    padding: 0;
    text-align: center;
    line-height: 65px;
}
#resumenmatch .motivo{
    font-size: 30px;
    width: 100%;
    padding: 0;
    text-align: center;
    line-height: 40px;
}
.resumenpuntos .pwin{
    color:  #FFFF00;
    text-shadow:
   -2px -2px 10px #FFFFFF,  
    1px -1px 10px #FFFFFF;
}
.resumenpuntos .plost{
    
}
.resumenpuntos .pdraw{
    color: white;
}
#resumenmatch .subinfo{
    font-size: 20px;
}
#resumenmatch .resultado,#resumenmatch .total,#formmodal-message .form_tipo_Premio h1,#formmodal-message .form_tipo_Premio h2,#formmodal-message h1{
    padding: 45px 0 20px 0;    
    color: #58B800;
    font-family: BRLNSDB;
    font-size: 47px;
    /*text-shadow: 3px 3px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px 1px 10px #FFFFFF, 1px -1px 10px #FFFFFF, 1px 1px 0 #FFFFFF;    */
    text-shadow:
   -2px -2px 0px #FFFFFF,  
    1px -1px 0px #FFFFFF,
   -1px  1px 0px #FFFFFF,
    2px 2px 6px #FFFFFF,
    1px  1px 0px #FFFFFF !important;
}
.userdraw{
     color:yellow;
}
.userlost{
     color:red;
}
#resumenmatch .resultado .money{
    background: url("../images/form_money.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 57px;
    margin-left: 30px;
    padding-left: 69px;
    width: 89px;
}
#resumenmatch .total{
    padding: 30px 0 20px;
    font-size: 71px;     
}
#formmodal-message .form_tipo_Premio h1, #formmodal-message .form_tipo_Info h1{
    margin-top: -66px;
    padding:0px;
    font-size: 51px;
}
#formmodal-message .form_tipo_Premio h2{
    padding: 0px;
    margin: 0px;
    font-size: 41px;
}
#formmodal-message .form_tipo_Premio img{
    height: 100px;
    max-width: 330px;
}
#formmodal-message .form_tipo_Premio .imagen{
    height: 100px;
    margin: 0 auto;
    background-size: auto 100px;
    background-repeat: none;
}

.endtime{
    color: red;
    font-size: 15px;
}

.div-centrado-porcentual {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    min-width: 400px;
}
.btntrain{
    float:left;
    margin: 5px 0 10px 0;
    
}
.conpadding10{
    padding:  10px !important;
}
.btnplay{
    margin: 5px 0 10px 0;
    float:right;
    
}
.login-header .btn {
    float: none;
    display: inline-block;
}
.login-header #form_upload_login input{
 /*background: url('../images/bg_80p.png') repeat;   */
}


#cofreup{
    background: url('../images/improve_palos.png') no-repeat center;
    height: 26px;
    width: 100%;
    
}
#cofredown{
    background: url('../images/improve_palogrande.png') no-repeat top center;
    background-size: 1000px;
    height: 133px;
    width: 1000px;
    
    margin-left: -36px;
    
}
#cofremiddle {
     background: url('../images/improve_palo.png') repeat-y center;
     background-size: 60px;
     margin-top: -5px;
     /*background-size:992px 140px;
     height: 140px;*/
}
#cofrecaja{
    background: url('../images/cofre_base.png') no-repeat center;
    height: 0px;
    width: 100%;
    background-size: 993px;
}
.fondocofre{
    background: url('../images/cofrefondo.png') repeat-y center;
    width: 100%;
    border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    box-shadow: 0 0 4px 0 #222;
    -webkit-box-shadow: 0 0 4px 0 #222;
    -moz-box-shadow: 0 0 4px 0 #222;
    border: 3px solid #212121;
}
#selectelems .information{
    width: 100%;
    text-align: center;
    color:#ffffff;
    padding-top: 25px;
    
}

#btUpdateMapa{
    margin: 25px auto;
    float: none;
    
}

.btopacity30{
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: not-allowed;
    pointer-events: none;
}

.PopUpExplicacion{
    
    position: absolute;
    padding: 40px;
    width: 320px;
    z-index: 1000;
    font-size: 19px;
    text-align: center;
    color:black;
    min-height: 100px;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
    /*text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000,  1px 1px 0 #000000 !important;            */
    
}
.PopUpExplicacion.Derecha{
    background: url("../images/help/balloon_right.png") no-repeat transparent;
    background-size: 100% 100%;
}
.PopUpExplicacion.Izquierda{
    background: url("../images/help/balloon_left.png") no-repeat transparent;
    background-size: 100% 100%;
}
.PopUpExplicacion.Arriba{
    background: url("../images/help/balloon_up.png") no-repeat transparent;
    background-size: 100% 100%;
}
.PopUpExplicacion.Abajo{
    background: url("../images/help/balloon_down.png") no-repeat transparent;
    background-size: 100% 100%;
}

/*.PopUpExplicacion{
    position: absolute;
    background-color: white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    padding: 10px;
    padding-right: 50px;
    width: 320px;
    z-index: 1000;
    border: 5px solid #333333;
    font-family: serif;
    font-size: 17px;
    text-align: center;
    color:black;
    min-height: 100px;
}
.PopUpExplicacion .flechaUp{
    left: 40px;
    position: absolute;
    top: -20px;
    height: 20px;
}

.PopUpExplicacion .Flecha {
    position: absolute;
    width:0px;
    height:0px;
    border-style: solid;
    border-width: 20px;  
    border-color: white;
}
.Flecha.Arriba,.Flecha.ArribaDer {
    left: 40px;
    top: -19px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-width: 0px;
}
.Flecha.ArribaDer {
    left:150px;
}

.Flecha.Abajo {
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-width: 0px;
    
}

.Flecha.Izquierda {
    left: -20px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-left-width: 0px;
}

.Flecha.Derecha {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-right-width: 0px;
    right: -19px;
}
*/
.PopUpExplicacion .btOk{
    background-image: url('../images/button_ok.png');
    background-size:50px;
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 3px;
    width: 50px;
    
}


#tablero_help{
 background-image: url('../images/help_tablero.jpg');   
 margin: 15px auto ;
 width: 865px;
 height: 710px;
}
#tablero_help #CRONO{
    position: relative;
}
#tablero_help #CRONO .container{
    background-size: 800px auto;
    margin: 0 auto;
    width: 800px;
    background-image: url('../images/help_socreboard.png');
}
#tablero_help #board-map{
    position: absolute;
}
#tablero_help #showSHOP{
    left: 325px;
    position: absolute;
    top: 75px;
    height: 55px;
    width: 155px;
    background-size: 155px auto !important;
    font-size: 26px;
}
#tablero_help #showSHOP:hover{
    background-size: 155px auto !important;
}

#tablero_help #sendMoves{
    left: 324px;
    position: absolute;
    top: 46px;
}
#tablero_help #tagSHOP{
    left:278px;
    top:69px;
}
.estantetieda .item{
    /*background-image: url('../images/shop_card.png');background-size: 280px;*/
    background: url("../images/MAPA_IMAGES.png") no-repeat 0px -337px transparent;
    height: 435px;
    width: 280px;
    
    position: relative;
    margin-left: 15px;
    margin-top: 20px;
}
.estantetieda .item .foto{
    height: 112px;
    left: 40px;
    position: absolute;
    top: 75px;
    width: 200px;
    
    background: url("../images/MAPA_IMAGES.png") no-repeat -830px 0px transparent;
    /*background-image: url('../images/shop_imgcard.png');*/
    padding: 3px;
}
.estantetieda .item .foto img{
    overflow: hidden;
}
.estantetieda .item .foto.fill div{
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    
    
    /*background-size: 60px auto;*/
}

.estantetieda .img60px{
    background-size: 60px;
}

.estantetieda .item .precio{
    position: absolute;
    top:27px;
    right:25px;
    width: 45px;
    font-size: 23px;
    line-height: 45px;
    color:black;
    text-align: center;
    background-image: url('../images/shop_price.png');
    background-size: 45px;
}
.estantetieda .item .nombre{
    font-family:BRLNSDB;
    color: #58b800;
   /* WebKit (Safari/Chrome) Only */
   -webkit-text-stroke: 1px #ffffff;
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  
   text-shadow:
    1px -1px 0px #ffffff,  
    1px -1px 0px #ffffff,
   -1px  1px 0px #ffffff,
    1px  1px 0px #ffffff;
  
    font-size: 23px;
    left: 50px;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 150px;
}
.estantetieda .item .descripcion{
    color: black;
    font-family: arial;
    font-size: 13px;
    height: 160px;
    padding: 8px;
    left: 40px;
    line-height: 15px;
    position: absolute;
    text-align: left;
    top: 235px;
    width: 200px;
    background-image: url('../images/shop_text.png');
    background-size: 200px 160px;
    
}
.estantetieda .item .descripcion b{
    color: white;
}
.estantetieda .item .atributos{
    position: absolute;
    top:195px;
    left:22px;
    font-family: arial;
    font-size: 19px;
    color:whitesmoke;
    line-height: 27px;
}
.estantetieda .item .atributos div{
    float: left;
    margin:  0 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 4px 0 #222;
    -webkit-box-shadow: 0 0 4px 0 #222;
    -moz-box-shadow: 0 0 4px 0 #222;
    border: 1px solid #212121;
    width: 52px;
    text-align: right;
    line-height: 27px;
    background-color: #4e3a2e;
}
.estantetieda .item .atributos .youhave{
    text-align: center;
    font-weight: bold;
    
    font-size: 25px;
}
.estantetieda .item .atributos .life{
    background:#4e3a2e url('../images/objects/corazon.png') no-repeat left;
    background-size: 30px;
}
.estantetieda .item .atributos .fuerza{
    background:#4e3a2e url('../images/objects/Fuerza.png') no-repeat left;
    background-size: 30px;
}
.estantetieda .item .atributos .masa{
    background:#4e3a2e url('../images/objects/Peso.png') no-repeat left;
    background-size: 30px;
}


.estantetieda .item .btsell,.estantetieda .item .btbuy{
    font-size: 40px;
    left: -5px;
    line-height: 20px;
    position: absolute;
    top: 90px;
    width: 50px;
    height: 50px;
    background: #84736b;
    background: -webkit-gradient(linear, left top, left bottom, from(#261a14), to(#84736b));
    background: -webkit-linear-gradient(top, #261a14, #84736b);
    background: -moz-linear-gradient(top, #261a14, #84736b);
    background: -ms-linear-gradient(top, #261a14, #84736b);
    background: -o-linear-gradient(top, #261a14, #84736b);
}
.estantetieda .item .btbuy{
    top: 30px;    
}
.estantetieda .item .btbuy:hover, .estantetieda .item .btsell:hover{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.h1bienvenida{
    font-family: 'gomarice_rocks';
    font-size: 51px;
    
}
.linkbig{
    font-size: 31px;
}

.navbar-tienda{
    padding-top: 20px
}
.navbar-tienda a{ 
    color: #333333;
    font-family: gomarice_rocks,serif;
    font-size: 25px;
}
.navbar-tienda a:hover{
    background-color: transparent !important;
    color:black
}
.navbar-improve li{
    width: 50%;
    text-align: center;
}
.navbar-sponsors li{
    width: 100%;
    text-align: center;
}

#imgLittleTitulo{
    margin: -40px auto;
    width: 460px;
}

#imgTitulo{
    z-index: 5;
    background: url("../images/MAPA_IMAGES.png") no-repeat -285px -350px transparent;
    width: 781px;
    height: 246px;
    display: inline-block;
}
#aTitulolittle{
    z-index: 5;
    background: url("../images/MAPA_IMAGES.png") no-repeat -285px -600px transparent;
    width: 465px;
    height: 157px;
    display: block;
    margin: -40px auto;
}
#navbar{
    float: right;
}

#shoopcoins{
    background: url('../images/shop_moneysubstrate.png') no-repeat left;
    color:#ffae00;
    margin-top: 15px;
    text-align: right;
    padding-right: 5px;
    float: right;
    font-size: 59px;
    line-height: 60px;
    width: 200px;
    font-family: arial;   
    
}
.objectentienda{
    float: right;
}
#optimizado{
    position: absolute;
    bottom: 5px;
}

.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);  


}

.menulogin{
    width: 100%;
    margin-bottom: 30px;
    padding: 0 40px;
}

.menulogin .navbar-nav > li > a{
   font-family:BRLNSDB;
   font-size: 29px;
   color: #219100;
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px #ffffff;
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  
  /*text-shadow:
    2px 2px 0 #ffffff,
   -1px -1px 0px #ffffff,  
    1px -1px 0px #ffffff,
   -1px  1px 0px #ffffff,
   -1px  1px 10px #ffffff,
   1px  -1px 10px #ffffff,
    1px  1px 0px #ffffff;*/
  
  text-shadow:
    2px 2px 0 #ffffff,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -2px -2px 0px #ffffff,  
    2px -2px 0px #ffffff,
   -2px  2px 0px #ffffff,
   -1px  1px 10px #ffffff,
   1px  -1px 10px #ffffff,
    2px  2px 0px #ffffff;
}
.menulogin .navbar-nav > li > a:hover,.menulogin .navbar-nav > li > .a_actual{
    color: #58b800; /*#9fd944;*/
    /*text-shadow:
        3px 3px 0 #ffffff,       
       -1px -1px 2px #ffffff,  
        1px -1px 2px #ffffff,
       -1px  1px 2px #ffffff,
       -1px  1px 10px #f3f600,
        1px  -1px 10px #f3f600,
        1px  1px 2px #ffffff;*/
    text-shadow:
        2px 2px 0 #ffffff,
        /* Simulated effect for Firefox and Opera
           and nice enhancement for WebKit */
       -2px -2px 2px #ffffff,  
        2px -2px 2px #ffffff,
       -2px  2px 2px #ffffff,
       -1px  1px 10px #f3f600,
        1px  -1px 10px #f3f600,
        2px  2px 2px #ffffff;
}

.greenLetter, .prize{
   font-family:BRLNSDB;
   font-size: 37px;
   color: #219100;
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px #ffffff;
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  
  text-shadow:
    2px 2px 0 #ffffff,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0px #ffffff,  
    1px -1px 0px #ffffff,
   -1px  1px 0px #ffffff,
   -1px  1px 10px #ffffff,
   1px  -1px 10px #ffffff,
    1px  1px 0px #ffffff;
}

.whiteLetter_noHover2{
   font-family:BRLNSDB;
   
   font-size: 23px ;
   color: white;
   
}

.whiteLetter,.whiteLetter_noHover{
   font-family:BRLNSDB !important;
   font-size: 23px ;
   color: #ffe2ca;
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px #100000 !important;
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  
  text-shadow:
    3px 3px 0 #100000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0px #100000,  
    1px -1px 0px #100000,
   -1px  1px 0px #100000,
   -1px 1px 10px #ffd800,
    1px  1px 0px #100000 !important;
  

}
.whiteLetter_noHover{
    color: #ffffff;
}
.whiteLetter:hover,.whiteLetter.selected{
    color: #ffffff !important;
    text-shadow:
    3px 3px 0 #000000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0px #000000,  
    1px -1px 0px #000000,
   -1px  1px 0px #000000,
   -1px 1px 15px #ffd800,
    1px  1px 0px #000000 !important;
    text-decoration: none;
}
.subMenu{
    position: absolute;
    right: 50px;
    top:85px;
}
.nologin > li > a{ 
    line-height: 50px !important;
    padding: 7px 10px;
}

#tablonUP{
    /*background: url('../images/tablonUP.png') no-repeat center;   */
    background: url("../images/MAPA_IMAGES.png") no-repeat 0px -140px transparent;
    height: 197px;
    margin-left: -45px;
    width: 1056px;
}
#tablonUP + .row{
    /*margin-top: -70px;*/
    background: url('../images/tablonMIDDLE.png') repeat-y top center;   
    
}

/*height esta modificado por jqeury en strucure.php para que no se corte imagen de fondo*/
.tablonRowPral{
    padding: 0 30px;
    background: url('../images/tablonMIDDLE.png') repeat-y top center;
    margin-bottom: 20px;
}
.tablonRowPral ul{
    margin-top: 20px;
}

.tablonRowBox{
    margin: 20px 0;
    /*border: 3px solid #4c2c18;*/
    background:transparent url('../images/background-marron1.png') no-repeat top center;  
    background-size: 100% 100%;
    border-radius: 15px;
    border: none;
    -webkit-box-shadow: 1px 1px 30px -6px rgba(34,34,34,0.75);
    -moz-box-shadow: 1px 1px 30px -6px rgba(34,34,34,0.75);
    box-shadow: 1px 1px 30px -6px rgba(34,34,34,0.75);
    padding:10px 0 20px;
}

.backgroundBrown2 .tablonRowBox{
    background:transparent url('../images/background-marron2.png') no-repeat top center;  
    background-size: 100% 100%;
    border: none;
}

.tablonUpperMenu{
    margin-top: -80px;
    height: 80px;
}
.tablonUpperMenu li a{
    padding: 7px 35px;
}

.tablonUpperMenu .information{
    text-align: center;
    width: 100%;
    position: absolute;
    top:55px;
    color: #ffffff;
        
}
a:active{
    outline: none;
}
#menuExit{
    z-index: 1;
}
#menuExit a{
    padding: 7px 11px;
    color: #ffe2ca;
}
#navbar .whiteLetter,#navbar-tienda .whiteLetter {
    color: #ffe2ca;
}


#ExplainGame .whiteLetter{
    font-size: 35px;
}

#menuExit .whiteLetter{
    font-size: 23px;
}

#tituloWelcome{
    font-size: 41px;
    padding-top: 23px;
    text-align: center;
}
#shopDiv .comentario{
    text-align: center;
    color: white;
}

#HELP{
    padding: 20px;
}

.formContacta{
    padding: 30px;
}

body.special{
    background: black;
    overflow: hidden;
}

#infoEnemy{
    position: absolute;
    right: 40px;
    top: 50%;
}
.animatedgif{
    position: absolute;
    z-index: 0;
}

#Adminbody header{
    height: auto;
    float:left;
    width: 20%;
    
}
#Adminbody #page{
    float: left;
    width: 80%;
}
#Adminbody #info{
    float: left;
    width: 80%;
}
#whoIam{
    width: 600px;
    height: 600px;
    position: absolute;    
    background-color: red;
    border-radius: 600px;
    display: none;
    line-height: 600px;
    font-size: 120px;
    color: white;
    text-shadow:
    3px  3px 0px #000000,
    3px -3px 0px #000000,
   -3px  3px 0px #000000;
    text-align: center;
    font-family: 'BRLNSDB';
    z-index: 100;
}

#navbar .sponsors{
    color: yellow;
}

.divsponsor .logo img{
    width: 100%;
  
    
}
.divsponsor h2{
    font-size: 19px;
}
.divsponsor img{
    max-width: 100%;
    
}
.divsponsor .rewards>div{
    min-height:  150px;
}

.estantesponsors{
    width: 100%;
    float: left;
    padding: 0 15px;
}

.estantesponsors .item{
    background-image: url('../images/sponsor_card.png');
    height: 844px;
    width: 423px;
    position: relative;
    margin-left: 15px;
    margin-top: 20px;
}
.estantesponsors .currentsponsor.item{
    background-image: url('../images/sponsor_card_active.png');
}

.estantesponsors .item .foto{
    height: 114px;
    left: 58px;
    position: absolute;
    top: 703px;
    width: 314px;
}
.estantesponsors .item .foto img{
    /*overflow: hidden;*/
}
.estantesponsors .item .foto.fill img{
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    max-height: 100%;
    position: absolute;
    vertical-align: middle;
    /*background-size: 60px auto;*/
}
.estantesponsors .item .btnUp{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -350px 0 transparent !important;
    border: medium none;
    bottom: -46px;
    height: 70px;
    margin: 520px auto;
    position: relative;
    width: 88px;
    
}
.estantesponsors .item .btnUp:hover{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -450px 0 transparent !important;
}
.estantesponsors .item .anuncio.fill{
    background-color: black;
    height: 600px;
    left: 62px;
    position: absolute;
    top: 65px;
    width: 300px;
    z-index: 2
}
.estantesponsors .item .anuncio .btnGame{
    position: absolute;
    bottom: 0px;
    z-index: 3;
}
.estantesponsors .item .anuncio.fill img{
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    position: absolute;
    vertical-align: middle;
    max-height: 100%;
    /*background-size: 60px auto;*/
}

.estantesponsors .prize{
    font-size: 25px;
    line-height: 55px;
    
}
.estantesponsors .logo{
    height: 100%;
    position: relative;
    width: 100%;
        
}

.estantesponsors .item .nombre{
    font-family:BRLNSDB;
    color: #58b800;
   /* WebKit (Safari/Chrome) Only */
   -webkit-text-stroke: 1px #ffffff;
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  
   text-shadow:
    1px -1px 0px #ffffff,  
    1px -1px 0px #ffffff,
   -1px  1px 0px #ffffff,
    1px  1px 0px #ffffff;
  
    font-size: 23px;
    left: 8px;
    position: absolute;
    text-align: center;
    top: 35px;
    line-height: 17px;
    width: 260px;
    height: 65px;
}

.estantesponsors .item .descripcion{
    background-image: url("../images/sponsor_substrate.png");
    font-size: 13px;
    height: 254px;
    line-height: 15px;
    margin: 0 auto;
    padding: 8px;
    position: relative;
    top: 60px;
    width: 304px;
    
}

.estantesponsors .currentsponsor.item .descripcion{
    background-image: url("../images/sponsor_substrate_active.png");
    background-size: 100% 100%;
}

.estantesponsors .item .back{
    background-image: url("../images/sponsor_card_background.png");
    display: block;
    height: 612px;
    line-height: 86px;
    margin: 0 auto;
    position: relative;
    top: 50px;
    width: 312px;   
}
.estantesponsors .item .descripcion h2, .estantesponsors .item .atributos .target{
    font-family:BRLNSDB !important;
   font-size: 23px ;
   /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px #100000 !important;
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  
  text-shadow:
    3px 3px 0 #100000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0px #100000,  
    1px -1px 0px #100000,
   -1px  1px 0px #100000,
    1px  1px 0px #100000 !important;
    color: whitesmoke;
    display: block;
    margin: 10px 0;
}
.estantesponsors .item .descripcion img, .estantesponsors .item .descripcion .imagen{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    
}
.estantesponsors .botones{
    margin: 0 auto;
    position: relative;
    width: 70px;
    top:180px;
}
.estantesponsors .botones .btOKnoselect,.estantesponsors .botones .btOKselect:hover{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -550px 0px transparent !important;
    width: 70px;
    height: 70px;
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.estantesponsors .botones .btOKnoselect:hover,.estantesponsors .botones .btOKselect{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -633px 0px transparent !important;
    width: 70px;
    height: 70px;
    border: none;
}
.estantesponsors .item .descripcion b{
    color: white;
}
.estantesponsors .item .atributos{
    background-image: url("../images/sponsor_text.png");
    color: whitesmoke;
    display: block;
    font-family: arial;
    font-size: 27px;
    height: 92px;
    line-height: 86px;
    margin: 0 auto;
    position: relative;
    top: 490px;
    width: 293px;    
}
.estantesponsors .item .atributos div{
    
}

.estantesponsors .item .atributos .target{
    width: 100%;
    text-align: center;
}

.estantesponsors .item .btsell,.estantesponsors .item .btbuy{
    font-size: 40px;
    left: -5px;
    line-height: 20px;
    position: absolute;
    top: 90px;
    width: 50px;
    height: 50px;
    background: #84736b;
    background: -webkit-gradient(linear, left top, left bottom, from(#261a14), to(#84736b));
    background: -webkit-linear-gradient(top, #261a14, #84736b);
    background: -moz-linear-gradient(top, #261a14, #84736b);
    background: -ms-linear-gradient(top, #261a14, #84736b);
    background: -o-linear-gradient(top, #261a14, #84736b);
}
.estantesponsors .item .btbuy{
    top: 30px;    
}
.estantesponsors .item .btbuy:hover, .estantesponsors .item .btsell:hover{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#msg #imgsponsor1{
    left: -380px;
    position: absolute;
    top: -70px;
    max-width: 300px;
    max-height: 600px;
}
#msg #imgsponsor2{
    left: 480px;
    position: absolute;
    bottom: -150px;
    max-width:  300px;
    max-height: 600px;
}

#friendly button{
    margin: 0 auto;
    float: none;
}

#mapaDessing #fondomapa, #mapaPrevious #fondomapa{
    border:1px solid #000000; 
    box-shadow: 0px 0px 20px #000000;
    -moz-box-shadow: 0px 0px 20px #000000;
    -webkit-box-shadow: 0px 0px 20px #000000; 
    -khtml-box-shadow: 0px 0px 20px #000000; 
    border-radius: 10px;
}

.flipH {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.bg-color_red{
    background-color: red;
}
.bg-color_blue{
    background-color: blue;
}
.textcolor_red{
    color:red;
}
.textcolor_blue{
    color:blue;
}
.border-color_red{
    border-color: red !important;
}
.border-color_blue{
    border-color: blue !important;
}

.antorcha{
    position: absolute;
    height:260px;
    width: 39px;
    background-image: url("../images/torch_animation.gif");
    top: -41px;
    background-size: 39px auto;
    
}
#antorchaLeft{
    left: 157px;
}
#antorchaRight{
    left:786px;
}

.BORDEH_N .sponsorsIMGs, .BORDEH_S .sponsorsIMGs{
    height: 100%;
    display: inline;
}

.sponsorImgV, .sponsorImgH{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 3px;
}
.sponsorImgV{
    width: 100%; 
    
}
.sponsorImgV img{
    width: 100%;
}
.sponsorImgH{
    height: 100%;    
    display: inline;
}
.sponsorImgH img{
    height:  100%;
    
}

.sign_up_form{
    margin-top: 3px;
}

.form-registro .form-group {
    margin-bottom: 10px;
}

.form-registro .btnGame{
    margin-bottom: 10px;
}

.xfb_iframe_widget iframe {
    opacity: 0;
}

.xfb_iframe_widget {
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -750px -585px transparent !important;
}
.xfb_iframe_widget:hover {
  background: url("../images/MAPA_IMAGES.png") no-repeat scroll 0px -70px transparent !important;
}


.darker{
    position: absolute;
    background : #000;
    opacity    : 0.8;
    filter     : alpha(opacity=80);
    z-index    : 30;
    display: table-row;
}
.darkpanel{
    background : #000;
    opacity    : 0.8;
    filter     : alpha(opacity=80);
    z-index    : 500;
    display: block;
    
}
.newForUser{
    color: yellow;
}

#resumsponsor_box{
    margin-top: 20px;
}

#resumsponsor_box .currentsponsor, #resumsponsor_box .lastsponsor, #resumsponsor_box .nextmatch{
    /* margin: 20px 0;
    background-size: 100% 100%;
    border-radius: 15px;
    -webkit-box-shadow: 1px 1px 30px -6px rgba(34,34,34,0.75);
    -moz-box-shadow: 1px 1px 30px -6px rgba(34,34,34,0.75);
    box-shadow: 1px 1px 30px -6px rgba(34,34,34,0.75);
    padding:20px 0;
    background:transparent url('../images/background-marron2.png') no-repeat top center;  
    background-size: 100% 100%;
    border: none;*/
     height: 300px;
    background:transparent url('../images/Prize_substrate.png') no-repeat top center;  
    margin-bottom: 20px;
}
#resumsponsor_box .logo{
     background:transparent url('../images/Prize_title.png') no-repeat top center; 
     height: 72px;
     margin-top: 40px
     
}
#resumsponsor_box img{
    max-height:  100%;
    max-width: 100%;
}

#resumsponsor_box .item{
    /*height: 220px;*/
}

#resumsponsor_box .information{
    padding: 60px 90px;
    font-size: 19px;
}
#resumsponsor_box .targetresum{
    font-size: 17px;
    line-height: 30px;
}
#resumsponsor_box .prize{
    font-size: 23px;
    line-height: 40px;
    
}
#resumsponsor_box .prize img{
    max-height: 85px;
}
#resumsponsor_box .tittleresumsponsor, #tipofday_box .tittletipofday{
    margin: 0px;
    color: black;
    font-size: 25px;
    font-family: "arial";
    font-weight: bolder;
}


#resumsponsor_box .target, #resumsponsor_box h2{
    color: #58B800;
    font-family: BRLNSDB;
    font-size: 23px;
    text-align: center;
    text-shadow: 1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}


#tipofday_box .nexttip{
   
     height: 260px;
    background:transparent url('../images/form_background_info.png') no-repeat top center;  
    margin-bottom: 20px;
     background-size: 400px;
}

#tipofday_box .whiteLetter_noHover2{
    padding: 50px;
}
#tipofday_box .tipconimg{
    padding-top: 0px;
}

#tipofday_box .imgtip img{
    height: 150px;
}

#divfacebook_login{
    margin: -10px auto 0px;
}

.btfacebook{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -749px -770px transparent !important;   
}
.btfacebook:hover{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -749px -700px transparent !important;   
}


.btnGame .sihover{
    font-size: 15px;
    display: none;
    font-family: "arial";
}
.btnGame .sihover div{
    float: right;
    font-size: 13px;
}
.btnGame:hover .sihover{
    display: block;
}
.btnGame:hover .nohover{
    display: none;
}
#btnBatalla img{
    width: 40px;
    float: left;
}


#divnarrador_helpejemplopartida {
    position: absolute;
    right: 0;
    top: -100px;
    width: 350px;
    z-index: 100;
}
#divnarrador_helpejemplopartida img{
    width: 100%;
    display: none;
    margin-top: 40px;
}

#HELP #divnarrador_helpejemplopartida{
    right: auto;
    left: 50px;
    top: 250px;
    width: 350px;
}

#Contact #divnarrador_helpejemplopartida{
    top: 100px;
    right:75px;
}

.titleImportant-loop{
    animation-duration:1s;
    animation-name: shadowmove;
    animation-iteration-count: infinite;  
    animation-direction: alternate;
}
 
@keyframes shadowmove{    
  from{
   /*font-size: 37px;*/
   color: #219100;
   text-shadow: 3px 3px 0 #FFFFFF, -1px -1px 2px #FFFFFF, 1px -1px 2px #FFFFFF, -1px 1px 2px #FFFFFF, -1px 1px 10px #FFFFFF, 1px -1px 10px #FFFFFF, 1px 1px 2px #FFFFFF;
  }

  to{
   /*font-size: 47px;*/
   color: #58B800;
   text-shadow: 3px 3px 0 #FFFFFF, -5px -5px 5px #F3F600, 1px -1px 2px #FFFFFF, -1px 1px 2px #FFFFFF, -1px 1px 10px #F3F600, 1px -1px 10px #F3F600, 1px 1px 2px #FFFFFF;
  }

}

.buttonImportant-loop{
    animation-duration:1s;
    animation-name: divwithdot;
    animation-iteration-count: infinite;  
    animation-direction: alternate;
    
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #ffffff;
         
    height: 55px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    top: 4px;
    width: 55px;
    z-index: 0;
}

.buttonImportant2-loop{
    animation-duration:1s;
    animation-name: divwithdot;
    animation-iteration-count: infinite;  
    animation-direction: alternate;
    
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #ffff00;
         
    height: 50px;
    right:  3px;
    margin: 0 auto;
    position: absolute;
    width: 50px;
    z-index: 0;
}

@keyframes divwithdot{    
  from{
     opacity: .0;
    -webkit-opacity: .0;
    -moz-opacity: .0;
    filter: alpha(opacity=0);
  }

  to{
   opacity: .40;
    -webkit-opacity: .4;
    -moz-opacity: .4;
    filter: alpha(opacity=40);
  }

}

#help_ejemploPartida .btnplay{
    float: left;
    margin-left: 20px;
}

#aRanking a{
    position: absolute;
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1060px 0px transparent !important;
    width: 95px;
    height: 95px;
    right: 35px;
    top: 0px;
}
#aRanking a:hover{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1060px -103px transparent !important;
}
#aRanking  a.back{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1155px 0px transparent !important;    
}
#aRanking  a.back:hover{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -1155px -103px transparent !important;
}

#sponsorbg{
    background: url("../images/MAPA_IMAGES.png") no-repeat scroll -744px -850px transparent !important;
    width: 252px;
    height: 75px;
}
#sponsorbg a{
    text-align: center;
}

.cssobject_ghost{
    width:50px;
    height: 50px;
}

.h100{
    height: 100px !important;
}

.fontButton1{
    font-family: 'BRLNSDB' ;
    font-size: 33px; 
    border: none;
    color:#ffffff;
    cursor: pointer;
    text-shadow:  2px 2px 1px hsl(0, 0%, 0%) !important;
    text-align: center;
}

.realzartexto{
    /* WebKit (Safari/Chrome) Only 
  -webkit-text-stroke: 1px #ffffcc;*/
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  
  text-shadow:
    1px 1px 0 #ffffcc,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0px #ffffcc,  
    1px -1px 0px #ffffcc,
   -1px  1px 0px #ffffcc,
   -1px  1px 10px #ffffcc,
   1px  -1px 10px #ffffcc,
    1px  1px 0px #ffffcc;
  font-size: 19px;
  text-align: center;
  
}


.info_MSG_PUNTOS{ 
    position: fixed;
    top:150px;    
    width: 1000px;
    
    font-family: 'BRLNSDB' ;
    font-size: 60px;
    text-shadow:
   -1px -1px 0px #FFFFFF,  
    1px -1px 0px #FFFFFF,
   -1px  1px 0px #FFFFFF,
    1px  1px 0px #FFFFFF !important;
    z-index: 50;
}

.info_MSG_PUNTOS.left{
    left:50%;
    margin-left: -500px;
    text-align: left;
}

.info_MSG_PUNTOS.right{
    left:50%;
    margin-left: 0px;
    text-align: right;
}

.info_MSG_PUNTOS .msgtxt{
    font-size: 30px;
}

.msgleft1{
   margin-left: -500px !important;
}
.msgleft2{
   margin-left: -400px !important;
}
.msgleft3{
   margin-left: -300px !important;
}
.msgleft4{
   margin-left: -200px !important;
}


.cap_level1{
}
.cap_level2{
    filter: hue-rotate(180deg);
}

.timportant{
    color:brown;
}

.home .video {
        width: 100%;
        height: 400px;
        margin-top: 63px;
        border: 1px solid #212121;
        overflow: hidden;
        background-image: url(images/play.jpg);
        background-position: -1px -1px;
}
.home .video:hover {
        border: 2px solid #2962FF;
        background-position: -2px -2px;
}