.caja {
height:13px;
width:13px;
margin-left:0px;
margin-top:1px;
}

body {
background: black;
}

.apuesta {
 background-color: #D05B44;
 text-align: center;
 font-size: 7pt;
 font-weight: bold;
 font-family: arial;
 color: white;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #558FA6;
}


ht{
font-size: 14px;
color: #1151FF;
}

.th1 {
 background-color: #7F926E;
 font-size: 11pt;
 font-family: arial;
 text-align: center;
 color: #0b3914;
 border-width: 1px;
 border-style: solid;
 border-color: #558FA6;
}

.th2{
 background-color: #2E64FE;
 border-width: 1px;
 border-style: solid;
 border-color: #585858;
 font-size: 9pt;
 font-family: arial;
 color: white;
}

.padre {
  background: black;
  height: 800px;
  /*IMPORTANTE*/
  display: flex;
  justify-content: center;
  align-items: center;
  }

.bd {
 background-color: #D05B44;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #558FA6;
 width: 57px;
 text-align:center;
 }

.bd2 {
 background-color: #D05B44;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #558FA6;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #558FA6;
 width: 57px;
 text-align:center;
 }

.bb {
 width: 200px;
 background-color: #F4F4AF;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #558FA6;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #558FA6;
 color: #1750C1;
 font-size: 9pt;
 font-family: arial;
 text-align: center;
 }

 .bl {
 width: 200px;
 background-color: #F4F4AF;
 border-left: 1px solid #558FA6;
 color: #1750C1;
 font-size: 9pt;
 font-family: arial;
 }
 
 .blright {
 width: 200px;
 background-color: #F4F4AF;
 border-left: 1px solid #558FA6;
 border-right: 1px solid #558FA6;
 color: #1750C1;
 font-size: 9pt;
 font-family: arial;
 text-align:right;
 }

 .bd3 {
 background-color: #D05B44;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #558FA6;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #D05B44;
 width: 57px;
 text-align:center;
 }

.bb2 {
 width: 200px;
 background-color: #F4F4AF;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #D05B44;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #558FA6;
 color: #1750C1;
 font-size: 9pt;
 font-family: arial;
 }

 .bn {
 width: 13px;
 background-color: #F4F4AF;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #D05B44;
 color: #1750C1;
 font-size: 9pt;
 font-family: arial;
 text-align: right;
 padding-right: 2px;
 }

 .bn2 {
 width: 13px;
 background-color: #F4F4AF;
 color: #1750C1;
 font-size: 9pt;
 font-family: arial;
 text-align: right;
 padding-right: 2px;
 }

 .bn3 {
 width: 13px;
 background-color: #F4F4AF;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #558FA6;;
 color: #1750C1;
 font-size: 9pt;
 text-align: right;
 }

 .combi {
 background-color: #F4F4AF;
 height:25px;
 text-align: center;
 font-size: 10pt;
 font-weight: bold;
 font-family: arial;
 color: #D05B44;
 border-width: 1px;
 border-style: solid;
 border-color: #558FA6;
 
 
 }
 
  .combiright {
 background-color: #F4F4AF;
 height:25px;
 text-align: center;
 font-size: 10pt;
 font-weight: bold;
 font-family: arial;
 color: #D05B44;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-top-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-top-style: solid;
 border-color: #558FA6;
 }

 .combibottomlr {
 text-align: center;
 font-size: 7pt;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #585858;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #585858;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #585858;
 }

  .combi2 {
 text-align: center;
 font-size: 7pt;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #585858;
 }

 .combibottomleft {
 text-align: center;
 font-size: 7pt;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #585858;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #585858;
 }

 .combibottom {
 text-align: center;
 font-size: 7pt;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #585858;
 }

 .combibottomright {
 text-align: center;
 font-size: 7pt;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #585858;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #585858;
 }

 .combilr {
 text-align: center;
 font-size: 7pt;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #585858;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #585858;
 }

 .box1 {
   background-color:#424242;
   width:1000px;
   height:600px;
   padding-left:10px;
   padding-top:10px;
   padding-right:10px;
}

 .box2 {
   background-color: white;
   width:345px;
   height:414px;
   padding-left:10px;
   padding-top:10px;
   padding-right:5px;
   border-right-width: 3px;
   border-right-color: #D05B44;
   border-right-style: solid;
   border-top-width: 3px;
   border-top-color: #D05B44;
   border-bottom-width: 3px;
   border-bottom-color: #D05B44;
   border-top-style: solid;
   border-bottom-style: solid;
}

 .box3 {
   
   width:680px;
   height:414px;
  
}

.boxtabla1{
 float:left;
}

.boxtabla2{
 
 float:left;
 margin-left:10px;
 background:#f4f4af;
 border-spacing:3px;
 
}

.content-input{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance:none;
    position: relative;
	margin-bottom: 15px;
	padding:5px 0px 5px 10px; /* Damos un padding de 60px para posicionar 
        el elemento <i> en este espacio*/
	display: block;
}

.content-input input{
    visibility: hidden;
    position: absolute;
    right:0px;
}

/* Estas reglas se aplicarán a todos las elementos i 
después de cualquier input*/
.content-input input + a{
       color:#1750C1;
       text-align:center;
       background: #f4f4af;
       border:2px solid rgba(158,0,0,0.5);
       position: absolute; 
       left: 0;
       top: 0;
       
}

/* Estas reglas se aplicarán a todos los i despues 
de un input de tipo checkbox*/
.content-input input[type=checkbox ] + a{
    
	width: 20px;
	height: 20px;
	border-radius: 4px;
}




.content-input input[type=checkbox]:checked + a{
 background: #D05B44;
 color:#fff;
}

.celvar{
    width:24px;
    background:#f4f4af;
}

.celvar2{
    height:30px;
    width:26px;
    background:#f4f4af;
    padding-left:3px;
}

.celvar3{
    height:30px;
    width:30px;
    background:#f4f4af;
    border-right:1px solid #558FA6;
    padding-right:5px;
}

.celvar2b{
    height:30px;
    width:15px;
    background:#f4f4af;
}


.cajatext{
    width:25px;
}

.celvar1{
    width:24px;
    background:#f4f4af;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #558FA6;
}

.celvar3{
    width:24px;
    background:#f4f4af;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #558FA6;
}

 .t2 {
 width: 220px;
 background-color: #F4F4AF;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #558FA6;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #558FA6;
 color: #1750C1;
 font-size: 9pt;
 font-family: arial;
 
 }
 
 .cajaslect{
background:#FFFFC9;
border:2px solid #4A4A4A;
width:100px;
height:200px;
font-size:12px;
font-family:Verdana,Helvetica,sans-serif;
}