/*
    * {
    margin: 0;
    padding: 0;
    outline: none;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    */



body {
    /* background:  */
    color: rgba(0,0,0,.15);
    /* -webkit-font-smoothing: antialiased; */
    font-family: 'Consolas';
    font-size: 20px;
    font-weight: 400;
    height: auto;
    height: 99%;
    min-height: 98%;
    width:99%;
    min-width:99%;

    /* text-rendering: optimizeLegibility; */
}

div.wrapper {
  margin: 2px auto;
  /* width: 240px; */
}

nav.vertical {
  /* border-radius: 4px; */
  /* box-shadow: 0 0 10px rgba(0,0,0,.15); */
  overflow: hidden;
  text-align: center;
  min-width:130px;
  left:2px;
}

nav.vertical > ul {
    list-style-type: none;
  }

nav.vertical > ul > li {
      display: block;
    }

nav.vertical > ul > li > a {
        background-color: rgb(1, 0, 255);
        /* background-image: -webkit-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
        background-image: -moz-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
        background-image: -o-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
        background-image: linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
        */
        border-bottom: 1px solid rgba(255,255,255,.1);
        /* box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1); */
        color: rgb(255,255,255);
        display: block;
        font-size: .85rem;
        font-weight: 500;
        /* height: 60px; */
        min-width:130px;
        /* letter-spacing: .5rem; */
        line-height: 50px;
        text-shadow: 0 1px 1px rgba(0,0,0,.1);
        text-transform: none;
        /* transition: all .1s ease; */
        text-decoration: none;
        margin-left:1px;
      }

  nav.vertical > ul > li > a:hover {
    background-color: lightBlue;

    /* background-image: -webkit-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
    background-image: -moz-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
    background-image: -o-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
    background-image: linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
    */
    cursor: pointer;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
    color: rgb(0, 0, 0);
        
        }
        
  nav.vertical > ul > li > div {
            background-color: rgb(255,255,255);
          }
 
  nav.vertical > ul > li > div > ul {
            list-style-type: none; 
          }

  nav.vertical > ul > li > div > ul > li > a {
    background-color: rgb(255,255,255);
    border-bottom: 1px solid rgba(0,0,0,.05);
    color: #333331;
    display: block; 
    font-size: 1.1rem;
    padding: 10px 0;
    text-decoration: none; 
    /* transition: all 0.15s linear;  */
    min-width: 130px;
    left: 1px;
            }

    nav.vertical > ul > li > div > ul > li:hover > a {
                background-color: lightBlue;
                color: rgb(255,255,255);
                padding: 10px 0 10px 50px; 
              }

    /*----------------------------------------------------------------------------*/
    .Titulo { 	font-family: "Lucida Bright"; font-size:x-large; color:black;  }
    .TextoJC {  font-family: "Lucida Bright"; font-size:medium; color:black;  }
    .TextoJCSmall {  font-family: "Lucida Bright"; font-size:x-small; color:black;  }
    .TextoSmall { font-size: small }

    .TextoCopyright {
        font-size: smaller;
        font-family: "Verdana, Arial, Helvetica";
        color:black;
    }

    .Texto {
	font-family: Verdana;
	font-size: large;
    margin-left:10px;
    /* font size="5" face="Verdana" */
    color:black;
    }

    .TextoMovil {
	font-family: Verdana;
	font-size: small;
    margin-left:3px;
    /* font size="5" face="Verdana" */
    color:black;
    margin-right:5px;
    }

    .TextoMovilPeq {
	font-family: Verdana;
	font-size: x-small;
    margin-left:3px;
    /* font size="5" face="Verdana" */
    color:black;
    margin-right:5px;
    }



.TitleUse {
	font-family: Consolas;
	font-size: medium;
    color:black;
}

.Margen {
    margin-left:15px;
}

.indent {
    text-indent: 20px;
}
    /*----------------------------------------------------------------------------*/
.FondoBlanco {
    background-color: #FFFFFF;
}
    /*----------------------------------------------------------------------------*/
.tintaroja {
            color: #FF0000;
           }


.blanco {
    color: #FFFFFF;
}

.FondoAmarillo {
   	background-color: #FFFF00;
}
.TituloFondoAmarillo {
   	background-color: #FFFF00;
       font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
       font-size:large;
       color:black;
}
.TituloFondoGris {
   	background-color: #C0C0C0;
       font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
       font-size:x-large;
       color:black;
       /* Strong and Emphasis */
}

