@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Caveat);

BODY.fondo      {
                  margin           : 0 0 100px;
                  background-color: #DDDDDD;                 
                  text-align:       justify;
                  font-size:        1rem;
                  font-family:      "Asap", Arial, Helvetica, sans-serif;
                }

body.clave         {
                  margin           : 0 0 0px;
                  background-color: #045984;
                  text-align:       justify;
                  font-size:        0.8em;
                  font-family:      Verdana, Arial, Helvetica, sans-serif;
                }

BODY.salida {
                font-family           : "Roboto";
                margin                : 0;
                padding               : 0;
                border                : 0;                 
                font-size             : 13px;
                background            : #17202A;      
                font-family           : "Asap", Arial, Helvetica, sans-serif;                
}

.contenedor-1 {            
                background            : transparent;
                height                : 100vh;
                display               : flex;
                align-items           : top;
                justify-content       : center;
               /* border                : 2px solid cyan;*/
}

.contenedor-2 {
               /* display               : flex;
                flex-direction        : column;
                width                 : 90%;   
                text-align            : center;
                align-items           : center;
                border            : 1px solid blue;*/
                display               : flex;
                align-items           : center;
                flex-direction        : column;                
                max-width             : 80%;
                padding               : 58px 15px 20px 15px;                 
                background            : transparent;  
                font-size             : 1.2rem;
                font-weight           : bold;              
                text-align            : center;
                /*border                : 2px solid cyan;*/
}


.contenedor-salida {
                width                 : 100%;
                max-width             : 500px;
                padding               : 20px 20px; 
                /*margin                : auto;*/
                background            : transparent;  
                font-size             : 1.5rem;
                font-weight           : bold;
                color                 : white;
                text-align            : center;
}

.contenedor-salida2 {
                margin                : 2.5rem 1rem 2.5rem;
                font-size             : 1.1rem;                                     
                color                 : white;
                text-align            : center;
                line-height           : 1.5rem;
}

.contenedor-formulario { 
           
            color             : #f2f2f2; 
             text-align: center;  
            left              : 0;               
}
  
.contenedor-formulario .formulario {
            width             : 100%;
            margin            : auto; 
}

.contenedor-botones {
            display           : flex;
            flex-wrap         : wrap;
            flex-direction    : row;
            text-align        : center;
            align-items       : top;  
            justify-content   : center;
            width             : 100%;          

}


.agrupa_horizontal {
                display           : flex;
                flex-direction    : row;
                justify-content   : space-between;
                flex-flow         : row wrap;
                /*border                : 2px solid red;*/
               
}
 

.agrupa_horizontal_centro {
                display           : flex;
                flex-direction    : column;
                justify-content   : center;
}

.agrupa_horizontal .izquierda {                
                justify-content   : left;               
}

.boton_url1 {
      background           : transparent;
      border-radius        : 3px;
      border               : 1px solid #17202A;
      color                : #17202A;
      cursor               : pointer;
      display              : inline-block;
      font-family          : "Roboto";
      font-size            : 18px;
      padding              : 12px;
      width                : 100%;
      -webkit-transition   : all 0.3s ease;
      -o-transition        : all 0.3s ease;
      transition           : all 0.3s ease; 
    }

.boton_url1:hover {
        background        : green; 
        color             : #FFFFFF;
        border            : 1px solid green;
        text-decoration   : none;     
      }


.tabla_res1 {
  width                 : 65%;
  background            : transparent;
  margin-bottom         : 1rem; 
  margin-top            : 1rem; 
  border-collapse       : collapse;
  border-spacing        : 0;
  border                : none ;
}

.tabla_res1 tr th {    
    background-color    : var(--principal1);
    color               : white;
    font-size           : 1rem;
    padding             : 5px 3px 6px 5px;
    border              : 0;

}

.tabla_res1 tr td {
  padding: 0.5625em 0.625em;
   /*font-size: 0.875em;*/
  font-size:1rem;
  color: #222222;
  border: 0.4px solid #dddddd;
}

.tabla_res1 tr.even,
.tabla_res1 tr.alt,
.tabla_res1 tr:nth-of-type(even) {
  background: #f9f9f9;
}

.tabla_res2 {
  width: 65%;
  background: white;
  margin-bottom: 1.25em;  
  border-collapse: collapse;
  border-spacing: 0;
}

.tabla_res2 tr th {
    background               : var(--principal1);
    color                    : white;
    font-size                : 0.9rem;
    padding                  : 5px 3px 6px 5px;
    border: solid 0.4px #dddddd;

}

.tabla_res2 tr td {
  padding: 0.5625em 0.625em; 
  font-size:0.9rem;
  color: #222222;
  border: 0.4px solid #dddddd;
}

.tabla_res2 tr.even,
.tabla_res2 tr.alt,
.tabla_res2 tr:nth-of-type(even) {
  background: #f9f9f9;
}


.MOVIL_mostrar_titulo{
    display             :  none;
}

.celda_divisoria{
             background-color          :transparent !important;
             border                    :none !important;
             width                :1% !important;
}

.form-wrapper input {
    -moz-box-sizing: border-box;
}

/* CSS DE SOLICITUDES EN LINEA */

#tabla_titulo{
        background            : rgb(19,102,133);
        border                : rgb(19,102,133) 1px solid;
        -moz-border-radius    : 5px 5px 0px 0px;
        -webkit-border-radius : 5px 5px 0px 0px;
        border-radius         : 5px 5px 0px 0px;
        -moz-box-shadow       : 0px 3px 0px #000;
        -webkit-box-shadow    : 0px 3px 0px #000;
        box-shadow            : 0px 3px 0px #000;
        padding               : 3px 3px 3px 3px;
        margin                : auto;
        float                 : !important;
        font                  : Verdana, Geneva, sans-serif;
	font-weight           : bold;
        color                 : #563A85;
     }

#tabla_marco{
        background            : #fafafa;
        border                : rgb(189,189,189) 1px solid;
        -moz-border-radius    : 5px 5px 0px 0px;
        -webkit-border-radius : 5px 5px 0px 0px;
        border-radius         : 10px 10px 10px 10px;
        padding               : 3px 3px 3px 3px;
        margin                : auto;
        float                 : !important;
        font                  : Verdana, Geneva, sans-serif;
     }

#shadow-titulo {
        color                 : rgb(255,255,255);
        font-size             : 18px;
        border-width          : 2px;
        text-shadow           : 1px 1px 1px #D8D8D8;
        font-weight           : bold;
        text-align            : center;
     }

#shadow-mensaje {
        color                 : rgb(43,58,142);
        font-size             : 20px;
        border-width          : 2px;
        text-shadow           : 1px 1px 1px #D8D8D8;
        font-weight           : bold;
        text-align            : center;
     }
                
th.header2     { 
        color                 : rgb(255,255,255);
        background-color      : rgb(19,102,133);
        text-align            : center;
        font-style            : normal;
        font-family           : 'Asap', Arial, Helvetica, sans-serif;
        -moz-border-radius    : 5px 5px 0px 0px;
        -webkit-border-radius : 5px 5px 0px 0px;
        border-radius         : 5px 5px 0px 0px;
        padding-left          : 3px;
        padding-right         : 3px;
        padding-top           : 3px;
        padding-bottom        : 3px;
       }
                
TD.header_lista     { 
        color                 : rgb(255,255,255);
        background-color      : rgb(20,129,150);
        text-align            : center;
        font-weight           : bold;
        font-size             : 12px;
        font-style            : normal;
        font-family           : Verdana, Arial, Helvetica, sans-serif;
        -moz-border-radius    : 5px 5px 0px 0px;
        -webkit-border-radius : 5px 5px 0px 0px;
        border-radius         : 5px 5px 0px 0px;
        padding-left          : 3px;
        padding-right         : 3px;
        padding-top           : 3px;
        padding-bottom        : 3px;
       }
                
TD.lineas-cuadro{ 
        vertical-align          : center;
        background-color        : rgb(217,217,217);
        font-family             : Verdana, Arial, Helvetica, sans-serif;
        border-top              : solid 2px var(--principal1);
        border-bottom           : solid 3px var(--principal1);
        border-right            : solid 1px var(--principal1);
        border-left             : solid 1px var(--principal1);  
        text-align            : center;         
        background              : #fff;        
     }
                
TD.lineasLIS { 
        /*vertical-align        : center;
        font-family           : Verdana, Arial, Helvetica, sans-serif;
        border                : rgb(215,215,215) 1px solid;
        font-size             : 11px;
        background-color      : rgb(250,250,250);
        white-space           : nowrap;*/

        vertical-align        : center;   
        color                 : rgb(23,33,43); 
        font-family           : "Roboto", Verdana, Arial, Helvetica;                                              
        line-height           : 1.5rem; 
        font-size             : 0.9rem;
        text-align            : left;
        font-weight           : normal;
        padding               : 3px 3px 3px 5px;
        white-space           : nowrap;  
                }
                
TD.lineasLIS2 { 
        vertical-align        : center;
        font-family           : Verdana, Arial, Helvetica, sans-serif;
        border                : rgb(215,215,215) 1px solid;
        font-size             : 11px;
        background-color      : rgb(250,250,250);
        white-space           : nowrap;
}    


TD.izquierda {
             text-align               : right;             
}                

Tr.cambio:nth-child(odd) {
    /*background-color:rgba(23,33,43,0.2);   */
    background-color:rgba(255,255,255,0.6);
     color            : rgb(255,255,255);
}

Tr.cambio:nth-child(even) {   
    background-color:rgba(255,255,255,0.9);
    color            : rgb(0,0,0);
}


Tr.cambio {
    background-color: blue;
    font-family              :  Arial, Helvetica, cursive;    
}

Tr.cambio:hover {   
   background-color : rgb(140,188,209);      
   color            : rgb(0,0,0);
}


Tr.cambio2:nth-child(odd) {
    background-color:#EDF7FF;
     line-height       : 1.8rem;
    
}

Tr.cambio2:nth-child(even) {
    background-color:#d7d7d7;
     line-height       : 1.8rem;
}


Tr.cambio2 {
    background-color: #fffff;
    font-family              : "Hind", Arial, Helvetica, cursive;    
}

Tr.cambio2:hover {
   background-color : #9FB4C8;
   cursor           : pointer;
   color            : rgb(0,0,0);
}


.purple {
             color                    : #000000;
             border                   : solid 1px #70C3BE;
             background               : #70C3BE;             
}

.purple:hover {
             border                   : solid 1px #04A79E;
             background               : #04A79E;
 }

