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

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


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


/* ### CONFIGURACIÓN DE TABS ################################################ */

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

            /* Style the tab */
            .tab {
              overflow: hidden;
              border: 1px solid #ccc;
              background-color: #f1f1f1;
            }

            /* Style the buttons inside the tab */
            .tab button {
              background-color: inherit;
              float: left;
              border: none;
              outline: none;
              cursor: pointer;
              padding: 14px 16px;
              transition: 0.3s;
              font-size: 17px;
            }

            /* Change background color of buttons on hover */
            .tab button:hover {
              background-color: #ddd;
            }

            /* Create an active/current tablink class */
            .tab button.active {
              background-color: #ccc;
            }

            /* Style the tab content */
            .tabcontent {
              display: none;
              padding: 6px 12px;
              border: 1px solid #ccc;
              border-top: none;
            }

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


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

.botonCallFunc:active {

}        



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

.botonFondoGris:active {

}        


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

    }    

    .myTeclaNegra {
            -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, #000000), color-stop(1, #000000));
            background:-moz-linear-gradient(top, #3d94f6 5%, #000000 100%);
            background:-webkit-linear-gradient(top, #3d94f6 5%, #000000 100%);
            background:-o-linear-gradient(top, #3d94f6 5%, #000000 100%);
            background:-ms-linear-gradient(top, #3d94f6 5%, #000000 100%);
            background:linear-gradient(to bottom, #3d94f6 5%, #000000 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#1e62d0',GradientType=0);
            background-color:#000000;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #A9A9A9;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family: Arial;
            font-size: 11pt;
            font-weight: normal;
            text-decoration: none;
            text-shadow: 0px 1px 0px #A9A9A9;
            width: auto;
            padding-top: 3px;
            padding-bottom: 4px;
    }
    .myTeclaNegra:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #000000));
            background:-moz-linear-gradient(top, #1e62d0 5%, #000000 100%);
            background:-webkit-linear-gradient(top, #1e62d0 5%, #000000 100%);
            background:-o-linear-gradient(top, #1e62d0 5%, #000000 100%);
            background:-ms-linear-gradient(top, #1e62d0 5%, #000000 100%);
            background:linear-gradient(to bottom, #1e62d0 5%, #000000 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9A9A9', endColorstr='#000000',GradientType=0);
            background-color:#000000;
    }
    .myTeclaNegra: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:#666666;
            font-family:Arial;
            font-size:16px;
            font-weight:bold;
            /*padding:6px 24px;*/
            text-decoration:none;
            text-shadow:0px 1px 0px #ffffff;
            width: 120px;
            padding-top: 3px;
            padding-bottom: 3px;                  
    }
    .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-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;
}



.MV_EstiloTitSuc{
    
    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;
    
    padding-top: 3px;
    width: 178px;
    height: 16px;
}


.MV_Coment{
    
    background-color:#FFFFFF;
    color:#5C5C5C;
    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;
    
    padding-top: 3px;
    width: 178px;
    height: 16px;
    
    margin-top: 3px;
}


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





#contenedorCrono{
 width: auto;
 height: auto;
 border-width: 0px;
 border-style: solid;
 border-color: red;
}

.reloj{
 float: left;
 /*font-size: 25px;*/
 font-size: 20px;
 font-family: Courier,sans-serif;
 color: #000099;
}