.TituloFondoGrisMovil {
   	background-color: #C0C0C0;
       font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
       font-size:small;
       color:black;
       text-align:start;
   
       /* Strong and Emphasis */
}





.TituloAzul
	{
    margin: 12.0pt 0 0 0; 
    /* margin-top:12.0pt;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	*/
    line-height:107%;
	page-break-after:avoid;
	font-size:16.0pt;
	font-family:"Calibri Light",sans-serif;
	color:#2E74B5;
	font-weight:normal;
}
.TituloMovil
	{
    margin: 12.0pt 0 0 0; 
    /* margin-top:12.0pt;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	*/
    line-height:107%;
	page-break-after:avoid;
	font-size:16.0pt;
	font-family:"Calibri Light",sans-serif;
	color:rgb(24, 46, 219);
	font-weight:normal;
}
    /*----------------------------------------------------------------------------*/

    .CuadroGris{
	font-family: Consolas;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #C0C0C0;
}

    .MenuIzquierda {
        float:left;
        width:20%;
    }
        
    .MenuDerecha {
        float:left;
        width:80%;
        height:100%;
    }

    .FrameDerecha {
        float:left;
        margin-left:0;
        border-left:0;
        border-top:0;
        width:79%;
        height:98%;
    }
        
    .Maximiza {
        float:left;
        margin-left:0;
        border-left:0;
        width:99%;
        height:98%;
        
    }
        
    .Width100 {
        width: 100%;
    }

    .Full100 {
        width: 100px;
        /* height: 100px; */
    }
        
    .Full100Total {
        width: 100%;
        height: 100%;
    }



    /*----------------------------------------------------------------------------*/
    .CuadradoMenu {
        width: 50px;
        height: 50px;
    }

    .CuadradoFullLeft {
        width: 100px;
        height: 100px;
        text-align: left;
        
    }
    
    .LineaMinima {
 	   height: 5px;
	}
    
    /*----------------------------------------------------------------------------*/
    .menuyframe {
        width: 98%;
        height: 98%;
        border-collapse: collapse;
        border-left-style: solid;
        border-left-width: 3px;
        border-right: 3px solid #C0C0C0;
        border-top-style: solid;
        border-top-width: 3px;
        border-bottom: 3px solid #C0C0C0;
        
    }
    /*----------------------------------------------------------------------------*/
    .auto-style8 {  /* YA NO SE USA */
        width: 98%;
        height:90%;
        border-collapse: collapse;
        border-left-style: solid;
        border-left-width: 3px;
        border-right: 3px solid #C0C0C0;
        border-top-style: solid;
        border-top-width: 3px;
        border-bottom: 3px solid #C0C0C0;
        
    }
    /*----------------------------------------------------------------------------*/
 
 
 .auto-stylepie {
	font-size: x-small
    }

 
 
.style1 {
				text-align: center;
}

.style2 {
				border-width: 0;
}

 
 
.auto-style10 {
	font-family: "Lucida Bright";
}

    .auto-style12 {
        width: 142px;
        height: 152px; 
    }
    .auto-style14 {
        width: 385px;
        height: 251px;
    }



.auto-style4 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.auto-style6 {
	margin-top: 0;
	margin-bottom: 0;
}
.auto-style7 {
	text-align: left;
}
 
.auto-style13 {
	margin-left: 40px;
}
.auto-style18 {
	font-family: "Lucida Bright";
	margin-left: 40px;
}
.auto-style20 {
	font-family: Consolas;
}
.auto-style11 {
	font-family: "Lucida Bright";
}
.auto-style24 {
	font-family: "Lucida Bright";
	margin-left: 40px;
	font-size: small;
}
.auto-style25 {
	font-size: large;
}
.auto-style26 {
	font-family: Consolas;
	font-size: large;
}
 


.auto-style34 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size: medium;
}
.auto-style35 {
	background-color: #FFFFFF;
}

.auto-style36 {
	font-family: Consolas;
	background-color: #FFFF00;
	font-size: large;
}
.auto-style37 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	margin-left: 40px;
}
 



        .auto-style22 {
            text-align: left;
        }
        .auto-style23 {
            width: 482px;
            height: 302px;
        }