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

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

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

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

/* CSS DE SOLICITUDES EN LINEA */

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

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

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

#shadow-mensaje {
        color                 : rgb(43,58,142);
        font-size             : 20px;
        border-width          : 2px;
        text-shadow           : 1px 1px 1px #D8D8D8;
        font-weight           : bold;
        text-align            : center;
     }
                
TD.header2     { 
        color                 : rgb(255,255,255);
        background-color      : rgb(19,102,133);
        text-align            : center;
        font-weight           : bold;
        font-size             : 12px;
        font-style            : normal;
        font-family           : Verdana, Arial, Helvetica, sans-serif;
        -moz-border-radius    : 5px 5px 0px 0px;
        -webkit-border-radius : 5px 5px 0px 0px;
        border-radius         : 5px 5px 0px 0px;
        padding-left          : 3px;
        padding-right         : 3px;
        padding-top           : 3px;
        padding-bottom        : 3px;
       }
                
TD.header_lista     { 
        color                 : rgb(255,255,255);
        background-color      : rgb(20,129,150);
        text-align            : center;
        font-weight           : bold;
        font-size             : 12px;
        font-style            : normal;
        font-family           : Verdana, Arial, Helvetica, sans-serif;
        -moz-border-radius    : 5px 5px 0px 0px;
        -webkit-border-radius : 5px 5px 0px 0px;
        border-radius         : 5px 5px 0px 0px;
        padding-left          : 3px;
        padding-right         : 3px;
        padding-top           : 3px;
        padding-bottom        : 3px;
       }
                