.purple:active {
             color                    : #F5b400;
             background               : -webkit-gradient(linear, left top, left bottom, from(#149695), to(#2b3a8e));
             background               : -moz-linear-gradient(top,  #149695,  #2b3a8e);
             filter                   : progid:DXImageTransform.Microsoft.gradient(startColorstr='#149695', endColorstr='#2b3a8e');
}


.orange {
                  color            : #d7d7d7;
                  border           : solid 1px #AB7D26;
                  background       : #fcba3b;
                  background       : -webkit-gradient(linear, left top, left bottom, from(#fcba3b), to(#504646));
                  background       : -moz-linear-gradient(top,  #fcba3b,  #504646);
                  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcba3b', endColorstr='#504646');
        }  

.orange:hover {
                  background       : #EBBE69;
                  border           : solid 1px #AB7D26;
                  background       : -webkit-gradient(linear, left top, left bottom, from(#AB7D26), to(#EBBE69));
                  background       : -moz-linear-gradient(top,  #AB7D26,  #EBBE69);
                  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#AB7D26', endColorstr='#EBBE69');
        }
.orange:active {
                  color            : #666;
                  background       : -webkit-gradient(linear, left top, left bottom, from(#EBBE69), to(#AB7D26));
                  background       : -moz-linear-gradient(top,  #EBBE69,  #AB7D26);
                  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBBE69', endColorstr='#AB7D26');
        } 

.green {
                  color            : #000000;
                  border           : solid 1px #A2C260;
                  background       : #A2C260;
                  margin-bottom: 10px;
                  /*
                  background       : -webkit-gradient(linear, left top, left bottom, from(#98C242), to(#504646));
                  background       : -moz-linear-gradient(top,  #98C242,  #504646);
                  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#98C242', endColorstr='#504646');
                  */
        }  

.green:hover {
                  background       : #75AD01;
                  border           : solid 1px #75AD01;
                  /*background       : -webkit-gradient(linear, left top, left bottom, from(#5A712B), to(#98C242));
                  background       : -moz-linear-gradient(top,  #5A712B,  #98C242);
                  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A712B', endColorstr='#98C242');
                */                  
        }
.green:active {
                  color            : #666;
                  background       : -webkit-gradient(linear, left top, left bottom, from(#98C242), to(#5A712B));
                  background       : -moz-linear-gradient(top,  #98C242,  5A712B);
                  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#98C242', endColorstr='#5A712B');
        } 

.red {
                  color            : #000000;
                  border           : solid 1px #FF7373;
                  background       : #FF7373;                  
        }  

.red:hover {
                  background       : #FC0A0A;
                  border           : solid 1px #FC0A0A;                  
        }
.red:active {
                  color            : #666;
                  background       : -webkit-gradient(linear, left top, left bottom, from(#FC0A0A), to(#BA0A0A));
                  background       : -moz-linear-gradient(top,  #FC0A0A,  #BA0A0A);
                  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0A0A', endColorstr='#BA0A0A');
        } 

.yellow {
                  color            : #000000;
                  border           : solid 1px #FFFF8A;
                  background       : #FFFF8A;                  
        }  

.yellow:hover {
                  background       : #FFFF0A;
                  border           : solid 1px #FFFF0A;                  
        }

.yellow:active {    
                  color            : #666;
                  background       : -webkit-gradient(linear, left top, left bottom, from(#FC0A0A), to(#BA0A0A));
                  background       : -moz-linear-gradient(top,  #FC0A0A,  #BA0A0A);
                  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0A0A', endColorstr='#BA0A0A');
}

#text_efec2 {
                  color            : rgb(0,69,134);
                  background-color : rgb(255,255,255);
                  border           : 1px solid rgb(43,58,142);
                  padding          : 1px 6px 1px 6px;
            }

#text_efec2:focus 
{
                  color            : #FFF;
                  border           : 1px solid rgb(255,255,255);
                  background-color : rgb(46,60,143);
}

#text_efec2:active 
{
                  color            : #FFF;
                  border           : 1px solid rgb(255,255,255);
                  background-color : rgb(46,60,143);
}

#text_efec2:disabled 
{
                  text-transform   : uppercase;
                  color            : rgb(0,69,134);
                  background       : rgb(167,178,189);
                  font-weight      : bold;
}


#adjunta {
                  color            : rgb(255,255,25255,255,2555);
                  background-color : rgb(255,255,255);
                  border           : 1px solid rgb(43,58,142);
                  padding          : 1px 6px 1px 6px;
            }

#adjunta:focus 
{
                  color            : #FFF;
                  border           : 1px solid rgb(255,255,255);
                  background-color : rgb(46,60,143);
}

#adjunta:active 
{
                  color            : #FFF;
                  border           : 1px solid rgb(255,255,255);
                  background-color : rgb(46,60,143);
}

.inputModificado {
    margin: 5px 0px 5px 0px;
    clear: both;
}

.inputImagen {
    border           : 1px solid rgb(43,58,142);
    width : 585px;
    padding: 5px;
    border-radius: 4px;
    font-weight: bold;
    float: left;
    color: rgb(43,58,142);
    margin-top:  -2px;
}

.inputImagen:hover {   
    background-color: rgb(43,58,142);
    color: #fff;
}


#text_registro, #v_email{
     -moz-appearance                  : auto;
     -webkit-appearance               : auto;
             appearance               : auto;
             display                  : inline-block;
             height                   : 2rem;
             padding                  : 5px 5px 3px 1px;
             margin                   : 0;
             background               : transparent;    
             border                   : 0;         
             border-bottom            : 1px dotted #79919D;
        -moz-box-sizing               : border-box;
     -webkit-box-sizing               : border-box;
             box-sizing               : border-box;        
             font-family              : "Roboto", Verdana, Arial, Helvetica;
             font-size                : 1.1rem;
             color                    : rgb(58,69,89);
            }


#text_registro:hover,
#v_email:hover
{
             border                   : 0;    
             border-bottom            : 1px solid #212F3C; 
}

#text_registro:focus,
#v_email:focus
{
             outline                  : none;
             border-bottom            : 1px solid #212F3C; 
             background-color : #F0F0F0;
}

                
TD.verdests3 { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  background-color : rgb(49,180,4);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(228,228,228) 1px solid;
                  font-size        : 11px;
                  white-space      : nowrap;
                }
                
TD.rojosts3 { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  background-color : rgb(223,1,1);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;                 
                  font-size        : 11px;
                  white-space      : nowrap;
                }
                
TD.naranjasts3 { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  background-color : rgb(239,108,0);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(228,228,228) 1px solid;
                  font-size        : 11px;
                  white-space      : nowrap;
                }
                
TD.info_cliente { 
                  vertical-align   : top;
                  color            : rgb(43,58,142);
                  background-color : rgb(245,246,255);
                  width            : 200px;
                  height           : 50px;
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(13,94,155) 2px solid;
                  font-size        : 14px;
             -moz-border-radius    : 5px;
          -webkit-border-radius    : 5px;
                  border-radius    : 5px;
             -moz-box-shadow       : -5px 5px 5px #b9b9b9;
          -webkit-box-shadow       : -5px 5px 5px #b9b9b9;
                  box-shadow       : -5px 5px 5px #b9b9b9;
                  white-space      : nowrap;
                }
                

                
.menu_solicitud {              
                  color            : rgb(43,58,142);
                  text-align       : left;
                  vertical-align   : center;
                  width            : 370px;
                  background-color : rgb(228,236,238);                  
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : var(--principal1) 2px solid;
                  font-size        : 11px;
             -moz-border-radius    : 5px;
          -webkit-border-radius    : 5px;
                  border-radius    : 5px;
             -moz-box-shadow       : 4px 4px 4px #848484;
          -webkit-box-shadow       : 4px 4px 4px #848484;
                  box-shadow       : 4px 4px 4px #848484;
                  margin           : 2px auto 5px 5px;
                  padding          : 10px 10px 10px 10px;
                  position         : relative;
                  cursor           : pointer;
                }
 
.menu_solicitud:hover {
    background-color : #D8D8D8; 
}

.menu_titulo { 
                  vertical-align   : center;
                  color            : rgb(43,58,142);
                  width            : 369px;
                  /*background-color : rgb(19,102,133);/*20,129,150*/
                  background-color : var(--principal1);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(19,102,133) 2px solid;
                  font-size        : 11px;
             -moz-border-radius    : 5px 5px 0px 0px;
          -webkit-border-radius    : 5px 5px 0px 0px;
                  border-radius    : 5px 5px 0px 0px;
             -moz-box-shadow       : 0px 3px 3px #848484;
          -webkit-box-shadow       : 0px 3px 3px #848484;
                  box-shadow       : 0px 3px 3px #848484;
                  margin           : -12px 0px 0px -12px;
                  position         : relative;
                }
                

                
                
.soli_titulo { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  background-color : rgb(13,94,155);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(13,94,155) 2px solid;
                  font-size        : 16px;
             -moz-border-radius    : 5px 5px 0px 0px;
          -webkit-border-radius    : 5px 5px 0px 0px;
                  border-radius    : 5px 5px 0px 0px;
             -moz-box-shadow       : 0px 3px 3px #848484;
          -webkit-box-shadow       : 0px 3px 3px #848484;
                  box-shadow       : 0px 3px 3px #848484;
                  /*margin           : -5px -5px 0px -5px;*/
                  padding          : 8px 8px 8px 8px;
                  position         : relative;
                }
                
.dias_proceso { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  width            : 45px;
                  /*background-color : rgb(19,102,133);/*20,129,150*/
                  background-color : var(--principal1);
                  font-family      : Verdana, Helvetica;
                  border           : rgb(19,102,133) 1px solid;
                  font-size        : 9px;
                  font-weight      : bold;
                  line-height      : 1.3;
                  text-align       : center;
             -moz-border-radius    : 5px 5px 0px 0px;
          -webkit-border-radius    : 5px 5px 0px 0px;
                  border-radius    : 5px 5px 0px 0px;
             -moz-box-shadow       : 3px 3px 3px #848484;
          -webkit-box-shadow       : 3px 3px 3px #848484;
                  box-shadow       : 0px 3px 3px #848484;
                  margin           : 35px 0px 0px 310px;
                  position         : absolute;
                  padding          : 0px 0px 2px 0px;
                  white-space      : wrap;
                }
                
.menu_principal { 
                  color            : rgb(255,255,255);
                  width            : 300px;
                  background-color : rgb(20,129,150);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(20,129,150) 2px solid;
                  font-size        : 30px;
             -moz-border-radius    : 5px 5px 0px 0px;
          -webkit-border-radius    : 5px 5px 0px 0px;
                  border-radius    : 5px 5px 0px 0px;
             -moz-box-shadow       : 3px 3px 3px #848484;
          -webkit-box-shadow       : 3px 3px 3px #848484;
                  box-shadow       : 0px 3px 3px #848484;
                  margin           : 150px 5px 5px 0px;
                  padding          : 10px 10px 10px 10px;
                  position         : relative;
                }

.label_minima{
                  font             : Verdana, Geneva, sans-serif;
                  font-size        : 0.9em;
                  font-weight      : bold;
                  width            : 100px;
                  height           : 12px;
                  padding          : 2px 2px 2px 2px;
        }

.label_min_gris{
                  font             : Verdana, Geneva, sans-serif;
                  font-size        : 0.9em;
                  font-weight      : bold;
                  color            : rgb(81,93,115);
                  width            : 100px;
                  padding          : 2px 2px 2px 2px;
        }

.label_titu{
                  font             : Verdana, Geneva, sans-serif;
                  font-size        : 14px;
                  font-weight      : bold;
                  width            : 100px;
                  height           : 25px;
                  padding          : 5px 5px 5px 5px;
                  color            : #A4A4A4;
        }

.label_titu2{
                  font             : Verdana, Geneva, sans-serif;
                  font-size        : 14px;
                  font-weight      : bold;
                  width            : 100px;
                  height           : 25px;
                  padding          : 5px 5px 5px 5px;
                  color            : #FCFF00;
        }



.label_valorcampo{
                font                : 'Roboto', Geneva, sans-serif;
                display             : flex;
                min-width           : 18rem;
                max-width           : 25rem;
                align-items         : top;
                justify-content     : left;   
                border-bottom       : dotted 1px black;               
                color               : #064267;                
        }

.dias_repo {
                  color            : rgb(43,58,142);
                  font-size        : 14px;
                  text-shadow      : 3px 3px 3px #D8D8D8;
                  margin           : 1px 1px 1px 0px;
                  padding          : 1px;
                  font-weight      : bold;
                  text-align       : center;
            }

.shadow_chatcli {
                  /*color            : rgb(204,114,3);*/
                  color            : rgb(211,90,2);
                  font-size        : 13px;
                  text-shadow      : 2px 2px 2px #D8D8D8;
                  margin           : 1px 1px 1px 1px;
                  padding          : 1px;
                  font-weight      : bold;
                  text-align       : center;
            }

.shadow_chatemp {
                  color            : rgb(20,150,149);
                  font-size        : 13px;
                  text-shadow      : 2px 2px 2px #D8D8D8;
                  margin           : 1px 1px 1px 1px;
                  padding          : 1px;
                  font-weight      : bold;
                  text-align       : center;
            }

.noshadow_menu {
                  color            : rgb(0,0,0);
                  font-size        : 1rem;
                  text-shadow      : 2px 2px 2px #D8D8D8;
                  margin           : 1px 1px 1px 1px;
                  text-align       : center;
            }

.shadow_menusoli {
                  /*color            : rgb(43,58,142);*/
                  color            : var(--principal1);
                  font-size        : 1rem;
                  text-shadow      : 2px 2px 2px #D8D8D8;
                  margin           : 1px 1px 1px 0px;
                  padding          : 1px;
                  font-weight      : bold;
                  text-align       : center;
            }

.shadow_menuamari {
                  color            : rgb(247,254,46);
                  font-family      : Verdana, Helvetica;
                  font-size        : 14px;
                  text-shadow      : 1px 1px 1px #9A9A9A;
                  margin           : 1px 1px 1px 1px;
                  padding          : 3px;
                  font-weight      : bold;
                  text-align       : center;
            }

.shadow_titulo {
                  color            : rgb(19,77,133);
                  font-size        : 22px;
                  text-shadow      : 1px 1px 1px #9A9A9A;
                  font-weight      : bold;
                  text-align       : center;
               }

.shadow_subtitulo {
                  color            : rgb(255,255,255);
                  font-size        : 12px;
                  text-shadow      : 1px 1px 1px #9A9A9A;
                  margin           : 1px 1px 1px 1px;
                  padding          : 3px;
                  font-weight      : bold;
                  text-align       : center;
                  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
            }

.shadow_menuagua {
                  color            : rgb(118,144,164);
                  font-size        : 1rem;
                  text-shadow      : 2px 2px 2px #D5D5D5;
                  margin           : 1px 1px 1px 1px;
                  font-weight      : bold;
                  text-align       : center;
            }

.shadow_menuoran {
                  color            : rgb(244,101,36);/*234,131,36*/
                  font-size        : 0.8rem;
                  text-shadow      : 2px 2px 2px #D8D8D8;
                  margin           : 1px 1px 1px 0px;
                  padding          : 1px;
                  font-weight      : bold;
                  text-align       : center;
            }

#shadow-alerta {
                display         : block;
                color           : rgb(255,0,0);
                font-size       : 1.1rem;
                margin-top      : 15px;
                border-width    : 2px;
                text-shadow     : 1px 1px 1px #B9B9b9;
                font-weight     : bold;
                text-align      : center;
            }

img.esquina {
                  position         : relative;
}



A.enlace_menu   {    
                  text-decoration  : none;
                  color            : black;
                  font-family      : arial;
                  font-size        : 12px;

                }






.shadow_msgrojo {
                  color            : rgb(230,33,33);
                  font-size        : 18px;
                  text-shadow      : 1px 1px 1px #4D4D4D;
                  font-weight      : bold;
                  text-align       : center;
            }

.letra_peq {
                   
                  font-size        : 0.8em;
}

.msg2 {
       width: 582px;
       font-size        : 11px;
       font-family:Monotype, Times, Serif;
       background-color: #0D5E9B; 
       color: white;
       border-radius: 6px;
       padding: 2px 8px;
        text-align       : center;
       line-height: 14px;
       margin-top : -20px;      
}

.tool2 {
    position: relative;
    display: inline-block;
}

.tool2 .tooltiptext {
    visibility: hidden;
    width: 150px;
    background: rgba(255,64,0,0.7);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-size        : 10px;
    padding: 3px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -75px;
}

.tool2:hover .tooltiptext {
    visibility: visible;
}







/***********************************************************/







/*  CSS PARA OLVIDO CLAVE */



TD.header_olvido{
  	margin-top: 3px;
  	right: 20px;
  	color: rgb(255, 255, 255);
  	height: 37px;
  	line-height: 19px;
	font-size: 1.1em;
        text-shadow  : 1px 1px 1px #D8D8D8;
  	overflow: hidden;
}

#label{
  	background: rgb(232, 232, 232);
  	padding: 1px 1px 3px 5px;
 	color: #444;
  	display: block;
  	height: 27px;
  	width: 230px;
  	text-align: right;
  	border: solid 1px rgb(197, 197, 197);
	border-radius: 3px 0 0px 3px;
	cursor: pointer;
}


#olvido {
	margin-left: 8px;
  	padding: 2px 5px;
  	color: rgb(79, 79, 79);
  	font-size: 11px;
  	height: 23px;
	line-height: 23px;
  	border: solid 1px rgb(202, 202, 202);
  	width: 130px;
  	border: 0px;
	border: solid 1px rgb(232, 232, 232);
  	border-left: solid 1px rgb(20,150,149);
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.button-envia{
	margin-left: 49px;
	margin-right: 90px;
        background: rgb(11, 200, 108);
        width: 90px;
  	height: 31px;
        padding: 7.5px 27px;
        font-family: 'Cosmos' sans-serif;
        text-decoration  : none;
        font-size: 11px;
        border: solid 1px rgb(255, 255, 255);
        color: #fff;
        cursor: pointer;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        transition: all 0.2s ease 0s;
        -webkit-appearance: none;
}

.button-olvido{
	margin-left: 49px;
	margin-right: 90px;
        background: rgb(11, 200, 108);
        width: 90px;
  	height: 30px;
        padding: 1px 2px;
        font-family: 'Cosmos' sans-serif;
        font-size: 12px;
        border: solid 1px rgb(255, 255, 255);
        color: #fff;
        cursor: pointer;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        transition: all 0.2s ease 0s;
        -webkit-appearance: none;
}

.button-cerrar{
        background: rgb(11, 200, 108);
        width: 90px;
  	height: 30px;
        padding: 1px 2px;
        font-family: 'Cosmos' sans-serif;
        font-size: 12px;
        border: solid 1px rgb(255, 255, 255);
        color: #fff;
        cursor: pointer;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        transition: all 0.2s ease 0s;
        -webkit-appearance: none;
}

.button-salir{
	margin-left: 91px;
	margin-right: 10px;
        background: rgb(11, 200, 108);
        width: 90px;
  	height: 30px;
        padding: 1px 2px;
        font-family: 'Cosmos' sans-serif;
        font-size: 12px;
        border: solid 1px rgb(255, 255, 255);
        color: #fff;
        cursor: pointer;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        transition: all 0.2s ease 0s;
        -webkit-appearance: none;
}


#grueso_hr
          {
            padding           :35px 5px 0px 0px;
            background-color  :#4D90FE;
   
          }


#shadow-letra {
              color        :  rgb(0,69,134);
              font-size    : 14px;
              text-shadow  : 2px 2px 2px #D8D8D8;
              padding      : 3px;
              font-weight  : bold;
              text-align   : center;
            }

#shadow-letra2 {
              font-color: #0B615E;
              font-size: 20px;
              text-shadow: 3px 3px 3px #D8D8D8;
              margin: 5px 5px 30px 10px;
              padding: 16px 16px 10px 16px;
              text-align: left;
            }


#shadow-letra5 {
              color        :  rgb(0,69,134);
              font-size    : 22px;
              text-shadow  : 2px 2px 2px #D8D8D8;
              padding      : 3px;
              font-weight  : bold;
              text-align   : center;
            }

#shadow-azul1 {
              color          :  rgb(0,69,134);
              font-size      : 20px;
              text-shadow    : 2px 2px 2px #D8D8D8;
              margin         : 1px 1px 1px 1px;
              padding        : 1px;
              font-weight    : bold;
              text-align     : center;
            }

#shadow-gris1 {
              text-transform : capitalize;
              color          : rgb(3,127,161);
              font-size      : 20px;
              text-shadow    : 2px 2px 2px #D8D8D8;
              margin         : 1px 1px 1px 1px;
              padding        : 1px;
              font-weight    : bold;
              text-align     : center;
            }

#shadow-rojo1 {
              color          : rgb(230,33,33);
              font-size      : 20px;
              text-shadow    : 2px 2px 2px #D8D8D8;
              margin         : 1px 1px 1px 1px;
              padding        : 16px;
              font-weight    : bold;
              text-align     : center;
            }
                
TD.header1     { 
                  color:                rgb(255,255,255);
                  background-color:     rgb(11,200,108);
                  text-align:           center;
                  font-weight:          bold;
                  font-size:            11px;
                  font-style:           normal;
                  font-family:          Verdana, Arial, Helvetica, sans-serif;
	          padding-left:         3px;
	          padding-right:        3px;
	          padding-top :         3px;
	          padding-bottom:       3px;
                }
                
TD.header3     { 
                  color:                rgb(0,0,0);
                  background-color:     rgb(230,230,230);
                  text-align:           center;
                  font-weight:          bold;
                  font-size:            11px;
                  font-style:           normal;
                  font-family:          Verdana, Arial, Helvetica, sans-serif;
                  border:               rgb(192,192,192) 2px solid;
	          padding-left:         2px;
	          padding-right:        2px;
	          padding-top :         2px;
	          padding-bottom:       2px;
                }
                
TD.header4     { 
                  color:                rgb(0,128,192);
                  background-color:     rgb(230,230,230);
                  text-align:           center;
                  font-weight:          bold;
                  font-size:            12px;
                  font-style:           normal;
                  font-family:          Verdana, Arial, Helvetica, sans-serif;
                  border:               rgb(192,192,192) 2px solid;
	          padding-left:         2px;
	          padding-right:        2px;
	          padding-top :         2px;
	          padding-bottom:       2px;
                }
                
TD.header_alum  { 
                  color:                rgb(0,0,0);
                  background-color:     rgb(230,230,230);
                  text-align:           center;
                  font-weight:          bold;
                  font-size:            11px;
                  font-style:           normal;
                  font-family:          Verdana, Arial, Helvetica, sans-serif;
                  border:               rgb(192,192,192) 2px solid;
	          padding-left:         10px;
	          padding-right:        10px;
	          padding-top :         5px;
	          padding-bottom:       5px;
                }
                
                
TD.lineasfg { 
                  vertical-align:       center;
                  background-color:     #BDBDBD;
                  border:               #bb002d 1px solid;
                  font-size:14px;
                }
                
TD.lineas1 { 
                  vertical-align:       center;
                  background-color:     #fff7f9;
                  border:               #173154 1px solid;
                  font-family:             arial;
                  font-size:12px;
                }
                
TD.lineas_menu{ 
                  vertical-align     : center;
                  background-color   : rgb(250,250,250);
                  font-family        : Verdana, Arial, Helvetica, sans-serif;
                  border             : rgb(40,100,174) 3px solid;
                  font-size          : 12px;
                  white-space        : nowrap;
                }
                
TD.lineas-rj{ 
                  vertical-align  : center;
                  color           : rgb(159,26,50);
                  font-family     : Verdana, Arial, Helvetica, sans-serif;
                  border          : rgb(159,26,50) 1px solid;
                  font-size       : 12px;
                }
                
TD.lineas4{ 
                  vertical-align:       center;
                  background-color:     #fff7f9;
                  font-family:          Verdana, Arial, Helvetica, sans-serif;
                  border:               rgb(0,128,192) 1px solid;
                  font-size:12px;
                }
                
TD.lineas-msg{ 
                  vertical-align:       center;
                  color:     rgb(227,31,43);
                  background-color:     #fff7f9;
                  font-family:          Verdana, Arial, Helvetica, sans-serif;
                  border:               rgb(227,31,43) 1px solid;
                  font-size:11px;
	          padding-left:         1px;
	          padding-right:        1px;
	          padding-top :         1px;
	          padding-bottom:       1px;
                }
                


#letra-gris {
              color       : rgb(127,127,127);
              text-align  : left;
              vertical-align  : top;
              font-size   : 10px;
            }

#letra-foto {
              color       : rgb(0,128,192);
              font-weight : bold;
              text-align  : center;
              font-size   : 8px;
            }

#letra-cate {
              color       : rgb(255,128,0);
              font-weight : bold;
              text-align  : center;
              font-size   : 6px;
            }

#letra-azul {
              color:     rgb(0,128,192);
              font-weight:   bold;
              text-align: left;
            }

#letra-verde {
              color:     rgb(125,194,66);
              text-align: left;
            }

#letra-roja {
              color:     rgb(159,26,50);
              text-align: left;
            }

#letra-violeta {
              color:     rgb(76,71,135);
              font-weight:   bold;
              text-align: left;
            }
.letra_verde {
            color                     : green;
}            


#marco_img {
                 border     :rgb(0,128,192) 1px solid;
                }

#marco_img2 {
                 border     : rgb(192,192,192) 2px solid;
                 box-shadow : 7px 8px 3px #585858;
                }

div.caja_roja {
   width:25%;
   border: 1px solid #000;
   background-image:url(../images/fondo_azul.png);
   background-repeat:repeat-x;
   color:00000;
   font:Arial, Helvetica, sans-serif;
   text-align:           center;
   font-size:10px;
   -moz-box-shadow: 3px 3px 3px #000;
   -webkit-box-shadow: 3px 3px 3px #000;
   box-shadow: 3px 3px 3px #000;
   padding: 65px 15px 15px 15px;
        margin-left:auto ;
        float:right;
}


#text_efec1 {
             font-family      : Verdana, Arial, Helvetica, sans-serif;
             font-size        : 11px;
             background-color : #ECF8E0;
             border-color     : #0BC86C;
             border           : 1px solid #045984;
             padding          : 1px 6px 1px 6px;
            }

