body{
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 10pt;
    color: #3F3F3F;
    background-color: #FFFFFF; 
    overflow: hidden;
   
    /* margin-left: 10px; */
    /* margin-top: 4px; */
    /* margin-bottom: 100px; */
    /* background-color: #aa0606;  */
    /* cursor: pointer; */
    /* width: 80px; */
    /* height: 25px; */
    /* text-align: right; */
    /* padding-top: 3px; */
    /* padding-bottom: 3px; */
    /* padding-left: 4px; */
    /* padding-right: 6px; */
    /* display: none; */
    /* background-color: #830c0c; */
    /* font-weight: bold; */
    /* color: #fdffa4; */
        
}

.estMsgError{
    text-align: left;
    width: auto;
    color: #A70202;
    font-family: Poppins, sans-serif;
    font-size: 10pt;
    display: none;
    margin-top: 4px;
    margin-left: 4px;
}


.tablaFormCapt{
    color: #808080;
    font-family: Poppins, sans-serif;
    font-size: 11pt;
}


.descripTablaAzul{
    font-family: Poppins, sans-serif;
    font-size: 13pt;
    color: #2777c2;
}

.estiloEtiquet{
    font-family: 'Poppins', sans-serif;
    font-size: 11pt;
    outline: none;
    background: none;
    color: #666;    
}

.estTD_EncaLst{
    padding-left: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 8px;
    color: #222222;
    background-color: #d0e7fd;
}

.estTD_Lst{
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
}

.estTD_Icon{
    padding-left: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 8px;
}

.tablaLst{
    color: #6b6b6b;
    font-family: 'Poppins', sans-serif;
    font-size: 11pt;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #a1a1a1;
    border-style: solid;
}

.btnSolo{
    font-family: 'Poppins', sans-serif;
    font-size: 11pt;
    color: #555;
    line-height: 16px;
    border-width: 1px;
    border-style: solid;
    border-radius: 9px;
    border-top-color: #d8d8d8;
    border-left-color: #d8d8d8;
    border-bottom-color: #bdbcbc;
    border-right-color: #bdbcbc;    
    background: rgb(252,252,252);
    background: -moz-linear-gradient(top,  rgba(252,252,252,1) 22%, rgba(227,227,227,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 22%,rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom,  rgba(252,252,252,1) 22%,rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e3e3',GradientType=0 );
    cursor: pointer;
}


.btnSolo:hover {
    cursor:pointer;
    border-width: 1px;
    border-color: rgb(78, 78, 78)8d8;
    border-style: solid;
    position:relative;
    top:1px;
}

.estCeldaVigUso{
    font-family: 'Poppins', sans-serif;
    font-size: 11pt;    
    color: #3F3F3F;
    text-align: center;

    /* background-color: #e0e0e0; */
}

@keyframes parpadeo {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}


.parpadeo {
    animation: parpadeo 1.5s ease-in-out 2;

    font-family: 'Poppins', sans-serif;
    font-size: 11pt;    
    color: #3F3F3F;
    text-align: center;    
}

.msg1Vigencia {
    font-family: 'Poppins', sans-serif;
    font-size: 11pt;    
    color: #3F3F3F;
    text-align: center;    
    background-color: #ffffff;

}


/* select:focus {

    font-family: 'Poppins', sans-serif;
    font-size: 10pt;    

    border-collapse: collapse;

    border-color: #c4c4c4;
    border-style: solid;
    border-width: 1px;

    outline: none; 
} */


.estTitSup{
    font-family: 'Poppins', sans-serif;
    font-size: 11pt;    
    color: #252525;
}


.EstiloDisplayIni{

    text-decoration: none;
    padding: 0px;
    margin: 0px;
   
    border-collapse: collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;

    /* font-size: 21pt;
    font-weight: bold; */

    background-color: #FFFFFF;
    color: #393939;

    border-radius: 6px;

    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);

    /* letter-spacing: 16px; */

}


.EstiloBtnDisplay{

    text-decoration: none;
    margin: 0px;
    font-family: 'Comic Sans MS, Comic Sans, cursive';
    font-size: 22pt;
    color: #ffffff;
    font-weight: bold;

    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;    

    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;

    border-radius: 6px;

    background: rgb(125,126,125);
    background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}

.EstiloBtnIniSesRojo{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    background-color: #a32424;
    color: #424242;
    padding-top: 4px;
    padding-bottom: 0px;
    cursor: pointer;
    border-radius: 6px;
}

.EstiloBtnIniSesVerde{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    background-color: #158a2f;
    color: #424242;
    padding-top: 4px;
    padding-bottom: 0px;
    cursor: pointer;
    border-radius: 6px;
}



input[type=checkbox] {
    transform: scale(1.5);
}
  
input[type=radio] {
    transform: scale(1.5);
}

input:focus {
    /* Agregar sombra al texto dentro del input */
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}

textarea:focus {
    /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}
  
/* Estilos para el texto seleccionado */
input[type="text"]::selection {
    background-color: #c0c0c0; /* Color de sombreado al ser seleccionado */
    color: #000; /* Color del texto seleccionado */
}


.formFondoGris{

    padding: 4px;
    color: #cbced1; 
    border-radius: 15px;
    background-color: #e6e6e6;

    -webkit-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    -moz-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);  
}

