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



:root {
            --principal   : 39,71,36;
            --segundo     : 24,42,22;
            --tercero     : 67,119,61;
            --elrojo      : 253,0,0;
            --gris_top    : 238,238,238;
            --gris_dos    : 175,175,175;
            --oscuro_a    : 23,33,43;
            --blanco_a    : 255,255,255;
            --azuluno     : 0,117,143;
            --verdeuno    : 58,145,63;
}


BODY.fondo           {
                  margin           : 0 0 100px;
                  background-color: #ffffff;
                  text-align:       justify;
                  font-size:        0.8em;
                  font-family:      Verdana, Arial, Helvetica, sans-serif;
                }

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


/* NUEVOS PARA TORNEOS */

a,
a:hover,
a:visited {
            cursor            : pointer;
            text-decoration   : none;
}

a:hover {
            text-decoration   : underline;
}

.letra_lista1{
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 78%;
            letter-spacing    : 0.2rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 34px;                          
            padding           : 3px 0 3px 0;
            margin            : auto;
            margin-top        : -0.2rem;            
            align-items       : center;  
            position          : absolute;  
              
}

.letra_titu1{
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 90%;
            letter-spacing    : 0.4rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 34px;                          
            padding           : 4px 0 5px 0;
            margin            : auto;
            margin-top        : 0.2rem;            
            align-items       : center;  
            position          : absolute;              
           
}

.letra_subtitu1{
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 90%;
            letter-spacing    : 0.2rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 24px;                          
            padding           : 3px 0 3px 0;
            margin            : auto;
            margin-top        : 2.5rem;            
            align-items       : center;  
            position          : absolute;   
             
}

.letra_titumoda{
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 90%;
            letter-spacing    : 0.2rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 24px;                          
            padding           : 5px 0 5px 0;
            margin            : auto;
            margin-top        : 0.5rem;                 
            align-items       : center;  
            position          : absolute;   
}


.letra_subsede{
            vertical-align    : center;
            color             : rgb(var(--tercero));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 90%;
            letter-spacing    : 0.1rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 22px;                          
            padding           : 3px 03px 0;
            margin            : auto;
            margin-top        : 4rem;            
            align-items       : center;  
            position          : absolute;  
            b
}

.letra_fectorneo{
            vertical-align    : center;
            color             : rgb(var(--segundo));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 90%;
            letter-spacing    : 0.1rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 16px;                          
            padding           : 5px 0 5px 0;
            margin            : auto;
            margin-top        : 5.5rem;            
            align-items       : center;  
            position          : absolute;               
}

.letra_situa1{
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 90%;
            letter-spacing    : 0.2rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 14px;                          
            padding           : 5px 0 5px 0;           
            margin            : -4rem 0 0.2rem 0;
            align-items       : center;  
            position          : relative;   
            
           
             
}

.conten-monitor1 {             
            background        : transparent;            
            /*height            : 100vh;*/
            flex-direction    : column;
            display           : flex;
            align-items       : center;            
            justify-content   : top;
            border            : 0px solid yellow;
}
  



.conten-monitor2 {
            display           : flex;
            flex-wrap         : wrap;
            flex-direction    : row;
            text-align        : left;
            align-items       : top; 
            justify-content   : center;
            width             : 90%;    
            margin            : 1.8rem 0 4rem 0;
            padding           : 1rem 1rem 1.5rem 1rem;            
          -moz-border-radius  : 10px;
        -webkit-border-radius : 10px;
            border-radius     : 10px;
            border            : 0px solid red;                    
}

.conten-monitor3 {             
            background        : transparent;                        
            flex-direction    : row;
            display           : flex;           
            align-items       : top;                     
            justify-content   : top;
            border            : 0px solid blue;
}


.conten-monitor4 {
            display           : flex;
            flex-wrap         : wrap;
            flex-direction    : row;
            text-align        : left;
            align-items       : top; 
            justify-content   : left;
            width             : 80%;
            margin            : 1.3rem 0 0.5rem 0;
            padding           : 0.5rem 0.5rem 1.5rem 0.5rem;            
          -moz-border-radius  : 0px 10px 10px 10px;;
        -webkit-border-radius : 0px 10px 10px 10px;;
            border-radius     : 0px 10px 10px 10px;;
            border-top        :  2px solid #274724;     
            border-bottom        :  2px solid #274724; 
            border-right        :  2px solid #274724; 
             border-left        :  2px solid #274724;                  
}

.conten-menuizq {
            display           : flex;           
            flex-direction    : column;
            text-align        : left;
            align-items       : top; 
             background-color : rgb(var(--gris_top));
            justify-content   : left;
            width             : 300px;
            height            : 35rem;
            margin            : 1.3rem 0 4rem 0;
            padding           : 1rem 0 1.5rem 0.2rem;            
          -moz-border-radius  : 10px 0px 2px 10px;
        -webkit-border-radius : 10px 0px 2px 10px;
            border-radius     : 10px 0px 2px 10px;
            overflow: auto;
            border-top        :  2px solid #274724;     
            border-bottom        :  2px solid #274724; 
            border-left        :  2px solid #274724;                               
             
}

.conten-monitor-moda {
            display           : flex;
            flex-wrap         : wrap;
            flex-direction    : row;
            text-align        : center;
            align-items       : top; 
            justify-content   : center;
            width             : 90%;            
            border            : 0px solid purple;
}

.conten-monitor-centro {
            display           : flex;
            border            : 0px solid red;
            flex-direction    : column;
            width             : 95%; 
            text-align        : center;
            align-items       : center;  
}

.contenedor-menu1 {
            display           : flex;
            border            : 1.5px solid #E4E4E4;
           -moz-box-shadow    : 1px 2px 10px rgb(var(--principal));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--principal));
            box-shadow        : 1px 2px 10px rgb(var(--principal));   
            flex-direction    : column;
            height            : 310px;
            width             : 250px; 
            text-align        : center;
            justify-content   : top;
            margin            : auto;
            margin-top        : 8.5rem;
            margin-bottom     : 0.2rem;
            align-items       : bottom;  
}

  
.contenedor-menu2 {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;
            border            : 1.5px solid #E4E4E4;
           -moz-box-shadow    : 1px 2px 10px rgb(var(--gris_top));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--gris_top));
            box-shadow        : 1px 2px 10px rgb(var(--gris_top));   
            flex-direction    : column;
            height            : 150px;
            width             : 155px; 
            text-align        : center;
            justify-content   : top;
            margin            : 2rem 0rem 0.5rem 2rem;           
            align-items       : top;  
}

.conten-titu2 {
            display           : flex;
            border            : 0px solid pink;
            flex-direction    : row;
            width             : 90%; 
            justify-content   : top;
            margin-top        : 6rem;                    
            align-items       : top;  
}

.conten-moda {
            display           : flex;
            border            : 0px solid pink;
            flex-direction    : row;
            width             : 90%; 
            justify-content   : top;
            margin-top        : 0.3rem;                    
            align-items       : top;  
}