#text_efec1:focus 
{
             color            : #FFF;
             background-color : #0B615E;
}

#text_efec1:disabled 
{
             color         : rgb(11,97,94);
             background    : rgb(211,231,210);
             border        : 1px solid rgb(11,97,94);
             font-weight   : bold;
}




.boton1 {
                  font-size:            0.9em;
                  font-family:          Verdana, Arial, Helvetica, sans-serif;
                  font-weight:          bold;
                  color:                rgb(255,255,255);
                  cursor:               pointer;
                  background-color:     #0B615E;
                  border:               none;
                  width:                120px;
                  height:               20px;
             }


.boton1:hover {
                  background-color:     #ECF8E0;
                  color:                #000000;
        text-decoration: none;
}

.boton1:active {
        position: relative;
        top: 1px;
}

.boton2 {
                  font-size        : 11px;
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  font-weight      : bold;
                  color            : rgb(255,255,255);
                  background-color : rgb(41,58,74);
                  cursor           : pointer;
                  height           : 20px;
                  text-shadow      : 0px -1px 0px #333333;
                  border           : 1px solid rgb(0,69,134);
             }


.boton2:hover {
                  background-color : rgb(23,67,85);
                  color            : #FFF;
                  border           : 1px solid rgb(23,67,85);
                  text-decoration  : none;
}