.EstiloTecladoVirt{

    width: 250px;
    height: 360px;

    border-radius: 10px;
    padding: 0;
    overflow: hidden;

    background-color: #dbdbdb;

    -webkit-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    -moz-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);  
}

.EstiloCard{

    border-radius: 10px;
    padding: 0;
    overflow: hidden;

    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;

    -webkit-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    -moz-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);  
}


.EstiloTablaSombra{
    background-color: transparent;
    color:#5C5C5C;
    border-collapse:collapse;
    text-decoration: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;

    border-style: solid;
    border-width: 1px;
    border-color: #cfcfcf;
      
    -webkit-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    -moz-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);  
}

.estiloImgLogo{
    border-collapse: collapse;
    border-width: 1px;
    border-color: #a1a1a1;
    border-style: solid;
    border-radius: 100px;
    background-color: #ecedee;
}

.estiloInputText{
    outline: none;
    background: none;
    font-size: 11pt;
    color: #666;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #a1a1a1;
    border-style: solid;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
    caret-color: #000000;
}

.titGpo{
    margin-top: 10px;
    margin-bottom: 4px;
    margin-left: 20px;
    color: #3f3f3f;
    font-family: 'Poppins', sans-serif;
    font-size: 14pt;
    text-align: left;
}

.myButtonGris{
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#727272;
    font-family: 'Poppins', sans-serif;
    font-size: 12pt;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    line-height: 21px;
}
.myButtonGris:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.myButtonGris:active {
	position:relative;
	top:1px;
}

.EstiloBordeLinea{

    margin-top: 18px;

    border-top-color: #c4c4c4;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: transparent;
    border-bottom-style: none;
    border-bottom-width: 0px;
}

.EstiloLineaFinaTenue{
    border-top-color: #c4c4c4;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: transparent;
    border-bottom-style: none;
    border-bottom-width: 0px;
}


.estiloSelect{

    font-family: 'Poppins', sans-serif;
    font-size: 10pt;
    color: #727272;

    border-collapse: collapse;

    border-top-color: #c4c4c4;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #c4c4c4;
    border-bottom-style: solid;
    border-bottom-width: 1px;

    border-right-color: #c4c4c4;
    border-right-style: solid;
    border-right-width: 1px;

    border-left-color: #c4c4c4;
    border-left-style: solid;
    border-left-width: 1px;

	/* -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;     */
}


.SubTitPersEmpr{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #505050;   
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;
    padding-left: 6px;
}


.BarraSuperior{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #FFFFFF;
    background-color: #000000;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
}


.TitBarraBotones{
    background-color: #F2F2F2;
    color: #424242;
    border-bottom-color: #D8D8D8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


.TD_GrisTenue{
    background-color: #F2F2F2;
    color: #424242;
}


.TD_FondoAzul{
    background-color: #000000;
    color: #FFFFFF;
    
    border-top-color: #848484;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #848484;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-right-color: #848484;
    border-right-style: solid;
    border-right-width: 1px;
    
    border-left-color: #848484;
    border-left-style: solid;
    border-left-width: 1px;
}


.MarcoCentral{
    background-color: #FFFFFF;
    /*width: 880px;*/
    padding: 0px;
    margin-left:auto;
    margin-right:auto;
    
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #A7A7A7;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #A7A7A7;
    border-top-style: none;
    border-top-width: 0px;
    border-top-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #A7A7A7;
    
    -webkit-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    -moz-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);         
}