.titulo-menu2 {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;                        
            flex-direction    : column;
            height            : 62px;
            width             : 370px; 
            text-align        : left;
            color             : rgb(var(--blanco_a));
            justify-content   : center;
            margin            : auto;
            margin-top        : 1rem;
            margin-bottom     : 2rem;
            align-items       : bottom;  
            vertical-align    : center;
            background-color  : rgb(var(--principal));
            font-size         : 1.3rem;              
            line-height       : 1.2;  
            display           : block;            
}

.titulo-moda {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;                        
            flex-direction    : column;
            height            : 80px;
            /*width             : 370px; */
            text-align        : left;
            color             : rgb(var(--blanco_a));
            justify-content   : center;
            /*margin            : auto;*/
            margin-top        : 0.3rem;
            margin-bottom     : 2rem;
            align-items       : center;  
            vertical-align    : center;
            background-color  : rgb(var(--principal));
            font-size         : 1.3rem;              
            line-height       : 0.8;  
            display           : block;            
}


.enlace_menu1 {        
            background        : transparent;
            border            : 0px solid blue;
            height            : 100vh;
            flex-direction    : column;
            display           : flex;
            align-items       : center;            
            justify-content   : top;
            
}



.enlace_torneo1 {          
            position          : absolute; 
            width             : 229px;  
            margin            : auto;
            margin-top        : 18rem;
            text-align        : center;
}

.letra_cupos {
            display           : block;
            color             : rgb(var(--principal));
            margin-top        : 0.3rem;           
            font-size         : 0.9rem; 

}

.letra_costo {
            display           : block;
            color             : rgb(var(--elrojo));
            margin-top        : 0.1rem;
            font-size         : 0.9rem; 
}

A.torneo1  {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            color             : rgb(var(--segundo));
            font-size         : 14px; 
            font-weight       : bold;
} 

A.torneo1:hover  {  
            color             : rgb(var(--tercero));
} 

A.menu2  {            
            color             : rgb(var(--oscuro_a));
            font-size         : 1rem; 
            font-weight       : normal;
} 

A.menu2:hover  {  
            color             : rgb(var(--tercero));
            text-decoration   :  none;
            font-size         : 1rem; 
} 


.manipuladatos {   
             display          : inline-block;            
             padding          : 10px 40px;
             position         : relative;
             margin           : 2% auto;            
             background       : transparent;
             font-family      : "Ubuntu", Arial, Helvetica;
}

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


.manipuladatos input[type=text],
.manipuladatos input[type=date], 
.manipuladatos input[type=password], 
.manipuladatos input[type=email], 
.manipuladatos textarea, 
.manipuladatos select, 
.manipuladatos input[type=number] {
        -moz-appearance               : none;
     -webkit-appearance               : none;
             appearance               : none;
             display                  : inline-block;
             height                   : 30px;
             padding                  : 4px;
             margin                   : 0;
             background               : rgb(167,178,189);
             border                   : solid 1px rgb(var(--principal));            
        -moz-box-sizing               : border-box;
     -webkit-box-sizing               : border-box;
             box-sizing               : border-box;
        -moz-border-radius            : 1px;
     -webkit-border-radius            : 1px;
             border-radius            : 3px;
             text-transform: uppercase; 
             font-size                : 14px;
             font-weight              : bold;
             color                    : rgb(39,71,36);
}

.manipuladatos textarea{
             height                   : 60px;
                       } 

.manipuladatos input[type=text]:hover, 
.manipuladatos input[type=date]:hover, 
.manipuladatos input[type=email]:hover, 
.manipuladatos textarea:hover, 
.manipuladatos select:hover, 
.manipuladatos input[type=number]:hover {
             text-transform: uppercase;            
             border: 1px solid rgb(39,71,36);
             background-color: rgb(179,206,177);
}

.manipuladatos input[type=text]:focus,
.manipuladatos input[type=date]:focus, 
.manipuladatos textarea:focus, 
.manipuladatos select:focus, 
.manipuladatos input[type=number]:focus {
              text-transform: uppercase;
             color: #FFF;
             border: 1px solid rgb(39,71,36);
             background-color: rgb(39,71,36);

  }

.manipuladatos input[type=text]:disabled, 
.manipuladatos input[type=date]:disabled, 
.manipuladatos select:disabled, 
.manipuladatos input[type=number]:disabled {
             text-transform: uppercase;
             color         : rgb(39,71,36);
             background    : rgb(167,178,189);
             font-weight   : bold;
}

.manipuladatos input[type=text]:read-only, 
.manipuladatos input[type=number]:read-only,
.manipuladatos select:read-only,
.manipuladatos input[type=date]:read-only { 
             text-transform: uppercase;
             color         : rgb(39,71,36);
             background    : rgb(167,178,189);
             font-weight   : bold;
}


.manipuladatos  option
{
  color: rgb(39,71,36);
  font-weight: bold;
  background-color: rgb(179,206,177);
}


.manipuladatos input[type=number] {             
             text-align               : right;
            
}



/*  PARA INSCRIOCIONES TORNEOS*/

.El_boton {
            display           : inline-block;
            zoom              : 1;
            vertical-align    : baseline;
            margin            : -1rem 1rem 0.2rem 1rem;
            outline           : none;
            cursor            : pointer;
            text-align        : center;
            min-width         : 20rem;
            text-decoration   : none;
            font-family       : "Roboto", Arial, Helvetica, cursive;
            font-size         : 0.9rem; 
            padding           : 0.3rem 0.2rem 0.3rem 0.2rem; 
            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);
}

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

.Boton_lista {
              color                    : hsla(115, 33%, 21%, 1);
              border                   : solid 0px #17212B;
              font-weight              : 600;
              background               : #FFFFFF; 
         -moz-border-radius            : 5px 5px 5px 5px;
      -webkit-border-radius            : 5px 5px 5px 5px;
              border-radius            : 5px 5px 5px 5px;
}

