body{
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #3F3F3F;
    background-color: #FFFFFF; 
    overflow: hidden;
}

.TD_GrisTenue{
    background-color: #F2F2F2;
    color: #424242;
    margin-bottom: 4px;
    
}

.TD_FondoAzul{
    
    background-color: #08088A;
    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;
}
    

input:focus { 
    background-color: #FFFFAB;
}

textarea:focus {
    background-color: #FFFFAB;
}


input:placeholder-shown {
  /*border: 1px solid red;*/
  /*color: #A70202;*/
}



.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: #08088A;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
}


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

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

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


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



.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 #08088A;*/
    border: 4px solid #000000;
    /*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: #000099;
    margin-top: 14px;
    margin-left: 22px;
}

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


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

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

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




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

.botonCallFunc:active {
}        



/* Bordes finos ============================================= */

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

.BotonBordesFinos:hover {
    cursor:pointer;
    border-style: solid;
    border-width: 1px;
    border-top-color: #848484;
    border-left-color: #848484;
    border-bottom-color: #000000;
    border-right-color: #000000;
}







.estiloSubTit{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #08088A;
    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: 1;*/

    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: 3px;
                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:11px;
                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:#111111;
                font-family:Arial;
                font-size: 11pt;
                font-weight: normal;
                /*padding:6px 24px;*/
                text-decoration:none;
                text-shadow:0px 1px 0px #ffffff;
                width: auto;
                padding-top: 3px;
                padding-bottom: 4px;                
        }
        
         
        
        .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: 310px;
    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: 290px;
    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-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;
}



.EstiloProd2{

    width: 350px;
    height: 300px;
    padding: 6px;
    background-color: #FFFFFF;
    color: #323232;

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

.EstiloProd3{

    width: 310px;
    height: 300px;
    padding: 6px;
    background-color: #FFFFFF;
    color: #323232;

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


.EstiloDescripProd{
    font-family: sans-serif;
    font-size: 11pt;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
}
        
        
.EstiloVinneta{
    
    list-style-type: square;
    font-family: Verdana, Vegur, 'PT Sans', Sans-serif;
    font-size: 12pt;
    color: #5C5C5C;
    line-height: 18px;
}

.EstiloLiVinneta{
    margin-bottom: 15px;
}




.EstiloIdEmpresa{
      color:#3F3F3F;
      text-decoration: none;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14pt;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      
      border-top-style: solid;
      border-top-width: 1px;
      border-top-color: #616161;
      border-top-width: 1px;
      
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-bottom-color: #d1d1d1;
      border-bottom-width: 1px;
      
      border-left-style: solid;
      border-left-width: 1px;
      border-left-color: #616161;
      border-left-width: 1px;
      
      border-right-style: solid;
      border-right-width: 1px;
      border-right-color: #d1d1d1;
      border-right-width: 1px;
      
      padding: 4px;
      
      text-align: center;
      
      text-transform: uppercase;
}