TD.lineas-cuadro{ 
        vertical-align        : center;
        background-color      : rgb(217,217,217);
        font-family           : Verdana, Arial, Helvetica, sans-serif;
        border                : rgb(19,102,133) 1px solid;
        font-size             : 12px;
        white-space           : nowrap;
        width                 : 525px;
        position              : relative;
        margin                : 5% auto;
        padding               : 5px 20px 13px 20px;
        border-radius         : 0px 0px 10px 10px;
        background            : #fff;
        background            : -moz-linear-gradient(#fff, #999);
        background            : -webkit-linear-gradient(#fff, #999);
        background            : -o-linear-gradient(#fff, #999);
     }
                
TD.lineasLIS { 
        vertical-align        : center;
        background-color      : rgb(250,250,250);
        font-family           : Verdana, Arial, Helvetica, sans-serif;
        border                : rgb(215,215,215) 1px solid;
        font-size             : 11px;
        white-space           : nowrap;
                }

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

.purple:hover {
        background: #ffffff;
        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');
}
.purple: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');
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


#text_registro {
                  color            : rgb(0,69,134);
                  background-color : rgb(236,233,216);
                  font-size        : 18px;
           	  line-height      : 25px;
                  border           : 1px solid rgb(213,213,213);
             -moz-border-radius    : 5px;
          -webkit-border-radius    : 5px;
                  border-radius    : 5px;
                  padding          : 1px 6px 1px 6px;
            }

input.text_registro 
{
                  color            : #000;
                  background-color : rgb(0,0,0);
                  border           : 1px solid rgb(20,150,149);
}


#text_registro:focus 
{
                  color            : #2864ae;
                  border           : 1px solid rgb(40,100,174);
}

#text_registro:active 
{
                  color            : rgb(0,69,134);
                  background-color : rgb(236,233,216);
                  border           : 1px solid rgb(20,150,149);
}

#text_registro:visited 
{
                  text-transform   : uppercase;
                  color            : rgb(0,69,134);
                  border           : 1px solid rgb(20,150,149);
                  font-weight      : bold;
}

input[type=email] 
{
                  color            : rgb(0,69,134);
                  background-color : rgb(236,233,216);
                  font-size        : 18px;
           	  line-height      : 25px;
                  border           : 1px solid rgb(213,213,213);
             -moz-border-radius    : 5px;
          -webkit-border-radius    : 5px;
                  border-radius    : 5px;
                  padding          : 1px 6px 1px 6px;
}


input[type=email]:focus 
{
                  color            : #2864ae;
                  border           : 1px solid rgb(40,100,174);
}

input[type=email]:active 
{
                  color            : rgb(0,69,134);
                  background-color : rgb(236,233,216);
                  border           : 1px solid rgb(20,150,149);
}
                
TD.verdests3 { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  background-color : rgb(49,180,4);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(228,228,228) 1px solid;
                  font-size        : 11px;
                  white-space      : nowrap;
                }
                
TD.rojosts3 { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  background-color : rgb(223,1,1);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(228,228,228) 1px solid;
                  font-size        : 11px;
                  white-space      : nowrap;
                }
                
TD.naranjasts3 { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  background-color : rgb(239,108,0);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(228,228,228) 1px solid;
                  font-size        : 11px;
                  white-space      : nowrap;
                }
                
TD.info_cliente { 
                  vertical-align   : top;
                  color            : rgb(43,58,142);
                  background-color : rgb(245,246,255);
                  width            : 200px;
                  height           : 50px;
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(43,58,142) 2px solid;
                  font-size        : 14px;
             -moz-border-radius    : 5px;
          -webkit-border-radius    : 5px;
                  border-radius    : 5px;
             -moz-box-shadow       : -5px 5px 5px #b9b9b9;
          -webkit-box-shadow       : -5px 5px 5px #b9b9b9;
                  box-shadow       : -5px 5px 5px #b9b9b9;
                  white-space      : nowrap;
                }
                
.chat_cliente { 
                  vertical-align   : center;
                  color            : rgb(211,90,2);
                  #color            : rgb(204,114,3);
                  width            : 550px;
                  background-color : rgb(255,253,249);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(234,131,36) 1px solid;
                  font-size        : 12px;
             -moz-border-radius    : 15px 15px 0px 15px;
          -webkit-border-radius    : 15px 15px 0px 15px;
                  border-radius    : 15px 15px 0px 15px;
             -moz-box-shadow       : -5px 5px 5px #b9b9b9;
          -webkit-box-shadow       : -5px 5px 5px #b9b9b9;
                  box-shadow       : -5px 5px 5px #b9b9b9;
                  margin           : 1px auto 30px auto;
                  padding          : 15px 15px 15px 15px;
                  position         : relative;
                }
                
.chat_empleado { 
                  vertical-align   : center;
                  color            : rgb(20,150,149);
                  width            : 550px;
                  background-color : rgb(252,255,255);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(20,150,149) 1px solid;
                  font-size        : 12px;
             -moz-border-radius    : 5px 5px 0px 5px;
          -webkit-border-radius    : 5px 5px 0px 5px;
                  border-radius    : 5px 5px 0px 5px;
             -moz-box-shadow       : -5px 5px 5px #b9b9b9;
          -webkit-box-shadow       : -5px 5px 5px #b9b9b9;
                  box-shadow       : -5px 5px 5px #b9b9b9;
                  margin           : 1px auto 30px auto;
                  padding          : 15px 15px 15px 15px;
                }
                
.menu_solicitud { 
                  vertical-align   : center;
                  color            : rgb(43,58,142);
                  width            : 350px;
                  background-color : rgb(228,236,238);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(20,129,150) 2px solid;
                  font-size        : 11px;
             -moz-border-radius    : 5px;
          -webkit-border-radius    : 5px;
                  border-radius    : 5px;
             -moz-box-shadow       : 4px 4px 4px #848484;
          -webkit-box-shadow       : 4px 4px 4px #848484;
                  box-shadow       : 4px 4px 4px #848484;
                  margin           : 2px auto 5px 5px;
                  padding          : 10px 10px 10px 10px;
                  position         : relative;
                  cursor                   : pointer;
                }
                
.menu_titulo { 
                  vertical-align   : center;
                  color            : rgb(43,58,142);
                  width            : 369px;
                  background-color : rgb(19,102,133);/*20,129,150*/
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(19,102,133) 2px solid;
                  font-size        : 11px;
             -moz-border-radius    : 5px 5px 0px 0px;
          -webkit-border-radius    : 5px 5px 0px 0px;
                  border-radius    : 5px 5px 0px 0px;
             -moz-box-shadow       : 0px 3px 3px #848484;
          -webkit-box-shadow       : 0px 3px 3px #848484;
                  box-shadow       : 0px 3px 3px #848484;
                  margin           : -12px 0px 0px -12px;
                  position         : relative;
                }
                
.adjunto_cli { 
                  vertical-align   : center;
                  color            : rgb(255,253,249);
                  width            : 275px;                  
                  background-color : rgba(211,90,2,0.7);
                  #background-color : rgba(234,131,36,0.7);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(234,131,36) 0px solid;
                  font-size        : 11px;
             -moz-border-radius    : 0px 0px 5px 35px;
          -webkit-border-radius    : 0px 0px 5px 35px;
                  border-radius    : 0px 0px 5px 35px;
             -moz-box-shadow       : 0px 4px 4px #b9b9b9;
          -webkit-box-shadow       : 0px 4px 4px #b9b9b9;
                  box-shadow       : 0px 4px 4px #b9b9b9;
                  margin           : 16px 0px 0px 289px;
                  padding          : 0px 2px 0px 0px;
                  position         : absolute;
                }
                
.adjunto_emp { 
                  vertical-align   : center;
                  color            : rgb(252,255,255);
                  width            : 275px;
                  background-color : rgba(20,150,149,0.7);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(234,131,36) 0px solid;
                  font-size        : 11px;
             -moz-border-radius    : 0px 0px 5px 35px;
          -webkit-border-radius    : 0px 0px 5px 35px;
                  border-radius    : 0px 0px 5px 35px;
             -moz-box-shadow       : 0px 4px 4px #b9b9b9;
          -webkit-box-shadow       : 0px 4px 4px #b9b9b9;
                  box-shadow       : 0px 4px 4px #b9b9b9;
                  margin           : 16px 0px 0px 289px;
                  padding          : 0px 2px 0px 0px;
                  position         : absolute;
                }
                
                
.soli_titulo { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  background-color : rgb(43,58,142);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(43,58,142) 2px solid;
                  font-size        : 16px;
             -moz-border-radius    : 5px 5px 0px 0px;
          -webkit-border-radius    : 5px 5px 0px 0px;
                  border-radius    : 5px 5px 0px 0px;
             -moz-box-shadow       : 0px 3px 3px #848484;
          -webkit-box-shadow       : 0px 3px 3px #848484;
                  box-shadow       : 0px 3px 3px #848484;
                  margin           : -5px -5px 0px -5px;
                  padding          : 8px 8px 8px 8px;
                  position         : relative;
                }
                
.dias_proceso { 
                  vertical-align   : center;
                  color            : rgb(255,255,255);
                  width            : 45px;
                  background-color : rgb(19,102,133);/*20,129,150*/
                  font-family      : Verdana, Helvetica;
                  border           : rgb(19,102,133) 1px solid;
                  font-size        : 9px;
                  font-weight      : bold;
                  line-height      : 1.3;
                  text-align       : center;
             -moz-border-radius    : 5px 5px 0px 0px;
          -webkit-border-radius    : 5px 5px 0px 0px;
                  border-radius    : 5px 5px 0px 0px;
             -moz-box-shadow       : 3px 3px 3px #848484;
          -webkit-box-shadow       : 3px 3px 3px #848484;
                  box-shadow       : 0px 3px 3px #848484;
                  margin           : 35px 0px 0px 310px;
                  position         : absolute;
                  padding          : 0px 0px 2px 0px;
                  white-space      : wrap;
                }
                
.menu_principal { 
                  color            : rgb(255,255,255);
                  width            : 300px;
                  background-color : rgb(20,129,150);
                  font-family      : Verdana, Arial, Helvetica, sans-serif;
                  border           : rgb(20,129,150) 2px solid;
                  font-size        : 30px;
             -moz-border-radius    : 5px 5px 0px 0px;
          -webkit-border-radius    : 5px 5px 0px 0px;
                  border-radius    : 5px 5px 0px 0px;
             -moz-box-shadow       : 3px 3px 3px #848484;
          -webkit-box-shadow       : 3px 3px 3px #848484;
                  box-shadow       : 0px 3px 3px #848484;
                  margin           : 150px 5px 5px 0px;
                  padding          : 10px 10px 10px 10px;
                  position         : relative;
                }

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

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

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

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

.label_campo{
                  font             : Verdana, Geneva, sans-serif;
                  font-size        : 12px;
                  font-weight      : bold;
                  width            : 100px;
                  color            : #2b3a8e;
        }

.label_valorcampo{
                  font             : Verdana, Geneva, sans-serif;
                  font-size        : 12px;
                  font-weight      : bold;
                  width            : 100px;
                  color            : #149695;
        }

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

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

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

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

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

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

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

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

.shadow_menuagua {
                  color            : rgb(19,102,133);
                  font-size        : 11px;
                  text-shadow      : 2px 2px 2px #D5D5D5;
                  margin           : 1px 1px 1px 1px;
                  font-weight      : bold;
                  text-align       : center;
            }

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

#shadow-alerta {
                  color            : rgb(255,0,0);
                  font-size        : 12px;
                  border-width     : 2px;
                  text-shadow      : 1px 1px 1px #B9B9b9;
                  font-weight      : bold;
                  text-align       : left;
            }

img.esquina {
                  position         : relative;
}



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

                }