.Boton_lista:hover {
              color                    : rgb(255,64,0);
              border                   : solid 0px #B33C31;
         -moz-border-radius            : 5px 5px 5px 5px;
      -webkit-border-radius            : 5px 5px 5px 5px;
              border-radius            : 5px 5px 5px 5px;
              background               : -webkit-gradient(linear, left top, left bottom, from(#EE4502), to(#FF52OE));
              background               : -moz-linear-gradient(top,  #EE4502,  #FF52OE);
              filter                   :  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE4502', endColorstr='#FF52OE');
}

.Boton_lista:active {
              color                    : #C82E00;
              background               : -webkit-gradient(linear, left top, left bottom, from(#EE4502), to(#FF52OE));
              background               : -moz-linear-gradient(top,  #EE4502,  #FF52OE);
              filter                   :  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE4502', endColorstr='#FF52OE');
}

.EX_let_torneo1{
            display           : block;
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 80%;
            letter-spacing    : 0.2rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 1.3rem;                          
            padding           : 5px 0 5px 0;
            margin            : auto;
            margin-top        : 0.5rem;            
            align-items       : center;  
                           
}

.EX_let_torneo2{
            display           : block;
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 100%;
            letter-spacing    : 0.2rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 1.1rem;                          
            padding           : 5px 2px 5px 2px;
            margin            : auto;
            margin-top        : 0.5rem;            
            align-items       : center;  
          
}

.EX_let_torneo3{
            display           : block;
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 40%;
            letter-spacing    : 0.2rem;
            background-color  : transparent;
            text-align        : center;                             
            font-size         : 1.1rem;                          
            padding           : 0.5rem 0 5px 0;
            margin            : auto;
            margin-top        : 0.5rem;            
            align-items       : center; 
            border            : 0px solid blue; 
          
}

.EX_let_torneo4{
            display           : block;
            position          : absolute; 
            vertical-align    : center;
            color             : white;
            font-family       : "Roboto", Arial, Helvetica, cursive;
            width             : 40%;
            letter-spacing    : 0.1rem;
            background-color  : rgba(39, 71, 36, 1);
            text-align        : center;                             
            font-size         : 1rem;                          
            padding           : 0.2rem;
            margin            : auto;
            margin-top        : 2px;                 
          -moz-border-radius  : 6px 6px 0px 0px;
        -webkit-border-radius : 6px 6px 0px 0px;
            border-radius     : 6px 6px 0px 0px;      
            align-items       : center; 
            border            : 1px solid rgba(39, 71, 36, 1);           
}

.msg_modal1{
            display           : block;
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Roboto", Arial, Helvetica, cursive;            
            letter-spacing    : 0.1rem;
            background-color  : transparent;
            text-align        : center;                             
            font-size         : 1.3rem;                          
            padding           : 0.5rem 0 5px 0;
            margin            : auto;
            margin-top        : 0.5rem;      
            line-height       : 1.2;       
            align-items       : center;             
}


.EX-torneo1 {             
            background        : transparent;           
            /*height            : 100vh;*/
            flex-direction    : column;
            display           : flex;
            align-items       : center;            
            justify-content   : top;
            
}

.EX-torneo2 {
            display           : flex;
            flex-wrap         : wrap;
            flex-direction    : row;
            text-align        : left;
            align-items       : top; 
            justify-content   : left;
            width             : 90%;            
            margin-bottom     : 3rem;
}           

.contenEX-menu1 {
            display           : flex;
            border            : 1.5px solid #E4E4E4;
           -moz-box-shadow    : 1px 2px 10px rgb(var(--principal));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--principal));
            box-shadow        : 1px 2px 10px rgb(var(--principal));   
            flex-direction    : column;
            height            : 325px;
            width             : 250px; 
            text-align        : center;
            justify-content   : top;
            margin            : auto;
            margin-top        : 5rem;
            align-items       : bottom;  
            padding           : 2px 5px 2px 5px;
}

.contenEX-inscrip {
            display           : flex;
            border            : 1.5px solid #E4E4E4;
           -moz-box-shadow    : 1px 2px 10px rgb(var(--segundo));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--segundo));
            box-shadow        : 1px 2px 10px rgb(var(--segundo));   
            flex-direction    : column;
            height            : 250px;
            width             : 200px; 
            text-align        : center;
            justify-content   : center;
            margin            : auto;
            margin-top        : 5rem;
            margin-right      :8rem;
            margin-left      : 8rem;
            align-items       : center;  
            padding           : 0.2rem 5px 2px 5px;
}

.lista_inscritos {
            display           : flex;
            border            : 1.5px solid #E4E4E4;
           -moz-box-shadow    : 1px 2px 10px rgb(var(--segundo));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--segundo));
            box-shadow        : 1px 2px 10px rgb(var(--segundo));   
            flex-direction    : column;
            height            : 250px;
            width             : 200px; 
            text-align        : center;
            justify-content   : center;
            margin            : auto;
            margin-top        : 5rem;
            margin-right      : 0rem;
            margin-left       : 4rem;            
            align-items       : center;  
            padding           : 0.2rem 0.2rem 0.2rem 0.2rem;
}


.enlace_ex1 {          
            display           : block;
            position          : absolute; 
            width             : 14.6rem;              
            margin            : 19.2rem 0.2rem 0 0.4rem;
            text-align        : center;
           
}

A.ex_torneo1  {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            color             : rgb(var(--segundo));
            font-size         : 14px; 
            font-weight       : bold;
} 

A.ex_torneo1:hover  {  
            color             : rgb(var(--tercero));
} 

.ver_datos1 {
            background        : hsla(115, 8%, 36%, 0.20);
            color             : hsla(142, 28%, 13%, 0.91);
            font-weight       : 700;
}

.titu_ex1{
            display           : block;
            height            : 3.2rem;
            margin            : 0.2rem 0.4rem 0 0.4rem;
            font-size         : 22px;
            font-weight       : bold;
            color             : rgb(var(--principal));
            border            : 0px solid orange;
            overflow          : hidden;
            text-align        : center;
}

.titu_ex2{
            display           : block;
            height            : 1rem;
            margin            : 0.3rem 0.4rem 0 0.4rem;
            font-size         : 16px;
            font-weight       : bold;
            color             : rgb(var(--gris_dos));
            border            : 0px solid orange;
            overflow          : hidden;
            text-align        : center;
}

.titu_ex3{
            display           : block;
            height            : 1rem;
            margin            : 0.2rem 0.4rem 0 0.4rem;
            font-size         : 14px;                                                      
            color             : rgb(var(--oscuro_a));
            border            : 0px solid red;
            overflow          : hidden;
            text-align        : center;
  }

.titu_ex4{
            display           : block;
            height            : 1rem;
            margin            : 0.1rem 0.4rem 0 0.4rem;
            font-size         : 14px;
            font-weight       : bold;
            color             : rgb(var(--principal));
            border            : 0px solid pink;
            overflow          : hidden;
            text-align        : center;
}

.titu_ex5{
            display           : block;
            height            : 1.5rem;
            margin            : 0.1rem 0.4rem 0 0.4rem;
            font-family       : "Amaranth", Arial, Helvetica, cursive;
            font-size         : 22px;
            font-weight       : bold;           
            border            : 0px solid cyan;
            overflow          : hidden;
            padding-bottom    :  0.3rem;
            text-align        : center;
}

.titu_ins1{
            display           : block;
            height            : 2rem;
            margin            : 0.1rem 0.4rem 0 0.4rem;
            font-size         : 22px;
            font-weight       : bold;
            color             : rgb(var(--principal));           
            overflow          : hidden;
            text-align        : center;
}

.titu_ins2{
            display           : block;
            height            : 1.1rem;
            margin            : -0.5rem 0.4rem 0 0.4rem;
            font-size         : 16px;
            font-weight       : bold;
            color             : rgb(var(--segundo));            
            overflow          : hidden;
            text-align        : center;
}

