@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('font/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('font/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('font/MYRIADPRO-BOLD.woff') format('woff');
}
a
{
  text-decoration: none; 
  color:inherit;
}
html
{
  font-size: 15px;
  letter-spacing: -.05rem;
}

body
{
  margin: 0px;
  font-family: "Myriad Pro Regular";
}
p 
{
  display: block;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
ul 
{
  display: block;
  list-style-type: disc;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
strong
{
  font-family: "Myriad Pro Semibold" !important;
}
div
{
  box-sizing: border-box;
}

.principal
{
  width: 1366px !important;
  margin: auto;
}

/* Esto es para el header */
.headerHome
{
  width: 100%;
  height: 38.46rem;
  background-image: url(header5.jpg);
  position: relative;
  background-position: center;
  background-size: cover;
}

.headerHomeLogo
{
  width: 5.4rem; /* 81 */
  left: 5.86rem; /* 88 */
  top: 2.93rem;  /* 44 */
  position: absolute;
}
.headerInterior
{
  width: 100%;
  height: 12.53rem;
  position: relative;
  background-image: radial-gradient(#472064,#321359,#2c1a46,#2c1a46);

}
.headerInteriorLogo
{
  position: absolute;
  right: 8.13rem;
  top: 2.66rem;
  width: 5.47rem;
  height: 6.13rem;
}
.headerInteriorLogoBoteo
{
  position: absolute;
  left: 5.8rem;
  top: 4.2rem;
  width: 16rem;
}
.headerInteriorBarra
{
      width: 100%;
    margin: auto;
  height: 2.66rem;
  background-color: #FFCC00;
  border-bottom: .267rem solid #B28D00;
}
.headerInteriorCorto
{
  width: 100%;
  height: 4.5em;
  position: relative;
  font-size: 1.5rem;
}
.headerInteriorCortoLogo
{
  position: absolute;
  left: 1em;
  top: .15em;
  width: 4em;
  height: auto;
}
.headerInteriorCortoBoton
{
  position: absolute;
  top: 1.5em;
  right: 1em;
  width: 5em;
  height: 1.2em;
  text-align: center;
  color:#fff;
  background-color: #FFCC1A;
}

/* Este es para el menú */
.menuHome
{
  position: absolute;
  top: 10.86rem;
  right: 5rem;
  font-family: "Myriad Pro Bold";
  color: white;
}
.menuHomeBoton
{
  margin: 0 0.67rem;
  cursor: pointer;
  transition: all .5s ease;
  display: inline-block;
}
.menuHomeBoton:hover
{
  color:#FFCC1A;
  transform: scale(1.1,1.1);
}

/* footer */
.footer
{
  width: 100%;
  height: 12.47rem;
  position: relative;
		background-image: url(footer4.jpg);

}
.menuFooter
{
  position: absolute;
  left: 9.13rem;
  top: 4.33rem;
  height: 3.67rem;
  width: 53.13rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.menuFooterBoton
{
  font-size: 1.33rem;
  width: 30%;
  margin-right: .67rem;
  height: 1.33rem;
  display: inline-block;
  background-image: url(corazon.png);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding-left: 1.87rem;
  cursor: pointer;
  color: white;
  margin-bottom: 1.33rem;
}
.menuFooterBoton:hover
{
  color:#FFCC1A;
}
.datosFooter
{
  font-size: 0.87rem;
  position: absolute;
  top: 1.2rem;
  right: 1.93rem;
  width: 20rem;
  height: 10.6rem;
  color: white;
  line-height: 1.46rem;
}
.logoFooter
{
  width: 3.66rem;
  height: 4.13rem;
  margin-bottom: 0.2rem;
}


/* formulario */
.contenedorFormulario
{
  font-size: 2.67rem;
  margin: auto;
  margin-top: 4.2rem;
  margin-bottom: 4.2rem;
  color: #333333;
  text-align: center;
}

.campoFormularioContenedor
{
  margin-bottom: .67rem;
}
.labelFormulario
{
  display: inline-block;
  width: 30%;
  text-align: left;
  font-size: 2.33rem;

}
input[type='text']
{
  font-size: 2.33rem;
  border-bottom: .067px solid #333;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #333;
  width: 45% !important;
}
.textareaReto
{
  font-size: 2.33rem;
  border-bottom: .067px solid #333;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #333;
  width: 45% !important;
  font-family: "Myriad Pro Regular" !important;
  height: 9rem;
}
.imagenForm
{
  width:45%; 
  display:inline-block;
  font-size: 2rem;
}
.imagenFormMain
{
  width:20rem !important; 
  height:20rem !important;
}
.errorCret
{
  border-bottom: .133px solid #f00 !important;
}
.campoFormularioContenedor input
{
  width:50%;
}
input[type='text']:focus
{
  outline: none;
}
.campoFormularioRecibo
{
  margin-bottom: 3rem !important;
}

/* Menu iniciativas */
.menuIniciativas
{
  font-size: 2.6rem;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: .67rem 3rem;
  border-top: .133rem solid #2F1A45;
  border-bottom: .133rem solid #2F1A45;
  padding: 1.067rem 1.133rem .8rem 1.13rem;
  font-family: "Myriad Pro Semibold";
  color: #666666;
  text-align: center;
}
.barraMenuIniciativas
{
  width: .133rem;
  background-color: #2F1A45;
  height: 2.67rem;
}
.botonMenuIniciativas
{
  transition: all .5s ease;
  cursor: pointer;
}
.botonMenuIniciativas:hover
{
  color:#FFCC1A;
  transform: scale(1.1,1.1);
}



/* Genericos */
.headerFooterFondo
{
  /*background-image: linear-gradient(to right, #6A1F75, #611E6E, #4A1C5B, #2F1A45);*/
	background-color: #2c1a46 !important;
  width: 100% !important;
}
.negrita
{
  font-family: "Myriad Pro Bold";
}
.centrar
{
  text-align: center;
}
.creaBote
{
  font-size: 6.13rem;
  margin: 3.2rem 1.8rem;
  color: #2F1A45;
  font-family: "Myriad Pro Semibold";
  font-weight: normal !important;
}
.textoDescripcion
{
  font-size: 2.53rem;
  color: black;
  line-height: 2.53rem;
}
.contenedorBotonsotes
{
  width: 57%;
  margin: auto;
  font-size: 3.13rem;
  color: #333;
}
.botonsote
{
  font-size: 2.6rem;
  width: 45%;
  background-color: #6A1F75;
  color: white;
  text-align: center;
  padding: 2.87rem 0;
  margin-top: 2.87rem;
  cursor: pointer;
  transition: all .5s ease;
  display: inline-block;
}
.botonsote:hover
{
  color:#FFCC1A;
  transform: scale(1.1,1.1);
}
.botonsoteDerecho
{
  float: right !important;
}
.botonsoteAmarillo
{
  background-color: #FFCC1A !important;
  color: #6A1F75 !important;
  cursor: default !important;
}
.botonsoteAmarillo:hover
{
  transform: scale(1,1) !important;
}
.botonsotePeque
{
  padding: 1.8rem 0 !important;
  width:28% !important;
}
.botonsoteMedio
{
  padding: 1.8rem 0px !important;
  width:40% !important;
}
.botonsito
{
  font-size: 1.5rem;
  padding: 1rem 1rem;
  width: auto;
  display: inline-block;
}
.titulo
{
  color: #2F1A45;
  font-size: 3.73rem;
  font-family: "Myriad Pro Bold";
  margin: 2.8rem 3rem 0 3rem;
}
.subtitulo
{
  color: #FFCD00;
  font-size: 4.6rem;
  font-family: "Myriad Pro Bold";
  margin: -1.67rem 3rem 2.8rem 3rem;
}
.t20
{
  color: #4D4D4D;
  font-size: 1.33rem;
  font-family: "Myriad Pro Regular" !important;
}
.t20B
{
  font-family: "Myriad Pro Bold" !important;
}
.t25
{
  font-size: 1.67rem;
}
.t25B
{
  color: #333333;
  font-size: 1.67rem;
  font-family: "Myriad Pro Bold";
}
.t25SB
{
  color: #333333;
  font-size: 1.67rem;
  font-family: "Myriad Pro Semibold";
}
.tjust
{
  text-align: justify;
}

.tAviso
{
  color: #999999;
  font-size: 1.2rem;
}
.tAvisoPeque
{
  color: #999999;
  font-size: .93rem;
  text-align: center;
}
.tAvisoPequeD
{
  text-align: left;
}
.bMas
{
  width: 1.67rem;
  height: 1.67rem;
  display: inline-block;
  margin-left: 0px;
  margin-top: -.133px;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
  background-image: url(bMas.png);
  cursor: pointer;
}
.tooltip 
{
  position: relative;
  display: inline-block;
}
.tooltip .tooltiptext {
  opacity: 0;
  width: 12rem;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 0.4rem;
  padding: .33rem .33rem;
  position: absolute;
  z-index: 1;
  font-size: .93rem;
  margin-top: -2rem;
  margin-left: 2rem;
}
.tooltip:hover .tooltiptext 
{
  opacity: 1;
  transition: all .5s ease;
}
input[type='radio']
{
  margin-right: .67rem !important;
}
input[type='radio']:after 
{
  width: 1.66rem;
  height: 1.66rem;
  border-radius: 1.66rem;
  top: -.67rem;
  left: -.67rem;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: .13rem solid white;
}
input[type='radio']:checked:after {
  background-color: #2F1A45;
}

input[type='checkbox']
{
  margin-right: 10px !important;
}
input[type='checkbox']:after 
{
  width: 1.33rem;
  height: 1.33rem;
  top: -.53rem;
  left: -.53rem;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: .13rem solid white;
}
input[type='checkbox']:checked:after {
  background-color: #2F1A45;
}
.botonesEquipo
{
  margin-right: 2rem;
  float:right;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.botonEquipo
{
  font-size: 1.6rem;
  background-color: #6A1F75;
  color: white;
  text-align: center;
  padding: .7rem 1rem;
  cursor: pointer;
  transition: all .5s ease;
  display: block;
  margin-right: 2rem;
  float:right;
  border-radius: 1.3rem;
  border: .3rem solid #FFCC1A;
}
.botonEquipo:hover
{
  border: .3rem solid #6A1F75;
  background-color: #FFCC1A;
}

/* Detalle */
.detalle
{
  margin: 3.46rem 1.86rem 3.46rem 3.13rem;
}
.detalleTitulo
{
  font-size: 4.67rem;
  color: #2F1A45;
  font-family: "Myriad Pro Semibold";
}
.detalleSubtitulo
{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 3.67rem;
  color: #4D4D4D;
}
.detallePesos
{
  font-size: 2rem;
}
.detalleCantidad
{
  font-family: "Myriad Pro Bold";
  color: #333333;
  font-size: 3.33rem;
  vertical-align: middle;
  display: inline-block;
  margin-top: 0.16rem;
}
.detallePrincipal
{
  width:100%;
  margin-top: 1.33rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.iDet
{
  position: relative; 
  top: 0; 
  left: 0;
  margin-bottom: .66rem;
}
.iDet1
{
  position: relative;
  top: 0;
  left: 0;
}
.iDet2
{
  position: absolute;
  top: 0;
  left: 0; 
  height: 100%;
  width: 100%;
}
.cambiarMarcoContenedor
{
  display: none;
  text-align: center;
}
.cambiarMarcoContenedor img
{
  width: 22% !important;
  cursor: pointer;
  margin-right: .5rem;
}
.botonCambiarContenedor
{
  font-size: 1.1rem;
  background-color: #9e86b7;
  color: #FFF;
  border-radius: .8em;
  padding: .3em .6em;
  height: 1.6em;
  margin:auto;
  cursor: pointer;
  margin-bottom: 1em;
  text-align: center;
  width: 50%;
}
.botonCambiarContenedor:hover
{
  background-color: #2F1A45;
}
.dIzq
{
  width: 67%;
}
.dIzqS
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dIzqI
{
  width: 37%;
}
.dIzqI img
{
  width: 100%;
  margin-bottom: .66rem;
}
.dIzqC
{
  width: 60%;
  color: #333333;
}
.dIzqC p
{
  margin-top:0px;
}
.dDer
{
  width: 28%;
}
.dDerImagen
{
  width: 100%;
  margin-bottom: .66rem;
}
.dRenglon
{
  padding-bottom: 0.66rem;
  padding-top: 0.66rem;
  border-bottom: 0.06rem solid #4D4D4D;
}
.dRenglonCol
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.dRenglonTop
{
  margin: 1.67rem 0 .67rem 0;
}
.dRenglonCantidades
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dRenglonUsuarios
{
  margin-bottom:.5rem !important; 
  margin-top:.7rem !important; 
}
.dIconoD
{
  margin-right: 0px;
  width: 1.067rem;
  height: 1.067rem;
  cursor: pointer;
}
.bulletsIniciativaInterior:nth-of-type(odd) 
{
	background-color:#f3f3f3;
	border-bottom: .067rem solid #e6e6e6;
	color:#565656;
}
.bulletsIniciativaInterior:nth-of-type(even) 
{
  background-color: #e6e6e6;
  border-bottom: .067rem solid #e6e6e6;
  color:#565656;
}
.bulletsIniciativaInterior 
{
	display: block;
	padding:.66rem;
	text-align:left;
}
.bulletsIniciativaFront
{
	border: .067rem solid #999999;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	padding: 1rem 1rem;
  font-size: 1.6rem;
}
.bulletsIniciativaInteriorFront
{
	color: #565656;
	margin-bottom: .66rem;
}
.bulletsIniciativaInteriorFront strong {
    color:#515151;
}
.punto_fil 
{
  float: left;
  width: .8rem;
  height: .8rem;
  background-color: #9b539c;
  margin: .4rem .3rem 0 0;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border-radius: .4rem;
}
.botonVerMasIniciativa
{
	font-size: 1.1rem;
	color: #ffffff;
	margin: 1rem 0 .5rem;
	cursor: pointer;
	width: 12rem;
	text-align: center;
	background-color: #2F1A45;
	padding: .4rem;
  padding-top: .5rem !important;
}
.botonVerMasIniciativa:hover 
{
	background-color:#FFCC1A;
}
.imgFormas img
{
  height: 1.5rem !important;
  width: auto !important;
}
.imgFormas ul
{
  padding-left: 1.5rem;
}
.imgFormas ol
{
  padding-left: 1.5rem;
}


/* Donar */
.realiza
{
  color: #333333;
  font-family: "Myriad Pro Semibold";
  margin: auto;
  width: 40%;
}
.realizaC
{
  font-size: 3.87rem;
}
.realizaD
{
  font-size: 6.4rem !important;
  margin-top: -2rem;
}
.donarForm
{
  width: 100%;
  margin: auto;
}
.donarForm input[type='text']
{
  font-size: 1.73rem;
  width:43% !important;
  margin-right: 5%;
  margin-bottom: .67rem;
  color: #4D4D4D;
}
.metodoPago
{
  color: #4D4D4D;
  font-size: 1.73rem;
  margin-bottom: 1.33rem;
}
.metodoPagoSelecciona
{
  margin-top: 2.67rem;
  margin-bottom: 2rem;
}
.cuadroDonar
{
  border: .067rem solid #2F1A45;
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 2rem;
  margin-top: 1.33rem;
}
.cuadroDonarCampos
{
  width:55%; 
  margin: auto
}
.cuadroDonarLateral
{
  width: 100% !important;
  margin-top: .67rem !important;
  margin-bottom: .67rem !important;
}
.cuadroDonar input[type='text']
{
  padding: .27rem .33rem 0 .33rem;
  font-size: 1.67rem;
  color: #2F1A45;
  font-family: "Myriad Pro Regular";
  border:none !important;
  width:50% !important;
  text-align: center;
  margin: 0px !important;
}
.cuadroDonarPesos
{
  margin-top:.9rem; 
  color:#aaaaaa; 
  font-size: 1.67rem;
  margin-left: .5rem;
}
.botonDonar
{
  padding: .8rem 0 .53rem 0;
  background-color: #2F1A45;
  font-family: "Myriad Pro Bold";
  font-size: 1.67rem;
  color: #FFFFFF;
  width:50%;
  text-align: center;
  cursor: pointer;
}
.botonDonar:hover
{
  color:#FFCC1A;
}
.error
{
  background-color: #ff000050;
  text-align: center;
  margin-bottom: 2rem;
  width: 100%;
  color: white;
  padding: .6rem .5rem .4rem .5rem;
}
.error:empty
{
  display: none;
}
.masMenosDonadores
{
  width: 1.5rem;
  margin-left: 0.6rem;
  height: auto;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  margin-top: -0.1rem;
}
.imagenDonarUsuario
{
  width: 9rem; 
  height: auto; 
  float: left; 
  margin-right: 1rem; 
  text-align:center
}
.imagenDonarUsuario img
{
  width:100%;
}
.dRenglonAcciones
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 0.33rem !important;
}
.botonAccion
{
  font-size: 1.1rem;
  background-color: #9e86b7;
  color: #FFF;
  border-radius: .8em;
  padding: .3em .6em;
  height: 1.6em;
  margin-right: .5em;
  cursor: pointer;
  margin-bottom: .3em;
}
.botonAccion:hover
{
  background-color: #2F1A45;
}
.morado
{
  background-color: #2F1A45 !important;
}
.morado:hover
{
  background-color: #9e86b7 !important;
}
/* acreedores */
.acre_div
{
  width: 100% !important;
}
.indicadorEstrellas
{
  font-size: 2rem;
  text-align: center;
  font-family: "Myriad Pro Semibold";
  margin-top: 1rem;
  color: #333333;
  border-radius: .3rem;
}
.acre_div_interior
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 1rem 1rem 0 1rem;
  background-color: #eee;
  font-size: 1.3rem;
  border-bottom: .067rem solid #333;
  color: #4D4D4D;
}
.div_imput
{
  font-family: "Myriad Pro Regular";
  margin-right: .5em;
  margin-bottom: .5em;
}
.div_imput select
{
  font-size: 1em;
}
.div_imput input[type='text']
{
  font-size: 1em !important;
  border: .0677em solid #333333;
  margin-bottom: 0;
}
.tit_acre
{
  font-family: "Myriad Pro Bold";
  font-size: 1em;
  width: 100% !important;
  margin-bottom: .5em;
}
.errorCretLabel
{
  color:#F00 !important;
  font-family: "Myriad Pro Regular";
  font-size: .7em;
}


/* menu categorias */
.menuCategorias
{
  font-size: 1.5rem !important;
  margin: 0rem 3rem;
  padding: .5rem;
  padding-top: .8rem;
  text-align: center;
  color: #999999;
}
.menuCategoriasDetalle
{
  margin-right: 1rem;
  display: inline-block;
}
.menuCategoriasDetalleSel
{
  color:#2F1A45 !important;
}
.menuCategoriasDetalle:hover
{
  color:#FFCD00;
}
.menuCategoriasTitulo
{
  font-family: "Myriad Pro Bold";
}
.menuCategorias select
{
  font-size: 1.3rem !important;
  height: 1.8rem !important;
  border: .067rem solid #999999 !important;
  color: #999999;
}
.menuCategoriasInput
{
  font-size: 1.3rem !important;
  border: .067rem solid #999999 !important;
  display: inline-block !important;
  color: #999999 !important;
}
.menuCategoriasInput::placeholder
{
  color: #999999;
}
.menuCategoriasImagen
{
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  cursor: pointer;
}
.menuCategoriasImagen2
{
  width: 1.4rem !important;
  height: 1.4rem !important;
  vertical-align: middle;
  cursor: pointer;
}

/* paginador */
.pagina_div
{
  color:white;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 2rem 2.53rem 2rem;
}
.num_pag
{
  background-color: #333333;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 1.1rem;
  font-size: 1.3rem;
  text-align: center;
  vertical-align: middle;
  margin-left: .5rem;
  padding-top: .4rem;
}
.pag_actual
{
  background-color: #FFCD00;
}


/* indice */
.indice
{
  margin: .5rem 2rem 0rem 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.indiceElemento
{
  font-size: 2.13rem;
  width: 23% !important;
  border: 0.031em solid #333;
  margin-bottom: .93em;
  position: relative;
  cursor: pointer;
  transition: all .5s ease;
}

/*
.indiceElemento:hover
{
  transform: scale(1.1,1.1);
}*/
.indiceElemento:hover .indiceBoton
{
  color: white;
  background-color: #6A1F75;
}
.indiceImagenContenedor
{
  position: relative;
  width: 100%;
  padding-top: 100%; /* este valor cambia la proporcion */
}
.indiceImagen
{
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-bottom: 0.031em solid #333;

}
.indiceContenido
{
  margin: .25em .376em;
}
.indiceDatos1
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: .53em;
  color: #4D4D4D;
}
.indiceDatos1 img
{
  vertical-align: middle;
  width: .83em !important;
}
.indiceNombre
{
  color: #2F1A45;
  font-size: 1em;
  font-family: "Myriad Pro Semibold";
  margin-top: .31em;
  margin-bottom: 3.37em;
  line-height: 1em;
}
.indiceAbajo
{
  font-size: .47em;
  position: absolute;
  bottom: 3.9em;
  right: .75em;
  left: .75em;
  color: #4D4D4D;
}
.indiceTitular
{
  margin-bottom: .09em;
}
.indiceDatos2
{
  vertical-align: middle;
}
.indiceBoton
{
  position: absolute;
  bottom:0px;
  left:0;
  right:0;
  color: #2F1A45;
  font-size: 1em;
  font-family: "Myriad Pro Bold";
  padding-top: .21em;
  padding-bottom: .14em;
  text-align: center;
  border-top: .031em solid #333;
  cursor: pointer;
}
.indiceBoton:hover
{
  color: white;
  background-color: #6A1F75;
}
.nencontrado
{
  width: 100%;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 3rem;
  margin-top: 3rem;
}
.nencontrado img
{
  width: 100%;
  max-width: 400px;
}

/* Videos */
.video-responsive 
{
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 2rem;
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed 
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.indiceBoton
{
  margin-top: 0px;
}

/* dona */
.selectDona
{
  margin-right: 2rem; 
  margin-left: 2rem; 
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.bannerDona
{
  margin-top:0px !important; 
  margin-bottom:1.5rem !important;
}
.bannerDona img
{
  width: 100%;
}


/* menuMovile */
.menuMovilContenedor
{
	width:100%;
	height: 100%; 
	position:fixed;
	left:0px;
	top:0px;
	background-color:#000000cc; 
	z-index:3000; 
  display: none;
}
.menuMovilSombra
{
	width:10%;
	height: 100%;
	cursor: pointer;
}
.menuMovil
{
	border-top: .4rem solid #ffffff;
	background-color: #230951 !important;
/*  background-image: linear-gradient(to right, #6A1F75, #611E6E, #4A1C5B, #2F1A45); */
	width:90%; 
	height: 100%; 
	position: fixed; 
	padding: 2rem; 
	right:0px; 
	top:0px;
	font-size: 3.5rem;
	color:#ffffff;
	line-height: 8rem;
}
.menuMovil img
{
	width:30rem;
	margin-bottom: 1rem;
}
.menuMovil li
{
	margin-left: 20px;
}
.menuMovilCerrar
{
	position:fixed !important;
	right: 2rem !important;
	top: 2rem !important;
	width: 5rem !important;
	height: 5rem !important;
	cursor: pointer;
}


.overlay
{
  position: fixed;
  background-color: #000000dd;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; 
  z-index: 50;
  display: none;
}
.overlayLoader
{
  position: fixed;
  z-index: 103 !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; 
  display: none;
}
.overlayLoaderImagen
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.overlayLoaderTexto
{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  text-align: center;
  display: none;
}


.ventana
{
  border-radius: 10px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 104;
  width: 90%;
  height: 90%;
  max-width: 450px;
  max-height: 600px;
  background-image: linear-gradient(to right, #6A1F75, #611E6E, #4A1C5B, #2F1A45);
  display: none;

}
.ventanaCerrar
{
	position:absolute !important;
	right: 5px !important;
	top: 5px !important;
	width: 30px !important;
	height: 30px !important;
	cursor: pointer;
}




pie {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  background-color: #6A1F75;
  border: 1px solid #4D4D4D;
  float: left;
  margin: 1rem;
}

.alcancia
{
  position: relative;
  width: 2.8rem;
  height: 3.13rem;
  display: inline-block;
  vertical-align: middle;
}

.alcanciaPeque
{
  position: relative;
  width: 21px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
}

.alcanciaImagen
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-image: url(alcanciaVacia.png);
  background-size: cover;
  z-index: 2;
}
.alcanciaColor
{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #6A1F75;
  z-index: 1;
}