.boton2:active {
        position: relative;
        top: 1px;
}

.boton_verde {
                  font             : 10px;
                  font-family      : Verdana, Arial, Helvetica;
                  font-weight      : bold;
                  color            : rgb(255,255,255);
                  background-color : rgb(49,180,4);
                  cursor           : pointer;
                  height           : 20px;
                  text-shadow      : 0px -1px 0px #333333;
                  border           : 1px solid rgb(49,180,4);
             }


.boton_verde:hover {
                  background-color : rgb(23,67,85);
                  border           : 1px solid rgb(23,67,85);
                  color            : #FFF;
                  text-decoration  : none;
}

.boton_verde:active {
        position: relative;
        top: 1px;
}

.b_menu {
  font             : 11px Verdana, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : rgb(255,255,255);
  background-color : rgb(41,58,74);
  cursor           : pointer;
  width            : 130px;
  padding          : 2px 15px;
  text-decoration  : none;
  text-shadow      : 0px -1px 0px #333333;
  border           : 1px solid rgb(192,192,192);
}


.b_menu3 {
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : rgb(255,255,255);
  background-color : rgb(0,70,134);
  cursor: pointer;
  width: 130px;
  padding: 2px 15px;
  text-decoration: none;
  text-shadow: 0px -1px 0px #333333;
  border: 1px solid rgb(192,192,192);
}


@-webkit-keyframes blink {
  0%     { opacity: 0 } 50% { opacity: 0 }
  50.01% { opacity: 1 } 100% { opacity: 1 }
}
 
.blink {
  -webkit-animation: blink 0.7s infinite linear alternate;
  -webkit-font-smoothing: antialiased;
}

.boton_ejecutar {
      display              : inline-block;      
      line-height          : 1rem; 
      margin               : 10px 5px 5px 10px;
      background-color     : #ECECEC;         
      border-radius        : 3px;
      border               : 1px solid #707F8F;
      color                : #707F8F;
      cursor               : pointer;
      font-family          : "Asap", Helvetica, Arial;              
      -webkit-transition   : all 0.3s ease;
      -o-transition        : all 0.3s ease;
      transition           : all 0.3s ease; 
      text-decoration:         none;
      font-weight: normal;
    }

 .modo_dialog {
    color                : #49525B;
    border               : 1px solid #49525B;
 }

.boton_ejecutar2 {
      display              : inline-block;      
      line-height          : 1rem; 
      margin-top           : 10px;
      background           : transparent;
      border-radius        : 3px;
      border               : 1px solid white;
      color                : white;
      cursor               : pointer;
      font-family          : "Roboto", Helvetica, Arial;              
      -webkit-transition   : all 0.3s ease;
      -o-transition        : all 0.3s ease;
      transition           : all 0.3s ease; 
    }    

.en_verde .en_rojo .en_gris {             
      text-decoration      : none;     
}

.en_verde:hover  {
     background            : green; 
     color                 : white;
     border                : 1px solid green;        
}

.en_rojo:hover  {
     background            : red; 
     color                 : white;
     border                : 1px solid red;        
}

.en_azul:hover  {
     background            : blue; 
     color                 : yellow;
     border                : 1px solid blue;        
}

.en_amarillo:hover  {
     background            : yellow; 
     color                 : white;
     border                : 1px solid yellow;        
}


.en_gris:hover  {
             background            : #212F3C; 
             color                 : white;
             border                : 1px solid DeepSkyBlue;        
}

.tamano_M {
              font-size            : 1.2rem;      
              padding              : .5em .6em .4em .6em;
}

.tamano_M2 {
              font-size            : 1rem;     
              min-width            : 50%;
              max-width            : 50%;
              padding              : .5em .6em .4em .6em;
}

.tamano_G {
             cursor                   : pointer;
             font-size                : 1.4rem;
             height                   : 5rem;
             min-width                : 14.3rem;
             max-width                : 14.3rem;
             font-family              : "Roboto", Arial, Helvetica, cursive; 
             padding                  : .5em .5em .42em;
}

.tamano_G2 {
             cursor                   : pointer;
             font-size                : 1rem;
             height                   : 7.5rem;
             line-height              : 1.3rem; 
             min-width                : 10rem;
             max-width                : 10rem;
             font-family              : "Roboto", Arial, Helvetica, cursive; 
             padding                  : .4em .5em .8em;
}

.tamano_G3 {
             cursor                   : pointer;
             font-size                : 1.3rem;
             height                   : 2.5rem;
             line-height              : 1.9rem; 
             min-width                : 7rem;
             max-width                : 15rem;
             font-family              : "Roboto", Arial, Helvetica, cursive; 
             padding                  : .2em .6em .8em;
}


/*  CSS TOOLTIP PARA ENLACES */

A.enlace1      {
                  text-decoration:         none;
                  color:                   black;
                  font-family:             arial;
                  font-size:               12px;
                }

A.enlace1:hover {
                  text-decoration:         underline;
                  color:                   rgb(226,91,52);
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                 }


A.enlace1:link   {
                  position:relative;
                  text-decoration:none;
                 }

A.enlace1:before {
                  content: "";
                  position:absolute;
                  border-top: 20px solid #E25B34;
                  border-left:30px solid transparent;
                  border-right:30px solid transparent;
                  display:none;
                  top: -28px;
                  left:-18px;
                 }

A.enlace1:hover:after{
                      content:attr(data-tooltip);
                      position:absolute;
                      color: #DCDAD9;
                      top: -52px;
                      left:-56px;
                      background:#E25B34;
                      padding:5px 15px;
                      -webkit-border-radius: 10px;
                      -moz-border-radius:10px;
                      border-radius:10px;
                      white-space:nowrap;
                      display:none;
                     }

a.enlace1:hover:after, a.enlace1:hover:before{display:block;}



A.enlace5      {
                  text-decoration:         none;
                  color:                   yellow;
                  font-family:             arial;
                  font-size:               12px;
                }

A.enlace5:hover {
                  text-decoration:         underline;
                  color:                   rgb(200,254,46);
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                 }


A.enlace5:link   {
                  position:relative;
                  text-decoration:none;
                 }

A.enlace5:before {
                  content: "";
                  position:absolute;
                  border-top: 20px solid #ff4000;
                  border-left:30px solid transparent;
                  border-right:30px solid transparent;
                  display:none;
                  top: -18px;
                  left:0px;
                 }

A.enlace5:hover:after{
                      content:attr(data-tooltip);
                      position:absolute;
                      color: #fff;
                      top: -35px;
                      left:-26px;
                      background:#ff4000;
                      padding:5px 15px;
                      -webkit-border-radius: 10px;
                      -moz-border-radius:10px;
                      border-radius:10px;
                      white-space:nowrap;
                      display:none;
                     }

a.enlace5:hover:after, a.enlace5:hover:before{display:block;}



/*    FIN DE CSS TOOTTIP PARA ENLACES*/ 

input[type=text]:disabled{
  color:#ECC654;
  background: #000000;
}

select:disabled{
  color:#ECC654;
}

.tooltip {
	position: relative;
}

.tooltip:hover::before {
	              content: attr(data-tooltip);
	              position: absolute;
                      color: #fff;
                      top: 20px;
                      left: -76px;
                      background: rgba(255,64,0,0.7);
                      padding:5px 15px;
                      -webkit-border-radius: 10px;
                      -moz-border-radius:10px;
                      border-radius:10px;
                      white-space:wrap;
}



.tooltip2 {
	position: relative;
}

.tooltip2:hover::before {
	              content: attr(data-tooltip);
	              position: absolute;
                      color: #fff;
                      top: -15px;
                      left: 10px;
                      background: rgba(255,64,0,0.7);
                      padding:5px 15px;
                      -webkit-border-radius: 10px;
                      -moz-border-radius:10px;
                      border-radius:10px;
                      white-space:wrap;
}



.tooltip_ban {
	position    : relative;
    }

.tooltip_ban:hover::before {
	              content: attr(data-tooltip);
	              position: absolute;
                      color: #fff;
                      top: 20px;
                      left: -180px;
                      background: rgba(255,64,0,5.9);
                      padding:15px 15px;
                      -webkit-border-radius: 10px;
                      -moz-border-radius:10px;
                      border-radius:10px;
                      white-space:nowrap;
}


/* #0090ff  F I N    D E     L O S    C S S    U S A D O S      E N    E S T E    S I T E  */













/* HTML 5 */


div.m {
   border: 1px solid #000;
   background-image:url(../images/backgroundgardient.jpg);
   background-repeat:repeat-x;
   color:fff;
   font:Arial, Helvetica, sans-serif;
   font-size:10px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
   border-radius: 5px;
     -moz-box-shadow: 3px 3px 3px #000;
     -webkit-box-shadow: 3px 3px 3px #000;
   box-shadow: 3px 3px 3px #000;
   padding: 15px 15px 15px 15px;
}



.label_pol{
        font:Verdana, Geneva, sans-serif;
        font-size:16px;
        font-weight:bold;
        width:100px;
        height:25px;
        padding:5px 5px 5px 5px;
        color:#ffff00;
        }

.button {
        display: inline-block;
        zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
        *display: inline;
        vertical-align: baseline;
        margin: 0 2px;
        margin-bottom: 10px;        
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 14px/100% Arial, Helvetica, sans-serif;
        padding: .5em 2em .55em;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-border-radius: .5em;
        -moz-border-radius: .5em;
        border-radius: .5em;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

BODY {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        line-height: 1.3em;
        margin-top: 8px;
        margin-left:auto;
        margin-right:auto;
        padding: 0;
        font-size: 11px;
        color: #333;
        background-color: #ffffff;

}

.button:hover {
        text-decoration: none;
}

.button:active {
        position: relative;
        top: 1px;
}

.medium {
        font-size: 12px;
        padding: .4em 1.5em .42em;
}




/* color styles
---------------------------------------------- */
/* black */



/* blue */
.blue {
        color: #d9eef7;
        border: solid 1px #0076a3;
        background: #0095cd;
        background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
        background: -moz-linear-gradient(top,  #00adee,  #0078a5);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top,  #0095cc,  #00678e);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
        color: #80bed6;
        background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
        background: -moz-linear-gradient(top,  #0078a5,  #00adee);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

#wrapper
{
        width:99%;
        background:#FFF;
        border: 1px solid #999999;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 3px 3px 3px #000;
        -webkit-box-shadow: 3px 3px 3px #000;
        box-shadow: 3px 3px 3px #000;
        padding: 15px 15px 15px 15px;
        margin:10px 0px 10px 0%;
        float:!important;
}

#section-box {
        border: 1px solid #000000;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        padding: 10px;
        vertical-align:middle;
        padding: 10px 10px;
        float: right;
        width: 360px;
        margin-left: 10px;
        margin-right: 10px;
        background-color: #ccc;
        margin-top:10px;
}

#tabla{
        width:80%;
        background:#FFF;
        border: 1px solid #999999;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 3px 3px 3px #000;
        -webkit-box-shadow: 3px 3px 3px #000;
        box-shadow: 3px 3px 3px #000;
        padding: 15px 15px 15px 15px;
        margin:auto;
        float:!important;
        font:Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#000;
                }

#tabla2{
        width:60%;
        background:#FFF;
        border: 1px solid #999999;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 3px 3px 3px #000;
        -webkit-box-shadow: 3px 3px 3px #000;
        box-shadow: 3px 3px 3px #000;
        padding: 15px 15px 15px 15px;
        margin:auto;
        float:!important;
        font:Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#000;
                }

#tabla_variable{
        background:#084B8A;
        border: 1px solid #FFFFFF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 3px 3px 3px #000;
        -webkit-box-shadow: 3px 3px 3px #000;
        box-shadow: 3px 3px 3px #000;
        padding: 15px 15px 15px 15px;
        margin:auto;
        float:!important;
        font:Arial, Helvetica, sans-serif;
	font-weight:bold;
        font-size:18px;
        color:#FFF;
                }

