*{font-family: trebuchet ms;color:#eee;}
a{}
body{
	margin:0px; padding: 0px;background-image: url('imagenes/fondos/fondo_gris85.jpg');
	}
footer{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,555555+39,555555+58,222222+100 */
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #555555 39%, #555555 58%, #222222 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #222222 0%,#555555 39%,#555555 58%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #222222 0%,#555555 39%,#555555 58%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=0 ); /* IE6-9 */

  font-size: 9pt; padding: 6px; text-shadow: 3px 3px 3px #000000; margin-top: 10px; margin-bottom: 0px;
}
html{}
hr {display: block; margin-top: 4px; margin-bottom: 4px; margin-left: auto; margin-right: auto;
   border-style: inset; border-width: 6px; width: 95%;}
input{color:#000;}

.laTabla{border-collapse: collapse; margin: 4px auto;}
.laTabla th, td {text-align: left; padding: 2px; color: #000; }
.laTabla tr:nth-child(even){background-color: #eee;}
.laTabla tr:nth-child(odd){background-color: #aaa;}



.fondoArena{
  background-image: url('imagenes/fondos/fondo_arena2.jpg');
  background-repeat: repeat;
  color: #000;
}


  .formularioAcceso {border-radius: 20px; margin: 10px auto; width: 800px; height: auto; padding-top: 29px; padding-bottom: 29px;
   background: rgb(17,17,17); /* Old browsers */
   background: -moz-linear-gradient(left,  rgba(17,17,17,1) 0%, rgba(68,68,68,1) 50%, rgba(17,17,17,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,17,1)), color-stop(50%,rgba(68,68,68,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left,  rgba(17,17,17,1) 0%,rgba(68,68,68,1) 50%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left,  rgba(17,17,17,1) 0%,rgba(68,68,68,1) 50%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(left,  rgba(17,17,17,1) 0%,rgba(68,68,68,1) 50%,rgba(17,17,17,1) 100%); /* IE10+ */
   background: linear-gradient(to right,  rgba(17,17,17,1) 0%,rgba(68,68,68,1) 50%,rgba(17,17,17,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#111111',GradientType=1 ); /* IE6-9 */
   
   -webkit-box-shadow:inset 0 0 6px 3px #bbb;
   box-shadow:inset 0 0 6px 3px #bbb;}

.botonGrande{color: #fff; width: 135px; margin: 6px 10px; height: 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
   background: rgb(60,60,60); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(60,60,60,1) 0%, rgba(42,40,40,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,60,60,1)), color-stop(100%,rgba(42,40,40,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(42,40,40,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(42,40,40,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(42,40,40,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(60,60,60,1) 0%,rgba(42,40,40,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#2a2828',GradientType=0 ); /* IE6-9 */
   border: 1px solid #232323;
   box-shadow: 0px 2px 0px #000;
   -moz-box-shadow: 0px 2px 0px #000;
   -webkit-box-shadow: 0px 2px 0px #000; }

.botonGrande:hover{
   background: rgb(42,40,40); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(42,40,40,1) 0%, rgba(60,60,60,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,40,40,1)), color-stop(100%,rgba(60,60,60,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(42,40,40,1) 0%,rgba(60,60,60,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(42,40,40,1) 0%,rgba(60,60,60,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(42,40,40,1) 0%,rgba(60,60,60,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(42,40,40,1) 0%,rgba(60,60,60,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2828', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
   cursor: pointer; }

.botonSuperGrande{color: #fff; width: 250px; margin: 6px 10px; height: 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
   background: rgb(60,60,60); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(60,60,60,1) 0%, rgba(42,40,40,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,60,60,1)), color-stop(100%,rgba(42,40,40,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(42,40,40,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(42,40,40,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(42,40,40,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(60,60,60,1) 0%,rgba(42,40,40,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#2a2828',GradientType=0 ); /* IE6-9 */
   border: 1px solid #232323;
   box-shadow: 0px 2px 0px #000;
   -moz-box-shadow: 0px 2px 0px #000;
   -webkit-box-shadow: 0px 2px 0px #000; }

.botonSuperGrande:hover{
   background: rgb(42,40,40); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(42,40,40,1) 0%, rgba(60,60,60,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,40,40,1)), color-stop(100%,rgba(60,60,60,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(42,40,40,1) 0%,rgba(60,60,60,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(42,40,40,1) 0%,rgba(60,60,60,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(42,40,40,1) 0%,rgba(60,60,60,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(42,40,40,1) 0%,rgba(60,60,60,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2828', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
   cursor: pointer; }

.centrado{text-align: center;vertical-align: middle;}
.subt{color: #ddd;text-shadow: 3px 3px 3px #000000;}
.campoForm150{border-radius: 6px; margin: 6px auto;width: 150px; height: 22px;}
.campoForm151{border-radius: 6px; margin: 0 auto;width: 150px; height: 22px;}
.campoForm250{border-radius: 6px; margin: 6px auto;width: 250px; height: 22px;}

#contenido{border: solid 0.1px; height: auto;margin:30px; }


  #errorAcceso{
    width: 50%;border-radius: 12px; padding: 12px; color: yellow; font-size: 14pt; font-weight: bold;
    text-shadow: 3px 3px 2px #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef6472+1,bc1417+29,bc1417+72,ef6472+100 */
background: #ef6472; /* Old browsers */
background: -moz-linear-gradient(top,  #ef6472 1%, #bc1417 29%, #bc1417 72%, #ef6472 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ef6472 1%,#bc1417 29%,#bc1417 72%,#ef6472 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ef6472 1%,#bc1417 29%,#bc1417 72%,#ef6472 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6472', endColorstr='#ef6472',GradientType=0 ); /* IE6-9 */

  }

#franja{height: 30px; width: 100%;top: 0px; position: relative; color: #fff; padding: 2px; text-align:center;
	 background: rgb(149,149,149); /* Old browsers */
	 background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
	 background: -ms-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
	 background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
	 -webkit-border-radius: 0 0 36px 36px;
	 border-radius: 0 0 36px 36px; }
#franja a{color:#ddd;text-decoration: none;}

    #nopago{
      margin: 15px 150px;
      padding: 20px;
      text-align:center;
      font-weight: normal;
      -webkit-box-shadow:inset 0 0 8px 4px #0A0A0A;
      box-shadow:inset 0 0 8px 4px #0A0A0A;
      -webkit-border-radius: 20px;
      border-radius: 20px;
    }

    .nopago{
      margin: 15px 150px;
      padding: 20px;
      text-align:center;
      font-weight: normal;
      -webkit-box-shadow:inset 0 0 8px 4px #0A0A0A;
      box-shadow:inset 0 0 8px 4px #0A0A0A;
      -webkit-border-radius: 20px;
      border-radius: 20px;
    }

/* ---------------------- ESTILOS PARA CLASES ---------------------- */

#ayuda2{
  opacity: 0;
  pointer-events:none;
  background: rgba(0,0,0,0.7);
  width: 100%;
  position: fixed;
  top: 0px;
  bottom: 0px;
  transition: all ease 0.5s;
}
#ayuda2:target{
  opacity: 1;
  pointer-events:all;
  transition: all ease-in 0.5s;
}
#contenidoAyuda{
  width: 90%;
  border-radius: 25px;
  margin: 10px auto;
  padding: 10px 10px 42px 10px;
  
  background: #333333;

}
#contenidoAyuda a{
  background: #959595; /* Old browsers */
  background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
  text-decoration: none;
  width: 60px;
  float: right;
  margin: 5px;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  position: relative;
  bottom: 3px;
  line-height: 24px;
}
#contenidoAyuda h2{text-align: center; color:yellow}
#contenidoAyuda h3{margin: 6px 0px 0px 0px; color:yellow}
#contenidoAyuda .subtitulo{font-weight:bold;  font-style: font-size:1.1em; italic; color:yellow}
#contenidoAyuda p{margin: 6px 0px 0px 24px}

    .celdaMoneda{text-align: right;color: #fff;}
    .rotuloCelda{text-align: left;color: #fff;}
    .fondoNegro{background-color: #000;}



.img128{vertical-align: middle; height: 128px;}
.img64{vertical-align: middle; height: 64px;}
.img48{vertical-align: middle; height: 48px;}
.img32{vertical-align: middle; height: 32px;}
.img24{vertical-align: middle; height: 24px;margin-left: 5px;margin-right: 5px}


.botonImgTxt { 
  position: relative;
  width: 128px;
  height: 128px;
  text-align: center; vertical-align: middle;
  border-radius: 12px;
  -webkit-box-shadow:inset 0 0 8px 4px #0A0A0A;
  box-shadow:inset 0 0 8px 4px #0A0A0A;
  transition: all 800ms ease;
  cursor: pointer;
  margin: 6px;
}
.botonImgTxt:hover { 
  border-radius: 20px;
  -webkit-box-shadow:inset 0 0 20px 12px #0A0A0A;
  box-shadow:inset 0 0 20px 12px #0A0A0A;
  /* opacity: 0.4; */
  transition: all 800ms ease;
}

.imagenEnBoton{
  max-width: 110px;max-height: 110px; margin: 14px auto;vertical-align: middle;
}

.botonImgTxt2 { 
  position: relative;
  width: 64px;
  height: 64px;
  text-align: center; vertical-align: middle;
  border-radius: 6px;
  -webkit-box-shadow:inset 0 0 4px 2px #0A0A0A;
  box-shadow:inset 0 0 4px 2px #0A0A0A;
  transition: all 800ms ease;
  cursor: pointer;
  margin: 3px;
}
.botonImgTxt2:hover { 
  border-radius: 10px;
  -webkit-box-shadow:inset 0 0 10px 6px #0A0A0A;
  box-shadow:inset 0 0 20px 12px #0A0A0A;
  /* opacity: 0.4; */
  transition: all 800ms ease;
}

.imagenEnBoton2{
  max-width: 55px;max-height: 55px; margin: 7px auto;vertical-align: middle;
}
.textoEnImagen2 { 
  width: 96%;
   position: absolute; 
   bottom: -6px; 
   font-size: 8pt;
   padding: 2px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.6);
   border-radius: 3px;
}
.textoEnImagen { 
  width: 96%;
   position: absolute; 
   bottom: -6px; 
   font-size: 10pt;
   padding: 2px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.6);
   border-radius: 3px;
}

       .enMenu2{
    max-width: 42px;vertical-align: middle; position: relative;margin:0px 10px;
    max-height: 42px;
    padding:6px;
    cursor: pointer;
    -webkit-box-shadow:inset 0 0 3px 2px #0A0A0A;
    box-shadow:inset 0 0 3px 2px #0A0A0A;
    border-radius: 9px;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
  }
  .enMenu2:hover{

    -webkit-box-shadow:inset 0 0 6px 3px #0A0A0A;
    box-shadow:inset 0 0 6px 3px #0A0A0A;
    border-radius: 12px;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
  }            


       .logo{
    max-width: 60px;vertical-align: middle; position: relative;margin:0px 10px;
    max-height: 60px;
    padding:6px;} 

/*ESTILOS GENERALES PARA EL MENU*/

  .icosubmenu{
    max-width: 22px;
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 4px;
  }

nav{
  font-size: .8em;
}
nav ul{list-style: none; padding: 0px;}

nav li{
  line-height: 2rem;
  position: relative;
}

nav li ul{
  position: absolute;
}

nav a{
  text-decoration: none;
  display: block;
  color: #ddd;
  padding: 0 1em;
  transition: .8s;
}

nav a:hover{
  background: rgba(255,0,0,.5);
    background: -moz-linear-gradient(black,blue,black);
    background: -webkit-linear-gradient(black,blue,black);
    background: -o-linear-gradient(black,blue,black);
    background: -ms-linear-gradient(black,blue,black);
    background: linear-gradient(black,blue,black);
    color: yellow;
}

/*PRIMER NIVEL*/
nav > ul{
  background: rgba(255,0,0,.5);
    background: -moz-linear-gradient(black,green,black);
    background: -webkit-linear-gradient(black,green,black);
    background: -o-linear-gradient(black,green,black);
    background: -ms-linear-gradient(black,green,black);
    background: linear-gradient(black,green,black);
  display: table;
  border-radius:   12px ;
  margin: 0px auto;
}

nav > ul > li {
  float: left;  
  transition: .8s;
}

/*SEGUNDO NIVEL*/

nav  li li{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+33,282828+66,131313+100 */
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top,  #000000 0%, #000000 33%, #282828 66%, #131313 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #000000 0%,#000000 33%,#282828 66%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #000000 0%,#000000 33%,#282828 66%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  width: 160px;
  max-height: 0px;
  overflow: hidden;
  transition:all .8s;
  border-left: thin aqua solid;
}


nav li:hover > ul > li{
  max-height: 500px;
  overflow: visible;
}

nav > ul > li > ul{
  top: 100%;
}

/*TERCER NIVEL*/
nav ul ul ul {
  left:100%;
  top: 0;
}