.titu_ins3{
            display           : block;
            height            : 1rem;
            margin            : -0.1rem 0.4rem 0 0.4rem;
            font-size         : 14px;                                                      
            color             : rgb(var(--oscuro_a));
            border            : 0px solid red;
            overflow          : hidden;
            text-align        : center;
  }

 .titu_ins4{
            display           : block;
            height            : 1rem;
            margin            : 0.1rem 0.4rem 0 0.4rem;
            font-size         : 14px;
            font-weight       : bold;
            color             : rgb(var(--principal));
            border            : 0px solid pink;
            overflow          : hidden;
            text-align        : center;
}

 .titu_ins5{
            display           : block;
            height            : 1.5rem;
            margin            : 0.3rem 0.4rem 0 0.3rem;
            font-family       : "Roboto", Arial, Helvetica, cursive;
            color             : #274724;
            font-size         : 14px;
            font-weight       : bold;           
            border            : 0px solid cyan;
            overflow          : hidden;
            padding-bottom    : 0.3rem;
            text-align        : center;
}

.titu_ins6{
            display           : block;
            height            : 1.5rem;
            margin            : 0rem 0.4rem 0 0.4rem;
            font-family       : "Roboto", Arial, Helvetica, cursive;
            font-size         : 0.8rem;
            font-weight       : bold;           
            border            : 1px solid cyan;
            overflow          : hidden;
            padding-bottom    :  0.3rem;
            text-align        : center;
}

.img_ins {
           position          : absolute;         
           display           : block;               
}

.flotante {
           display           : scroll;
           position          : fixed;
           bottom            : 40px;
           left              : 270px;
}


.menu_flota1 {
           display           : scroll;
           position          : fixed;
           bottom            : 40px;
           left              : 22.5%;          
}


.hint_ins3{
            display           : block;
            height            : 2.1rem;
            margin            : 0rem 0.4rem 0.1rem 0.4rem;
            font-size         : 14px;                                                              
            color             : rgb(var(--oscuro_a));
            border            : 0px solid red;
            overflow          : hidden;
            text-align        : center;
  }

.hint_ins4{
            display           : block;
            height            : 1rem;
            margin            : 0.1rem 0.4rem 0 0.4rem;
            font-size         : 0.9rem;
            font-weight       : bold;           
            color             : rgb(var(--principal));
            border            : 0px solid pink;
            overflow          : hidden;
            text-align        : center;
}

.hint_ins5{
            display           : block;
            height            : 0.9rem;
            margin            : 0.1rem 0.4rem 0 0.4rem;
            font-size         : 0.8rem;
            font-weight       : bold;            
            color             : rgb(255,64,0);
            border            : 0px solid pink;
            overflow          : hidden;
            text-align        : center;
}

.hint_ins6{
            display           : block;
            height            : 1rem;
            margin            : 0.1rem 0.2rem 0 0.2rem;
            font-size         : 0.8rem;                  
            color             : rgb(var(--gris_dos));  
            border            : 0px solid cyan;          
            overflow          : hidden;
            text-align        : center;
}

.hint_ins7{
            display           : block;
            height            : 1.2rem;
            margin            : 0.8rem 0.4rem 0 0.4rem;
            font-family       : "Amaranth", Arial, Helvetica, cursive;
            font-size         : 14px;
            font-weight       : bold;           
            border            : 0px solid cyan;
            overflow          : hidden;
            padding-bottom    :  0.3rem;
            text-align        : center;
}

.boton6 {
            position          : relative;
            text-decoration: none;
            padding           : 0.5em 0.5em 0.4em 0.5em;
            border-top            : 1px solid rgb(var(--gris_top));          
            letter-spacing    : 0.1rem;
            background-color  : rgb(var(--gris_top));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            cursor            : pointer;
            outline           : none;
            color             : hsla(115, 33%, 36%, 1);
            font-size         : 0.7rem; 
            margin            : 0.1em 0.8em;
}

.boton6:hover {            
            text-decoration: none;
             background-color  : transparent;
             border-top            : 1px solid rgb(var(--gris_dos));
            
}
.type6 {
            color             : hsla(115, 33%, 36%, 1);
}



.type6:after{
      content: '';
      display: block;
      position: absolute;
      height: 3px;
      width: 0;
      left: 0;
      background-color: green;
      transition: width 0.6s ease-in-out ;      

  }    

 .bonton6::after{
      bottom: 0;
    }
    
  .boton6:hover::after{
      width: 100%;
    }
 



.boton7 {
            position          : relative;
            text-decoration: none;
            padding           : 0.2em 0.5em 0.4em 0.5em;                    
            letter-spacing    : 0.1rem;          
            font-family       : "Roboto", Arial, Helvetica, cursive;
            cursor            : pointer;
            outline           : none;
            color             : rgb(var(--principal));
            font-size         : 0.8rem; 
            margin            : 0.1em 0.8em;

}

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


.boton7:after{
      bottom: 0;
      content: '';
      display: block;
      position: absolute;
      height: 4px;
      width: 0;
      left: 0;     
      animation-name: aprobar;
      animation-duration: 4s;
      animation-iteration-count: infinite;
      width: 50%;      
    }
    
   
 @keyframes aprobar {
   0%  { background-color: rgb(var(--elrojo)); left:0px; bottom: :0px;}
  50%  { background-color: rgb(var(--elrojo)); left:90px; bottom: :0px;}
 100%  { background-color: rgb(var(--elrojo)); left:0px; bottom: :0px;}
}




.boton5 {
            position          : relative;
            padding           : 0.3em 0.5em 0.3em 0.5em;
            border            : none;
            letter-spacing    : 0.1rem;            
            background-color  : transparent;
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            cursor            : pointer;
            outline           : none;
            color             : hsla(115, 33%, 36%, 1);
            font-size         : 20px; 
            margin            : 1.5em 0.8em;
}
 
.boton5:hover {
  z-index: 999;
            color             : white;
             background-color  : transparent;
}


.type5 {
            color             : hsla(115, 33%, 36%, 1);
}

.type5:hover{
            text-decoration   : none;            
            background-color  : hsla(115, 33%, 36%, 1);
            color             : white;
            top               : 0;
            transition        : all 1.8s ease;
            transition-duration: 0.4s;
            transform         : scale(1);           
             -moz-border-radius : 5px 5px 0 0;
        -webkit-border-radius : 5px 5px 0 0;
            border-radius     : 5px 5px 0 0;        
            box-shadow        : 0px 10px 6px rgba(0, 0, 0, .7);       
  }    

.type5:after, 
.type5:before{  
            content           : '';
            display           : block;
            position          : absolute;
            top               : 100%;
            left              : 0;
            width             : 100%;
            height            : 2px;
            background-color  : hsla(115, 33%, 36%, 1);           
            transition        : all 0.8s ease;
            transform         : scale(0.85);   
  }    

.type5:hover:before{
            top               : 0;
            transform         : scale(0.95);                                   
}    