A.enlace_menu:hover {
                  color            : rgb(0,128,192);
                  font-family      : arial;
                  font-size        : 12px;
                  letter-spacing   : 0.2px;
                 }



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

.letra_peq {
                   
                  font-size        : 0.8em;
}

.msg2 {
       width: 582px;
       font-size        : 11px;
       background-color: rgba(132,27,5,0.2); 
       color: #4B0D00;
       border-radius: 6px;
       padding: 1px 8px;
       line-height: 11px;
       margin-top : -7px;      
}

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

.tool2 .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #2b3a8e;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-size        : 8px;
    padding: 3px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -75px;
}

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







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







/*  CSS PARA OLVIDO CLAVE */



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

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


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

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

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

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

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


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


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

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


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

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

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

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


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

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

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

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

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

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

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


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

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

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


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

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

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




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


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

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

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


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

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

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


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

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

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


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


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




/*  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(0,128,192);
                  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 #585858;
                  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: #ffff00;
                      top: -52px;
                      left:-56px;
                      background:#585858;
                      padding:5px 15px;
                      -webkit-border-radius: 10px;
                      -moz-border-radius:10px;
                      border-radius:10px;
                      white-space:nowrap;
                      display:none;
                     }

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



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

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


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

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

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

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



/*    FIN DE CSS TOOTTIP PARA ENLACES*/ 

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

