
.table1{margin:auto; width: 49.7%; height: 50%;  border-top:1px solid gray; border-left:1px solid gray;}
.table2{margin: auto; width: 49.7%; visibility:hidden; height: 50%; border-top:1px solid gray; border-left:1px solid gray;}

.table3{width: 100% !important; height: 100% !important;}

.table_oxo{width: 93%;
           height: 100%;
           padding:0% 0% 0% 0%;
       }

.table_oxo_levels{width: 104%;
           height: 100%;
           padding: 0% 0% 0% 4%;
       }       

.table_sph{
     width: 93% !important; 
     height: 100% !important; 
     margin-right: 5% !important;
     
 }

.table_score{
    width: 93% !important;
    height: 100% !important;
    margin-right: 5%;
 }

.rotado-2_preview {
    width: 18px;
    /*position: absolute;*/
    /*margin-top: 23px;*/
    margin-top: 3.3%;
    /*font-family: OpenSans-Bold;*/
   /* font-size: 8px;*/
     font-size: 12px;
    word-wrap: break-word;
    letter-spacing: 5px;
}

.titulos-caja_inic {
    font-family: bradley;
    font-size: 28px;
    margin: 3%;
    padding: 4%;
    color:black;
}

.texto-rotado-oxo span{
    display: inline-block;
    -webkit-transform: rotate(-270deg);
      margin-right: 3%;  
      margin-top: 6px;
      font-size: 5.4rem;
}

.table_td_text_sph{height: 100%; width:100%;  padding-left:6%; }

.table_td{padding:10% 5% 8% 10% ; }

.table_td_pf{padding:12% 5% 12% 10% ; }

.table_td_shp{padding:10% 0% 8% 0%;}

.table_td_shp_pf{padding:12% 0% 11% 0%;}

.table_td_shp_previw{padding:10% 0% 8% 0%;}

.table_td_vertical{padding:10% 5% 8% 0%; }

.table_td_vertical_pf{padding:12% 5% 18% 0% ; }

.table_td_proview_pf{padding:12% 5% 17% 0% ; }

.table_td_vertical_sph{padding:15% 0% 0% 0%; }

.table_td_vertical_sph_preview{padding:10% 0% 8% 0%  }

.table_td_vertical_sph_pF{padding:12% 5% 2% 0% }

.tr_vertical_sph{height: 80% !important}

.tr_vertical_score{height: 80% !important}

.oxo_v{padding:15% 5% 0% 2% !important;}

.sph_td_titulo_proview{
      /*height: 10%; */
      background-color:white !important;
      text-align: center;
   }

.tr_titulo{
   background-color:white !important;
   height: 10% !important;
   text-align: center;
}

.td-texto{
    width: 18px;
    margin-top: 170%;
   /* font-family: OpenSans-Bold;*/
    font-size: 1.2rem;
    word-wrap: break-word;
    letter-spacing: 4px !important;
     /*font-weight: 600;*/
}

.td_oxo_vertical{
    padding-left:4%; 
/*padding-top:15%;*/}

.td-textoLR{
    width: 18px;
    font-size: 1.2rem;
    word-wrap: break-word;
    letter-spacing: 4px;
     /*font-weight: normal;*/
}

.td-textoLR-oxo{
    width: 18px;
    font-size: 1.7rem;
    word-wrap: break-word;
    letter-spacing: 4px;
     /*font-weight: normal;*/
}

.link-logout a:hover{
    color:#424242 !important;
    text-decoration: none;
}

.errores {
    width: 50%;
    margin: 0 auto;
    margin-top: 44px;
    margin-bottom: 35px;
    font-size: 16px !important;
}

.shape-line > .line {
    display: table-cell;
    padding: 4px 46px;
    width: 2%;
    margin-bottom: 0;
  /*  text-align: left;*/
}

form{margin-top: -3%}

.btn{vertical-align: top !important;}