#tabla_variable_blanca{
        background:#FFF;
        border: 1px solid #999999;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 3px 3px 3px #000;
        -webkit-box-shadow: 3px 3px 3px #000;
        box-shadow: 3px 3px 3px #000;
        padding: 15px 15px 15px 15px;
        margin:auto;
        float:!important;
        font:Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#000;
                }


#tabla_titulo0{
        width:80%;
        background:#084B8A;
        border: 1px solid #FFFFFF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 3px 3px 3px #000;
        -webkit-box-shadow: 3px 3px 3px #000;
        box-shadow: 3px 3px 3px #000;
        padding: 15px 15px 15px 15px;
        margin:auto;
        float:!important;
        font:Arial, Helvetica, sans-serif;
	font-weight:bold;
        font-size:18px;
        color:#FFF;
                }


.reng_detalle{
	-moz-box-shadow: 1px 1px 1px #CCC;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc;
	background:#F3F3F3;
	color:#000;
	font:Verdana;
	font-size:12px;
	font-weight:bold;
	top: 1px;
	bottom: 1px;
	}

.renglones{
	-moz-box-shadow: 1px 1px 1px #CCC;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc;
	background:#000;
	color:#fff;
	font:Verdana;
	font-size:12px;
	font-weight:bold;
	top: 1px;
	bottom: 1px;

  	
	}



A.cambio      {
                  text-decoration:         none;
               	  background           :#a11e36;
                  color:                   #fff;
                  font-family:             arial;
                  font-size:               12px;
                  padding : 1px;
                  margin-left : 1%;
                  border: 1px solid #a11e36;
             -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
                   border-radius: 3px;
                }


A.cambio:hover {
               	  background           :transparent;
                  color:                   #a11e36;
                  font-family:             arial;
                  font-size:               12px;
                 }

A.enlace2      {
                  text-decoration:         none;
                  color:                   yellow;
                  font-family:             arial;
                  font-size:               16px;
                }


A.enlace2:hover {
                  text-decoration:         underline;
                  color:                   yellow;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               16px;
                 }

A.enlace3      {
                  text-decoration:         none;
                  color:                   black;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                }


A.enlace3:hover {
                  text-decoration:         underline;
                  color:                   white;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                  cursor                  : pointer;
                 }


A.enlace4:hover {
                  text-shadow: 1px 1px 1px #FF8000;
                  color:                   black;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               14px;
                 }

A.enlace4      {
                  text-decoration:         none;
                  color:                   #FF8000;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               14px;
                }



A.enlace_ama    {
                  text-decoration:         none;
                  color:                   yellow;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                }


A.enlace_ama:hover {
                  text-decoration:         none;
                  color:                   white;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                 }

A.adjunto      {
                  text-decoration:         none;
                  color:                   black;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                }


A.adjunto:hover {
                  text-decoration:         underline;
                  color:                   white;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                 }




#efect_txtfield {
   font-size: 48px; 
   width: 3em;
   color:  #bb002d; 
   font-weight: bold;
   text-align:center;
   background-color: white;
   border-style: solid;
   border-width: 2px;
   border-color: black;
   font-family: helvetica, arial, sans serif;
   padding-left: 0px;

}

#efect_txtfield2 {
   font-size: 48px; 
   width: 4em;
   color:  #0040FF; 
   font-weight: bold;
   text-align:center;
   background-color: white;
   border-style: solid;
   border-width: 2px;
   border-color: #0040FF;
   font-family: helvetica, arial, sans serif;
   padding-left: 0px;
}

#efec_fecha {
   font-size: 30px; 
   color:  #0040FF; 
   font-weight: bold;
   text-align:center;
   background-color: white;
   border-style: solid;
   border-width: 2px;
   border-color: #0040FF;
   font-family: helvetica, arial, sans serif;
   padding-left: 0px;
}

#contenedor
{
   height:20px;
   overflow:hidden;
   background-color: #900;
}

#contenido
{
   color:  #ffffff; 
  -webkit-animation-name:cinta;
  -webkit-animation-duration:25s;
  -moz-animation-name:cinta;
  -moz-animation-duration:25s;
  -webkit-animation-iteration-count:infinite;
}


@-webkit-keyframes cinta
{
     from
     {
       margin-left:50%;
     } 
     to
     {
       margin-left:-50%;
      
     }
    
}

