h1,h2,h3,h4,h5,h6{
  font-family: 'Roboto', sans-serif;
}

body{
  margin: 0;
}

a{
  text-decoration: none !important;
}

.panorama {
  width: 100%;
  height: 400px;
  position: relative;
}


/* mis estilos */

.noMargen{
  margin: 0 !important;
}

.noPadding{
  padding: 0 !important;
}

.top5{
  margin-top: 5%;
}

.top4{
  margin-top: 4%;
}

.top1{
  margin-top: 1%;
}

.top2{
  margin-top: 2%;
}

.top3{
  margin-top: 3%;
}

.top10{
  margin-top: 10%;
}



.bg1{
  background-color: #8ac440;
}

.bg2{
  background-color: #222222;
}

.textColor1{
  color: #ffffff;
}

.imgCanales{
  padding: 20px;
}


.siempreAlto{
  height: 100%;
}


#btnInvitacion{
  font-size: 40pt;
  padding: 10px;
  /*background-color: #8ac440;*/
}

#imgRegistroBtn{
  right: 0;
}

/* estilos footer */

footer div{
  padding: 0px;
  margin-top: 50px;
  text-align: center;
  color: #ffffff;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  background-color: #222222;
}

footer div p{
  margin-bottom: 0px;
  font-size: 12pt;
}

/* modal registro */


#modalRregistro{
  background-color: #8ac440;
  padding: 10px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

#modalRregistro .close{
  padding: 10px;
  border-radius: 55%;
  background-color: #ffffff;
}

#modalRregistro input{
  border-radius: 0px;

}

#modalRregistro select{
  width: 100%;
  height: 34px;
}

#modalRregistro h3, label{
  color: #ffffff;
}



hr {
  border: 1px solid #ffffff !important;
  max-width: 75%;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
      .noShow{
        display: none;
        margin: 0px;
      }

      #btnInvitacion{
        font-size: 20pt;
      }

      .ancho80{
        width: 80%;
      }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }