body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    color: #666666;
	background:url(../Imagenes/Fondo.png) #b1b569;
    background-attachment: fixed;
    font-size: 13px;
}

main {
    flex: 1 0 auto;
}

.pantalla {
    width: 90%;
    margin: auto;
}

.color-nav{
    background: #b1dcfb;
}

.color-navsub{
    background: #8ec8ff !important;
}

.logo-nav{
    text-align: center;
    margin-top: 16px;
    margin-bottom: 100px;
}

.logo-nav a:hover{
    background-color: transparent !important;
}

.text_titulo{
    text-align: center;
    font-size: 25px;
    font-weight: bolder;
    margin-top: -15px;
}

.font_titulo {
    font-size: 22px;
}

.cajaSom{
    -webkit-box-shadow: -5px 5px 5px -1px rgba(140,140,140,0.75);
    -moz-box-shadow: -5px 5px 5px -1px rgba(140,140,140,0.75);
    box-shadow: -5px 5px 5px -1px rgba(140,140,140,0.75);
    border: 1px solid rgba(140,140,140,0.5);
}

.cajaAdjun{
    border-radius: 5px 40px 40px 5px;
    -moz-border-radius: 5px 40px 40px 5px;
    -webkit-border-radius: 5px 40px 40px 5px;
    border: 0px solid #000000;
    background-color: rgb(220, 220, 220);
    margin: 2px;
}

/*.tamaCell th td{
    width: 30%;
}*/

/* INICIO "Estilos Menus Flotantes"*/
.menuFlot li{
    min-height: 24px !important;
}

.menuFlot li span{
    padding: 0px 16px 0px 16px;
}

.menuFlot ul{
    min-width: 250px !important;
}
/*FIN "Estilos Menus Flotantes"*/

/* INICIO "Estilos para estatus"*/
.sok {      /*Verde*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2ff52+0,91e842+100;Neon */
    background: #d2ff52; /* Old browsers */
    background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d2ff52 0%,#91e842 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
    color: #424242;
    cursor:pointer;
}

.scanc {    /*Rojo*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
    color: #424242;
    cursor:pointer;
}

.sacum {    /*Naranja*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
    background: #ffaf4b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
    color: #424242;
    cursor:pointer;
}

.snoa {     /*Azul*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#47efea+0,0a68ff+100 */
    background: #47efea; /* Old browsers */
    background: -moz-linear-gradient(top,  #47efea 0%, #0a68ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #47efea 0%,#0a68ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #47efea 0%,#0a68ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47efea', endColorstr='#0a68ff',GradientType=0 ); /* IE6-9 */
    color: #424242;
}

.sgen {     /*Amarillo*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfc0a+0,cec73d+100 */
    background: #fcfc0a; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfc0a 0%, #cec73d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fcfc0a 0%,#cec73d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fcfc0a 0%,#cec73d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfc0a', endColorstr='#cec73d',GradientType=0 ); /* IE6-9 */
    color: #424242;
    cursor:pointer;
}

.sneut {     /*Gris*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,d3d3d3+100 */
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #d3d3d3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f2f2 0%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
    color: #424242;
}

.sinPunt{
    cursor: default;
}
/*FIN "Estilos para estatus"*/

/* INICIO "boton Menu Principal" */
.nav-wrapper ul li {
  text-align: center;
  padding-left: 10px;
}

.nav-wrapper ul li button i {
  height: 0px;
  line-height: 48px;
  font-size: 2rem;
}

.nav-wrapper ul li button span {
  position: relative;
  top: 12px;
}

.dropbtn-pag {
    background-color: transparent;
    color: white;
    padding: 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown-pag {
    position: relative;
    display: inline-block;
}

.dropdown-content-pag a {
    line-height: 22px;
    height: 30px;
    color: white;
    padding: 2px;
    display: block;
}

.dropdown-content-pag a:hover {background-color: rgba(0,0,0,0.1)}

.dropdown-pag:hover .dropdown-content-pag {
    display: block;
}

.dropdown-pag:hover .dropbtn-pag {
    background-color: rgba(0,0,0,0.1);
}
/* FIN "boton Menu Principal" */

/* "Template Tabla" */
table.tAuxi th, table.tAuxi td {
    padding: 5px;
}

table.tAuxi tbody tr:hover {
    background-color: rgba(200, 200, 200, 0.9) !important;
}

/* "Template Tabla Auxiliar" */
table.tAuxi_1 th, table.tAuxi_1 td {
    padding: 3px;
}

/* "Template Tabla ScrollBar" */
.tScroll thead, .tScroll tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tScroll tbody {
    display: block;
    max-height: 300px;
    overflow: auto;
}

.gradient-45deg-purple-deep-orange {
    background: #8e24aa;
    background: -moz-linear-gradient(45deg, #c3d9ff 0%, #98b0d9 100%);
    background: -webkit-linear-gradient(45deg, #c3d9ff 0%, #98b0d9 100%);
    background: linear-gradient(45deg, #c3d9ff 0%, #98b0d9 100%);
}

.gradient-45deg-purple-deep-orange.gradient-shadow {
    box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
}

.caption {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 30px;
    text-align: justify;
    text-justify: inter-word;
}

.slink {
    color: #2E4A7F;
    font-weight: bold;
    text-shadow: 4px 4px 6px rgba(38, 198, 218, 0.5);
    margin-top: 0px;
}