.holes > input {
    width: 70%;
    position: absolute;
    top: 51%;
    left: 15%;
    height: 54px;
    background: transparent;
    border: 0px;
    text-align: center;
    font-size: 2.5rem;
}  

.holes > input:focus {
    outline: none;
}   

/*******************************************************/
.rombo-numero-11-img{
    background: url('../img/rombo-numero-11.svg');
    background-repeat:round; 
}
.rombo-numero-10-img{
    background: url('../img/rombo-numero-10.svg');
    background-repeat:round; 
}
.rombo-numero-12-img{
    background: url('../img/rombo-numero-12.svg');
    background-repeat:round; 
}

.rombo-numero-13-img{
    background: url('../img/rombo-numero-13.svg');
    background-repeat:round;  
}
.rombo-numero-14-img{
    background: url('../img/rombo-numero-14.svg');
    background-repeat:round;  
}
.rombo-numero-15-img{
    background: url('../img/rombo-numero-15.svg');
    background-repeat:round;  
}
.rombo-numero-16-img{
    background: url('../img/rombo-numero-16.svg');
    background-repeat:round;  
}
.rombo-numero-17-img{
    background: url('../img/rombo-numero-17.svg');
    background-repeat:round;  
}
.rombo-numero-18-img{
    background: url('../img/rombo-numero-18.svg');
    background-repeat:round;  
}

/*******************************************************/
.numero-11-img{
    background: url('../img/numero-11.svg');
    background-repeat:round;  
}
.numero-10-img{
    background: url('../img/numero-10.svg');
    background-repeat:round;  
}
.numero-12-img{
    background: url('../img/numero-12.svg');
    background-repeat:round;  
}

.numero-13-img{
    background: url('../img/numero-13.svg');
    background-repeat:round;  
}
.numero-14-img{
    background: url('../img/numero-14.svg');
    background-repeat:round;  
}
.numero-15-img{
    background: url('../img/numero-15.svg');
    background-repeat:round;  
}
.numero-16-img{
    background: url('../img/numero-16.svg');
    background-repeat:round;  
}
.numero-17-img{
    background: url('../img/numero-17.svg');
    background-repeat:round;  
}
.numero-18-img{
    background: url('../img/numero-18.svg');
    background-repeat:round;  
}
/******************************************************/
.circulo-cruz-1-img {
    background: url('../img/circulo-cruz.svg');
    background-repeat:round;  
}

.circulo-circulo-line-img {
    background: url('../img/circulo-circulo.svg');
    background-repeat:round;  
}

.circulo-cruz-2-img {
    background: url('../img/circulo-cruz-2.svg');
    background-repeat:round;  
}

.circulo-cruz-3-img {
    background: url('../img/circulo-cruz-3.svg');
    background-repeat:round;  
}


.circulo-estrella-img {
    background: url('../img/circulo-estrella-.svg');
    background-repeat:round;  
}
/*****/
.cuadrado-cruz-1-img {
    background: url('../img/cuadrado-cruz.svg');
    background-repeat:round;  
}

.cuadrado-circulo-line-img {
    background: url('../img/cuadrado-circulo.svg');
    background-repeat:round;  
}

.cuadrado-cruz-2-img {
    background: url('../img/cuadrado-cruz-2.svg');
    background-repeat:round;  
}

.cuadrado-cruz-3-img {
    background: url('../img/cuadrado-cruz-3.svg');
    background-repeat:round;  
}

/*****/
.corazon-cruz-1-img {
    background: url('../img/corazon-cruz-2.svg');
    background-repeat:round;  
}

.corazon-circulo-line-img {
    background: url('../img/corazon-circulo.svg');
    background-repeat:round;  
}

.corazon-cruz-2-img {
    background: url('../img/corazon-cruz.svg');
    background-repeat:round;  
}

.corazon-cruz-3-img {
    background: url('../img/corazon-cruz-3.svg');
    background-repeat:round;  
}
/*****/
.estrella-cruz-1-img {
    background: url('../img/estrella-cruz.svg');
    background-repeat:round;  
}