@-moz-keyframes cinta
{
     from
     {
       margin-left:50%;
     } 
     to
     {
       margin-left:-50%;
      
     }
    
}



 .etiqueta {
              
                padding         : 10px 40px;
                width           : 300px;
                height          : 220px;
                position        : relative;
                margin          : 5% auto;
                border-radius   : 10px;
                background      : #fff;
                background      : -moz-linear-gradient(#dddddd, #999);
                background      : -webkit-linear-gradient(#dddddd, #999);
                background      : -o-linear-gradient(#dddddd, #999);
  }



  .etiqueta #Texto, 
  .etiqueta #Passwd {

  direction: ltr;
  height   : 30px;
  font-size: 16px;
  }

  .etiqueta input[type=submit],
  .etiqueta input[type=text],
  .etiqueta input[type=tel],
  .etiqueta input[type=email],
  .etiqueta input[type=password] {

  -moz-appearance      : none;
  -webkit-appearance   : none;
  appearance           : none;
  display              : inline-block;
  height               : 30px;
  padding              : 0 38px;
  margin               : 0;
  background           : #fff;
  border               : 1px solid #d9d9d9;
  border-top           : 1px solid #c0c0c0;
  -moz-box-sizing      : border-box;
  -webkit-box-sizing   : border-box;
  box-sizing           : border-box;
  -moz-border-radius   : 1px;
  -webkit-border-radius: 1px;
  border-radius        : 1px;
  font-size            : 15px;
  color                : #404040;

  }

  .etiqueta input[type=tel]:hover,
  .etiqueta input[type=password]:hover {

  border            : 1px solid #b9b9b9;
  border-top        : 1px solid #a0a0a0;
  -moz-box-shadow   : inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow        : inset 0 1px 2px rgba(0,0,0,0.1);

  }

  .etiqueta input[type=tel]:focus,
  .etiqueta input[type=password]:focus {

  outline           : none;
  border            : 1px solid #4d90fe;
  -moz-box-shadow   : inset 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow        : inset 0 1px 2px rgba(0,0,0,0.3);

  }

  .etiqueta input[type=password].form-error {

  border: 1px solid #dd4b39;

  }


  .etiqueta #singin {

  border          : 1px solid #3079ed;
  color           : #fff;
  text-shadow     : 0 1px rgba(0,0,0,0.1);
  background-color: #004586;
  background-image: -webkit-linear-gradient(top,#004586,#3c4c5a);
  background-image: -moz-linear-gradient(top,#004586,#4787ed);
  background-image: -ms-linear-gradient(top,#004586,#4787ed);
  background-image: -o-linear-gradient(top,#004586,#4787ed);
  background-image: linear-gradient(top,#004586,#4787ed);

  }


  .etiqueta #singin:hover {
  border          : 1px solid #2f5bb7;
  cursor          : pointer;
  color           : #fff;
  text-shadow     : 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);

  }



 .TarjetaGris {

                width           : 400px;
                padding         : 10px 10px 10px 10px;
                position        : relative;
                margin          : 2% auto;
                border-radius   : 10px;
                background      : #fff;
                background      : -moz-linear-gradient(#dddddd, #999);
                background      : -webkit-linear-gradient(#dddddd, #999);
                background      : -o-linear-gradient(#dddddd, #999);
  }



  .TarjetaGris #Texto, 
  .TarjetaGris #Passwd {

  direction: ltr;
  height   : 30px;
  font-size: 16px;
  }

  .TarjetaGris input[type=submit],
  .TarjetaGris input[type=text],
  .TarjetaGris input[type=email],
  .TarjetaGris input[type=password] {

  -moz-appearance      : none;
  -webkit-appearance   : none;
  appearance           : none;
  display              : inline-block;
  height               : 30px;
  padding              : 1px 5px 1px 5px;
  margin               : 0;
  background           : #fff;
  border               : 1px solid #d9d9d9;
  border-top           : 1px solid #c0c0c0;
  -moz-box-sizing      : border-box;
  -webkit-box-sizing   : border-box;
  box-sizing           : border-box;
  -moz-border-radius   : 1px;
  -webkit-border-radius: 1px;
  border-radius        : 1px;
  font-size            : 15px;
  color                : #404040;

  }

  .TarjetaGris input[type=password]:hover {

  border            : 1px solid #b9b9b9;
  border-top        : 1px solid #a0a0a0;
  -moz-box-shadow   : inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow        : inset 0 1px 2px rgba(0,0,0,0.1);

  }

  .TarjetaGris input[type=password]:focus {

  outline           : none;
  border            : 1px solid #4d90fe;
  -moz-box-shadow   : inset 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow        : inset 0 1px 2px rgba(0,0,0,0.3);

  }

  .TarjetaGris input[type=password].form-error {

  border: 1px solid #dd4b39;

  }


  .TarjetaGris #singin {

  border          : 1px solid #3079ed;
  color           : #fff;
  text-shadow     : 0 1px rgba(0,0,0,0.1);
  background-color: #004586;
  background-image: -webkit-linear-gradient(top,#004586,#3c4c5a);
  background-image: -moz-linear-gradient(top,#004586,#4787ed);
  background-image: -ms-linear-gradient(top,#004586,#4787ed);
  background-image: -o-linear-gradient(top,#004586,#4787ed);
  background-image: linear-gradient(top,#004586,#4787ed);

  }


  .TarjetaGris #singin:hover {
  border          : 1px solid #2f5bb7;
  cursor          : pointer;
  color           : #fff;
  text-shadow     : 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);

  }

 .alerta-bad {
       font-size        : 13px;
       border           : 1px solid #FA5858;
       color            : #fff;
       text-shadow      : 0 1px rgba(0,0,0,0.1);
       padding          : 3px 3px 3px 3px;
       background-color : #FA5858;
     -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
       border-radius    : 5px;
       background-image : -webkit-linear-gradient(top,#FA5858,#FE2E2E);
       background-image : -moz-linear-gradient(top,#FA5858,#FE2E2E);
       background-image : -ms-linear-gradient(top,#FA5858,#FE2E2E);
       background-image : -o-linear-gradient(top,#FA5858,#FE2E2E);
       background-image : linear-gradient(top,#FA5858,#FE2E2E);
    }


 .alerta-good {
       font-size        : 13px;
       border           : 1px solid #01DF01;
       color            : #fff;
       text-shadow      : 0 1px rgba(0,0,0,0.1);
       padding          : 3px 3px 3px 3px;
       background-color : #01DF01;
     -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
       border-radius    : 5px;
       background-image : -webkit-linear-gradient(top,#01DF01,#04B404);
       background-image : -moz-linear-gradient(top,#01DF01,#04B404);
       background-image : -ms-linear-gradient(top,#01DF01,#04B404);
       background-image : -o-linear-gradient(top,#01DF01,#04B404);
       background-image : linear-gradient(top,#01DF01,#04B404);
  }



/* CONFIGURACION PARA PANTALLA EMERGENTE MODAL */
.modalDialog {
             position                 : fixed;
             font-family              : "Roboto", Helvetica, sans-serif;
             top                      : 0;
             right                    : 0;
             bottom                   : 0;
             left                     : 0;
             background               : rgba(0,0,0,0.8);
             z-index                  : 99999;
     -webkit-transition               : opacity 400ms ease-in;
        -moz-transition               : opacity 400ms ease-in;
             transition               : opacity 400ms ease-in;
             display                  : none;
             pointer-events           : none;
             overflow-y      : scroll;
}


.modalDialog:target {
             display                  : block;
             pointer-events           : auto;
} 


.modalDialog > div {
             color                    : rgb(255,255,255);
             width                    : 525px;
             font-size                : 2rem;
             line-height              : 2.6rem;
             position                 : relative;
             margin                   : 8% auto;
             padding                  : 15px 20px 13px 20px;             
             border-radius            : 10px;          
             background               : #17202A;
             
}


        .close {
                background      : #585858;
                color           : #FFFFFF;
                line-height     : 25px;
                position        : absolute;
                right           : -12px;
                text-align      : center;
                top             : -10px;
                width           : 24px;
                text-decoration : none;
                font-weight     : bold;
        -webkit-border-radius   : 12px;
           -moz-border-radius   : 12px;
                border-radius   : 12px;
           -moz-box-shadow      : 1px 1px 3px #000;
        -webkit-box-shadow      : 1px 1px 3px #000;
                box-shadow      : 1px 1px 3px #000;
        }


        .close:hover { background: #004586; }


.modalDialog2 {
                position        : fixed;
                font-family     : Arial, Helvetica, sans-serif;
                top             : 0;
                right           : 0;
                bottom          : 0;
                left            : 0;
                background      : rgba(0,0,0,0.8);
                z-index         : 99999;
        -webkit-transition      : opacity 400ms ease-in;
           -moz-transition      : opacity 400ms ease-in;
                transition      : opacity 400ms ease-in;
                display         : none;
                pointer-events  : none;
                overflow-y      : scroll;
        }


        .modalDialog2:target {
                display         : block;
                pointer-events  : auto;
        }


        .modalDialog2 > div {              
                width           : 600px; 
                position        : relative;
                margin          : 5% auto;
                padding         : 20px;
                border-radius   : 10px;
                background      : #ffffff;   
               
        }


        .close2 {
                background      : #585858;
                color           : #FFFFFF;
                line-height     : 25px;
                position        : absolute;
                right           : -12px;
                text-align      : center;
                top             : -10px;
                width           : 24px;
                text-decoration : none;
                font-weight     : bold;
        -webkit-border-radius   : 12px;
           -moz-border-radius   : 12px;
                border-radius   : 12px;
           -moz-box-shadow      : 1px 1px 3px #000;
        -webkit-box-shadow      : 1px 1px 3px #000;
                box-shadow      : 1px 1px 3px #000;
        }


        .close2:hover { background: #004586; }



/* CONFIGURACION PARA PANTALLA DE MENSAJES  MODAL */
.modalMensaje {
                position: fixed;
                font-family: Arial, Helvetica, sans-serif;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(0,0,0,0.8);
                z-index: 99999;
                -webkit-transition: opacity 400ms ease-in;
                -moz-transition: opacity 400ms ease-in;
                transition: opacity 400ms ease-in;
                display: none;
                pointer-events: none;
        }

 .modalMensaje:target {
                display: block;
                pointer-events: auto;
        }


        .modalMensaje > div {
                width: 400px;
                position: relative;
                margin: 15% auto;
                padding: 20px 20px 20px 20px;
                border-radius: 10px;
                background: #fff;
                background: -moz-linear-gradient(#fff, #999);
                background: -webkit-linear-gradient(#fff, #999);
                background: -o-linear-gradient(#fff, #999);
        }

         .close {
                background: #585858;
                color: #FFFFFF;
                line-height: 25px;
                position: absolute;
                right: -12px;
                text-align: center;
                top: -10px;
                width: 24px;
                text-decoration: none;
                font-weight: bold;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                border-radius: 12px;
                -moz-box-shadow: 1px 1px 3px #000;
                -webkit-box-shadow: 1px 1px 3px #000;
                box-shadow: 1px 1px 3px #000;
        }


        .close:hover { background: #004586; }


/* CSS para ficha nueva segun ATP */
  
.linea-base1{
                   padding-top   : 1px;
                   margin-left   : 15px;
                   margin-top    : 10px;
                   width         : 60%;
                   background    : linear-gradient(to left, rgba(101,135,166,0.15), rgba(101,135,166,1));
}

.perfil-jugador{
                   font-size     : 20px;
                   font-weight   : bold;
                   padding-top   : 15px;
                   padding-left  : 15px;
}

.first-name{
                   font-size     : 26px;
                   text-shadow   : 3px 3px 3px #6587A6;
                   padding-top   : 15px;
                   padding-left  : 15px;
}

.last-name{
                   font-size     : 58px;
                   letter-spacing: -4.5px;
                   text-shadow   : 3px 3px 3px #6587A6;
                   line-height   : 78px;
                   margin-top    : -2px;
                   padding-left  : 15px;
}

.single-label{
                   display       : inline-block;
                   color         : #FFFFFF;
                   font          : 28px/2em 'Verdana';
                   letter-spacing: -1px;
                   text-transform: uppercase;
                   position      : relative;
                   margin-left   : -65px;
                   top           : 37px;
}

.single-jugador{
                   display       : inline-block;
                   color         : #9B9B9B;
                   font-size     : 0.87em;
                   letter-spacing: -1px;
                   text-transform: uppercase;
                   position      : absolute;
                   margin-left   : -85px;
                   top           : 245px;
}

.doble-jugador{
                   display       : inline-block;
                   color         : #9B9B9B;
                   font-size     : 0.87em;
                   letter-spacing: -1px;
                   text-transform: uppercase;
                   position      : absolute;
                   margin-left   : -81px;
                   top           : 245px;
}

.rota-single{
               -webkit-transform : rotate(-10deg);
                  -moz-transform : rotate(-90deg);
                   -ms-transform : rotate(-90deg);
                    -o-transform : rotate(-90deg);
                       transform : rotate(-90deg);
                           width : 100px;
                     white-space : nowrap;
}

.doble-label{
                   display       : inline-block;
                   color         : #FFFFFF;
                   font          : 28px/2em 'Verdana';
                   letter-spacing: -1px;
                   text-transform: uppercase;
                   position      : relative;
                   margin-left   : -60px;
                   top           : 42px;
}

.rank-single{
                   display       : inline-block;
                   color         : #FFFFFF;
                   font          : 12px/1em 'Verdana';
                   letter-spacing: -1px;
                   text-transform: uppercase;
                   position      : relative;
	           margin-left   : 15px;
                   top           : 63px;
}


.rank-doble{
                   display       : inline-block;
                   color         : #FFFFFF;
                   font          : 12px/1em 'Verdana';
                   letter-spacing: -1px;
                   text-transform: uppercase;
                   position      : relative;
	           margin-left   : 0px;
                   top           : 63px;
}

.data-label-text{
               -webkit-transform : rotate(-90deg);
                  -moz-transform : rotate(-90deg);
                   -ms-transform : rotate(-90deg);
                    -o-transform : rotate(-90deg);
                       transform : rotate(-90deg);
                     white-space : nowrap;
}

.single-number{
                   display       : inline-block;
                   color         : #da1418;
                   width         : 20%;
                   position      : relative;
                   top           : 40px;
                   margin-left   : -10px;
                   font          : 65px/1em 'Verdana';
                   font-weight   : bold;
                   text-transform: uppercase
}

.doble-number{
                   display       : inline-block;
                   color         : #da1418;
                   width         : 20%;
                   position      : relative;
                   top           : 40px;
                   margin-left   : -10px;
                   font          : 65px/1em 'Verdana';
                   font-weight   : bold;
                   text-transform: uppercase
}


.ranking-info{
	           float         : left;
	           list-style    : none;
	           position      : relative;
             	   height        : 310px;
	           color         : white;
	           display       : none;
	           transition    : all 0.2s ease 0s;
 	           border-radius : 3px;
	           margin-left   : 0px;
	           overflow      : hidden;
	           font-size     : 0.96em;
                   background    : blue; /* For browsers that do not support gradients */
                   background    : -webkit-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Safari 5.1-6*/
                   background    : -o-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Opera 11.1-12*/
                   background    : -moz-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Fx 3.6-15*/
                   background    : linear-gradient(to left, rgba(41,58,74,0.25), rgba(41,58,74,1)); /*Standard*/
}

.mas-info{
	           float         : left;
	           list-style    : none;
	           position      : relative;
             	   height        : 465px;
	           color         : white;
	           display       : none;
	           transition    : all 0.2s ease 0s;
 	           border-radius : 3px;
	           margin-left   : 0px;
	           overflow      : hidden;
	           font-size     : 0.96em;
                   background    : blue; /* For browsers that do not support gradients */
                   background    : -webkit-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Safari 5.1-6*/
                   background    : -o-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Opera 11.1-12*/
                   background    : -moz-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Fx 3.6-15*/
                   background    : linear-gradient(to left, rgba(41,58,74,0.25), rgba(41,58,74,1)); /*Standard*/
}

.menor-info{
	           float         : left;
	           list-style    : none;
	           position      : relative;
             	   height        : 180px;
	           color         : white;
	           display       : none;
	           transition    : all 0.2s ease 0s;
 	           border-radius : 3px;
	           margin-left   : 0px;
	           overflow      : hidden;
	           font-size     : 0.96em;
                   background    : blue; /* For browsers that do not support gradients */
                   background    : -webkit-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Safari 5.1-6*/
                   background    : -o-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Opera 11.1-12*/
                   background    : -moz-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Fx 3.6-15*/
                   background    : linear-gradient(to left, rgba(41,58,74,0.25), rgba(41,58,74,1)); /*Standard*/
}

.jugador-info{
	           float         : left;
	           list-style    : none;
	           position      : relative;
             	   height        : 215px;
	           color         : white;
	           display       : none;
	           transition    : all 0.2s ease 0s;
 	           border-radius : 3px;
	           margin-left   : 0px;
	           overflow      : hidden;
	           font-size     : 0.96em;
                   background    : blue; /* For browsers that do not support gradients */
                   background    : -webkit-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Safari 5.1-6*/
                   background    : -o-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Opera 11.1-12*/
                   background    : -moz-linear-gradient(left,rgba(41,58,74,0.25),rgba(41,58,74,1)); /*Fx 3.6-15*/
                   background    : linear-gradient(to left, rgba(41,58,74,0.25), rgba(41,58,74,1)); /*Standard*/
}


.la-foto{
	           float         : right;
	           position      : relative;
                   margin-top    : -130px;
                   margin-right  : 15px;
                   margin-left   : 0px;
                   margin-bottom : -155px;

}


.wide-foto{
    height: 160px;
    width: 220px;
                   border        : 2px solid #FFFFFF;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
 
.wide-foto:hover {
    height: 305px;
    width: 421px;
    margin-left: -50px;
    margin-top: -120px;
                   border        : 2px solid #FFFFFF;
}

.gira-foto {
                   border : 2px solid #FFFFFF;
       -webkit-box-shadow : 6px 6px 6px rgba(0,0,0,0.2);
          -moz-box-shadow : 6px 6px 6px rgba(0,0,0,0.2);
               box-shadow : 6px 6px 6px rgba(0,0,0,0.2);
       -webkit-transition : all 0.5s ease-out;
          -moz-transition : all 0.5s ease;
            -o-transition : all 0.5s ease;
}
 
.gira-foto:hover {
        -webkit-transform : rotate(-7deg);
        -moz-transform    : rotate(-7deg);
        -o-transform      : rotate(-7deg);
}

.cuadro-arriba{
                   padding-top   : 1px;
                   background-color: rgba(41,58,74,0.7);
                   height        : 100px;
                   border-width  : 1px;
                   border-right-style  : solid;
                   border-bottom-style  : solid;
                   border-bottom-color: rgb(101,135,166);
                   border-right-color: rgb(101,135,166);
}


  
.cuadro-abajo{
                   padding-top   : 1px;
                   background-color: rgba(41,58,74,0.7);
                   height        : 100px;
                   border-width  : 1px;
                   border-right-style  : solid;
                   border-right-color: rgb(101,135,166);
}




.numero-deta{
                   color         : #FFFFFF;
                   position      : relative;
                   text-align    :  center;
                   font          : 28px/1em 'Verdana';
                   font-weight   : bold;
                   text-transform: uppercase
}

.texto-deta{
                   color         : #FFFFFF;
                   position      : relative;
                   text-align    : center;
                   font          : 20px/1em 'Verdana';
                   font-weight   : bold;
                   text-transform: uppercase
}

.deta-deta{
                   color         : #FFFFFF;
                   position      : relative;
                   text-align    :  center;
                   font          : 0.95em 'Verdana';
                   text-transform: uppercase
}

#text_EX {
                   font          : 20px/1em 'Verdana';
                   font-weight   : bold;
                   text-transform: uppercase;
                   color         : rgb(41,58,74);
                   background-color: rgb(255,255,255);
                   border: 1px solid rgb(101,135,166);
                   padding       : 1px 6px 1px 6px;
}

#text_EX:focus 
{
             text-transform: uppercase;
             color: #293A4A;
             border: 1px solid rgb(101,135,166);
             background-color: rgb(255,255,255);
}

#text_EX:disabled 
{
             text-transform: uppercase;
             text-align    :  center;
             color         : rgb(255,255,255);
             background    : transparent;
             border        : none;
             font-weight   : bold;
}

.tooltip3 {
    position: relative;
    display: inline-block;
}

.tooltip3 .tooltiptext3 {
    visibility: hidden;
    width: 200px;
    background-color: rgb(58,100,152);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 85%;
}

.tooltip3:hover .tooltiptext3 {
    visibility: visible;
}



/*
    background-image: url("img_tree.png");
*/

.msg_esperar {             
             background-color         : transparent;
             border:  none;
             font-size                : 18px;                      
             color                    : #ED3B02;             
             text-align               : center;
}

.loader {
             display                  : none;             
             position                 : absolute;
             z-index                  : 100;          
             width                    : 10em;
             height                   : 10em;
             padding-right            : -90px;
             border-radius            : 50%;          
             top                      : 50%;    
             left                     : 38%;
             border-top               : 1.1em solid rgba(28,48,75, 0.3);
             border-right             : 1.1em solid rgba(28,48,75, 0.3);
             border-bottom            : 1.1em solid rgba(28,48,75, 0.3);
             border-left              : 1.1em solid rgb(237, 59, 2);
            -webkit-transform         : translateZ(0);
             transform                : translateZ(0);
            -webkit-animation         : load8 1.1s infinite linear;
             animation                : load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/*CONTENEDOR PADRE PARA FORMULARIOS DE DATOS*/

.conten-grupo-campos {
            display           : flex;
            flex-direction    : row;
            align-items       : center;
            /*border                : 1px solid blue; */
            
}

.conten-grupo-campos-2 {
            display           : flex;
            flex-direction    : column;
            line-height       : 0.2rem;
            /*border            : 1px solid red;*/
}

.conten-titulo_campo {
            display           : flex;            
            max-width         : 10rem;
            min-width         : 10rem;
            margin-right      : 1rem;
            line-height       : 1.5rem;     
             
}

.conten-titulo_campo_der {
            display           : flex;  
             justify-content   : right;          
            max-width         : 10rem;
            min-width         : 10rem;
            margin-right      : 1rem;
            line-height       : 1.5rem;             
}


.conten-titulo_campo_xl {
            display           : flex;            
            max-width         : 12rem;
            min-width         : 12rem;
            margin-right      : 1rem;
            line-height       : 1.5rem;  

             
}

.formato-titulo_campo {
            display           : flex;            
            max-width         : 15rem;
            min-width         : 12rem;
            margin-right      : 1rem;
            line-height       : 1.7rem;  
}

.conten-label2 {
            display           : flex;
            flex-direction    : column;
            min-width         : 9rem;
            margin-right      : 1rem;
            line-height       : 1.3rem;
            /*border            : 1px solid yellow;*/
}

.conten-campo {
            display           : flex;
            flex-direction    : column;
            min-width         : 12rem;
            max-width         : 12rem;
            margin-right      : 1rem;
            line-height       : 1.5rem;
            /*border            : 1px solid blue;*/
}

.conten-campo2 {
            display           : flex;
            flex-direction    : column;
            min-width         : 12rem;
            max-width         : 12rem;
            margin-right      : 0.8rem;
            line-height       : 1.5rem;            
}

.label-campo-largo {
            display           : flex;
            min-width         : 25rem;
            max-width         : 25rem;
            align-items: center;
            /*border            : 1px solid yellow;          */
}

.tamano-campo-largo{
    min-width         : 24rem;
}

.tamano-campo-medio{
    min-width         : 12rem;
}

.label-campo-forma1 {
            min-width         : 14rem;
            max-width         : 14rem;
}

.campo-forma1 {
            min-width         : 18rem;
            max-width         : 18rem;
}

.label-campo-forma2 {
            min-width         : 11rem;
            max-width         : 11rem;
}

.campo-forma2 {
            min-width         : 10rem;
            max-width         : 10rem;
}



.titulo1 {
             display                  : block;
             text-align               : center;
             font-size                : 1.6rem;
             color                    : #17202A;
             padding                  : 3px 5px;
             margin-bottom            : 10px;
             line-height              : 1.6rem;
             position                 : relative;                    
             background               : transparent;
             font-family              : "Roboto", Verdana, Arial, Helvetica;
             border-bottom            : 2px solid #0B3D50;
             text-shadow              : 1px 1px 1px grey;
}

.titulo_campo{

}

.manipuladatos {
            display                 : inline-block;
            text-align              : left;
            padding                 : 10px 10px;
            line-height             : 2rem;
            position                : relative;            
            border-radius           : 4px;
            border-top              : solid 2px var(--principal1);
            border-bottom           : solid 3px var(--principal1);
            border-right            : solid 1px var(--principal1);
            border-left             : solid 1px var(--principal1);
            background              : transparent;    
            background-color        : white;        
            font-family             : "Roboto", Verdana, Arial, Helvetica;
}

.manipuladatos #Texto, #Date {
             direction                : ltr;
             height                   : 30px;
            font-size                 : 0.9rem;
}


.manipuladatos input[type=text],
.manipuladatos input[type=date], 
.manipuladatos textarea, 
.manipuladatos select,
.manipuladatos input[type=email],
.manipuladatos input[type=file],
.manipuladatos input[type=tel],
.manipuladatos input[type=password],
.manipuladatos input[type=number] {
        -moz-appearance               : auto;
     -webkit-appearance               : auto;
             appearance               : auto;
             display                  : inline-block;
             height                   : 2rem;
             padding                  : 5px 5px 3px 1px;
             margin                   : 0;
             background               : transparent;    
             border                   : 0;         
             border-bottom:            1px dotted black;
        -moz-box-sizing               : border-box;
     -webkit-box-sizing               : border-box;
             box-sizing               : border-box;        
             font-family              : "Roboto", Verdana, Arial, Helvetica;
             font-size                : 1.1rem;
             color                    : rgb(58,69,89);
             
}


.manipuladatos input[type=text]:hover, 
.manipuladatos input[type=date]:hover, 
.manipuladatos textarea:hover, 
.manipuladatos select:hover,
.manipuladatos input[type=email]:hover,
.manipuladatos input[type=file]:hover,
.manipuladatos input[type=tel]:hover,
.manipuladatos input[type=password]:hover,  
.manipuladatos input[type=number]:hover {
             border                   : 0;        
             border-bottom            : 2px solid var(--principal1);             
}

.manipuladatos input[type=text]:focus,
.manipuladatos input[type=date]:focus, 
.manipuladatos textarea:focus, 
.manipuladatos select:focus,
.manipuladatos input[type=email]:focus, 
.manipuladatos input[type=file]:focus, 
.manipuladatos input[type=tel]:focus, 
.manipuladatos input[type=password]:focus, 
.manipuladatos input[type=number]:focus {
             outline                  : none;
             color                    : #212F3C;   
             /*         
        -moz-box-shadow               : inset 0 1px 2px rgba(0,0,0,0.3);
     -webkit-box-shadow               : inset 0 1px 2px rgba(0,0,0,0.3);
             box-shadow               : inset 0 1px 2px rgba(0,0,0,0.3);*/

  }



.manipuladatos input[type=text]:disabled, 
.manipuladatos input[type=date]:disabled, 
.manipuladatos textarea:disabled, 
.manipuladatos select:disabled,
.manipuladatos input[type=email]:disabled,
.manipuladatos input[type=file]:disabled,
.manipuladatos input[type=passowrd]:disabled,
.manipuladatos input[type=number]:disabled {  
            -moz-appearance           : none;
            -webkit-appearance        : none;
             appearance               : none;   
             border                   : 0;       
             border-bottom            : 1px dotted #79919D;            
             height                   : 30px;
             font-size                : 1.1rem;
             color                    : #064267;

}

.manipuladatos input[type=text]:read-only, 
.manipuladatos input[type=number]:read-only,
.manipuladatos input[type=file]:read-only,
.manipuladatos input[type=date]:read-only { 
             font-family              : Verdana, Arial, Helvetica;
              border-bottom            : 1px dotted #064267;          
             height                   : 30px;
             font-size                : 1.1rem;
             color                    : #0D5E9B;
}

input[type=checkbox] {
            position                    : relative;
            cursor                      : pointer;
            top                         : -3px;
           
}

  
input[type=checkbox]:before {
            content                     : "";
            display                     : block;
            position                    : absolute;
            width                       : 16px;
            height                      : 16px;
            top                         : 0;
            left                        : 0;
            border                      : 2px solid #17202A;
            border-radius               : 3px;
            background-color            : white;        
}

input[type=checkbox]:checked:after {
            content                     : "";
            display                     : block;
            width                       : 5px;
            height                      : 10px;
            border                      : solid green;
            border-width                : 0 2px 2px 0;
            -webkit-transform           : rotate(45deg);
            -ms-transform               : rotate(45deg);
            transform                   : rotate(45deg);
            position                    : absolute;
            top                         : 2px;
            left                        : 6px;         
}


.lista_antecede input[type=checkbox] {
            position                    : relative;
            cursor                      : pointer;
            top                         : -7px;
           
}

  
.lista_antecede input[type=checkbox]:before {
            content                     : "";
            display                     : block;
            position                    : absolute;
            width                       : 22px;
            height                      : 22px;
            top                         : 0;
            left                        : 0;
            border                      : 2px solid #17202A;
            border-radius               : 3px;
            background-color            : white;        
}

.lista_antecede input[type=checkbox]:checked:after {
            content                     : "";
            display                     : block;
            width                       : 7px;
            font-weight                 : 700;
            height                      : 14px;
            border                      : solid green;
            border-width                : 0 2px 2px 0;
            -webkit-transform           : rotate(45deg);
            -ms-transform               : rotate(45deg);
            transform                   : rotate(45deg);
            position                    : absolute;
            top                         : 1px;
            left                        : 9px;         
}

/

/* El Contendor del radio */
.conten_radio  label{
            padding-left                    : 30px;
            position                        : relative;
            font-size                       : 1.2rem; 
            font-weight                     : normal;
            left                            : -30px;    
           
}

.conten_radio  label:hover {
            cursor                          : pointer;  
}

.conten_radio span {
            display                         : inline-block;
            position                        : relative;
            top                             : 3px;
            border                          : 1px dotted rgb(175,175,175);
            width                           : 20px;
            height                          : 20px;
            background                      : #fff;
}


.buton_radio1 {  
            display                         : none;
}

.buton_radio1 {
            content                         : '';             
            position                        : absolute;  
            background                      : transparent;
}

.buton_radio1:checked + span::before{ 
            content                         : "";
            display                         : block;
            width                           : 7px;
            height                          : 14px;
            font-weight                     : 700;
            border                          :  solid #064267;
            border-width                    : 0 3px 3px 0;
            -webkit-transform               : rotate(45deg);
            -ms-transform                   : rotate(45deg);
            transform                       : rotate(45deg);
            position                        : absolute;
            top                             : -3px;
            left                            : 5px;    
}

/*********** PARA CSS DE CHATEO ************/
.contenedor-chateo {
    display         : flex;
    flex-direction  : row;  
    width           : 80%;   
    padding         : 20px;
    background      : url("../imagenes/fondo_chat.jpg") no-repeat center center fixed;
    color           : #ddd;   
    font-size       : 1.2em;
    box-shadow      : 0 0 40px #000;
    border-radius   : 16px;
    /*border          : 43px solid #109a7a;*/
}

.contenedor-info{
    display         : flex;
    flex-direction  : column;
    width           : 30%;   
}

.info_chat{
    /*border          : 2px solid red;*/
    display         : flex;
    flex-direction  : column;
    width           : 30%;    
    font-weight     : normal;  
    padding         : 10px;
    color            : rgb(43,58,142);
    background-color : rgb(245,246,255);                 
    font-family      : Verdana, Arial, Helvetica, sans-serif;
    border           : rgb(13,94,155) 2px solid;
    font-size        : 1.1rem;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
    -moz-box-shadow       : -5px 5px 5px #b9b9b9;
    -webkit-box-shadow    : -5px 5px 5px #b9b9b9;
    box-shadow            : -5px 5px 5px #b9b9b9; 
}

.info_chat_emp{    
    display         : flex;
    flex-direction  : column;    
    font-weight     : normal;  
    padding         : 10px;
    color            : rgb(43,58,142);
    background-color : rgb(245,246,255);                 
    font-family      : Verdana, Arial, Helvetica, sans-serif;
    border           : rgb(13,94,155) 2px solid;
    font-size        : 1.1rem;
    -moz-border-radius    : 0 0 5px 5px;
    -webkit-border-radius : 0 0 5px 5px;
    border-radius         : 0 0 5px 5px;
    -moz-box-shadow       : -5px 5px 5px #b9b9b9;
    -webkit-box-shadow    : -5px 5px 5px #b9b9b9;
    box-shadow            : -5px 5px 5px #b9b9b9; 
    margin-bottom    : 5rem;
}

.dialogo_chat{
    background-color : transparent;    
    display         : flex;
    flex-direction  : column;
    width           : 100%; 
    justify-content : top;   
    padding         : 10px 20px;

}

.chat_cliente { 
                  vertical-align   : center;
                  text-align: left;
                  color            : rgb(211,90,2);  
                  width : 70%;
                  background-color : rgb(255,253,249);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(234,131,36) 1px solid;
                  font-size        : 12px;
             -moz-border-radius    : 2em;
          -webkit-border-radius    : 2em;
                  border-radius    : 2em;
             -moz-box-shadow       : -7px 7px 5px #b9b9b9;
          -webkit-box-shadow       : -7px 7px 5px #b9b9b9;
                  box-shadow       : -7px 7px 5px #b9b9b9;
                  /*margin           : 1px auto 30px auto;*/
                  padding          : 15px 10px 15px 15px;
                  position         : relative;
                  z-index          : 1;
                  filter           : drop-shadow(0px 0px 1px black) ;


                }

.chat_cliente::before{
                  content           : '';
                  position          : absolute; 
                  z-index           : -1;
                  width             : 10px;
                  height            : 10px;
                  left              : -5px;
                  top               : 50px;
                  background-color  : white;
                  transform         : skewX(45deg);
}
                
.chat_empleado { 
                  vertical-align   : center;
                  text-align       : left;
                  color            : rgb(20,150,149);
                  width            : 70%;
                  background-color : rgb(252,255,255);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(20,150,149) 1px solid;
                  font-size        : 12px;
             -moz-border-radius    : 2em;
          -webkit-border-radius    : 2em;
                  border-radius    : 2em;
             -moz-box-shadow       : 7px 7px 5px #b9b9b9;
          -webkit-box-shadow       : 7px 7px 5px #b9b9b9;
                  box-shadow       : 7px 7px 5px #b9b9b9;                
                  padding          : 15px 10px 15px 15px;
                  z-index          : 1;
                  filter           : drop-shadow(0px 0px 1px black) ;
                }

.chat_empleado::before{
                  content           : '';
                  position          : absolute; 
                  z-index           : -1;
                  width             : 10px;
                  height            : 10px;
                  left              : -5px;
                  top               : 50px;
                  background-color  : white;
                  transform         : skewX(45deg);
}

.adjunto_cli { 
                  vertical-align   : center;
                  color            : rgb(255,253,249);
                  width            : 80%;                  
                  background-color : rgba(211,90,2,0.7);                 
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(234,131,36) 0px solid;
                  font-size        : 11px;
             -moz-border-radius    : 0px 0px 5px 35px;
          -webkit-border-radius    : 0px 0px 5px 35px;
                  border-radius    : 0px 0px 5px 35px;
             -moz-box-shadow       : 0px 4px 4px #b9b9b9;
          -webkit-box-shadow       : 0px 4px 4px #b9b9b9;
                  box-shadow       : 0px 4px 4px #b9b9b9;
                  margin           : 16px 0px 0px 20px;
                  padding          : 0px 2px 2px 5px;
                  position         : absolute;
                  overflow         : hidden;
                  white-space      : nowrap;
                  text-overflow    : ellipsis; 
                }
                
.adjunto_emp { 
                  vertical-align   : center;
                  color            : rgb(252,255,255);
                  width            : 80%;
                  background-color : rgba(20,150,149,0.7);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(234,131,36) 0px solid;
                  font-size        : 11px;
             -moz-border-radius    : 0px 0px 5px 35px;
          -webkit-border-radius    : 0px 0px 5px 35px;
                  border-radius    : 0px 0px 5px 35px;
             -moz-box-shadow       : 0px 4px 4px #b9b9b9;
          -webkit-box-shadow       : 0px 4px 4px #b9b9b9;
                  box-shadow       : 0px 4px 4px #b9b9b9;
                  margin           : 16px 0px 0px 20px;
                  padding          : 0px 2px 2px 5px;
                  position         : absolute;
                  overflow         : hidden;
                  white-space      : nowrap;
                  text-overflow    : ellipsis; 
                }

.caja_editor{
            width                     : 100%;
            height                    : 200px;
            margin-top                : 10px ;
            margin-bottom             : 5px ;
}

.cuadro_datos{
            display                   : flex;
            margin-right              : 15rem;
            margin-bottom             : 5rem;
            width                     : 300px;            
}

.espacio_p{
    margin-top: 1em;
}

/******************************************/



@media screen and (max-width: 450px) {
   body {
    padding-top: 50px
  }

.contenedor-1 {            
                background            : transparent;
                height                : 100vh;
                display               : flex;
                align-items           : top;
                justify-content       : center; 
                /*border: 1px solid yellow;*/
}

.contenedor-2 {
                display               : flex;
                flex-direction        : column;
                width                 : 100%;   
                text-align            : center;
                align-items           : center;
                padding               : 5px 15px;
                /*border: 1px solid green;*/
}


.contenedor-salida {
  width              :95%;  
  padding            : 10px 10px;  
  background         : transparent; 
  
   font-size:0.9rem;
line-height:1.8rem;
}

.contenedor-salida2 {
                margin                : 2.5rem 1rem 2.5rem;
                font-size             : 0.8rem;                                     
                color                 : white;
                text-align            : center;
                line-height           : 1.5rem;

}

  .contenedor-formulario { 
      margin: 0;
      width: 100%;      
       background         : transparent; 
      top:0;
      z-index: 1000;
  }    

  .agrupav_menu2 {                
                margin-left       : 1rem;               
}


.formato-titulo_campo {
        margin-top              : 1.8rem;    
        margin-right            : 0rem;     
        max-width               : 18rem;
        min-width               : 18rem;
        align-items             : center;
        justify-content         : center;
        flex-direction          : column; 
}

.label_valorcampo{             
                min-width           : 20rem;
                max-width           : 25rem;
                justify-content     : center;                   
        }

.tabla_res1,
    .tabla_res1 thead,
    .tabla_res1 tbody,
    .tabla_res1 tr,
    .tabla_res1 th,
    .tabla_res1 td,
    .tabla_res1 caption {
      display: block;    
      min-width: 370px;  
     /* border-bottom: 1px solid red;*/

    }
    
    .tabla_res1 {
      border: none
    }
    
    .tabla_res1 thead tr {
      display: none;
    }
    
    .tabla_res1 tbody tr {
      /*margin: 1em 0;*/
      /*border: 1px solid var(--principal_claro);*/
      min-width: 80%;
    }
    
    .tabla_res1 td {
      border: none;
      /*border-bottom: 1px solid #dddddd;*/
      border-spacing: 0px;
      position: relative;
      padding-left: 45%;
      text-align: left;
    }
    
    .tabla_res1 tr td:last-child {
      border-bottom: 12px double var(--principal1);
      margin-bottom: 50px;
    }
    
    .tabla_res1 tr:last-child td:last-child {
      border-bottom: 12px double var(--principal1);      
    }
    
    .tabla_res1 td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
    }

.tabla_res2,
    .tabla_res2 thead,
    .tabla_res2 tbody,
    .tabla_res2 tr,
    .tabla_res2 th,
    .tabla_res2 td,
    .tabla_res2 caption {
      display: block;    
      min-width: 370px;  
      /*border-bottom: 1px solid red;*/

    }
    
    .tabla_res2 {
      border: none
    }
    
    .tabla_res2 thead tr {
      display: none;
    }
    
    .tabla_res2 tbody tr {
      /*margin: 1em 0;*/
      /*border: 1px solid var(--principal_claro);*/
      min-width: 80%;
    }
    
    .tabla_res2 td {
      border: none;
      /*border-bottom: 1px solid #dddddd;*/
      border-spacing: 0px;
      position: relative;
      padding-left: 45%;
      text-align: left;
    }
    
    .tabla_res2 tr td:last-child {
      border-bottom: 12px double var(--principal1);
      margin-bottom: 50px;
    }
    
    .tabla_res2 tr:last-child td:last-child {
      border: none;
    }
    
    .tabla_res2 td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
    }

.MOVIL_mostrar_titulo{
    display             : inline-block;
    font-weight         : bold;
}

.conten-grupo-campos { 
            align-items           : center;
                justify-content       : center;
                flex-direction        : column;   
            /*border                : 1px solid blue;          */
}

.modalDialog > div {             
             width                    : 50%;
             background: #f9f9f9;
}            

.conten-titulo_campo {       
            margin-top      : 1rem;    
            margin-right      : 0rem;     
             max-width         : 18rem;
            min-width         : 18rem;
            align-items           : center;
                justify-content       : center;
                flex-direction        : column;         
}

.label-campo-largo {   
align-items           : center;
                justify-content       : center;         
            min-width         : 20rem;
            max-width         : 20rem;
           
}

.tamano-campo-largo{
    min-width         : 18rem;
}

.tamano-campo-medio{
    min-width         : 18rem;
}

.conten-campo {            
            min-width         : 10rem;
            max-width         : 10rem;
            margin-right      : 0rem;
            line-height       : 1rem;
            
           
}


.conten-campo-numero {       
            align-items           : center;
            justify-content       : center;     
            min-width         : 10rem;
            max-width         : 10rem;
            margin-right      : 0rem;
            line-height       : 1rem;
           
}


.alinea-monto {
            text-align:center;
            min-width         : 9rem;
            max-width         : 9rem;

}

TD.lineasLIS {              
             font-family              : "Lato", Verdana, Arial, Helvetica;                                              
             font-size                : 5.3rem;
             line-height              : 1.3rem; 
             color                    : red; 
             white-space: normal;
             border:0;
            
}



.modalDialog {
             position                 : fixed;
             font-family              : "Roboto", Helvetica, sans-serif;
             top                      : 0;
             right                    : 0;
             bottom                   : 0;
             left                     : 0;
             background               : rgba(0,0,0,0.8);
             z-index                  : 99999;
     -webkit-transition               : opacity 400ms ease-in;
        -moz-transition               : opacity 400ms ease-in;
             transition               : opacity 400ms ease-in;
             display                  : none;
             pointer-events           : none;
}


.modalDialog:target {
             display                  : block;
             pointer-events           : auto;
} 


.modalDialog > div {
             color                    : rgb(255,255,255);
             width                    : 90%;
             font-size                : 1.6rem;
             line-height              : 2.2rem;
             position                 : relative;
             margin                   : 8% auto;
             padding                  : 15px 20px 13px 20px;             
             border-radius            : 10px;          
             background               : #17202A;
             
}

 .modalDialog2 > div {              
                width           : 90%; 

 }

.caja_editor{
            width                     : 100%;
            height                    : 200px;
            margin-top                : 10px ;
}

.manipuladatos input[type=text],
.manipuladatos input[type=date], 
.manipuladatos textarea, 
.manipuladatos select,
.manipuladatos input[type=email],
.manipuladatos input[type=tel],
.manipuladatos input[type=password],
.manipuladatos input[type=number] {           
            text-align              : center;       
            margin-bottom           : 10px;      
}

.conten-titulo_campo_xl{   
    justify-content: center;
}

.msg2 {
       width: 95%;
}


.inputImagen {
width :95%;
}

.contenedor-chateo {
    display         : flex;
    flex-direction  : column;      
    padding         : 0;
    background      : transparent;
    box-shadow      : none;
    border-radius   : none;
    /*border          : 3px solid cyan;*/
}

.contenedor-info{
    width           : 100%;
}


.info_chat{
    /*border          : 2px solid red;*/
    width           : 100%;  
    justify-content : center;
}

.info_chat_emp{   
    width           : 100%; 
}

.dialogo_chat{
    width           : 100%;     
}

.chat_cliente { 
    width           : 100%;  
 }

.chat_empleado { 
    width           : 100%;
    
}

.adjunto_emp {
    width            : 200px;    
}

.adjunto_cli {
    width            : 200px;     
}

.soli_titulo { 
     width           : 100%;
}

.cuadro_datos{
           
            margin-right              :0;
            margin-bottom             : 6rem;
            width                     : 300px;           
}

}