.EstiloBordeFino{
    border-collapse: collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    font-size: 10pt;
}

.EstiloExten{
    border-collapse: collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    font-size: 10pt;

    /* -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;     */
}

.EstiloPersiana{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    border-style: solid;
    border-width: 1px;
    border-top-color: #848484;
    border-left-color: #848484;
    border-bottom-color: #000000;
    border-right-color: #000000;
    padding: 4px;
}

.EstiloGrisTenue8{
    background-color:#F0F0F0;
    color:#000000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.EstiloGrisTenue9{
    background-color:#F0F0F0;
    color:#000000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
      
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;      
}

.EstiloTextBox{
      color:#3F3F3F;
      text-decoration: none;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      border-top-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-right-style: solid;
      border-top-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
      border-top-color: #616161;
      border-left-color: #616161;
      border-bottom-color: #d1d1d1;
      border-right-color: #d1d1d1;
      border-top-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
      padding: 2px;
}

.EstiloTextBoxBloq{
    background-color:#F7F5F5;
    color:#3F3F3F;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #616161;
    border-left-color: #616161;
    border-bottom-color: #d1d1d1;
    border-right-color: #d1d1d1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding: 2px;
}


.BarraDer{
    border-left-width: 1px;
    border-left-color: #BDBDBD;
    border-left-style: solid;
}

.BarraIzq{
    border-right-width: 1px;
    border-right-color: #BDBDBD;
    border-right-style: solid;
}

.OpcMenLat{
    padding-top: 2px;
    border-bottom-width: 1px;
    border-bottom-color: #BDBDBD;
    border-bottom-style: solid;
}

.TitSubMenu{
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    background-color: #DDE9F8;
    
    padding-top: 0px;
    padding-bottom:2px;
    
    padding-left: 2px;
    padding-right: 2px;
    
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: transparent;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #BDBDBD;
    
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: transparent;
}


.EstiloBotSup{
    border-width: 1px;
    border-color: #BDBDBD;
    border-style: solid;
}


/* Modal window */
#mask{
    position: absolute;
    background-color: #5F5F5F;
    display: none;
    top: 0px;
    left: 0px;
}


.MarcoModulo{
    position: absolute;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 10px;
    background:white;
    border: 4px solid #000000;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 8px;
}
/* Fin Modal window */




#Tit{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    font-weight: normal;
    color: #000000;
    margin-top: 14px;
    margin-left: 22px;
}

#SubTit{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    font-weight: normal;
    color: #000000;
    margin-top: 14px;
    margin-left: 22px;
}


#SubTit2{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    color: #8A4B08;
    margin-top: 14px;
    margin-left: 22px;
}

    .ContBin{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11pt;    
        margin-bottom: 0px;
        padding-left: 8px;
    }

    .Descrips{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11pt;
        font-weight: normal;
        color: #444444;
        list-style-image: url("images/circle.png");
        line-height: 16px;
    }


    .EnlaceVideo{
        text-decoration: underline;
        cursor: pointer;
        width: auto;
        font-size: 11pt;
    }        


.myButtonTimbrar {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:14pt;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButtonTimbrar:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
.myButtonTimbrar:active {
	position:relative;
	top:1px;
}
        
        
.myButtonVerde {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
}
.myButtonVerde:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
.myButtonVerde:active {
        position:relative;
        top:1px;
}




.myButtonRojo {
        -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
        -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
        box-shadow:inset 0px 1px 0px 0px #f29c93;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
        background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
        background-color:#fe1a00;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:1px solid #d83526;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Arial;
        font-size:15px;
        padding:5px 16px;
        text-decoration:none;
        text-shadow:0px 1px 0px #b23e35;
}
.myButtonRojo:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
        background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
        background-color:#ce0100;
}
.myButtonRojo:active {
        position:relative;
        top:1px;
}


.myButtonAzul {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:5px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.myButtonAzul:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.myButtonAzul:active {
	position:relative;
	top:1px;
}        



.myButtonAmarillo {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButtonAmarillo:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButtonAmarillo:active {
	position:relative;
	top:1px;
}



.myButtonNotCred {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:14pt;
	/*font-weight:bold;*/
	padding:5px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButtonNotCred:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.myButtonNotCred:active {
	position:relative;
	top:1px;
}




.BordeImgs{
    border-width: 1px;
    border-style: solid;    
    border-color: #A7A7A7;
}



/* Efecto de botones de función ============================================= */

.botonCallFunc{
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
}

.botonCallFunc:hover {
    cursor:pointer;
    border-collapse:collapse;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    position:relative;
    top:1px;
}

.botonFondoGris{
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
}

.botonFondoGris:hover {
    background-color: #F2F2F2; 
    cursor:pointer;
    border-collapse:collapse;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    position:relative;
    top:1px;
}

.estiloSubTit{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #000000;
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;
    padding: 4px;
    /*padding-left: 6px;*/
}

.estiloTitCeldaCapt{
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #F1F1F1;
    color: #3F3F3F;
    
    border-width: 1px;
    border-style: solid;    
    border-top-color: #A7A7A7;
    border-bottom-color: #A7A7A7;
    border-left-color: #A7A7A7;
    border-right-color: #A7A7A7;   
}
/* =========================================================*/



/* = PROGRAMACIÓN BARRA LATERAL DERECHA DESPLEGABLE ========*/

/*.BarraLateral{
    
    position: absolute;
    border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border: 1px solid #a6a6a6; 
    background-color: #F7F5F5;
    border-right-width: 0px; 
    padding: 0px;
    top: 40px;
    left: auto;
    right: 0;
    width: 30px;
    transition: width 0.5s;
    
    z-index: 1;
}

.BarraLateral:hover{
    width: 480px;
}*/


/* =========================================================*/




/* = PROGRAMACIÓN TOOL TIP TEXT ============================*/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 108px;
    background-color: #3B5998;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;

    /* Position the tooltip */
    position: absolute;
    /*z-index: 1;*/

    top: -5px;
    right: 103%;     
    
    transition-delay: 0.5s;
}

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

/* =========================================================*/

.tooltipDer {
    position: relative;
    display: inline-block;
    border-bottom: 0px;
}

.tooltipDer .tooltiptextDer {
    visibility: hidden;
    width: 108px;
    background-color: #3B5998;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 3;

    top: 0px;
    right: -350%;     
    
    transition-delay: 0.5s;
}

.tooltipDer:hover .tooltiptextDer {
    visibility: visible;
}

/* =========================================================*/


    .myTeclaAzul {
            -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
            -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
            box-shadow:inset 0px 1px 0px 0px #97c4fe;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
            background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
            background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
            background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
            background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
            background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
            background-color:#3d94f6;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #337fed;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family: Arial;
            font-size: 11pt;
            font-weight: normal;
            text-decoration: none;
            text-shadow: 0px 1px 0px #1570cd;
            width: auto;
            padding-top: 4px;
            padding-bottom: 4px;
    }
    .myTeclaAzul:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
            background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
            background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
            background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
            background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
            background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
            background-color:#1e62d0;
    }
    .myTeclaAzul:active {
            position:relative;
            top:1px;

    }    


    .myButtonTecla {
            -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
            -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
            box-shadow:inset 0px 1px 0px 0px #97c4fe;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
            background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
            background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
            background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
            background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
            background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
            background-color:#3d94f6;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #337fed;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:24px;
            font-weight: bold;
            text-decoration:none;
            text-shadow:0px 1px 0px #1570cd;
            width: 44px;
            padding-top: 7px;
            padding-bottom: 7px;
    }
    .myButtonTecla:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
            background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
            background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
            background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
            background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
            background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
            background-color:#1e62d0;
    }
    .myButtonTecla:active {
            position:relative;
            top:1px;

    }       


    .myButtonTeclaAmarillo {
            -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
            -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
            box-shadow:inset 0px 1px 0px 0px #fff6af;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
            background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
            background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
            background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
            background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
            background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
            background-color:#ffec64;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #ffaa22;
            display:inline-block;
            cursor:pointer;
            color:#333333;
            font-family:Arial;
            font-size:24px;
            font-weight:bold;
            /*padding:5px 16px;*/
            text-decoration:none;
            text-shadow:0px 1px 0px #ffee66;
            width: 50px;
            padding-top: 7px;
            padding-bottom: 7px;                
    }
    .myButtonTeclaAmarillo:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
            background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
            background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
            background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
            background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
            background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
            background-color:#ffab23;
    }
    .myButtonTeclaAmarillo:active {
            position:relative;
            top:1px;
    }
    
    .myButtonTeclaBlanca {
            -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
            -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
            box-shadow:inset 0px 1px 0px 0px #ffffff;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
            background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
            background-color:#f9f9f9;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #dcdcdc;
            display:inline-block;
            cursor:pointer;
            color:#333333;
            font-family: 'Poppins', sans-serif;
            text-decoration:none;
            text-shadow:0px 1px 0px #ffffff;
    }
    .myButtonTeclaBlanca:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
            background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
            background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
            background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
            background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
            background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
            background-color:#e9e9e9;
    }
    .myButtonTeclaBlanca:active {
            position:relative;
            top:1px;
    }


    .myButtonTeclaVerde {
            -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
            -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
            box-shadow:inset 0px 1px 0px 0px #caefab;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
            background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
            background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
            background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
            background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
            background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
            background-color:#77d42a;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #268a16;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:24px;
            /*padding:6px 24px;*/
            text-decoration:none;
            text-shadow:0px 1px 0px #ffffff;
            width: 50px;
            padding-top: 7px;
            padding-bottom: 7px;   
    }
    .myButtonTeclaVerde:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
            background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
            background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
            background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
            background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
            background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
            background-color:#5cb811;
    }
    .myButtonTeclaVerde:active {
            position:relative;
            top:1px;
    }        
        
        
    .myButtonTeclAmaRegVent {
            -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
            -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
            box-shadow:inset 0px 1px 0px 0px #fff6af;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
            background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
            background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
            background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
            background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
            background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
            background-color:#ffec64;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #ffaa22;
            display:inline-block;
            cursor:pointer;
            color:#333333;
            font-family:Arial;
            font-size:24px;
            font-weight:bold;
            /*padding:5px 16px;*/
            text-decoration:none;
            text-shadow:0px 1px 0px #ffee66;
            width: 38px;
            padding-top:4px;
            padding-bottom: 4px;                
    }
    .myButtonTeclAmaRegVent:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
            background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
            background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
            background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
            background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
            background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
            background-color:#ffab23;
    }
    .myButtonTeclAmaRegVent:active {
            position:relative;
            top:1px;
    }        
        
        
    .myButtonTeclVerdeRegVent {
            -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
            -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
            box-shadow:inset 0px 1px 0px 0px #caefab;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
            background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
            background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
            background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
            background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
            background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
            background-color:#77d42a;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #268a16;
            display:inline-block;
            cursor:pointer;
            color:#000000;
            font-family:Arial;
            font-size:24px;
            font-weight:bold;
            /*padding:6px 24px;*/
            text-decoration:none;
            text-shadow:0px 1px 0px #ffffff;
            width: 38px;
            padding-top: 4px;
            padding-bottom: 4px;   
    }
    .myButtonTeclVerdeRegVent:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
            background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
            background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
            background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
            background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
            background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
            background-color:#5cb811;
    }
    .myButtonTeclVerdeRegVent:active {
            position:relative;
            top:1px;
    }            
    
    
        
 /* Estilos PostIts ============================================================*/
/*  
.EstiloPostic{
    width: 350px;
    height: 145px;
    padding: 6px;
    background-color: #FFFFAB;
    color: #323232;

    font-family: sans-serif;
    font-size: 12pt;

    border-radius: 10px 10px 8px 8px;
    -moz-border-radius: 10px 10px 8px 8px;
    -webkit-border-radius: 10px 10px 8px 8px;
    border: 1px solid #5C5C5C;          

    -webkit-box-shadow: 5px 5px 17px 0px rgba(94,94,94,1);
    -moz-box-shadow: 5px 5px 17px 0px rgba(94,94,94,1);
    box-shadow: 5px 5px 17px 0px rgba(94,94,94,1);
}
    

.EstiloCelCaptPostic{
    
    width: 330px;
    height: 130px;
    padding: 6px;
    background-color: #FFFFAB;
    color: #323232;

    font-family: sans-serif;
    font-size: 12pt;
    resize: none;
} */
    
 /* ============================================================================*/   
        
        
.EstiloBotVideo {
    border-width: 1px;
    border-color: #E7E7E7;
    border-style: solid;
    font-size: 9pt;    
    cursor:pointer;
}
.EstiloBotVideo:hover {
    border-color: #000000;
    background-color: #EFEFEF;
    color: #000000;
}
.EstiloBotVideo:active {
    position:relative;
    top:1px;
}     

        
.MarcoServer{
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-size: 10pt;
    border-style: solid;
    border-width: 1px;
    border-top-color: #848484;
    border-left-color: #848484;
    border-bottom-color: #000000;
    border-right-color: #000000;
    padding: 4px;
    background-color: #FFFFFF;
}