.type5:hover:after{    
            transform         : scale(1);         
            transition        : all 0.8s ease;                  
}    




.type5a:hover:after{    
           transform          : scale(1);     
           content            :  url("../imagenes/visto2.png");
           transition         : all 0.8s ease;  
} 

.type5b:hover:after{    
           transform          : scale(1);     
           content            :  url("../imagenes/equis1.png");
           transition         : all 0.8s ease;  
} 



.boton8 {
            position          : relative;
            padding           : 0.3em 0.5em 0.3em 0.5em;
            border            : none;
            letter-spacing    : 0.1rem;
            background-color  : transparent;
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            cursor            : pointer;
            outline           : none;
            color             : hsla(115, 33%, 36%, 1);
            font-size         : 20px; 
            margin            : 1.5em 0.8em;
}
 
.boton8:hover {
            color             : white;
}


.type8 {
            color             : hsla(0, 100%, 50%, 1);
}

.type8:hover{
            text-decoration   : none;
            /*background-color  : hsla(150, 5%, 65%, 0.5);*/
            background-color  : hsla(0, 100%, 50%, 1);
            color             : white;
            top               : 0;
            transition        : all 1.8s ease;
            transition-duration: 0.4s;
            transform         : scale(1);           
             -moz-border-radius : 5px 5px 0 0;
        -webkit-border-radius : 5px 5px 0 0;
            border-radius     : 5px 5px 0 0;        
            box-shadow        : 0px 10px 6px rgba(0, 0, 0, .7);       
  }    

.type8:after,
.type8:before{  
            content           : '';
            display           : block;
            position          : absolute;
            top               : 100%;
            left              : 0;
            width             : 100%;
            height            : 2px;
            background-color  : hsla(0, 100%, 50%, 1);
            transition        : all 0.8s ease;
            transform         : scale(0.85);
  }    

.type8:hover:before{
            top               : 0;
            transform         : scale(0.95);
         
}    

.type8:hover:after{    
            transform         : scale(1);         
            transition        : all 0.8s ease;  
}    

.type8a:hover:after{    
           transform          : scale(1);     
           content            :  url("../imagenes/equis1.png");
           transition         : all 0.8s ease;  
} 





/* MENEJO DE RADIOS BUTON CON CSS*/

/* El Contendor del radio */
.buton_radio1 {
  display: block;
  position: relative;    
  margin-bottom: 12px;
  padding-left: 35px;
   width             : 18rem;  
  cursor: pointer;
  font-size: 22px;
  text-align        : left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.buton_radio1 input {
  position: absolute;  
  opacity: 0;
  cursor: pointer;
  height            : 1rem;
}

/* Create a custom radio button */
.chequea1 {
  position: absolute;
  top: 0;
  left: 0;   
  height: 25px;
  width: 25px;
  background-color: #3D3935;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.buton_radio1:hover input ~ .chequea1 {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.buton_radio1 input:checked ~ .chequea1 {
  background-color: rgb(70,120,64);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.chequea1:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.buton_radio1 input:checked ~ .chequea1:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.buton_radio1 .chequea1:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


/*#####################################*/
.seccion1 section {
  display: flex;
  flex-flow: row wrap;
   
}

.seccion1 section > div {
  flex: 1;   
  padding: 1rem;   
  padding-top: 0.2rem;    
}



.seccion1 input[type="radio"] {
  display: none;
}
  
.seccion1 input[type="radio"]:not(:disabled) ~ label {
    cursor: pointer;
  }
.seccion1 input[type="radio"]:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
.seccion1 label {
  height: 45%;
  width: 70%;
  display: block;
  background: white;
  border: 5px solid hsla(115, 33%, 36%, 1);
  border-radius: 20px;
  font-size: 14px; 
  padding: 0.5rem 0.3rem 0.1rem 0.3rem;
  margin-bottom: 2rem;  
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}
.seccion1 input[type="radio"]:checked + label {
  background: hsla(115, 33%, 21%, 1);
  color: hsla(215, 0%, 100%, 1);
  box-shadow: 0px 0px 20px hsla(150, 100%, 13%, 0.75);
  
}

.seccion1 label:hover{
   background: hsla(150, 5%, 65%, 0.2);
}
.seccion1 input[type="radio"]:checked + label:after {
    color: hsla(215, 5%, 25%, 1);   
    border: 2px solid hsla(115, 33%, 36%, 1);
    content: url("../imagenes/visto.png");   
    font-size: 4px;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
  }

.seccion1 input[type="radio"]#control_2:checked + label {
  background: red;
  border-color: red;
}
.seccion1 p {
  font-weight: 900;
}
/*#####################################*/

/*#####################################*/
.seccion2 section {
  display: flex;
  flex-flow: row wrap;   
}

.seccion2 section > div {
  flex: 1;   
  padding: 1.5rem;     
   padding-bottom:  0.5rem; 

   

}
.seccion2 input[type="radio"] {
  display: none;
}
  
.seccion2 input[type="radio"]:not(:disabled) ~ label {
    cursor: pointer;
  }
.seccion2 input[type="radio"]:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
.seccion2 label {
  height: 45%;
  width: 80%;
  display: block;
  background: white;
  border: 5px solid hsla(115, 33%, 36%, 1);
  border-radius: 20px;
  font-size: 14px; 
  padding: 1rem;
  margin-bottom: 2rem;  
  text-align: center;  
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}

.seccion2 input[type="radio"]:checked + label {
  background: hsla(115, 33%, 21%, 1);
  color: hsla(215, 0%, 100%, 1);
  box-shadow: 0px 0px 20px hsla(150, 100%, 13%, 0.75);
}

.seccion2 input[type="radio"]:checked + label:after {
    color: hsla(215, 5%, 25%, 1); 
    border: 2px solid hsla(115, 33%, 36%, 1);
    content: url("../imagenes/visto.png");   
    font-size: 4px;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
  }

.seccion2 input[type="radio"]#control_2:checked + label {
  background: red;
  border-color: red;
}
.seccion2 p {
  font-weight: 900;
}


.tooltiptor {
            position          : relative;
            display           : inline-block; 
            transition        : all 0.3s ease-in-out;              
}

.tooltiptor .flotader {
            visibility        : hidden;
            opacity           : .40;
            z-index           : 1;            
            white-space       : wrap;
            background-color  : rgba(255,64,0,0.9);          
            font-weight       : normal;
            color             : #fff;
            text-align        : left;
            border-radius     : 6px;
            padding           : 5px 5px 5px 5px;
            position          : absolute;
            top               : 20%;            
            right             : 100%;
            transform         : translateY(9px);
            transition        : all 0.3s ease-in-out;
}

.tooltiptor .flotader::after {
            content           : "";
            position          : absolute;
            top               : 25%;
            right             : -10px;
            margin-left       : -5px;
            border-width      : 5px;
            border-style      : solid;
            border-color      :  transparent  transparent transparent rgba(255,64,0,0.9); 
}

