/* TEXTO RESPONSIVO*/
.fa {
  padding: 10px;
  font-size: 30px;
  width: 40px;
  text-align: center;
  text-decoration: none;
}

#facebook{
  color:white;
  background-color: #2e62e3;
  border-radius: 60%;
}
/* SECCIONES */

#master_div{
  background-color: #18398d;
  width: 100%;
  height: 2000px;
}

#div-sep{
  background-color: #000000;
  top: 200px;
  width: 100%;
}


#div-sep2{
  background-color:#212f57;
}
/* DIV 1 START ********************************************************************/

#div1{
  background-image: url("public/principal1.png");
  background-color: #cccccc;
  height: 22%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

      #div1_box{
        background-color: #00000058;
        color: white;
        font-family: 'Montserrat';
        font-weight: 800;
        max-width: 500px;
      }
/* DIV 1 END **********/



/* DIV 2 START ********************************************************************/
#div2{
  background-image: url("public/col-md-6.png");
  background-color:#212f57;
  height: 600px;
  width: 100%;
  background-position: 10%,120px;
  background-repeat: no-repeat;
  background-size: 500px 300px;
  position: relative;
}

    #div2_box{
      color: white;
      font-family: 'Montserrat';
      font-weight: 800;
      max-width: 500px;
    }


@media only screen and (max-width: 880px) { /* Cuando la pantalla es menor a*/

  #div2{
    background-size: 100% 95%;
  }

  #div2_box{
    float:left; 
    width:100%;
    position: absolute;
    background-color:#0000006b;
    background-size: 100%;
  }
}

/* DIV 2 END *********/




/* DIV 3 START ********************************************************************/
#div3{
  background-color:#212f57;
}
    #div3_box{
      color: white;
      font-family: 'Montserrat';
      font-weight: 800;
      max-width: 500px;
    }
/* DIV 3 END *********/




/* DIV 4 START ********************************************************************/
#div4{
  background-color: #a504aa;
  background-image: linear-gradient( #8e1bbb,#243465);
  height: 500px;
  width: 100%;
}

    #div4_box{
      color: white;
      font-family: 'Montserrat';
      font-weight: 800;
      max-width: 500px;
    }

#btn_click_suerte{
  width:60%;
  height:34px;
  color: #181c51;
  font-size: 13px;
  min-width: 90%;
  border: none;
}

#btn_comprar_boletos{
  width:60%;
  height:34px;
  color:white;
  background-color: #181c51;
  border: none;
  font-size: 13px;
  border-radius: 4px;
}

/* DIV 4 END *********/
/* --*/


/* DIV 5 START ********************************************************************/

#div5{
  background-color:#212f57;
  height: 500px;
  width: 100%;
  background-image: url("public/principal3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70% 70%;
  position: relative;
}

#prox_rifa{
  background-color: #181c51;
  text-align: center;
}
/* DIV 5 END *********/


/* DIV 6 START ********************************************************************/
#div6{
  /*background-color:#212f57;*/
  background-color:#212f57;
  width: 100%;
  position: relative;
}

   #news{
     color:#7cc5fc;
     font-size:19px
    } 
      
   #unet{
     color:#ffffff;
     font-size:31px
    } 

    #reci{
      color:#ffffff;
      font-size:24px;
      font-weight: 1 !important; 
    } 
/* DIV 6 END *********/


/* Footers start  ******* ******* ******* ******* ******** *******/


#foot_m{
  color: #000000;
}





/* #footer_pc{
  display: none;
  background-color:#17203b;
  color: white;
  font-family: 'Montserrat';
  font-weight: 800;
  bottom: 0px;
  width: 100%;
  left: 0;
}

#footer_mov{
  background-color:#2b53ca;
  color: white;
  font-family: 'Montserrat';
  font-weight: 100;
  bottom: 0px;
  width: 100%;
  left: 0;
  display: none;
} */



@media only screen and (max-width: 780px) { /* Cuando la pantalla es menos a*/

  #footer_pc{
    display: none;
  }

  #footer_mov{
    display: block;
  }
  

 }



/* Footers end * ******* ******* ******* ******* ******* *******/

.lin{
  color: white;
  font-size: 16px;
  font-weight: 100;
}


.lin2{
  color: black;
  font-size: 16px;
  font-weight: 100;
}

.text-uppercase{
  font-size: 23px;
  font-weight: 800;
}

#bottom{
  background-color: white;
  color: #2e2d2d;
  height: 400px;
}

/* Barra inferior*/

#bot1{
  background-color: #3c8676;
  position: fixed;
  bottom: 0;
  height:16%;
  width: 100%;
}
#bot2{
  background-color: #3f5c56;
  position: fixed;
  bottom: 0;
  height:5%;
  width: 100%;
}
/* */