.estrella-circulo-line-img {
    background: url('../img/estrella-circulo-.svg');
    background-repeat:round;  
}

.estrella-cruz-2-img {
    background: url('../img/estrella-cruz-.svg');
    background-repeat:round;  
}

.estrella-cruz-3-img {
    background: url('../img/estrella-cruz-3.svg');
    background-repeat:round;  
}
/******/
.corazon-cruz-1-img {
    background: url('../img/corazon-cruz-2.svg');
    background-repeat:round;  
}

.corazon-circulo-line-img {
    background: url('../img/corazon-circulo.svg');
    background-repeat:round;  
}

.corazon-cruz-2-img {
    background: url('../img/corazon-cruz.svg');
    background-repeat:round;  
}

.corazon-cruz-3-img {
    background: url('../img/corazon-cruz-3.svg');
    background-repeat:round;  
}
/*****/
.rombo-cruz-1-img {
    background: url('../img/rombo-cruz-1.svg');
    background-repeat:round;  
}

.rombo-circulo-line-img {
    background: url('../img/rombo-circulo.svg');
    background-repeat:round;  
}

.rombo-cruz-2-img {
    background: url('../img/rombo-cruz-2.svg');
    background-repeat:round;  
}

.rombo-cruz-3-img {
    background: url('../img/rombo-cruz-3.svg');
    background-repeat:round;  
}
/******/
.pentagono-cruz-1-img {
    background: url('../img/pentagono-cruz.svg');
    background-repeat:round;  
}

.pentagono-circulo-line-img {
    background: url('../img/pentagono-circulo.svg');
    background-repeat:round;  
}

.pentagono-cruz-2-img {
    background: url('../img/pentagono-cruz-3.svg');
   background-repeat:round;
}

.pentagono-cruz-3-img {
    background: url('../img/pentagono-cruz-2.svg');
    background-repeat:round;
}
/******/
.hexagono-cruz-1-img {
    background: url('../img/hexagono-cruz-3.svg');
    background-repeat:round;  
}

.hexagono-circulo-line-img {
    background: url('../img/hexagono-circulo.svg');
    background-repeat:round;  
}

.hexagono-cruz-2-img {
    background: url('../img/hexagono-cruz.svg');
    background-repeat:round;  
}

.hexagono-cruz-3-img {
    background: url('../img/hexagono-cruz-2.svg');
    background-repeat:round;  
}
/******/
.estrella-varios-cruz-1-img {
    background: url('../img/puntas-cruz.svg');
    background-repeat:round;  
}

.estrella-varios-circulo-line-img {
    background: url('../img/puntas-circulo.svg');
    background-repeat:round;  
}

.estrella-varios-cruz-2-img {
    background: url('../img/puntas-cruz-3.svg');
    background-repeat:round;  
}

.estrella-varios-cruz-3-img {
    background: url('../img/puntas-cruz-2.svg');
    background-repeat:round;  
}
/******/
.circulo-varios-cruz-1-img {
    background: url('../img/flor-cruz-3.svg');
    background-repeat:round;  
}

.circulo-varios-circulo-line-img {
    background: url('../img/flor-line.svg');
    background-repeat:round;  
}

.circulo-varios-cruz-2-img {
    background: url('../img/flor-cruz.svg');
    background-repeat:round;  
}

.circulo-varios-cruz-3-img {
    background: url('../img/flor-cruz-2.svg');
    background-repeat:round;  
}
/******/
.tela-araña-cruz-1-img {
    background: url('../img/tela-arana.svg');
    background-repeat:round;  
}

.tela-araña-circulo-line-img {
    background: url('../img/tela-arana-cruz-2.svg');
    background-repeat:round;  
}

.tela-araña-cruz-2-img {
    background: url('../img/tela-arana-cruz-2.svg');
    background-repeat:round;  
}

.tela-araña-cruz-3-img {
    background: url('../img/tela-arana-cruz-2.svg');
    background-repeat:round;  
}
/****************************************************************************/