.tooltiptor:hover .flotader {
            visibility        : visible;
            transform         : translateY(-10px);
            opacity           : 1;
            transition        : .3s linear;
            animation         : rqbit 1s ease-in-out infinite  alternate;
}

.tooltiptor .tooltipder {
            visibility        : hidden;
            opacity           : .40;
            z-index           : 1;
            max-width         : 200px;
            min-width         : 200px;
            white-space       : wrap;
            background-color  : rgba(255,64,0,0.7);
            /*background-color  : rgb(39, 71, 36);*/
            font-weight       : normal;
            color             : #fff;
            text-align        : left;
            border-radius     : 6px;
            padding           : 5px 5px 5px 5px;
            position          : absolute;
            top               : -5%;
            /*left: -225%;
            margin-left: -150%; */
            right             :95%;
            transform         : translateY(9px);
            transition        : all 0.3s ease-in-out;
}

.tooltiptor .tooltipder::after {
            content           : "";
            position          : absolute;
            top               : 10%;
            right             : -10px;
            margin-left       : -5px;
            border-width      : 5px;
            border-style      : solid;
            border-color      :  transparent  transparent transparent rgba(255,64,0,0.7); 
}

.tooltiptor:hover .tooltipder {
            visibility        : visible;
            transform         : translateY(-10px);
            opacity           : 1;
            transition        : .3s linear;
            animation         : rqbit 1s ease-in-out infinite  alternate;
}

.tooltiptor .tooltipizq {
            visibility        : hidden;
            opacity           : .40;
            z-index           : 1;
            max-width         : 200px;
            min-width         : 200px;
            white-space       : wrap;
            background-color  : rgba(255,64,0,0.7);
            font-weight       : normal;
            color             : #fff;
            text-align        : left;
            border-radius     : 6px;
            padding           : 5px 5px 5px 5px;
            position          : absolute;
            top               : -5%;
            /*left: -225%;
            margin-left: -150%; */
            left             :95%;
            transform         : translateY(9px);
            transition        : all 0.3s ease-in-out;           
}

.tooltiptor .tooltipizq::after {
            content           : "";
            position          : absolute;
            top               : 15%;
            left              : -5px;
            margin-left       : -5px;
            border-width      : 5px;
            border-style      : solid;
            border-color      :  transparent  rgba(255,64,0,0.7) transparent transparent ; 
}

.tooltiptor:hover .tooltipizq {
            visibility        : visible;
            transform         : translateY(-10px);
            opacity           : 1;
            transition        : .3s linear;
            animation         : rqbit 1s ease-in-out infinite  alternate;
}




@keyframes rqbit {
  0%{
    transform: translateY(6px); 
  }

  100%{
    transform: translateY(1px); 
  }

}

.top:hover {transform: translateY(-6px);  }
















/*#####################################*/

.contenedor_tabla {
            display           : table;         
            width             : 30rem;
            text-align        : center;
            padding           : 5px;  
            margin            : 5px auto;
}

.filas_tabla{
            display           : table-row; 
          }
            

.columna_tabla{
            display           : table-cell;   
            vertical-align    : middle;
            padding           : 10px;     
            margin            : 10px;     
            font-family       : "Roboto", Arial, Helvetica, cursive;
            font-size         : 1.2rem;
            border            : 1px solid #C0C0C0;
}

/* ################################################################ */

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

#label_sts1{
        font:Verdana, Geneva, sans-serif;
        font-weight:bold;
        font-size: 22px;
        text-shadow: 2px 2px 2px #000;
        width:100px;
        height:25px;
        padding:5px 5px 5px 5px;
        }

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

.tooltipdeta .tooltiptext2 {
             visibility               : hidden;
             width                    : 200px;
             font-family       : "Roboto", Arial, Helvetica, cursive;
             font-size: 11px;
             font-weight:bold;
             background-color         : rgb(254,85,0);
             color                    : #fff;
             text-align               : center;
             border-radius            : 6px;
             padding                  : 5px 0;
             position                 : absolute;
             z-index                  : 1;
             top                      : 152%;
             left                     : 50%;
             margin-left              : -100px;
}

.tooltipdeta .tooltiptext2::after {
             content                  : "";
             position                 : absolute;
             bottom                   : 100%; 
             left                     : 50%;
             margin-left              : -5px;
             border-width             : 5px;
             border-style             : solid;
             border-color             : transparent transparent rgb(254,85,0) transparent;
}

.tooltipdeta:hover .tooltiptext2 {
             visibility               : visible;
}





/*  CSS PARA OLVIDO CLAVE */

Tr.cambio:nth-child(odd) {
    background-color:#f2f2f2;
    
}

Tr.cambio:nth-child(even) {
    background-color:#d7d7d7;
}


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

Tr.cambio:hover {
   background-color : rgb(200,216,205);
   cursor           : pointer;
   color            : rgb(0,0,0);
}

TD.lista_cambio {
             vertical-align           : center;
             background               : transparent;
             font-family              : "Roboto", Arial, Helvetica, cursive; 
             font-weight              : normal;                       
             font-size                : 100%;
             border-width             : 1px;             
             padding-left             : 3px;
             white-space              : nowrap;
}



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;
}

A.linea_grilla   {
             min-width                : 100%;
             display                  : inline-block;
             text-decoration          : none;
             color                    : rgb(8,34,17);                          
}


A.linea_grilla:hover {
             color                    : rgb(53,33,13);
}

#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(11, 200, 108);
	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(39,71,36);
              font-size    : 16px;
              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(39,71,36);
              font-size    : 24px;
              text-shadow  : 2px 2px 2px #C4C4C4;
              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-verde1 {
              text-transform : capitalize;
              color          :  rgb(39,71,36);
              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;
            }

#shadow-alerta {
              color:  rgb(255,0,0);
              font-size: 12px;
              border-width: 2px;
              text-shadow: 2px 2px 2px #D8D8D8;
                  font-weight:          bold;
              text-align: left;
            }
                
TD.header1     { 
                  color:                rgb(255,255,255);
                  background-color:     rgb(70,129,64);
                  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.header2     { 
                  color:                rgb(255,255,255);
                  background-color:     rgb(39,71,36);
                  text-align:           center;
                  font-weight:          bold;
                  font-size:            12px;
                  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.lineas2{ 
                  vertical-align:       center;
                  background-color:     rgb(250,250,250);
                  font-family              : "Roboto", Arial, Helvetica;
                  border:               rgb(192,192,192) 1px solid;
                  font-size:14px;
                   padding: 8px;
                  white-space:nowrap;
                }
                
TD.lineasLIS { 
                  vertical-align:       center;
                  background-color:     rgb(250,250,250);
                  font-family:          Verdana, Arial, Helvetica, sans-serif;
                  border:               rgb(228,228,228) 1px solid;
                  font-size:11px;
                  white-space:nowrap;
                }
                
                
TD.lineas-rj{ 
                  vertical-align  : center;
                  color           : rgb(252,57,82);
                  font-family     : Verdana, Arial, Helvetica, sans-serif;
                  border          : rgb(252,57,92) 1px solid;
                  font-size       : 11px;
                }
                
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;
                }


TD.traspa {
             text-shadow              : 1px 1px 1px #D8D8D8;
             color                    : rgb(39,71,36);
             width                    : 525px;
             position                 : relative;
             margin                   : 5% auto;
             padding                  : 5px 5px 5px 5px;
             border                   : solid 1px #274724;
             border-radius            : 10px;
             background               : transparent;

}                


#letra-foto {
              color       : rgb(70,127,64);
              font-weight : bold;
              text-align  : center;
              font-size   : 11px;
            }

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

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