select:disabled{
  color:#ECC654;
}

.tooltip {
	position: relative;
}

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



.tooltip2 {
	position: relative;
}

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



.tooltip_ban {
	position    : relative;
    }

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


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













/* HTML 5 */


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



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

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

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

}

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

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

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




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



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

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

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

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

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

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

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


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


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

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

  	
	}



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


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

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


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

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


A.enlace3:hover {
                  text-decoration:         underline;
                  color:                   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;
                 }

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


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




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

}

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

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

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

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


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

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



 .etiqueta {

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



  .etiqueta #Texto, 
  .etiqueta #Passwd {

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

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

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

  }

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

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

  }

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

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

  }

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

  border: 1px solid #dd4b39;

  }


  .etiqueta #singin {

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

  }


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

  }



 .TarjetaGris {

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



  .TarjetaGris #Texto, 
  .TarjetaGris #Passwd {

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

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

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

  }

  .TarjetaGris input[type=password]:hover {

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

  }

  .TarjetaGris input[type=password]:focus {

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

  }

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

  border: 1px solid #dd4b39;

  }


  .TarjetaGris #singin {

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

  }


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

  }

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


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



/* CONFIGURACION PARA PANTALLA EMERGENTE MODAL */
.modalDialog {
                position: fixed;
                font-family: 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 13px 20px;
                border-radius: 10px;
                background: #fff;
                background: -moz-linear-gradient(#fff, #999);
                background: -webkit-linear-gradient(#fff, #999);
                background: -o-linear-gradient(#fff, #999);
        }


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


        .close:hover { background: #004586; }


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


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


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


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


        .close2:hover { background: #004586; }



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

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


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

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


        .close:hover { background: #004586; }


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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

}


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

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

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


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


.titulo-deta{
                   color         : #A4A4A4;
                   font-size     : 0.86em;$q->start_div({ -class => 'label-campo-largo'}),                   
          $q->input({ -name     => 'v_fecha_desde',
                      -id       => 'text_registro',
                      -required => 'required',
                      -title    => 'Escriba fecha a consultar Ejm. 18/04/1970',
                      -type     => 'date'},
          ),
        $q->end_div,  
      $q->end_div, 
      $q->p,
      $q->start_div({ -class => 'conten-grupo-campos'}),   
        $q->start_div({ -class => 'conten-label'}),  
           $q->label(
                      {
                        -class => 'label_campo',
                      },   
                        'Hasta ',   
                    ),    

        $q->end_div,  
      $q->start_div({ -class => 'label-campo-largo'}),   
        $q->input({ -name     => 'v_fecha_hasta',
                    -id       => 'text_registro',
                    -required => 'required',
                    -title    => 'Escriba fecha a consultar Ejm. 18/04/1970',
                    -type     => 'date'},
        ),
        $q->end_div,  
      $q->end_div, 
                   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;
}

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

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

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



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

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

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

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

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

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

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


/*CONTENEDOR PADRE PARA FORMULARIOS DE DATOS*/

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

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

.conten-label {
            display           : flex;
            flex-direction    : column;
            min-width         : 10rem;
            margin-right      : 1rem;
            line-height       : 1.5rem;         
          
            /*border            : 1px solid green;*/
}

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

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

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

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

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

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

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

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

.contenedor-2 {
                display               : flex;
                flex-direction        : column;
                width                 : 90%;   
                text-align            : center;
                align-items           : center;

                  
}

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

.label_campo{
                 display               : flex;
                font-size              : 1.1rem;
                padding                : 5px 10px;
                min-width              : 10rem;
                max-width              : 10rem;
                color                  : #0B3D50;
                
}

.manipuladatos {
             display                  : inline-block;
             text-align               : left;
             padding                  : 10px 10px;
             line-height              : 2rem;
             position                 : relative;            
             border-radius            : 4px;
             border                   : solid 1px rgba(158,172,185,0.8);
             background               : transparent;            
             font-family              : "Roboto", Verdana, Arial, Helvetica;
}

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


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


.manipuladatos input[type=text]:hover, 
.manipuladatos input[type=date]:hover, 
.manipuladatos textarea:hover, 
.manipuladatos select:hover,
.manipuladatos input[type=email]:hover,
.manipuladatos input[type=password]:hover,  
.manipuladatos input[type=number]:hover {
             border                   : 0;        
             border-bottom    conten_radio        : 1px dotted #064267;
             /*border                   : 2px solid DeepSkyBlue;
             border-top               : 2px solid DeepSkyBlue;
        -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);*/
}

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

  }



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

}

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

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

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

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


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

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

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


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

.conten_radio  label:hover {
            cursor                          : pointer;  
}

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


.buton_radio1 {  
            display                         : none;
}

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

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