            /*ESTILOS PARA EL BODY Y LOS LAYERS DE BACKGROUNDS*/
            html , body {
               height: 100%;
               color :white;
            }

            .dark_layer, .light_layer, .light_layer_resultados{
                width: 100%;
                height: 100%;
                position: fixed;
            }

            .dark_layer {    
                
                  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a8284+0,7d86df+60,7d86df+70,513b7d+100&0.8+0,0.8+100 */
                  background: -moz-linear-gradient(-45deg, rgba(74,130,132,0.8) 0%, rgba(125,134,223,0.8) 60%, rgba(125,134,223,0.8) 70%, rgba(81,59,125,0.8) 100%); /* FF3.6-15 */
                  background: -webkit-linear-gradient(-45deg, rgba(74,130,132,0.8) 0%,rgba(125,134,223,0.8) 60%,rgba(125,134,223,0.8) 70%,rgba(81,59,125,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
                  background: linear-gradient(135deg, rgba(74,130,132,0.8) 0%,rgba(125,134,223,0.8) 60%,rgba(125,134,223,0.8) 70%,rgba(81,59,125,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4a8284', endColorstr='#cc513b7d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
            }

            .light_layer{

                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a8284+75,513b7d+100&0+75,0.5+100 */
                background: -moz-linear-gradient(top, rgba(74,130,132,0) 75%, rgba(81,59,125,0.5) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, rgba(74,130,132,0) 75%,rgba(81,59,125,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, rgba(74,130,132,0) 75%,rgba(81,59,125,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a8284', endColorstr='#80513b7d',GradientType=0 ); /* IE6-9 */
            }

            .light_layer_resultados{

              /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a8284+75,becb35+100&0+75,0.5+100 */
              background: -moz-linear-gradient(top, rgba(74,130,132,0) 75%, rgba(190,203,53,0.5) 100%); /* FF3.6-15 */
              background: -webkit-linear-gradient(top, rgba(74,130,132,0) 75%,rgba(190,203,53,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
              background: linear-gradient(to bottom, rgba(74,130,132,0) 75%,rgba(190,203,53,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a8284', endColorstr='#80becb35',GradientType=0 ); /* IE6-9 */
            }            

            /*Estilo para los navbars light y dark*/
              .navbar-light{
                  background-color: rgba(0,0,0,.2);
                  border-color: none;
              }

              .m-navbar-light{
                background-color: rgba(0,0,0,.5);
              }

              .nav>li>a:focus, .nav>li>a:hover{
                background : none;
              }

              .m-navbar-light #navbar {
                  background-color: rgba(0,0,0,1);
              }

              .m-navbar-light .navbar-nav>li>a{
                  color : white;
              }

              .navbar-light .navbar-nav>li>a{
                  color : lightgray;
              }

              .navbar-light .nav>li>a:focus, .navbar-light .nav>li>a:hover{
                  background-color: rgba(0,0,0,.2);
                  color : white;
             }

              .navbar-dark {
                  background-color: rgba(0,0,0,.4);
                  border-color: none;
                  color : white;
              }

              .navbar-dark .navbar-nav>li>a{
                  color : white;
              }

              .navbar-dark .nav>li>a:focus, .navbar-dark .nav>li>a:hover{
                  background-color: rgba(0,0,0,.1);
                  color : white;
              }