#letra-verde {
              color:     rgb(31,117,2);
              text-align: left;
            }

#letra-roja {
              color:     rgb(213,0,0);
              text-align: left;
            }

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


#marco_img {
                 border     :rgb(39,71,36) 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;
}


#shadow-titulo {
              color:  rgb(39,71,36);
              font-size: 20px;
              border-width: 2px;
              text-shadow: 2px 2px 2px #D8D8D8;
               font-family      : "Ubuntu", Arial, Helvetica;
                  font-weight:          bold;
              text-align: left;
            }

#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(39,71,36);
             background    : rgb(211,231,210);
             border        : 1px solid rgb(11,97,94);
             font-weight   : bold;
}

#text_efec2 {
             /*text-transform   : uppercase;
             color            : rgb(39,71,36);
             background-color : rgb(213,245,200);
             border           : 1px solid rgb(39,71,36);
             padding          : 1px 6px 1px 6px;*/
             font-size                : 14px;
             display                  : inline-block;
             color                    : rgb(56,65,55);
             padding                  : 3px ;
             position                 : relative;
             /*margin                   : 2% auto;*/
             border-radius            : 3px;
             border                   : solid 1px rgb(var(--principal));
             background               : transparent;
             font-family              : "Roboto", Arial, Helvetica;
            }

#text_efec2 select:focus 
{
             text-transform: uppercase;
             color: #FFF;
             border: 1px solid rgb(39,71,36);
             background-color: rgb(39,71,36);
}



#text_efec2:hover
{
             text-transform: uppercase;
             color: rgb(0,0,0);
             border: 1px solid rgb(39,71,36);
             background-color: rgb(179,206,177);
}

#text_efec2:disabled 
{
             text-transform: uppercase;
             color         : rgb(39,71,36);
             background    : rgb(167,178,189);
             font-weight   : bold;
}

#text_efec2:read-only
{
             text-transform: uppercase;
             color         : rgb(39,71,36);
             background    : rgb(167,178,189);
             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             : 20px;
                  font-family      : Verdana, Arial, Helvetica;
                  font-weight      : bold;
                  color            : rgb(255,255,255);
                  background-color : rgb(70,120,64);
                  cursor           : pointer;
                  height           : 20px;
                  text-shadow      : 0px -1px 0px #333333;
                  border           : solid 1px #325C2F;
                  top       : -60px; 
                  padding : -20;
        -moz-border-radius         : 3px 3px 3px 3px;
     -webkit-border-radius         : 3px 3px 3px 3px;
             border-radius         : 3px 3px 3px 3px;
             }


.boton_verde:hover {
                  background-color : rgb(39,71,36);
                  border           : 1px solid rgb(39,71,36);
                  color            : #FFF;
                  text-decoration  : none;
}

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


.boton_vd2 {
                  font             : 10px;
                  font-family      : Verdana, Arial, Helvetica;
                  font-weight      : bold;
                  color            : rgb(255,255,255);
                  background-color : rgb(31,117,2);
                  cursor           : pointer;
                  height           : 20px;
                  /*text-shadow      : 0px -1px 0px #333333;*/
                  border           : 1px solid rgb(31,117,2);
                  padding          : 1px 5px 1px 5px;
                  text-decoration  : none;
             }


.boton_vd2:hover {
                  background-color : rgba(255,255,255,.8);
                  border           : 1px solid rgba(31,117,2);
                  color            : rgb(31,117,2);
                  text-decoration  : none;
}

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


.boton_rojo {
                  font             : 10px;
                  font-family      : Verdana, Arial, Helvetica;
                  font-weight      : bold;
                  color            : rgb(255,255,255);
                  background-color : rgb(213,0,0);
                  cursor           : pointer;
                  height           : 20px;
                  /*text-shadow      : 0px -1px 0px #333333;*/
                  border           : 1px solid rgb(213,0,0);
                  padding          : 1px 5px 1px 5px;
                  text-decoration  : none;
             }


.boton_rojo:hover {
                  background-color : rgba(255,255,255,.8);
                  border           : 1px solid rgba(213,0,0);
                  color            : rgb(213,0,0);
                  text-decoration  : none;
}

.boton_rojo: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;
}