.EstiloBarras{

    -moz-box-shadow:    inset  0  30px 30px -30px #000000, 
                        inset  0 -30px 30px -30px #000000;
    
    -webkit-box-shadow: inset  0  30px 30px -30px #000000, 
                        inset  0 -30px 30px -30px #000000;
    
     box-shadow:        inset  0  30px 30px -30px #000000, 
                        inset  0 -30px 30px -30px #000000;
}


.EstiloBarrasInf{

    -moz-box-shadow:    inset  0  30px 30px -30px #000000, 
                        inset  0 -30px 30px -30px #000000;
    
    -webkit-box-shadow: inset  0  30px 30px -30px #000000, 
                        inset  0 -30px 30px -30px #000000;
    
     box-shadow:        inset  0  30px 30px -0px #000000, 
                        inset  0 -30px 30px -0px #000000;
}


.btnTeclaBlanca {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;

    font-family: 'Poppins', sans-serif;

    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.btnTeclaBlanca:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color:#e9e9e9;
}
.btnTeclaBlanca:active {
    position:relative;
    top:1px;
}


.btnNaranja {
    box-shadow: none;
    font-family: 'Poppins', sans-serif;
    font-size: 11pt;
    color: #1a1a1a;
    border-radius: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #a1a1a1;
    border-style: solid;
    background: rgb(255,188,107);
    background: -moz-linear-gradient(top,  rgba(255,188,107,1) 33%, rgba(255,146,10,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,188,107,1) 33%,rgba(255,146,10,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,188,107,1) 33%,rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc6b', endColorstr='#ff920a',GradientType=0 );
  }
  
  .btnNaranja:hover {
    color: #ffffff;
    background: rgb(97,166,232);
    background: -moz-linear-gradient(top,  rgba(97,166,232,1) 29%, rgba(97,166,232,1) 29%, rgba(73,155,234,1) 42%, rgba(32,124,229,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(97,166,232,1) 29%,rgba(97,166,232,1) 29%,rgba(73,155,234,1) 42%,rgba(32,124,229,1) 100%);
    background: linear-gradient(to bottom,  rgba(97,166,232,1) 29%,rgba(97,166,232,1) 29%,rgba(73,155,234,1) 42%,rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61a6e8', endColorstr='#207ce5',GradientType=0 );
    cursor: pointer;
  }


  .estBtnVerde{
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    padding-top: 2px;
    padding-bottom: 5px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11pt;
    color: #ffffff;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    cursor: pointer;
    border-radius: 6px;

    background: #11d631;
    background: -moz-linear-gradient(top,  #11d631 0%, #299a0b 100%);
    background: -webkit-linear-gradient(top,  #11d631 0%,#299a0b 100%);
    background: linear-gradient(to bottom,  #11d631 0%,#299a0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11d631', endColorstr='#299a0b',GradientType=0 );
}

.estBtnRojo{
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    padding-top: 2px;
    padding-bottom: 5px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11pt;
    color: #ffffff;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    cursor: pointer;
    border-radius: 6px;

    background: #ff8484;
    background: -moz-linear-gradient(top,  #ff8484 0%, #d10000 100%);
    background: -webkit-linear-gradient(top,  #ff8484 0%,#d10000 100%);
    background: linear-gradient(to bottom,  #ff8484 0%,#d10000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8484', endColorstr='#d10000',GradientType=0 );
}

.btnBlanco {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border:1px solid #BCBCBC;
    display:inline-block;
    cursor:pointer;
    color:#000000;
    font-family: 'Poppins', sans-serif;
    font-size: 11pt;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}

.btnBlanco:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    background-color:#e9e9e9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
}

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