/* @media only screen and (max-width: 780px) { /* Cuando la pantalla es menor a*/
/*   #txt_bien_a{
    color:white;
    font-size: 3vw;
  }  */



/*   #txt_bien_b{
    color:white;
    font-size: 2vw;
  }  */


/* CSS de la barra de navegacion */


body{
  background-color: #04AA6D;
}

.nav-link{
    color: white;
}

.navbar a{
    /*font-family: Verdana !important;*/
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: medium;
}

#bg-r{
  position: absolute;
}

#log_link{
    top: 40px;
}
#log_link2{
  top: 40px;
}


.regbtn{
  /* height:5em; */
}

#log_link3{
  top: 40px;
  font-size: large;
}
#btn_reg {
    background-color: #181c51; /* Blue */
    border: none;
    color: white;
    font-family: 'Montserrat';
    font-weight: 800;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 16px;
} 

#bien4{
  left: -31px;
  top: 32px;
}


#btn_conoc {
  background-color: #181c5100; /* Blue */
  border: 2px solid #ffffff;
  color: white;
  font-family: 'Montserrat';
  font-weight: 800;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 16px;
  
} 

#btn_conoc:hover {
  background-color: #4CAF50;
  color: white;
} 


/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    display: block;
    /*color: #f2f2f2;*/
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Add an active class to highlight the current page */
  .topnav a.active {
    background-color: #04AA6D;
    color: white;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }

  .topnav-right {
    float: right;
  }



/* Top bar movil----START*/
#topbar_mov_container{
  background-color: #181c5163;
  position: fixed;
  top: 0px;
}

#topbar_mov ul{
    list-style-type: none;
    position: absolute;
    left: 0px;
    top:0px;
    /*left: 99px;*/
    background-color: #0c0e2aac;
    width: 100%;
}

#topbar_mov li{
  display: inline;
  float: right;

  padding: 5px;
  padding-left: 10px;
  padding-top: 10px;
}

#topbar_mov button{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 14px;
    padding: 1px;
    color: white;
    background-color: #181c51;
    border: none;
    border-radius: 4px;
}
/* Top bar movil-----FIN*/


/* Botbar ordenador ---------START*/
#botbar_container{
  background-color: #181c51;
  bottom: 0;
}


.botbarsec{
  font-family: 'Montserrat';
  color: white;
  font-size: 13px;
  font-weight: 800;
  text-align: center;

}

.botbarsec ul{
  list-style-type: none;
}

#botli li{
  display: inline;
}


/* Botbar ordenador ---------FIN*/



/* ----------------- */
@media only screen and (max-width: 780px) { /* Cuando la pantalla es menor a*/
  .topnav {
        display: none;
    }


#footers_pc{
  display: none;
}

  #nav_id{
      display: none;
    }

  #btn_reg{
    display: none;
  }
  #btn_conoc{
    display: none;
  }
  #logoroyal6{
    width: 80%;
    height: 80%;
    max-width: 50%;
    z-index: -1;
  }

  #bgr{
    z-index: -1;
  }
  #bg{
    width: 100%;
    height: 320px;
  }
  #sec2{
    margin-left:0px;
        right: 0%; 
        top: 317px;
  }

}




/* ------------------------------------------------------------ --------------------------------------------------------------------------------------------*/



@media only screen and (min-width: 780px) { /* Cuando la pantalla es mayor a*/
  #topbar_mov {
      display: none;
  }



  #logoroyal6{
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  #bg{
    width: 100%;
    height: 110%;
    filter: brightness(70%);
  }

  #sec2{
    float: right;
    top: 500px;
  }

}
/* --------------- */



  .nav_ul{
    z-index: 800;
  }



  


  #creando_op{
    background-color: #1B75BB;
    position: absolute;
    /*height: 1000px;*/
    background-image: linear-gradient( #1B75BB,#243465);
  }


  #nav_id.scrolled {
    background-color: #07082ba6 !important;
    transition: background-color 50ms linear;
  }

  
  
  #nav_id.scrolled22 {
    background-color: #07082bd3 !important;
    transition: background-color 50ms linear;
  }

  #creando_op_txt{
    color: white;
    font-family: 'Montserrat' !important;
    font-weight: 800;

  }



  #logoroyal7{
    /*width: 50%;*/
    /*height: 50%;*/
    z-index: -1;
    filter: brightness(70%);
  }

  #nu_srt{
    color: white;
    font-family: 'Montserrat' !important;
    font-weight: 800;
    font-style: italic;

  }
  #conoce_sort{
    background-color: #26335D;
  }