/*  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(39,71,36);
                  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 #7EB87B;
                  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: #274724;
                      top: -52px;
                      left:-56px;
                      background:#7EB87B;
                      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;
}

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

.tooltipayu .tooltiptext {
             visibility               : hidden;
             width                    : 200px;             
             background-color         : rgba(255,64,0,0.7);
             color                    : #fff;
             text-align               : center;
             border-radius            : 6px;
             padding                  : 5px 5px 5px 5px;
             position                 : absolute;
             z-index                  : 1;
             top                      : -5px;
             left                     : 103%;
             word-break: break-all;
}

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


/* #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{
        font:Verdana, Geneva, sans-serif;
        font-size:14px;
        font-weight:bold;
        width:100px;
        height:25px;
        padding:5px 5px 5px 5px;
        color:#000;
        }

.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;
        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);
}



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

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

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




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


.black {
        color: #d7d7d7;
        border: solid 1px #333;
        background: #333;
        background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
        background: -moz-linear-gradient(top,  #666,  #000);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

.black:hover {
        background: #000;
        background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
        background: -moz-linear-gradient(top,  #444,  #000);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
        color: #666;
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
        background: -moz-linear-gradient(top,  #000,  #444);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}


/* 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_titulo{
        width:60%;
        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: 10px 10px 10px 10px;
        margin:auto;
        float:!important;
        font:Verdana, Geneva, sans-serif;
	font-weight:bold;
        font-size:16px;
        color:#FFF;
                }

#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.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:                   red;
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                 }


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;
                 }



#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 {

  width  : 374px;
  padding: 10px 40px;
  }



  .etiqueta #Texto, 
  .etiqueta #Passwd {

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

  .etiqueta input[type=submit],
  .etiqueta input[type=text],
  .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=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=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                   : solid 1px #274724;
  -moz-border-radius       : 3px 3px 3px 3px;
  -webkit-border-radius    : 3px 3px 3px 3px;td
  border-radius            : 3px 3px 3px 3px;
  color           : #fff;
  text-shadow     : 0 1px rgba(0,0,0,0.1);
  background-color: #274724;
  background-image: -webkit-linear-gradient(top,#274724,#467F40);
  background-image: -moz-linear-gradient(top,#274724,#467F40);
  background-image: -ms-linear-gradient(top,#274724,#467F40);
  background-image: -o-linear-gradient(top,#274724,#467F40);
  background-image: linear-gradient(top,#274724,#467F40);

  }


  .etiqueta #singin:hover {
  border          : 1px solid #467F40;
  cursor          : pointer;
  color           : #fff;
  text-shadow     : 0 1px rgba(0,0,0,0.3);
  background-color: #274724;
  background-image: -webkit-linear-gradient(top,#467F40,#274724);
  background-image: -moz-linear-gradient(top,#467F40,#274724);
  background-image: -ms-linear-gradient(top,#467F40,#274724);
  background-image: -o-linear-gradient(top,#467F40,#274724);
  background-image: linear-gradient(top,#467F40,#274724);

  }



.alerta-bad { 
  font-size       : 13px;  
  color           : rgb(254,0,0);
  text-shadow     : 0 1px rgba(0,0,0,0.1);
  padding         : 5px 5px 5px 5px; 
}


 .alerta-good {
 
  font-size       : 13px;
  border          : 1px solid #0B610B;
  color           : #fff;
  text-shadow     : 0 1px rgba(0,0,0,0.1);
  padding         : 10px 10px 10px 10px;
  background-color: #467F40;
  background-image: -webkit-linear-gradient(top,#467F40,#04B404);
  background-image: -moz-linear-gradient(top,#467F40,#04B404);
  background-image: -ms-linear-gradient(top,#467F40,#04B404);
  background-image: -o-linear-gradient(top,#467F40,#04B404);
  background-image: linear-gradient(top,#467F40,#04B404);

  }



/* CONFIGURACION PARA PANTALLA EMERGENTE MODAL */
.modalDialog {
                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;
        }


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


        .modalDialog > div {
                width: 525px;
                position: relative;
                margin: 5% auto;
                padding: 5px 20px 23px 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: #274724; }





/* 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: #274724; }


/* 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(39,71,36,0.25),rgba(39,71,36,1)); /*Safari 5.1-6*/
                   background    : -o-linear-gradient(left,rgba(39,71,36,0.25),rgba(39,71,36,1)); /*Opera 11.1-12*/
                   background    : -moz-linear-gradient(left,rgba(39,71,36,0.25),rgba(39,71,36,1)); /*Fx 3.6-15*/
                   background    : linear-gradient(to left, rgba(39,71,36,0.25), rgba(39,71,36,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(39,71,36,0.25),rgba(39,71,36,1)); /*Safari 5.1-6*/
                   background    : -o-linear-gradient(left,rgba(39,71,36,0.25),rgba(39,71,36,1)); /*Opera 11.1-12*/
                   background    : -moz-linear-gradient(left,rgba(39,71,36,0.25),rgba(39,71,36,1)); /*Fx 3.6-15*/
                   background    : linear-gradient(to left, rgba(39,71,36,0.25), rgba(39,71,36,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(39,71,36,0.25),rgba(39,71,36,1)); /*Safari 5.1-6*/
                   background    : -o-linear-gradient(left,rgba(39,71,36,0.25),rgba(39,71,36,1)); /*Opera 11.1-12*/
                   background    : -moz-linear-gradient(left,rgba(39,71,36,0.25),rgba(39,71,36,1)); /*Fx 3.6-15*/
                   background    : linear-gradient(to left, rgba(39,71,36,0.25), rgba(39,71,36,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(39,71,36,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(39,71,36,0.7);
                   height        : 100px;
                   border-width  : 1px;
                   border-right-style  : solid;
                   border-right-color: rgb(101,135,166);
}


.titulo-deta{
                   color         : #A4A4A4;
                   font-size     : 0.86em;
                   text-align    :  center;
                   text-transform: uppercase;
}

.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;
}

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



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

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

.grande {
             cursor                   : pointer;
             font-size                : 16px;
             height                   : 40px;
             width                    : 200px;
             font-family              : Verdana, Helvetica;
             padding                  : .2em .5em .42em;
}


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

.verde {
             color                    : rgb(255,255,255);
             border                   : solid 1px #325C2F;
             background               : -webkit-gradient(linear, left top, left bottom, from(#274724), to(#467F40));
             background               : -moz-linear-gradient(top,  #274724,  #467F40);
        -moz-border-radius            : 3px 3px 3px 3px;
     -webkit-border-radius            : 3px 3px 3px 3px;
             border-radius            : 3px 3px 3px 3px;
}

.verde:hover {
             border                   : solid 1px #325C2F;
        -moz-border-radius            : 3px 3px 3px 3px;
     -webkit-border-radius            : 3px 3px 3px 3px;
             border-radius            : 3px 3px 3px 3px;
             background               : -webkit-gradient(linear, left top, left bottom, from(#325C2F), to(#0F1C0E));
             background               : -moz-linear-gradient(top,  #325C2F,  #0F1C0E);
             filter                   :  progid:DXImageTransform.Microsoft.gradient(startColorstr='#325C2F', endColorstr='#0F1C0E');
}

.verde:active {
             color                    : #FFFFFF;
             background               : -webkit-gradient(linear, left top, left bottom, from(#325C2F), to(#0F1C0E));
             background               : -moz-linear-gradient(top,  #325C2F,  #0F1C0E);
             filter                   :  progid:DXImageTransform.Microsoft.gradient(startColorstr='#325C2F', endColorstr='#0F1C0E');
}


.rojo {
             color                    : rgb(255,255,255);
             border                   : solid 1px #B33C31;
             background               : transparent;
        -moz-border-radius            : 3px 3px 3px 3px;
     -webkit-border-radius            : 3px 3px 3px 3px;
             border-radius            : 3px 3px 3px 3px;
             background               : -webkit-gradient(linear, left top, left bottom, from(#B33C31), to(#DB4437));
             background               : -moz-linear-gradient(top,  #B33C31,  #DB4437);
             filter                   :  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B33C31', endColorstr='#DB4437');
}

.rojo:hover {
             border                   : solid 1px #B33C31;
        -moz-border-radius            : 3px 3px 3px 3px;
     -webkit-border-radius            : 3px 3px 3px 3px;td
             border-radius            : 3px 3px 3px 3px;
             background               : -webkit-gradient(linear, left top, left bottom, from(#DB4437), to(#B33C31));
             background               : -moz-linear-gradient(top,  #DB4437,  #B33C31);
             filter                   :  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB4437', endColorstr='#B33C31');
}

.rojo:active {
             color                    : #FFFFFF;
             background               : -webkit-gradient(linear, left top, left bottom, from(#DB4437), to(#B33C31));
             background               : -moz-linear-gradient(top,  #DB4437,  #B33C31);
             filter                   :  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB4437', endColorstr='#B33C31');
}