@import url('fonts.css');
@import url('forms.css');
/**@import url('secciones.css');**/


    html, body { border: 0px; padding: 0px; margin: 0px; width: 100%; color: #ffffff; 
        font-family: 'normal';  height: 100%; font-weight: 200;}
    .bgVerde {background-color: #11A950; text-align: center;  }
    .bgRosa {background-color: #E01B8E; text-align: center; }
    .bgMorado {background-color: #6D4C9E; text-align: center;  }
    .baz { width: 100%;   margin: 0 auto; padding: 10px 0px 0px 0px;  position: fixed; bottom: 0px;
         background-repeat: no-repeat; background-position: top center; background-size: 500px auto;}
    .centrador { width: 100%;   margin: 0 auto; max-width: 400px; height: 70px; position: relative;}
    .centrador img {position: relative; bottom: -4px; width: 100%;}
    .dejate { font-size: 18px; padding-top: 24px;}
    .red { font-size: 26px; color: #DBF37E; font-weight: bold;}
    .disfruta { font-size: 14px; padding: 10px; width: 200px; margin: 0 auto; }
    .mainImg {width: 100%; max-width: 400px;}
    .primeros { font-size: 18px; width: 230px; margin: 0 auto;  }
    .aceptar { font-size: 11px; padding: 19px; }
    a { color: #ffffff; font-weight: bold; }
    .btn { font-size: 18px; color: #DBF37E; padding-top: 25px;}

    .inicia {font-size: 14px;}
    .btnVerde {  color: #DBF37E; font-weight: bold;}
    .usar { font-size: 8px;  margin: 0 auto; max-width: 250px;}
    .bazRosa {padding-top: 25px; max-width: 95px;}
    .morado {max-width: 180px !important;}
    .contesta { font-size: 24px; font-weight: bold; padding: 25px 35px 10px 35px;  margin: 0 auto; max-width: 320px;}
    .breve {font-size: 14px;   margin: 0 auto; max-width: 300px; }
    .moverTop { position: relative; top: -30px; max-width: 350px;}
    .sigue {color: #DBF37E; font-size: 22px ; font-weight: bold; padding: 14px 0px 10px 0px;}
    .sombra {box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .4); margin-bottom: 25px;  width:  95%; max-width: 290px;}

    .formulario { text-align: left; margin: 0 auto; width: 95%; max-width: 320px; font-size: 14px; }
    .elLabel {padding: 35px 0px 7px 0px   ; }
    .input { display: block; }
    .paraOtra { display: none;}
    .ver { display: block;}


.continuar_2
   {
   border: none;
   outline: none;
   background: none;
   cursor: pointer;

   color: #DBF37E;
   padding: 0px;
   font-size: 20px;
   margin: 0px;

   cursor: pointer;
   }





    @media only screen and (max-height: 770px) {
  .baz {
     position: relative;
     margin-top: 35px;
  }

/*** Para el tag BUTTON, esto hace que el boton se vea como un HREF ***/
.continuar
   {
   border: none;
   outline: none;
   background: none;
   cursor: pointer;

   color: #DBF37E;
   padding: 0px;
   font-size: 20px;
   margin: 0px;

   cursor: pointer;
   display: none;
   }

.continuar_2
   {
   border: none;
   outline: none;
   background: none;
   cursor: pointer;

   color: #DBF37E;
   padding: 0px;
   font-size: 20px;
   margin: 0px;

   cursor: pointer;
   }


.continuar_PROD
   {
   border: none;
   outline: none;
   background: none;
   cursor: pointer;
   color: #0000EE;
   color: #DBF37E;
   padding: 0;
   text-decoration: underline;
   text-decoration: none;
   font-family: inherit;
   font-size: inherit;

   margin: 18px 0px;

   cursor: pointer;
   display: none;
   }


      .info,
      .success,
      .warning,
      .error,
      .validation {
         border: 1px solid;
         margin: 10px auto;
         padding: 15px 10px 15px 50px;
         background-repeat: no-repeat;
         background-position: 10px center;
         max-width: 460px;
         }

      .err_mk {
         color: #D8000C;
         background-color: #FFBABA;
         /*background-image: url('https://i.imgur.com/GnyDvKN.png');*/
         }

    .err_mk_o:before{
       font-family: FontAwesome;
       content: '\f057';
       font-size: 24px;
       color: #D8000C;
      }




}