body{
   /* background: url(../img/fondoIndex.jpg)repeat-x top left;
    background: url(../img/fondoCabecera62.png)repeat-x top center;*/
    background: url(../img/fondo-formOTROFONDO.jpg)repeat-x top left;
    background-color:#ffffff;
}
.body bodys{/*irm*/
   /* background: url(../img/fondoIndex.jpg)repeat-x top left;
    background: url(../img/fondoCabecera62.png)repeat-x top center;*/
    /*background: url(../img/fondo-form.jpg)repeat-x top left;*/
    background-color:#ffffff;
}
body *{
    font:normal 18px Arial,Helvetica,sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, tbody {  
    margin:0px auto; 
    padding:0px; 
}
.divBautismo{
    padding: 5px 1px 5px 131px;
}
  .contenido2{/*Posiciona los tama�os de los margenes de la pantalla parte central*/
    /*background-color: #e8efe3;*/
    background: url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=);
    width: 100%;
    padding: 0 0 5% 10% !important; /*0 50% 5% 35%;*/
    margin: 3% auto 0 auto;
    min-height: 350px;
    }
    
    .botonSolicitante{
       background: #429f2f;
        font-weight: bold;
        color: #fff;
        float: right;
        border-radius: 10px;
        padding: 20px 20px 20px 20px; 
    }
.tituloODE{
      font-family: fantasy;
      color: #000000;
      text-decoration: none;
      /*font-weight: 700;*/
      text-align: center;
      font-size: 55px;
      margin-top: 30px;
}
.visible {
    display: block;
}

.oculto {
    display: none;
}
.textoAmadoDiscipulo{
color: #8F958E;
font-size: 20px;
text-align: center;
margin: 2% 2% 5% 2%;
}
.ofrendaIMG{
    width: auto;
    padding: 20px 0px 10px 105px;
}
    
div#generalOfrendas{
    margin:auto;
    margin-top: 45px;
    width:100vw;
    height:900px;
    background-color: #ffffff;
}
div#mensajeOfrendas{
    width: 90vw;
    height: 400px;
    background-color: red;
}
#divitemOfrendas {
    float: left;
    width: 29vw;
    height: 450px;
    background-color: green;
}
#divitemDiezmo{
   align-items: center;
    width: 29vw;
    height: 450px;
    background-color: orange;
}
#divitemEscuela{
    float: right;
    width: 29vw;
    height:450px;
    background-color: blue;
}
/*#divmensaje2Ofrendas{*/
    /*margin: 20px 0px 20px 0px;
    width: 90vw;
    height:200px;*/
    /*background-color: pink;*/
    /* margin: 0px auto;
display: flex;
justify-content: center;*/
/*}*/
.divmensaje2Ofrendas{
    /* 
     display: block;
   display: table-cell;
    width: 80%; */
   
    /* width: 90vw;
     height:900px;*/
    /*background-color: #faf8f8;
    align-items: center;
    display: flex;
    margin: 2% 10% 5% 20% !important;
    overflow: hidden;*/
    /*border: 2px solid blue;
    height: 400px;*/
    
    width: 100%;
    height: auto;
    background:#007bbf;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-flow: wrap;
}
.imagenBancariaMovil4{
        width:100%;
        height: 300px;
        background: yellow;
        margin: 20px;
        box-sizing: border-box;
        font-size: 50px;
    }
.tipodeOfrendas{
    display: grid;
}
.grid:hover{
    border:1px solid #eefaef;
}
.tipodeOfrendas{
   
   display: inline-block;
   text-align: center;
   /* display: table-cell;
    width: 80%; */
    width: 90vw;
    /*height:500px;*/
    background-color: #faf8f8;
    margin: 10px auto;
    padding: 10px;
    overflow: hidden;
}
 .ofrendaIMG{
padding: 5% 0px 6% 7%;
 margin: 0 auto;
overflow: hidden;
}
.ofrendaTitulo{
    text-align: center;
    color: #000000;
    margin: 2% 0% 10% 0%;
    font-size: 40px;
}

.ofrendaParrafo{
    display: flex;
   /* align-items: center;*/
    justify-content: center;
    text-align: center;
    font-size: 26px; /*15px;*/
    color: #2e6e2a;
    overflow: hidden;
}
.ofrendaBoton{
    background: #429f2f;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    padding: 5% 10% 5% 8%;
    /*margin: 10% 0% 10% 12%;*/
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    /*width: 300px;*/
    border:1px solid #eefaef;
}   
.tituloInformacionBancos{
    color: #000000;
    font-family: fantasy;
    text-decoration: none;
    /*font-weight: 500;*/
    text-align: center;
    font-size: 50px;
    margin: 5% 0% 5% 0%;
    
}
    .imagenBancariaMovil{
        display:flex; width:80%; 
        margin: 5px 22px 5px auto;
    }
    .imagenBancariaMovil2{
        display:flex; width:110%;
    }
    
    .vertical{
        align-items: center;
      /*  background-color: white;*/
        /*display: flex;
        height: 100vh;*/
        width: 50vw;
    }
      .tituloOnline{
       font-size: 90px;
       
    }
    .tituloOnlineRG{
        font-weight: bolder;
        color: #7c7c79;
        /*font-size: 55px;*/
        font-size :36px;
        width: fit-content;
        font-variant-caps: petite-caps;
    }
    .fondoIndex .tituloOnlineRG{
        font-size: 52px;
        text-align: center;
    }
    .fondoIndex .contenido2 table{
        width:100%;
    }
    .contribucionesTabla{
        margin: 0 auto;
    }
    .datosContribucion{
        /*background-color: #f3fede; modifica la cajita de boleto*/
        background:url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=); 
      /*  position: relative !important;*/
    }
    .cantAcceso{
        padding: 2px 2px 2px 15px;
        font-size: 22px;
    }
    .divCabecera2{
    height: 100px;/*67px;*/
    width: 100%;
    margin-top: 1%;
    background: url('../img/logo.png') no-repeat;  
    }
    .divCabecera3{
    height: 100px;/*67px;*/
    width: 90%;
    margin-top: 1%;
    background: url('../img/logo.png') no-repeat;  
    }
    /* imagen del div de ofrendas*/
    .estiloImagenOfrenda_div{
    background: url('../img/BannerOfrendasDiezmos.jpeg') no-repeat;
    background-size: contain;
   /* height:1000px;*/
    width: 100vw;
    }
    .h3login{
        color: white;
        font-size: 20px;
    }
    
   .vertical contenido{/*Posiciona los tama�os de los margenes de la pantalla parte central*/
    padding: 0 0 15% 15% !important; /*0 50% 5% 35%;*/
    margin: 1% auto 0 auto;
     border-radius: 100px;
    }
    .vertical a{
          /* background-color: yellowgreen;*/
           border-radius: 10px;
          
    }
     .verticalAccesos{
           font-variant: petite-caps;
           color: yellowgreen;
           font-weight: bold;
           font-size: 35px;
           padding: 2px 2px 2px 15px;
    }
    .verticalSeleccione{
        text-transform: uppercase;
        text-align: center;
        width: 80%;
        color: white;
        background: green;
        padding: 10px 2px 10px 2px;
        font-size: 20px;
        margin: 5px 20px 5px 40px;
        border-bottom: 2px solid #639802 !important;
    }
    .titutloContribuciontabla{
        text-align: center;
        padding: 2px 5px 2px 1px;
        font-weight: bold;
        font-size: 22px;
        color: #696969;
    }
   
    .titutloAdjComproTabla{
        text-align: center;
        padding: 2px 2px 2px 10px;
        color: #d3320c;
        /*font-weight: bold;*/
        text-transform: full-size-kana;
    }
    .textContribucionTabla{
            font-weight: bold;
            text-align: center;
            width: 80%;
            color: white;
            background: green;
            padding: 10px 2px 10px 2px;
            font-size: 20px;
            margin: 5px 20px 5px 40px;
            border-bottom: 4px solid #639802;

    }
   .botonFinal{
        width: 300px;
        height: 50px;
        /*position: relative;*/
        border: 1px solid #36780f;
        border-radius: 10px;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        font-weight: bold;
       /* text-align: center;*/
        color: #FFFFFF;
        background-color: #4ba614;
    }
    .botonSolicitarAcceso{
        background: #429f2f;
        font-weight: bold;
        color: #fff;
        float: right;
        border-radius: 10px;
        padding: 20px 20px 20px 20px;
        width: 300px;
        margin-top: 5%;
    }
    .labelrevise{
        margin: 0% 5% 10% 0%;
        width: 100%;
    }
    .horizontal{
        /*align-items: center;*/
        display: flex;
        height: 100vh;
        width: 50vw;
        background-size: cover;
        justify-content: center;
     
    }
    
    .horizontal2{
        align-items: center;
       /* background-color: lightskyblue;*/
        display: flex;
        height: 1000px;
        width: 640px;
        justify-content: center;
    }
     #fondo{
   /* align-content: center;*/
  /*  height: 500px;*//*67px;*/
    /*width: 800px;*/
   /* margin-left: 5%;/*10%;    */
    /*background: url('../img/lgo.png') no-repeat;*/
    /*background: url('../img/imagenPRUEBA.jpg') no-repeat;*/
  /*   background-image: url(https://www.xtrafondos.com/thumbs/vertical/1_11161.jpg);
     background-image: url('../img/hojas1360x2400.jpg');*/
     background-image: url('../img/newCelulasBANNER3.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     /*background-position: 0;*/
   /* margin-top: 15px;*/
      /*  color: red;*/
    }
    /* HASTA AQUI EN PANTALLAS COMPLETAS*/
    .flex-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #fondoDiv{
        width: 800px;
        height: 500px;
        background-image: url(https://www.xtrafondos.com/thumbs/vertical/1_11161.jpg);
    }
/*-------------------------------------------------*/
.fondoInicioindex{
    /*background-color: #ffffff; #e6e8eb; #50b314;
    background:url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=);*/
    background: url(../img/fondo-formOTROFONDO.jpg)repeat-x top left ,
    url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=) bottom left; 
}
.fondoInformeindex{
   /* background-color: red;*/
  /* background:url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=) bottom left;*/ 
    margin:auto;
    width: 100vw;
    height: 100vh;
}
body.fondoInformeindex{
    background: url(../img/fondo-formOTROFONDO.jpg)repeat-x top left ,
    url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=) bottom left;
}
.colorTituloCarousel{
    margin-top: 10px;
    font:normal 20px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #fefffc;
    text-align: center;
}
.colorTituloCarouselP{
    font:normal 12px Arial,Helvetica,sans-serif;
    color: #c8f527;
    text-align: center;
}
.contenidoInicioIndex{
    width: 100%;
    padding: 0% 1% 0% 1%;
    /*float: left; */
}

.bloque_cajas{
    overflow: hidden;
   display: inline-block;
   /* display: table-cell;*/
    width: 80%;
}
   
.cajaItem > a{
     display: none; 
}
.cajaItem .image { 
    width: 80%;
height: auto;  }

.cajaItem .menuInicio{ 
min-height: 280px;
}
.inputPre{
    width: 100%;
}
@media screen  and (min-width: 1300px) {
   .bloque_cajas{
       display: block;
       width: 80%!important;
       margin: 30px auto!important;
      /* -webkit-column-count:4;*/
    }
    .cajaItem{
         float :left;
         display: block;
    }
}
a{
    color: #191918;
    text-decoration: none !important;
}

ol,ul { 
    list-style:none; 
}
table { 
    border-collapse:collapse; 
    border-spacing:0;
}
/* ONLINE CONGRESO*/
.divCabecera {/*Direccionamiento con tama�os, ancho y ,margen de la cabecera*/
    height: 62px;/*67px;*/
    width: 80%;
    margin-left: 5%;/*10%;    */
    /*background: url('../img/lgo.png') no-repeat;*/
    background: url('../img/logo.png') no-repeat;
    margin-top: 15px;
}
.divLoginCabecera{/*Posicion o direccion de la cabecera nombre del usuario, imagen Dikrom, Menu configuracion*/
    /*height: 40px;*/
    /*float:right;
    height: 80px;
    width: 100%;
    text-align: right;*/
    float:right;
 /*   widows: 80%;*/
    text-align: right;
}
.divLoginCabecera a{/*Decoracion o color en el nombre de Usuario*/
    /*color:#fff;*/
    /*text-decoration:none;    
    color: yellowgreen;
    display: inline-block;
    margin-top: 15px;*/
    text-transform: uppercase !important;
    font-weight: bold;
    color: white;
    /*ont-size: 20px; por quienes somos se comento*/
    font-size: 13px;/*la pastora y jose lo vieron muy grande por eso de 16 a 13 px */
    display: inline-block;
    /*padding: 10px;por quienes somos se comento*/
    padding: 1px;
    padding-top:85px; /*92px;*/
    /*padding-right: 2%;*/
}
.fondoInicioindex 
.divLoginCabecera #logo:last-child{
 /*   position: absolute;
    bottom: -90px;
   display: none;*/
}

#divMenuCabecera{
    /*height: 5%;*/
    text-align: right;
    width: 100%;
   /* margin-top: 5px;*/
}
#divMenuCabecera a {  
    display: inline-block;  
    width: 100px;  
    text-align: right;  
    text-decoration: none;  
}

#divMenuCabecera ul {
    float:right;
    width: 800px;   
    padding: 0; 
    margin: 0 auto;
}

#divMenuCabecera ul li{
    display:inline;
}
#divMenuCabecera  ul li a{/*tama�os de letra , color, lineas, espacios, en la cabecera de configuracion*/
    color:black;
    /*color:#fff;*/
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    text-decoration:none !important;
    margin-left:9px;
    display:inline;
    border-right:1px solid #8a8880;
    padding-right:9px;
    text-transform: uppercase;
}

#divMenuCabecera #Inicio a:hover,
#divMenuCabecera #InicioSelected, #divMenuCabecera #Inicio:hover, #divMenuCabecera ul li:hover{color:#FFFFFF!important;
                                                                                               border-bottom:  2px solid #FFFF66;}


#divMenuCabecera #menuCabeceraCombo,#menu #pull, #tabSubMenu #menuTabCombo {  
    display: none;  
} 
#menu a{    
    font-size: 20px;
    text-transform: uppercase;
}
/* trayendo cambios de congreso*/
  .horizontal{
        /*align-items: center;*/
        display: flex;
        height: 100vh;
        width: 50vw;
        background-size: cover;
        justify-content: center;

    }
     #fondo{
   /* align-content: center;*/
  /*  height: 500px;*//*67px;*/
    /*width: 800px;*/
   /* margin-left: 5%;/*10%;    */
    /*background: url('../img/lgo.png') no-repeat;*/
    /*background: url('../img/imagenPRUEBA.jpg') no-repeat;*/
  /*   background-image: url(https://www.xtrafondos.com/thumbs/vertical/1_11161.jpg);
     background-image: url('../img/hojas1360x2400.jpg');*/
     background-image: url('../img/newCelulasBANNER4.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     /*background-position: 0;*/
   /* margin-top: 15px;*/
      /*  color: red;*/
    }
/*EL CARRUSEL DE ACERCA DE NOSOTROS*/
.carrousel{
    width: 100%;
}
.conteCarrousel{
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.itemCarrousel{
    position: relative;
    width: 100%;
    height: 100%;
}

.itemCarrouselTarjeta{
    width: 100%;
    height: 100%;
}

.itemCarrouselArrows{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px; 
}

.itemCarrouselArrows > i:hover {
    cursor: pointer;
}

#itemCarrousel-1{
   /* background-color: rgb(226, 50, 50);*/
    background: url('../img/imgCarruselQuines.png') no-repeat;
    margin-top: 20px;
}

#itemCarrousel-2{
    background-color: rgb(50, 200, 226);
}

#itemCarrousel-3{
    background-color: rgb(200, 226, 50);
}

.conteCarrouselController{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.conteCarrouselController > a{
    text-decoration: none;
    font-size: 2em;
    color: grey;
}

.itemCarrouselArrows > a > i{
    color: white;
}
/*----------------------------------*/
/*SUBMENUES*/
#tabSubMenu{
    float: left;
    margin-left: 10%;
    padding: 0;
    height:50px;
    background: url(../img/submenuizq.png)top left no-repeat;
}
#pointermenu {
    height:50px;
    margin-left: 23px; /*menu offset from left edge of window*/
    float: left;
    font: bold 13px Verdana;
    background: url(../img/submenu.jpg)repeat-x top left;
    list-style: none;
}

#pointermenu > li{
    float: left;
    text-align:left;
}
#pointermenu li a {color:black;
                   border-right: 2px solid #DDDDDD;
                   float: left;
                   font-weight: bold;
                   padding: 15px 15px 10px 15px;
                   text-decoration: none;
}
#pointermenu #submenu a:hover{color:#4ba614;

}
#pointermenu #active a{
    color:#4ba614;
}
#pointermenu li a:visited{
    color: black;
}
#pointermenu li a:hover, #pointermenu li a#selected{ /*hover and selected link*/
    color: #4ba614;
}
#pointermenu li a#rightcorner{
    height:50px;
    background: url(../img/submenuder.png)top right no-repeat!important; /*optional right round corner*/
    border-right:none;
    padding-right: 25px;
}

#pointermenu li#active a#rightcorner{
    height:50px;
    color: #4ba614;
    padding-right: 25px;
}

/*SUBMENU DESPLEGABLE*/
#pointermenu li ul {
    display: none;
    position: absolute;
    display: none;
    z-index: 999;
    margin-top: 43px;
}
#pointermenu li:click  ul {
    display: block;
}
#pointermenu #submenu ul {
    background:none;
}
#pointermenu #submenu ul li {
    border-right: none;
    margin-left:4px;
}
#pointermenu #submenu ul li a{
    border-right: none;
    background-color: #E8E8E8;
    width: 100%;
    padding: 5px 9px 4px 9px;
    border: 1px solid #828282;
}
#pointermenu #submenu ul li a:hover{
    border-right: none;
    padding: 5px 9px 4px 9px;
    border: 1px solid #4ba614;
    color:#4ba614;
}
#pointermenu #active ul {
    background:none;
}
#pointermenu #active ul li {
    border-right: none;
    margin-left:4px;
}
#pointermenu #active ul li a{
    border-right: none;
    background-color: #E8E8E8;
    width: 100%;
    padding: 5px 9px 4px 9px;
    border: 1px solid #828282;
    color:black;
}
#pointermenu #active ul li a:hover{
    border-right: none;
    padding: 5px 9px 4px 9px;
    border: 1px solid #4ba614;
    color:#4ba614;
}

#menu{
    background: none;
    height:47px;
    margin-left: 10%;
    width: 80%;
}
#menu ul li{
    float:left;
    padding-left: 14px;
    border-right: 2px solid #FFFFFF;
}
#menu ul li a {
    color: #FFFFFF;
    display: block;
    font: 11pt tahoma;
    height: 32px;
    /*padding-left: 27px;*/
    padding-right: 26px;
    padding-top: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#menu ul li a:hover,
#menu #InicioSelected a{
    color: #FFFFFF !important;}
#menu #Inicio{

    background: none;
}
#menu #Inicio:hover,
#menu #Inicio a:hover{ border-center:none!important;}
#menu #Inicio a:hover,
#menu #InicioSelected, #menu #Inicio:hover, #menu ul li:hover{color:#FFFFFF!important;
                                                              background: url(../img/nnHover.jpg) repeat-x center 0px;
                                                              border-left: 2px solid #FFFFFF;}

.menuInicio{
    background: url("../img/content.png") no-repeat scroll 0 0 transparent;
  /*  background: url("../img/fondo-1.png") no-repeat scroll 0 0 transparent;*/
    /*height: 222px;
    margin: 10px 35px 20px 25px;
    width: 262px;*/
    
    height: 260px;
margin: 10px auto 20px auto;
width: 320px;
}

form {/*Ajusta la posicion del menu de personas, encuentro, celulas*/
    position: relative;
    /*text-align: center;*/
}
.title{/*letras, color, tama�os de las letras de los graficos para menu de ayudas*/
   /* color: #FFFFFF;*/
    /*color:  #1b1b1a;
    font-weight: bold;
    font-size: 17px;
    margin: 15px 1px 15px 1px;
    text-transform: uppercase;
    text-align: center;*/
     font-size: 20px;
    margin: 12px 40px 0 2px !important;
    text-align: center !important;
    color: white;/* #d5d8c2;*/
    text-transform: uppercase;
}

.contenidoInicio{
    width: 100% ;
   /*padding: 0% 1% 0% 1%;
    padding-left: 150px;
    padding-right: 150px;*/
    float: left; 
}
.contenidoFormulario{/*Posiciona los tama�os de los margenes de la pantalla parte central*/
    background-color: #fff;
    width: 100%;
    padding: 0 50% 5% 35%;
    margin: 5% auto 0 auto;
    min-height: 350px;
}
 .tablaInformes{
      padding-bottom:10px;
  }
/*.texto .p{
    padding: 5% 17% !important;
}*/
.contenido{/*Posiciona los tama�os de los margenes de la pantalla parte central*/
    background: url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=);
    /*background-color: #fff;*/
    width: 100%;
    padding: 0 0 5% 10% !important; /*0 50% 5% 35%;*/
    margin: 3% auto 0 auto;
    min-height: 350px;
}
.contenidoForm{/*aqui mmodifique para el celular la vista*/
   border-width: 3px;
    margin: 10% auto;
    margin-top: 4%; 
    margin-left: 4%;
    margin-right: 25%;   
    /*    margin-block-end: auto; 19/12/2022*/
}

.contenidoFormZoom{/*aqui mmodifique para el celular la visa*/
   border-width: 3px;
    margin: 10% auto;
    /* margin-top: 4%; 19/12/2022*/
    margin-left: 4%;
    margin-right: 25%;   
    margin-block-end: auto;
}
#columna1 {
/*position:absolute;*/
/*left:180px;*/
padding: 20px;
margin-top:40px;
}
#columna2 {
/*position:absolute;*/
margin-center:750px;
margin-right:10px;
margin-top: 40px;
padding: 10px;
/*background-color:#e0f5ce;*/
}
#tituloEventosOnline{
font-size: 40px;
font-weight: bold;
border-bottom: 2px solid #639802;
padding: 40px 5px 40px 5px;
width: 1000px;
text-align: center;
background: #36780f;
border: 1px solid #36780f;
color: white;
text-transform: uppercase;
}

.contenidoRformH1{
    font-size: 12px;
    color: #e80d0d;
    font-weight: bold;
    text-transform: uppercase;
}
.contenido table{
    text-align: left;
}
/*BOTONES*/
.botonHabilitado{
    /* float: right;*/
    width: 440px;
    height: 35px;
    /*display: block !important;
    padding: 3px 5px 3px 3px;*/
    position: relative;
    border:1px solid #36780f;
    border-radius: 3px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    text-align: center; 
    color: #FFFFFF; 
    background-color: #36780f;
    /*margin-right: 10px;*/
}
.botonHabilitadoLC{
    /* float: right;*/
    width: 60px;
    height: 35px;
    /*display: block !important;
    padding: 3px 5px 3px 3px;*/
    position: relative;
    border:1px solid #36780f;
    border-radius: 3px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    text-align: center; 
    color: #FFFFFF; 
    background-color: #36780f;
    /*margin-right: 10px;*/
}
.botonHabilitado123{
    display: block !important;
    float: left;
    height: 45px;
    width: 440px;
    position: relative;
    border:1px solid #68cd2c;
    border-radius: 3px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    text-align: center; 
    color: #FFFFFF; 
    background-color: #24470f;
}
.botonEliminar123{
    display: block !important;
    padding: 4% 25% 4% 25%;
    height: 45px;
    width: 390px;
    position: relative;
    border:1px solid #e42d2d;
    border-radius: 3px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    text-align: center; 
    color: #FFFFFF; 
    background-color: #b30000;
    margin-top: 10px;
    background-image: url("../img/eliminar24png");
    background-repeat: no-repeat;
}
.botonHabilitadoInformesM12{
    display: inline-block;
    height: 45px;
    position: relative;
    border:1px solid #68cd2c;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #24470f;
    width : 440px;
}
.botonHabilitado2{
    float: left;
    display: inline-block;
    padding: 3px 5px 3px 3px;
    position: relative;
    border:1px solid #36780f;
    border-radius: 3px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    text-align: center; 
    color: #FFFFFF; 
    background-color: #4ba614;
    /*margin-right: 10px;*/
}
.botonHabilitadoVercomprobanteFoto{
    float: left;
    width: 440px;
    display: inline-block;
   /* padding: 20px 37px 20px 37px;*/
    position: relative;
    border:1px solid #60f00a;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #46b304;
} 
/*19/12/2022*/
.botonHabilitadoCongreso{
  background: #429f2f;
  font-weight: bold;
  color: #fff;
  float: right;
  border-radius: 10px;
  padding: 20px 80px 20px 80px;
  width: 300px;
}
/*--------------------*/
.botonHabilitado:hover,.botonEliminar:hover{
    border:1px solid #36780f; background-color: #36780f;
}

.botonEliminar{
    display: block !important;
    padding: 3px 5px 3px 30px;
    width: 440px;
    height: 35px;
    margin-top:10px;
    position: relative;
    border:2px solid #ab0909;
    border-radius: 3px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    text-align: center; 
    color: #FFFFFF; 
    background-color: #af0000;
    /*margin-right: 10px;
    background-image:url("../img/eliminar24.png");    
    background-repeat:no-repeat;*/
}
.botonEliminarM12{
    display: block !important;
    height: 45px;
    width:440px;
    position: relative;
    background-color: darkred;
    border: 2px solid darkred;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    /*background-color: #36780f;*/
    background-color: darkred; /*#586253; */
    margin-right: 10px;
    margin-top: 10px;
    background-image:url("../img/eliminar24.png");    
    background-repeat:no-repeat;
}
.botonGuardarM12{
    display: block !important;
    height: 40px;
    width:440px;
    position: relative;
    border: 1px solid #36780f;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #36780f;
    margin-right: 10px;
    margin-top: 10px;
}
.botonPagado{
    display: inline-block;
    padding: 3px 5px 3px 3px;
    position: relative;
    border:1px solid #ff9900; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #000000; background-color: #cccc00;

}

.botonPagado:hover{
    border:1px solid #cc3300; background-color: #cccc00;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36780f), color-stop(100%, #ffff00));
    background-image: -webkit-linear-gradient(top, #cccc00, #ffff00);
    background-image: -moz-linear-gradient(top, #cccc00, #ffff00);
    background-image: -ms-linear-gradient(top, #cccc00, #ffff00);
    background-image: -o-linear-gradient(top, #cccc00, #ffff00);
    background-image: linear-gradient(top, #cccc00, #ffff00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}
.botonDeshabilitado{
    display:none;
}
/**Boton para login*/
.btnBlack{
   /* background: url("../img/btnContent.png") no-repeat scroll left top transparent;*/
    border: medium none;
    cursor: pointer;
    display: none;
    float: right;
    height: 33px;
    margin: -9px 0;
    width: 30px;
}


/**Botones para ver informes por meses*/
.botonMeses{
    display: inline-block;
    padding: 7px 15px 7px 13px;
    position: relative;
    border:3px solid #4ba614;
    border-radius: 9px;
    font-family:arial, helvetica, sans-serif;
    font-weight:bold;
    text-align: center;
    color: #4ba614;
    background-color: #FFFFFF;
    margin-right: 10px;
}
.botonMesesInformes{ 
    display: inline-block;
    padding: 5px 2px 5px 2px;
    margin: 5px 2px 5px 2px;
    width: 110px;
    height: 45px;
    position: relative;
    border:3px solid #4ba614; 
    border-radius: 9px;
    font-family:arial, helvetica, sans-serif; 
    font-weight:bold; 
    text-align: center; 
    color: #4ba614; 
    background-color: #FFFFFF;
    /*margin-right: 10px;*/
}

.botonMesesSeleccionado{
    display: inline-block;
    padding: 7px 15px 7px 13px;
    position: relative;
    border:3px solid #4ba614; 
    border-radius: 9px;
    font-family:arial, helvetica, sans-serif; 
    font-weight:bold; 
    text-align: center; 
    color: #4ba614; 
    background-color: #98FB98;
    margin-right: 10px;
}

.botonMeses:hover{
    /*color: #4ba614;*/ 
    background-color: #98FB98;
}

.botonDeshabilitadoSR{
    display: inline-block;
    padding: 3px 5px 3px 3px;
    position: relative;
    border:1px solid silver; border-radius: 3px;font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: silver;
}
.botonHabilitadoSR{
    display: inline-block;
    padding: 3px 5px 3px 3px;
    position: relative;
    border:1px solid #36780f; border-radius: 3px;font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #36780f;
}

.botonII{
    background :orange; 
    color: #FFFFFF; 
    border:5px solid orange;
    border-radius: 3px;
   /* display: inline-block;*/
    margin: 4px 2px 2px 2px;
   /* position: relative;*/
    /*position: relative;
   ; border-radius: 3px;font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a4a8a2;*/
}
.botonIF{
    background :red; 
    color: #FFFFFF; 
    border:5px solid red;
    border-radius: 3px;
  /*  display: inline-block;*/
    margin: 4px 2px 2px 2px;
    display: inline-block;
   /* position: relative;*/
    /*padding: 3px 3px 3px 3px;
    position: relative;
    border:2px solid red; border-radius: 3px;font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: red;*/
}
.botonNC{
    background :#63b838; 
    color: #FFFFFF; 
    border:5px solid #63b838;
    border-radius: 3px;
 /*   display: inline-block;*/
    margin: 4px 2px 2px 2px;
    display: inline-block;
  /*  position: relative;*/
    /*padding: 3px 3px 3px 3px;
    position: relative;
    border:2px solid #a4a8a2; border-radius: 3px;font-family:arial, helvetica, sans-serif; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a4a8a2;*/
}

/*MENSAJES DE CONFIRMACION DE INSERCION, ELIMINACION Y MODIFICACION*/
.messages{
    padding-top: 10px;
    font-size: 16px;
}
/*IFRAME LISTA*/
iframe{
    height: 400px;
    width: 100%;
}
table th{
    margin:0 0 3px 0;
    padding:12px 1% 0 0;
    font-weight: bold;
}
td{
    vertical-align:top;
}
.centrado{
/*    text-align:center;*/
text-align: left;
}
/*parte de informe web ini*/
.informewebTd{
    background: #645d5d;
    padding: 4% 2% 4% 4%;
}
.informeWebCont{
text-transform: capitalize;
color: #6d6d33;
font-weight: bold;
font-size: 16px;
}
.informewebP{
    text-transform: capitalize;
    /*color:#54504d;*/
    color: white;
    font-weight: bold;
    font-size: 13px;
}
.tituloInforme{
position: relative;
width: max-content !important;
border-bottom: 2px solid #639802;
font-size: 25px;
color: #5c5c56;
font-variant: all-petite-caps;
font-weight: bold;
padding: 2% 0% 2% 0%;

}
.tituloInforme2{
padding-top: 5%;
position: relative;
font-size: 20px;
color: #5c5c56;
font-variant: all-petite-caps;
}
.titulosSiHuboCelula{
  /*font-variant: all-petite-caps;
  color: #6b6157;
  font-size: larger;
  padding-top: 2%;*/
font-variant: all-petite-caps;
color: rgb(126, 126, 109);
font-size: revert-layer;
padding-top: 2%;
font-weight: bold;
display: block;
}
.titulosNoHuboCelula{
font-size: revert-layer;
padding-top: 3%;
font-variant: all-petite-caps;
color: rgb(126, 126, 109);
font-weight: bold;
}
.detallePietabla{
    display: inline-block;
    font-size: 16px;/*small;*/
    padding-right: 8px;
    padding-left: 2px;
    margin-top: 2%;
    color: white; /* #143904; #639802;*/
    font-weight: bold;
}
.informewebNumeros{
color: #36780f;
background: rgb(232, 251, 214);
padding-left: 50px;
margin-left: 60%;
border-radius: 3px;
text-align: -moz-center;
font-weight: bold;
font-size: 25px;
}

/*parte de informe web fin*/
/*TITULOS DE FORMULARIOS*/
form span{
    float:left;
}

form span label{
    display:block;
}

form .section h3{
    font-weight:bold;
    font-size:20px;
    line-height:135%;
    margin:0px 0 3px 0;
    width:auto;
    /*padding: 0 1% 0 1%;*/
    border-bottom:2px solid #639802;
    text-transform: uppercase;
}
form .sectiones h3{
    font-weight:bold;
    /*font-size:20px;*/
    line-height:135%;
    margin:0px 0 3px 0;
    /*width:auto;*/
    /*padding: 0 1% 0 1%;*/
    border-bottom:2px solid #639802;
    text-transform: uppercase;
}

form .section2 h3{
    font-weight:bold;
    font-size:20px;
    line-height:135%;
    margin:10px 0 3px 0;
    width:100%;
    /*padding: 6px 1% 0 1%;*/
    border-bottom:2px solid #639802;
    text-transform: uppercase;
}

form .n3 h3{
    font-weight:normal;
    font-size:110%;
    line-height:135%;
    margin:10px 0 3px 0;
    width:auto;
    padding: 6px 1% 0 1%;
    border-bottom:2px solid #639802;
    text-transform: uppercase;
}
form .section h1{/* bautismo */
    color: #145e04;
    font-weight:bold;
    text-align: center;
    font-size:60px;
    text-transform: uppercase;
}
form .section h2{/* bautismo */
    /*color:orange;
    color: #145e04;*/
    color: #639802;
    font-weight:normal;
    text-align: center;
    /*font-size:20px;*/
    font-size:40px;
    font-weight:bold;
    text-transform: uppercase;
    line-height:135%;
    margin:5px 0 25px 0;
    width:auto;
    padding: 6px 1% 0 1%;
    border-bottom:2px solid #639802;
    
}
form .section h7{/* bautismo */
    color: #639802;
    font-size:20px;
    font-weight:bold;
    text-align: center;
    text-transform: uppercase;
}
form .section h4 {
    color: #198344;
    /* font-family: WorkSans-bold; */
    margin-bottom: 0px;
    margin-top: 0px;
  font-size: xx-large;
  text-transform: uppercase;
  font-weight: bold;
 /*color: #39652a;*/
  font-variant-caps: all-small-caps;
  text-align: center;
  padding-left: 5px;
  border-bottom: 2px solid #639802;
  padding-top: 20px;
}
form .section h5 {
    color: #198344;
    /* font-family: WorkSans-bold; */
    margin-bottom: 0px;
    margin-top: 0px;
  font-size: xx-large;
  text-transform: uppercase;
  font-weight: bold;
 /*color: #39652a;*/
  font-variant-caps: all-small-caps;
  text-align: center;
  padding-left: 5px;
  border-bottom: 2px solid #639802;
  padding-top: 20px;
}
/*div inicio para mostrar datos estadisticos*/
.dato{
    float: left;
    margin:10px 50px 10px 0;
    width:220px;
}
.seccionTitulo h3, .seccionTitulo a{
    font-size:16px;
    line-height:135%;
    margin:0px 0 3px 0;
    width:auto;
    padding: 6px 1% 0 1%;
    color:#639802;
    text-transform: uppercase;
    font-weight: bold;
}
.seccionTituloInicio h3, .seccionTituloInicio a{	
    font-size:20px;
    line-height:135%;
    margin:0px 0 3px 0;
    width:auto;
    padding: 6px 1% 0 1%;
    color:#639802;
    text-transform: uppercase;
    font-weight: bold;
}
.seccionTituloInicioManuales h3, .seccionTituloInicioManuales a{	
    font-size:22px;
    line-height:135%;
    margin:0px 0 3px 0;
    width:auto;
    padding: 6px 1% 0 1%;
    color:black;
    text-transform: uppercase;
    font-weight: bold;
}
.seccionTituloInicioAlumno h3, .seccionTituloInicioAlumno a{	
    font-size:48px;
    line-height:200%;
    margin:0px 0 3px 0;
    width:100%;
    padding: 6px 1% 0 1%;
    color:red;
    text-transform: uppercase;
    font-weight: bold;
}
.seccionFormulario{
    padding-top:20px;
    /*padding-left: 6px;*/
}
/*19/12/2022*/
.seccionFormulario e{
    text-transform: uppercase;
    font-weight: bold;
    font-size:16px;
    color:#444444;
   padding-right: 50%;
}
/*----------*/
.seccionFormulario a{
    text-transform: uppercase;
    font-weight: bold;
    font-size:16px;
    color:#444444;
    margin:5px;
    text-align:left;
}

.alerta{
    color:#ff6605;
    text-align: center;
    padding-left: 5px;
}
.precaucion{
    color:yellow;
    text-align: center;
}
.bajaAsistencia{
    color:#ffd324;
    text-align: center;
}
.alerta12{
    color:darkblue;
    text-align: center;
}
#numero{
    background: url(../img/numero.png) no-repeat center;
    height:84px;
    font-size:75px;
    text-align:center;
    float: left;
    min-width:53px;
    color:black;
}
.alerta #numero{
    color:red;
}
.precaucion #numero{
    color:yellow;
    text-shadow: 0 0 0.2em black;
}
.normal #numero{
    color:#669900;
}
.bajaAsistencia #numero{
    color:#ffd324;
}
.alerta12 #numero{
    color:darkblue;
}
#numero a{
    color:black;
    text-decoration: none;
}
.datoTitulo{
    text-align:center;
}
.datoTitulo a{
    text-decoration:none;
    color:#444444;
    display: inline-block;
}

/**Borde de formularios de reporte*/
fieldset{
    border-width:3px;
    margin: 10% auto;
    border-color: transparent !important; /*modificado para que no se vea el borde de los formularios*/
}
legend
{
    color: white;
    background: url(../img/btnHover.jpg) repeat-x left 0px;
    border: 1px solid #24618E;
    padding: 2px 6px;
    text-align:left;
}

fieldset table,fieldset tbody, fieldset th, fieldset td{
    color:#639802;
    /*text-align:left;
    text-align: center;*/
    padding: 2px 6px;
}
/*.contenidoForm .fieldset table, fieldset tbody, fieldset th, fieldset td{
    text-align:center !important;
}*/
.contenidoFormZoom .fieldset table, fieldset tbody, fieldset th, fieldset td table{
    text-align:left !important;
}
.contenidoFormZoom .button, input, optgroup, select, textarea table{
    /*width: 300px;*/
    padding: 4px 2px 4px 4px;
}
.tdBautismo{
    padding: 10px 45px 10px 140px;
}
.tblreporte{
    height:450px;
    width:100%;
}
.botonEscuela{
      float: right;
  border-radius: 7px;
  text-transform: uppercase;
  height: 34px;
  margin-left: 25px;

}

/**Label de Campos requeridos*/
.requerido{
    color: #DF0000;
    font-size: 14px;
     /* font-weight: bold; 19/12/2022*/
    line-height: 10px;
    /*text-align: center;  19/12/2022*/
    text-align: justify;
    display: contents;
}
.requerido2{
    color: #DF0000;
    font-size: 12px;
    /*font-weight: bold;*/
    line-height: 10px;
}
/*------19/12/2022------------*/
.requerido3{
    color: #6c6767;
    font-size: 22px;
    font-weight: bold;
    /*line-height: 10px;*/
}
.requerido4{
    color:#446C36; 
    font-size: 25px;
    text-transform: uppercase; 
    font-weight: bold;   
    padding: 10px 0px 40px 0px;
    display: inline;
    }
.requerido5{
    color:#446C36; 
    font-size: 25px;
    text-transform: uppercase; 
    font-weight: bold;   
    padding: 10px 0px 40px 0px;
    display: inline;
    }

    .requerido6{
    color: yellowgreen;
    font-size: 17px;
    font-weight: bold;
    line-height: 10px;
    text-align: justify;
    display: contents;
}
.requerido7{
    color: #DF0000;
    font-size: 17px;
    font-weight: bold;
    line-height: 10px;
    text-align: justify;
    display: contents;
}
.requerido8{
    font-weight: bold;
    color: #62863D;
    font-size: 15px ;
    text-align: justify;
     display: contents;
}
.requerido9{
    color: red;
    font-size: 20px;
    font-weight: bold;
    line-height: 10px;
    padding-top: 8px;
    /*text-align: justify;
    display: contents;*/
}
.requerido10{
    color: #395A18;
    font-size: 27px;
    font-weight: bold;
    text-align: justify;
    display: contents;
}

.requerido11{
    color: #DF0000;
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 12px;
}
/*-----------------------*/

/*CHECKBOX*/
.checkBox
{
    background-position: 0px 0px;
}

.checkBoxClear
{
    background-position: 0px -48px;
}

.checkBoxClear label
{
    float: right;
}

.checkBox, .checkBoxClear
{
    background-image: url('../img/checkRedondo.png');
    background-repeat: no-repeat;
    float: left;
    width: 150px;
    height: 30px;
    cursor: hand;
}

/*menues carrusel para mostrar libros, predicas, etc en consolidacion*/
#menuCorto{
    display: none;
}

/**cajitas con esquinas redondas pra inicioconsolidacion_testimonios*/
.borde-redondeado{
    -webkit-border-radius: 20px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomleft: 2px;
    border-radius: 20px;
    border-bottom-left-radius: 2px;
    background:#CCFFCC;
    width:400px;
    height:100px;
    margin:0 auto;
    padding: 15px 5px 5px 15px;
}

.borde-redondeado2{
    -webkit-border-radius: 20px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomleft: 2px;
    border-radius: 20px;
    border-bottom-left-radius: 2px;
    background:#F0F8FF;
    width:400px;
    height:100px;
    margin:0 auto;
    padding: 15px 5px 5px 15px;
}
.borde-redondeado-consolidacion{
    -webkit-border-radius: 20px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomleft: 2px;
    border-radius: 20px;
    border-bottom-left-radius: 2px;
    background:#CCFFCC;
    width:600px;
    height:100px;
    margin:0 auto;
    padding: 15px 5px 5px 15px;
}
/**Kardez para persona y celula*/

.kardexGrande, .kardexChico{
    font:normal 16px Arial,Helvetica,sans-serif;
}
.kardexGrande{/*Cuadro del Kardex Estatico del Discipulo*/
    margin: 20px 0 0 15%;
    -webkit-border-radius: 20px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomleft: 2px;
    border-radius: 20px;
    border-bottom-left-radius: 2px;
    background:#c3dd9a;
    width:70%;
    padding: 15px;
    /*height:100px;*/
}
.kardexChico{
        display: none;
    }
    
.kardexGrande table{
    padding: 10px 5px 10px 5px;
}
.nombreKardex{    
    font:normal 18px Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 15px 0 0 15px;
    text-transform: uppercase;
}
.titulo{
    margin: 12px 0 0 0;
    font-weight: bold;
}

.detalle {
    padding: 12px 12px 0 5px;
}

.botonAccion {
    padding: 3px 5px 3px 3px;
    margin: 3px 5px 3px 3px;
    border:none;
}
.imgKardex{
    padding: 30% 0 0 20%;
}
/**Pie de Pagina*/
.pie{
    margin-top: 15px;
    padding-top:25px;
    background:url(../img/foother2.png) top no-repeat;
    width: 80%;
    margin-left: 10%;
    bottom: 0;
    float: left;
}
#footer {
    float: left;
}
#footer ul {
    float: left;
    text-align: center;
    width: 100%;
}
#footer  ul li{
    display:inline;
}
#footer  ul li a{
    border-right: 1px solid #5D8F0F;
    color: #5D8F0F; /*#3F4957;*/ 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: 9px;
    padding-right: 9px;
}
#footer  ul li.last-child a{
    border:none !important;
}
.vcard {
    float: right;
    font-size: 13px;
    padding-bottom: 20px;
    /*width: 97px;*/
}
.vcard a {
    color: #639802;
    font-size: 13px;
    text-decoration: underline;
}

.image{  padding-top: 11px;padding-left:10px; padding-right: 6px;}
.staff{ border:none;}

    /*Formulario Shabbats*/
    #divShabbats {
            -webkit-border-radius: 20px;
            /*-webkit-border-bottom-left-radius: 2px;*/
            -moz-border-radius: 20px;
            /*-moz-border-radius-bottomleft: 2px;*/
            border-radius: 20px;
            /*border-bottom-left-radius: 2px;*/
          background: white;
            width: 240px;
            height: 190px;
            margin: 0 auto;
            padding: 5px 5px 5px 15px;
            margin-top: 10px;
        }
    /* Circulos de colores numerados */
        #divShabbats span.red a {
          background: red;
           border-radius: 0.8em;
          -moz-border-radius: 0.8em;
          -webkit-border-radius: 0.8em;
          color: #ffffff;
          display: inline-block;
          font-weight: bold;
          line-height: 1.6em;
          margin-right: 40px;
          margin-left: 30px;
          text-align: center;
          width: 1.6em; 
          font-size: 26px;
          margin-top: 20px;
        }

        #divShabbats span.grey a {
          background: #cccccc;
          border-radius: 0.8em;
          -moz-border-radius: 0.8em;
          -webkit-border-radius: 0.8em;
          color: #fff;
          display: inline-block;
          font-weight: bold;
          line-height: 1.6em;
          margin-right: 40px;
          margin-left: 30px;
          text-align: center;
          width: 1.6em; 
          font-size: 26px;
          margin-top: 20px;
        }

        #divShabbats span.green a {
          background: #5EA226;
          border-radius: 0.8em;
          -moz-border-radius: 0.8em;
          -webkit-border-radius: 0.8em;
          color: #ffffff;
          display: inline-block;
          font-weight: bold;
          line-height: 1.6em;
          margin-right: 40px;
          margin-left: 30px;
          text-align: center;
          width: 1.6em; 
          font-size: 26px;
          margin-top: 20px;
        }

        #divShabbats span.yellow a {
          background: yellow;
          border-radius: 0.8em;
          -moz-border-radius: 0.8em;
          -webkit-border-radius: 0.8em;
          color: black;
          display: inline-block;
          font-weight: bold;
          line-height: 1.6em;
          margin-right: 40px;
          margin-left: 30px;
          text-align: center;
          width: 1.6em; 
          font-size: 26px;
          margin-top: 20px;
        }  
        
        /**cajitas con esquinas redondas*/
        .borde-redondeadoShabbat{
            -webkit-border-radius: 20px;
            /*-webkit-border-bottom-left-radius: 2px;*/
            -moz-border-radius: 20px;
            /*-moz-border-radius-bottomleft: 2px;*/
            border-radius: 20px;
            /*border-bottom-left-radius: 2px;*/
            background:#676967;
            width:400px;
            height:100px;
            margin:0 auto;
            padding: 15px 5px 5px 15px;
            border-color: black;
        }
        
        .borde-redondeadoShabbatMes{
            -webkit-border-radius: 20px;
            -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius: 20px;
            -moz-border-radius-bottomleft: 2px;
            border-radius: 20px;
            border-bottom-left-radius: 2px;
            border-top-right-radius: 2px;
            background:#5EA226;
            width:135px;
            height:30px;
            float:left;
            padding: 15px 5px 5px 15px;
            display:inline-block;
        }
        .borde-redondeadoShabbatMes a, .borde-redondeadoShabbatAnio a {
            color:white;
            font-weight: bold;
            font-size: 16px;
            text-transform: uppercase;
        }
        
        .borde-redondeadoShabbatMes span, .borde-redondeadoShabbatAnio span {
            text-align: center;
            width: 100%;
            font-size: 16px;
            text-transform: uppercase;
        }
        
        .borde-redondeadoShabbatAnio{
            -webkit-border-radius: 20px;
            -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius: 20px;
            -moz-border-radius-bottomleft: 2px;
            border-radius: 20px;
            border-bottom-left-radius: 2px;
            /*border-top-right-radius: 2px;*/
            background:#5EA226;
            width:100px;
            height:30px;
            float:right;
            padding: 15px 5px 5px 15px;
            display:inline-block;
        }
        
        /**combo mes y anio*/
        .cmbShabbat{
            border: none;
            background: #5EA226;
            color: white;
            font-size: 16px;
            text-transform: uppercase;
            width: 100%;
            font-weight: bold;
        }
        /*Fin Formulario Shabbats*/
        
        /*formulario cultos matutinos*/
        
        #divCultos {
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
          background: white;
            width: 450px;
            margin: 0 auto;
            padding: 5px 5px 5px 5px;
            margin-top: 10px;
        }
        
        #divCultos span {
            float:none;
        }
        
        /* Circulos de colores numerados */
        #divCultos span.red a {
          background: red;
           border-radius: 0.8em;
          -moz-border-radius: 0.8em;
          -webkit-border-radius: 0.8em;
          color: #ffffff;
          display: inline-block;
          font-weight: bold;
          line-height: 1.6em;
          margin-left: 20px;
          text-align: center;
          width: 1.6em; 
          font-size: 26px;
        }

        #divCultos span.grey a {
          background: #cccccc;
          border-radius: 0.8em;
          -moz-border-radius: 0.8em;
          -webkit-border-radius: 0.8em;
          color: #fff;
          display: inline-block;
          font-weight: bold;
          line-height: 1.6em;
          margin-left: 20px;
          text-align: center;
          width: 1.6em; 
          font-size: 26px;
        }

        #divCultos span.green a {
          background: #5EA226;
          border-radius: 0.8em;
          -moz-border-radius: 0.8em;
          -webkit-border-radius: 0.8em;
          color: #ffffff;
          display: inline-block;
          font-weight: bold;
          line-height: 1.6em;
          margin-left: 20px;
          text-align: center;
          width: 1.6em; 
          font-size: 26px;
        }

        #divCultos span.yellow a {
          background: yellow;
          border-radius: 0.8em;
          -moz-border-radius: 0.8em;
          -webkit-border-radius: 0.8em;
          color: black;
          display: inline-block;
          font-weight: bold;
          line-height: 1.6em;
          margin-left: 20px;
          text-align: center;
          width: 1.6em; 
          font-size: 26px;
        }  
        
        /**cajitas con esquinas redondas*/        
        .borde-redondeadoCultoMatutino{
            -webkit-border-radius: 20px;
            /*-webkit-border-bottom-left-radius: 2px;*/
            -moz-border-radius: 20px;
            /*-moz-border-radius-bottomleft: 2px;*/
            border-radius: 20px;
            /*border-bottom-left-radius: 2px;*/
            background:#676967;
            width:480px;
            height:370px;
            margin:0 auto;
            padding: 15px 5px 5px 15px;
            border-color: black;
        }
        
        .borde-redondeadoCultoMatutinoMes{
            -webkit-border-radius: 20px;
            -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius: 20px;
            -moz-border-radius-bottomleft: 2px;
            border-radius: 20px;
            border-bottom-left-radius: 2px;
            border-top-right-radius: 2px;
            background:#5EA226;
            width:135px;
            height:30px;
            float:left;
            padding: 15px 5px 5px 15px;
            display:inline-block;
        }
        .borde-redondeadoCultoMatutinoMes a, .borde-redondeadoCultoMatutinoAnio a {
            color:white;
            font-weight: bold;
            font-size: 16px;
            text-transform: uppercase;
        }
        
        .borde-redondeadoCultoMatutinoMes span, .borde-redondeadoCultoMatutinoAnio span {
            text-align: center;
            width: 100%;
            font-size: 16px;
            text-transform: uppercase;
        }
        
        .borde-redondeadoCultoMatutinoAnio{
            -webkit-border-radius: 20px;
            -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius: 20px;
            -moz-border-radius-bottomleft: 2px;
            border-radius: 20px;
            border-bottom-left-radius: 2px;
            /*border-top-right-radius: 2px;*/
            background:#5EA226;
            width:100px;
            height:30px;
            float:right;
            padding: 15px 5px 5px 15px;
            display:inline-block;
        }
        
        /**combo mes y anio*/
        .cmbCultoMatutino{
            border: none;
            background: #5EA226;
            color: white;
            font-size: 16px;
            text-transform: uppercase;
            width: 100%;
            font-weight: bold;
        }
        
    /*Fin Formulario Cultos Matutinos*/
    
    
    /*   redes sociales   */
     .computador{
        display:block;
        visibility:visible;
    }
    .caja{
        display: table-cell;
        padding: 10px;
        float: left;
    }
.whatsapp {
    position:fixed;
    width:45px;
    height:45px;
    line-height: 45px;
    bottom:20px;
    left: 22px;
    background: #088a15;
    color:#FFF;
    border-radius:65px;
    text-align:center;
    font-size:45px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
}

.whatsapp:hover{
    margin-top:15px;
    /*solo nos permite invertir los colores*/
    background: #fff;
    text-decoration: none;
    color: #25d366;
} 
.btnZoom{
    position: fixed;
    width:40px;
    height:40px;
    line-height: 40px;
    bottom:76px;
    left: 21px; 
    
}

.btnZoom:hover{
    margin-top: 30px;

}
.face{
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 40px;
    bottom: 112px;
    left: 23px;
}
.btnface{
    margin-top: 62px;
    background: #fff;
    text-decoration: none;
    color: #0df053;
}
.youtube{
    position: fixed;
    width: 40px;
    height:40px;
    bottom:168px;
    left: 23px; 
    background:transparent;
   
}
.btnyoutube:hover{
    margin-top: 40px;
}
.usuario12 {
    position:fixed;
    width:50px;
    height:50px;
    bottom:76px;
    right: 35px;
    color: #8cc82f;
    text-align: right;
    font-size:15px;
    font-weight: bold;
}
.pagoOnline{
    position:fixed;
    width:70px;
    height:70px;
    line-height: 63px;
    bottom:25px;
    right: 35px;
    background:transparent;
    color:#FFF;
    border-radius:60px;
    text-align:center;
    /*font-size:30px;*/
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
}

.contenidoInicioJsp{
    
    width: 80%;
    padding: 5% 0 5% 10%;
    padding: 120px 152px 5px 100px;
    padding-left: 35px;
    padding-right: 15px;
    padding-top: 10px;
    float:none; 
    
}
.contenidoInicioJsp1{
    
    width: 80%;
    padding: 5% 0 5% 10%;
    padding: 120px 152px 5px 100px;
    padding-left: 35px;
    padding-right: 15px;
    padding-top: 10px;
    float:none; 
    
}
.contenidoInicioJsp1  .formIndex{
    background: none;
    margin-top: 10%;
    text-align:center;
}
.divplazoTerminado{
    text-align: center;
    margin: 100px auto;
}
.divplazoTerminado2{
    text-align: center;
    margin: 0 auto;
}
.pterminado1{
        font-size: 45px;
        color: #1e7c16;
        font-weight: bold;
        text-transform: uppercase;
}
.pterminado2{
    font-size: 40px;
    color: #41a241;
}
.buttonPlazo{
    padding-top: 40px;
    color: white;
    background: #06a206d9;
    font-size: 25px;
    /*border-bottom: #f7ff00;*/
}
 .estamosTrabajando{
        text-align: center;
        font-size: 45px;
        text-transform: uppercase;
        font-weight: bold;
        color: #1e7c16;
    }
    .estamosTrabajando1{
        font-size: 25px;
        color: #a1a1a4;
        font-weight: bold;

    }

    
    .link-zoom{ 
    /* background-color: #37b52d;   19/12/2022*/
    background-color: yellowgreen;
color: #fff!important;
font-weight: bold;
padding: 3px 5px;
font-size: 15px;
display: inline-block;
    }
     /*para congreso el titulo de seleccione una opcion 19/12/2022*/
    .tablaSeleccioneOpcion{
    padding: 10px 0px 5px 0px !important; 
    color: yellowgreen; 
    font-weight: bold !important; 
    font-size: 20px;
    }
    .AquiNoExisteNonmbre{
    background:yellowgreen; 
    font-weight: bold; 
    color:#fff; 
    border-radius: 10px; 
    padding: 10px 0px 10px 5px; 
    margin: 0px 5px 0px 0px;
    }
    /*--------------------------------------------*/
/*cambios para informes web*/
.botonPulseAqui{
    width: 440px;
    height: 35px;
    /*padding: 2% 25% 2% 25%; */
    border: 1px solid #36780f; 
    color: #FFFFFF; 
    background-color: #36780f; 
    text-align: center; 
    font-weight: bold; 
    font-family: arial, helvetica, sans-serif; 
    border-radius: 3px;
    /*border-bottom:none; 
    padding-right:110px;*/
}
.botonPulseAqui2{
    width: 300px;
    /*padding: 3% 25% 3% 25%;*/
    padding: 3% 10% 3% 8%;
    margin: 0px auto; 
    color: #FFFFFF; 
    background-color: #36780f; 
    text-align: center; 
    font-weight: bold; 
    font-family: arial, helvetica, sans-serif; 
    /*border-radius: 3px;*/
        border: 1px solid #eefaef;
    /*border-bottom:none; 
    padding-right:110px;*/
}

.botonfechaDpt{
width: 440px;
margin: 4% 0% 4% 0%;
/*padding-left: 70px;*/
/*padding-right: 70%;*/
color: rgb(222, 90, 7);
display: block;
background: #baf382;
border-radius: 3px;
text-align: -moz-center;
font-weight: bold;
border: 1px solid #98cc4d;
}

.botonOfrendaCant{
    width: 440px;
/*text-align: right;*/
border-radius: 3px;
margin: 4% 0% 4% 0%;
/*padding-right: 50%;*/
color: rgb(222, 90, 7);
background: rgb(186, 243, 130);
font-weight: bold;
border: 1px solid #98cc4d;
}

.botonAsisten{
width:440px;
border-radius: 3px;
margin: 4% 0% 4% 0%;
/*text-align: right;
padding-right: 93%;*/
color: rgb(222, 90, 7);
background: rgb(186, 243, 130);
border: 1px solid #98cc4d;
font-weight: bold;
display: block;
}

.opcionHuboCelula{
color: #e2ad10;
font-weight: bold;
/*padding-left: 55%;*/
text-transform: uppercase;
/*font-size: 26px;*/
font-size: x-large;
}

.botonNoCelula{
display: inline-block;
padding: 25px 45px 25px 45px;
position: relative;
border: 1px solid silver;
border-radius: 3px;
font-family: arial, helvetica, sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #645d5d;
}
.botonSiCelula{
display: inline-block;
padding: 25px 45px 25px 45px;
position: relative;
border: 1px solid #36780f;
border-radius: 3px;
font-family: arial, helvetica, sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #36780f;
}
.tituloSinReunion{
font-variant: all-petite-caps;
color: #628242;
font-size: revert-layer;
font-weight: bold;
}
.tituloINFcelula{
    font-size: 38px; 
    padding-top: 5%; 
    color: #5c5c56; 
    font-variant: all-petite-caps;
    text-transform: capitalize;
        width: 100%;
        padding-left: 2%; 
}
.tituloVerInformes{
    color: #5c5c56;
    font-weight: revert-layer;
    text-align: center;
    
}
.tituloVerInformes2{
    color: #dda215;
    text-align: center;
    font-size: 20px;
}
.observarCaja{
 /*padding: 2% 75% 2% 75%;*/
 width: 440px;
margin: 2% 0% 2% 0%;
}
.fechaInforme{
 color:#e2ad10;
 font-weight: bold;
 /*padding-left: 78%;*/
}
.letrasLabel{  
    color: #1b551b;
    font-weight: 800;
    font-size: 19px;
    text-transform: uppercase;
}
.letrasLabel1{        
    color: red;    
    font-weight: 800;
    font-size: 19px;   
    text-transform: uppercase;
}
/*inicio de escuelas web*/
.fondoFormulario{
/*background: #f6f6f6; comentado para que no se vea el fondo blanco*/
margin: 2% 2% 5% 2%;
padding: 20px 2px 40px 2px;
}
.fondoFormularioPreinscripcion{
/*background: #f6f6f6; comentado para que no se vea el fondo blanco*/
margin: 2% 2% 5% 2%;
padding: 20px 2px 40px 2px;
}
.verificarinput{
  border: 1px solid #98cc4d;
  margin-top: 2%;
  padding-top: 2px;
  width: 600px;
}
.botonverificar{
float: right;
border-radius: 7px;
text-transform: uppercase;
height: 34px;
margin-left: 25px;
}
.botonverificarNuevamente{
float: right;
border-radius: 5px;
text-transform: uppercase;
height: 34px;
margin-left: 25px;
display: inline-block;
padding: 3px 5px 3px 3px;
position: relative;
border: 1px solid #36780f;
border-radius: 3px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #4ba614;
}
.avisoescuelaweb{
text-transform: uppercase;
color: #247907;
font-variant: super;
font-weight: bold;
text-align: center;
margin: 1% auto 10% auto;
padding: 1px 20px 10px 20px;  
}
.titulosColor{
margin-top: 5%;
color: #62622d; 
font-weight: bold;
text-align: center;
font-size: 30px;
text-transform: uppercase;
}
.letrasEscuela{
display: flex;
    font-variant: all-petite-caps;
    color: #73b54f;
text-align: left;
padding: 2px 6px;

}
.inputEscuela{
    border: 1px solid #98cc4d;
margin-top: 2%;
padding-top: 2px;
width: 800px;
color: #6f855a;
text-align: center;
}
.seccionEscula{
color: #6f855a;
width: 800px;
padding-top: 5px;
}
.sectiones{
color: #73b54f;
text-align: left;
padding: 15px 2px 5px 2px;
}
.comentarioEscuela{
    text-align: center;
    font-variant: all-petite-caps;
    color: #4ba614;
}
.menu2 {
    display: flex;
    align-items: center;
}
#datosPersonas{
    flex-direction: column;
}

.seleccionarEscuela{
color: #73b54f;
padding: 4px 200px;
text-align: center;
border-color: #73b54f;
}
/* hasta aqui lo de escuelas web*/
/*-----19/12/2022--------------*/
.split-container__secundary{
    display: block;
  -webkit-box-flex: 1;
  /*-ms-flex: 1 1 100%;*/
  flex: 1 1 100%;
  background-color: #f8f7fa;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  /*display: none;*/
  position: relative;
}

.split-container__bg-3{
    background-image: url(https://cdn.evbstatic.com/s3-build/perm_001/c24baa/django/images/login/lateral-image-3.jpg);
}

.split-container__bg{
      background-color: #f8f7fa;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#manualpreregistro{ width:500px; padding: 20px 0 20px 0px; }
/*-----------------------------*/
/**Responsive*/
@media screen and (max-width : 1180px) {  
    .divCabecera {
        width: 900%;
        height:80px;
        margin-left: 10%;
        margin-top: 10px;
    }
      .divCabeceralogin {
        width: 100%;
        height:auto;
        margin-left: 10%;
        margin-top: 10px;
    }
    #menu{
        border-bottom: 0;
        width: 100%;
        margin-left: 0px;
    }
    /*va en la cabecera para enviar el reporte por correo. no visible para dispositivos moviles*/
    #envioCorreo{
        display: none;
    }
    .contenidoInicio{
    padding: 0% 1% 0% 1%;
    padding-left: 15px;
    padding-right: 15px;
    /*float: left; */
}
/*ofrendas online MOVIL*/
  .tituloODE{
      color: #000000;
      font-family: fantasy;
      text-decoration: none;
      font-weight: 700;
      text-align: center;
      font-size: 83px;
}
  .textoAmadoDiscipulo{
      font-size: 32px;
      margin: 10px 0px 25px 30px;
      color: #999999;
      text-align: center !important;
  }
    .tipodeOfrendas{
    /*display: block;
    display: table-cell;*/
  /*  width: 80%; */
    width: 90vw;
    /*height:1480px;*/
    background-color: #faf8f8;
    overflow: hidden;
}
 .ofrendaIMG{
padding: 5% 0px 6% 7%;
margin: 0 auto;
overflow: hidden;
}
.ofrendaTitulo{
    text-align: center;
    color: #000000;
    overflow: hidden;
   /* margin: 1.75rem 0 0.875rem;*/
    /*padding: 20px 0px 10px 105px;*/
}
.ofrendaParrafo{
    color: #a4b3a3;
    font-size: 30px !important;
    /*padding: 2px 0px 6px 0px;*/
    padding: 5px 15px 45px 15px;
    /*padding: 5px 15px 25px 15px;*/
    text-align: center !important;
    line-height: inherit;
    font-weight: normal;
    overflow: hidden;
}
.ofrendaBoton{
    background: #429f2f;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    padding: 5% 10% 5% 8%;
    /* margin: 10% 0% 10% 12%; */
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    /* width: 300px; */
    border: 1px solid #eefaef;
}  
.divmensaje2Ofrendas{
    /* 
     display: block;
   display: table-cell;
    width: 80%; */
   
    /* width: 90vw;
     height:900px;*/
    background-color: #faf8f8;
    align-items: center;
    display: flex;
    margin: 2% 10% 5% 20% !important;
    overflow: hidden;
}
.tituloInformacionBancos{
    color: #000000;
    font-family: fantasy;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 82px;
    margin: 5% 0% 5% 0%;
    
}
/*.imagenBancariaMovil{
  object-fit: cover; 
  width: 100%; 
  height: 100%; 
  margin: 5% 0% 5% 5% !important;
}*/
.imagenBancariaMovil{
    float: left;
    position: relative;
    width: 50%;
    display: flex;
}
.imagenBancariaMovil2{
     display: flex;
    width: 40%;
    position: relative;
}
}
@media screen and (max-width : 1200px) { 
    
    .divmensaje2Ofrendas{
    margin:0px auto;
    background-color: #faf8f8;
    display: flex;
    justify-content: center;
    }
    
   .imagenBancariaMovil{
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;    
    }
}

@media screen and (max-width : 1300px) {  
    .fondoInformeindex .tituloOnlineRG{
        font-size: 36px;
        text-align: center;
    }
}
@media screen and (max-width : 900px) {  
    .divCabecera {
        width: 100%;
        /*margin-left: 0;  */      
        margin-left: 50px; 
    }
    .divLoginCabecera{ 
      /* padding-top: 35px;
         padding-top: 50px;*/
        display: inline-block;
        /*float:right;*/
        float:left;
      /*  width: 50%;*/
        
    }
     /*----------19/12/2022-------------*/
    .divLoginCabecera2{
        display: inline-block;
        margin: 55px 480px 0px 0px;
    }
    /*--------------------------------*/
    #divMenuCabecera{
        padding-top: 15px;
        display: inline-block;
        float: left;
        width: 65%;
    }
    #divMenuCabecera ul {  
        display: none;  
        height: auto;  
    }   
    #divMenuCabecera #menuCabeceraCombo {  
        display: block;  
        float: right;
        background: inherit;
        color: inherit;
        /*width: 100%;  */
    }  

    #menu{
        border-bottom: 0;
        width: 100%;
        margin-left:0px;
        text-align: center;
    }
    #menu ul {  
        display: none;  
        height: auto;  
        width: 100%;
        margin-left: 80px;
    }   
    #menu li {  
        width: 60%;  
        float: left;  
        position: relative;  
    }  

    #menu a#pull {  
        display: block;  
        position: relative; 
        color: white;
        padding-top: 10px;
        margin-left: 110px;
    } 
    #menu #Inicio{
        background: green;
        border-bottom: 2px solid #FFFFFF;
    }
    .menuInicio{
        margin: 20px auto 0 auto;
        width: 230px;
      /*  background: url("../img/content230.png") no-repeat scroll 0 0 transparent;*/
    }
    #tabSubMenu ul {  
        display: none;  
        height: auto;  
    }       
    #tabSubMenu div {  
        margin-left: 20px;        
        padding-right: 20px;
        background: url(../img/submenuder.png)top right no-repeat;
        height:50px;
        text-align: center;
    }
    #tabSubMenu #menuTabCombo{
        display: block; 
        background:  url(../img/submenu.jpg)repeat-x top left;
        padding-top: 15px;    
        padding-bottom: 15px;
        color: black;     
        font-weight: bold;
        float: left;
        border: none;
        margin: 0;
    }    
    .image{
        width: 215px;
    }
    .title{
        float:center;
        margin: 5px 0 0 10px;
    }
    .btnBlack{
        margin: 13px 0;
    }

    .contenido{/*Establece el porcentaje del maximo de la pantalla*/
       margin: 0% auto;
       padding: 0px;
      /*  min-height: 80%;*/
         background-color: #fff;
       
    }
    .contenidoFormulario{/*Posiciona los tama�os de los margenes de la pantalla parte central*/
    background-color: #fff;
    width: 90%;
    padding: 0% 40% 0% 0%;
    margin: 14% auto 0 auto;/*modificado el 5 de julio 2023 porque estaba muy arriba en el formlario del celular*/ 
    min-height: 350px;
}
.contenidoFormulario avisos{
    margin: 5% auto 0 auto;
}
      .tablaInformes{
      margin-left: 3%;
  }
    .contenidoForm{ /*aqui modifique para el celular*/
    /*min-height: 900%;*/
    border-width: 3px;  
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 25%;   
    margin-block-end: auto;
    width: 50% !important;
   /* padding: 5% 0 5% 10% !important;
    padding: 120px 15px 5px 10px;*/
    /*padding-left: 1%;
    padding-top: 1%;*/
    float: none; 
    
}

.seccionFormulario{
    padding-top:20px;
    padding-left:6px;
    /*padding-right:20px;*/
}
.seccionFormulario a{
    margin:0% auto;
    display: block;
    /*width: 150%;comentado por el formulario de avisos*/
    width:390px;
    text-transform: uppercase;
    font-weight: bold;
    font-size:16px;
    color:#444444;
    text-align:left;
   
}

    .seccionTituloInicio, .datoTitulo{
        text-align: center;
    }

    .dato{
        width: 100%;
    }

    /*fieldset select{
        width: 300px;
    }*/

    #menuCorto{
        display: block;
    }
    #menuLargo{
        display: none;
    }

    .divImage{
        display: inline-block;
    }    
    .divImage div{
        display: inline-block;
        margin-top: 10px;
    }
    .opcionCarrusel{
        width: 250px;
        text-align: justify;
        -webkit-border-radius: 20px;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius: 20px;
        -moz-border-radius-bottomleft: 2px;
        border-radius: 20px;
        border-bottom-left-radius: 2px;
        background:#696969;
        margin:5% auto;
        padding: 15px 15px 15px 15px;
        color:white;
    }
    .opcionCarrusel h4{
        text-align: center;
    }    
    .opcionCarrusel div{
        margin-top: 10px;
    }

    .borde-redondeado{
        width:300px;
        height:100px;
        margin:none;
    }

    .borde-redondeado2{
        width:300px;
        height:100px;
        margin:none;
    }
    .borde-redondeado-consolidacion{
        width:500px;
        height:100px;
        margin:none;
        padding: 0px;
    }

    .textoTestimonios{
        width: 300px;
    }
    
    .kardexGrande{
        display: none;
    }

    .kardexChico{
        display: block;
    }
    #footer {
        width: 100%;
    }
    #footer  ul {
        padding: 0px;
    }
    #footer  ul li{
        display: block;
        padding-top: 15px;
    }
    #footer  ul li a{
        border-right: 0px;
    }
    .vcard {
        float:none;
        text-align: center;
    }
    /*va en la cabecera para enviar el reporte por correo. no visible para dispositivos moviles*/
    #envioCorreo{
        display: none;
    }
    
    .dispositivoMovil{
        display:block;
        visibility:visible;
    }
    /* para que salga en el celular todo en linea*/
    
    .computador{
        display:none;
        visibility:hidden;
    }
    .caja{
        display: inline-block;
        /*padding: 10px;*/
    }
    .cajaItem .image {
    width: 98%;
    height: auto;  
    }
    .cajaItem .title {
        margin: 12px 2px 0 2px !important;
    }
    .divplazoTerminado{
    width: 330px;
    margin: 20px auto 20px auto;
    text-align: center;   
    /*margin: 50px auto;*/
    }
    .pterminado1{
        font-size: 30px;
        color: #1e7c16;
        font-weight: bold;
        /*text-transform: uppercase;*/
    }
    .pterminado2{
        font-size: 20px;
        color: #41a241;
        font-weight: bold;
    }
    .estamosTrabajando{
        
        font-size: 30px;
        text-transform: uppercase;
        font-weight: bold;
        color: #1e7c16;
    }
    .estamosTrabajando1{
        font-size: 12px;
        color: #a1a1a4;
        font-weight: bold;

    }
    /*--------------19/12/2022------------*/
    /* movil para el congreso*/
      .contenido{
     /*   padding: 0px 30px 0px 40px !important;*/
        background-color: white;
        background-size: cover;
        background-position: center;

}
    body,form,fieldset {  
    margin: 0% auto; 
    padding-top:2px; 
    }
     .vertical{
        /*background-image: url(https://www.xtrafondos.com/thumbs/vertical/1_9697.jpg);*/
        background-size: cover;
        background-position: center;
      /* background-color: white;*/
        width: 100vw;
    }
  
  .divCabecera2{
    height: 80px;
    width: 90%;
    margin-top: 12px;
    /*margin-top: 5%;
    margin-left: 5%;*/
    /*background: url('../img/logo.jpg') no-repeat;*/
    background: url('../img/logo.png') no-repeat;
    }
  
    .h3login{
       color: red; 
    }  
    .vertical a{
           /* background-color: yellowgreen;*/
            font-weight: bold;
            font-size: x-large;
            color: #eef3ed;
          /*  padding-top: 25px !important;*/
            margin: 8% 0% 2% 60%;
            padding-right: 8px;
            padding-left: 8px;
            border-radius: 10px;
           /* padding-top: 10px;*/
    }
    .contenidoFormZoom{/*aqui mmodifique para el celular la visa*/
        border-width: 3px;
        /* margin: 10% auto;
         margin-top: 4%; 
         margin-left: 4%;*/
         margin-right: 25%;   
        /* position: absolute;
         margin-block-end: auto;*/
     }
    .tituloOnline{
       font-size: 70px;
    }
    .tituloOnlineRG{
      
        font-weight: bolder;
        color: #7c7c79;
        width: fit-content;
        font-variant-caps: petite-caps;
        font-size: 24px;
    }
      .titutloAdjComproTabla{
        text-align: center;
        font-size: 13px;
        color: #d3320c;
        /*text-transform: full-size-kana;*/
    }
    .titutloContribuciontabla {
  text-align: center;
  padding: 2px 5px 2px 1px;
  font-weight: bold;
  font-size: 15px;
  color: #696969;
}
    .contribucionesTabla{
        /*margin: 2px 0px 5px 0px;
        background-color: beige;*/
        background:url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=); 
        width: 300px;
        margin: 10px 0px 10px 0px;
    }
    .datosContribucion{
        background-color: transparent;
        position: relative;
    }
    .cantAcceso{
        /*padding: 2px 2px 2px 15px;*/
        padding: 2px 0px 2px 0px;
        font-size: 22px;
    }
   .verticalAccesos{
    font-weight: bold;
    font-size: 18px;
    line-height: 135%;
    margin: 10px 0 3px 0;
    width: 250px;
    /*text-align: center;*/
    border-bottom: none;
    text-transform: uppercase;
    }
    
        fieldset table, fieldset tbody, fieldset th, fieldset td {
        /*color: #639802;*/
        text-align: left;
        padding: 0px 0px;
    }
    .tdBautismo{
        padding: 10px 1px 10px 1px;
    }
    .divBautismo{
            padding: 5px 1px 5px 1px;
    }
    .botonSolicitante{
        background: #429f2f;
        font-weight: bold;
        color: #fff;
        float: right;
        border-radius: 10px;
        padding: 20px 20px 20px 20px; 
        width: 100%;
        margin: 10px auto;
        text-align: center;
        /* style="background:#429f2f; font-weight: bold; color:#fff; float: right;" */
    }
    
    .botonSolicitarAcceso{
        background: #429f2f;
        font-weight: bold;
        color: #fff;
        float: right;
        border-radius: 10px;
        padding: 20px 20px 20px 20px;
        width: 300px;
    }
    .botonHabilitadoCongreso{
        background: #429f2f;
        font-weight: bold;
        color: #fff;
        float: right;
        border-radius: 10px;
        padding: 10px 10px 10px 10px;
        width: 150px;
    }
    .requerido{
        color: #EC0606;
        font-size: 15px !important; 
        padding: 2px 0px 6px 0px;
        text-align: left !important;
        line-height: inherit;
        font-weight: normal;
    }
    .requerido4{
    color:#446C36; 
    font-size: 14px;
    text-transform: uppercase; 
    font-weight: bold;   
    padding: 10px 0px 40px 0px;
    display: inline;
    }
     .requerido5{
    color:#446C36; 
    font-size: 14px;
    text-transform: uppercase; 
    font-weight: bold;   
    padding: 10px 0px 40px 0px;
    display: inline;
    }
    .requerido3 {
    color: #6c6767;
    font-size: 15px;
    font-weight:bold;
    line-height:15px;
    }
    .link-zoom{ 
    background-color: yellowgreen;
    color: #fff!important;
    font-weight: bold;
    padding: 15px 5px 15px 5px;
    font-size: 15px;
    display: inline-block;
    }
    .tablaSeleccioneOpcion{
    padding: 10px 0px 5px 0px; 
    color: yellowgreen; 
    font-weight: bold !important; 
    font-size: 18px;
    }
    .AquiNoExisteNonmbre{
    background:yellowgreen; 
    font-weight: bold; 
    color:#fff; 
    border-radius: 10px; 
    margin: 0px 5px 0px 0px;
    padding: 4px 1px 4px 4px;
    font-size: 15px;
    }
    .botonFinal{
        width: 300px;
        height: 50px;
        /*position: relative;*/
        border: 1px solid #36780f;
        border-radius: 10px;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        font-weight: bold;
       /* text-align: center;*/
        color: #FFFFFF;
        background-color: #4ba614;
    }
      .labelrevise{
        margin: 0% 5% 10% 0%;
        width: 320px;
        text-align: justify;
    }
        .textContribucionTabla {
      font-weight: bold;
      text-align: center;
      width: 80%;
      color: white;
      background: green;
      padding: 10px 2px 10px 2px;
      font-size: 20px;
      margin: 5px 20px 5px 20px;
      border-bottom: 4px solid #639802;
    }
    .verticalSeleccione {
  text-transform: uppercase;
  text-align: center;
  width: 80%;
  color: white;
  background: green;
  padding: 10px 2px 10px 2px;
  font-size: 20px;
  margin: 5px 20px 5px 20px;
  border-bottom: 2px solid #639802 !important;
}

/* OFRENDAS ONLINE*/

.imagenBancariaMovil{
  object-fit: cover; 
  width: 90%; 
  height: 90%; 
  margin: 5% 0% 5% 5% !important;  
}
}
    /*------------------------------------*/
@media screen and (max-width : 480px) {
    .divCabecera{
       /* margin-left: 2%;*/
       height: 110px;
       width: 80%;
       background: url('../img/logo.png') no-repeat;
       margin-top: 15px;
    }
    .contenido{
      /* margin: 0 auto; */
       margin-top: 10%;
       /*padding: 0 !important;*/
    }
    .contenido table{
        width: 90%;
    }
    .texto{
        width: 90% !important;
        display: block ;
        overflow: hidden;
    }
    .contenidoForm{ /*aqui modifique para el celular*/
        display: block;
       overflow: hidden;
      margin: 0 auto;
      padding: 0 !important;
      width: 100% !important;
    }
    .spersona_contactos{
        width: 90% !important;/*se cambio de 100% al 90 % porque en escuela sale muy al limite*/
    }
    /*.alertaInforme{
        display: block;
        overflow: hidden;
    }*/
    .NC{
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .ultimosMesesInf{
        display: block ruby;
    }
    .section{
        width: 100%;
        /*padding-left: 2%; comentado porque en el boton de preinscripcion se hace a un lado*/
    }
    form .section h1 {
        color: orange;
        font-weight: bold;
        text-align: center;
        font-size: 23px;
        text-transform: uppercase;
    }
    .pie{
        margin-top: 20px;
}
    .link-zoom{ 
        text-align: center; 
        /*--19/12/2022---*/  
        background-color: yellowgreen;
        color: #fff!important;
        font-weight: bold;
        padding: 15px 5px 15px 5px;
        font-size: 15px;
        display: inline-block;

    }

/*hacer dos columnas para el registro a zoom*/
.contenidoFormZoom{ /*aqui modifique para el celular*/
    /*min-height: 900%;*/
    /*border-width: 3px;  
   margin-top: 15%;*/
   /* margin-left: 5%;
    margin-right: 25%;   */
    margin-block-end: auto;
    width: 80% !important;
   /* padding: 5% 0 5% 10% !important;
    padding: 120px 15px 5px 10px;*/
    /*padding-left: 1%;
    padding-top: 1%;*/
    float: none; 
    
}
#columna1 {
/*position:absolute;*/
/*left:180px;*/
padding: 10px;
margin-top:40px;
}
#columna2 {
/*position:absolute;*/
margin-center:750px;
margin-right:10px;
margin-top: 40px;
padding: 10px;
background-color:#e0f5ce;
}
/*cambios para informe web */
.botonPulseAqui{
    width: 390px;
    padding: 4% 25% 4% 20%;
    border: 1px solid #36780f; 
    color: #FFFFFF; 
    background-color: #36780f; 
    text-align: center; 
    font-weight: bold; 
    font-family: arial, helvetica, sans-serif; 
    border-radius: 3px;
    /*border-bottom:none; 
    padding-right: 90px;*/
}
.botonfechaDpt{
width: 390px;
padding: 0% 32% 0% 32%;
/*padding-right: 90%;*/
color: rgb(222, 90, 7);
display: block;
background: #baf382;
border-radius: 3px;
text-align: -moz-center;
font-weight: bold;
}
.botonOfrendaCant{
width: 390px;
/*text-align: right;
padding-right: 60%;*/
border-radius: 3px;
/*padding: 0% 25% 0% 20%;*/
color: rgb(222, 90, 7);
background: rgb(186, 243, 130);
font-weight: bold;
}
.botonAsisten{
 width: 390px;
border-radius: 3px;
margin: 2% 0% 2% 0%;
/*padding-left: 70%;
padding-right: 60%;*/
color: rgb(222, 90, 7);
background: rgb(186, 243, 130);
font-weight: bold;
display: block;
}
.opcionHuboCelula{
color: #e2ad10;
font-weight: bold;
padding-left: 25%;
text-transform: uppercase;
/*display: block ruby;*/
display: inline-table;
font-weight: bold;
font-size: 26px;
/*position: relative;
display: flex;*/
}
.botonNoCelula{
display: block !important;
width : 390px;
margin-top: 5px;
position: relative;
border: 1px solid silver;
border-radius: 3px;
font-family: arial, helvetica, sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #645d5d;
}
.botonNoNoCelula{
display: inline-block;
padding: 8% 33% 8% 33%;
/*padding-right: 50%;*/
position: relative;
border: 1px solid silver;
border-radius: 3px;
font-family: arial, helvetica, sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #645d5d;
}
.tituloSinReunion{
font-variant: all-petite-caps;
color: #628242;
font-size: revert-layer;
font-weight: bold;
font-size: 16px;
}

.botonSiCelula{
display: block !important;
width: 390px;
margin-top: 5px;
/*padding: 4% 25% 4% 25%;
padding-right: 53%;*/
position: relative;
border: 3px solid #36780f;
border-radius: 3px;
font-family: arial, helvetica, sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #36780f;

}
.botonSiNoCelula{
display: inline-block;
padding: 4% 25% 4% 25%;
/*padding-right: 53%;*/
position: relative;
border: 1px solid #36780f;
border-radius: 3px;
font-family: arial, helvetica, sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #36780f;
width: 390px;
}
.botonSinReuCelula{
display: inline-block;
/*padding: 25px 0px 25px 95px;
padding-right: 53%;*/
position: relative;
border: 1px solid #36780f;
border-radius: 3px;
font-family: arial, helvetica, sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #36780f;
margin: 2% auto 2% auto;
padding-left: 25%;
padding-right: 25%;
}
.contenidoFormulario{/*Posiciona los tama�os de los margenes de la pantalla parte central*/
    background: url(https://media.istockphoto.com/id/1127045454/es/foto/fondo-de-pared-blanca-sin-costura-antiguo-fondo-de-textura-de-papel-blanco.jpg?s=170667a&w=0&k=20&c=dUXLcZk_UoMn0Yz8C6JHc1WqR92ZnLHcDaDQ6jdgJlE=);
    box-sizing: content-box;
    background-color: #fff;
    display: block;
    width: auto;
    padding-top: 10px;
    margin: 10% 4% 0 3%;
    min-height: 350px;
}
.tituloINFcelula{
  width: 100%;
  padding-left: 2%; 
  font-size: 18px;
  padding-top: 5%;
  color: #5c5c53;
  /*font-variant: all-petite-caps;
  box-sizing: border-box;*/
  width: max-content; 
}
.tituloInforme{
position: relative ;
width: max-content !important;
/*font-size: 20px;*/
color: #5c5c56;
font-variant: all-petite-caps;
border-bottom: 2px solid #639802;
font-weight: bold;
font-size: larger;
}
.tituloInforme2{
padding-top: 5%;
position: relative;
width: max-content !important;
font-size: 15px;
color: #5c5c56;
/*font-variant: all-petite-caps;*/
}
.informewebTd{
    background: #645d5d;
    padding: 4% 0% 3% 2% !important;
}
.informeWebCont{
text-transform: capitalize;
color: #6d6d33;
font-weight: bold;
font-size: 16px;
}
.informewebP{
   /* text-transform: capitalize;*/
    /*color:#54504d;*/
    color: white;
    /*font-weight: bold;*/
    font-size: 12px;
}
.informewebNumeros{
color: #36780f;
background: rgb(232, 251, 214);
/*padding-left: 50px;
margin-left: 60%;*/
border-radius: 3px;
/*text-align: -moz-center;*/
font-weight: bold;
font-size: 20px;
}
.titulosSiHuboCelula{
font-variant: all-petite-caps;
color: rgb(126, 126, 109);
font-size: revert-layer;
padding-top: 2%;
font-weight: bold;
display: block;
}
.observarCaja{
 /*padding: 2% 53% 2% 53%;*/
 width: 390px;
  margin: 2% 0% 2% 0%;
  
}
.fechaInforme{
 color:#e2ad10;
 font-weight: bold;
 padding-left: 37%;
}
/*inicio de escuelas web responsive 480px*/
/*body *{
    font:normal 14px Arial,Helvetica,sans-serif;
}*/
.fondoFormularioPreinscripcion{
width: 98%;
/*background: #f6f6f6; comentado por escuela web para que el fondo blanco no salga*/
margin: 0% 0% 5% 0%;
padding: 0px 0px 20px 0px;
}
.fondoFormulario{
width: 100%;
background: #f6f6f6; 
margin: 5% 0% 5% 0%;
padding: 20px 0px 40px 20px; /*a�adimos el #20px al ultimo padding para el formato en el formulario quienes somos*/
}

.verificarinput{
  border: 1px solid #98cc4d;
  margin-top: 2%;
  padding-top: 2px;
  width: 600px;
}
.botonverificar{
float: right;
border-radius: 7px;
text-transform: uppercase;
height: 34px;
margin-left: 25px;
}
.botonverificarNuevamente{
/*float: center;*/
width: 100%;
border-radius: 5px;
text-transform: uppercase;
height: 34px;
/*margin-left: 25px;*/
display: inline-block;
/*margin: 3% 10% 3% 3%;*/
position: relative;
border: 1px solid #36780f;
border-radius: 3px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #4ba614;
}
form .section h4 {
 color: #198344;
/* display: block;*/
 padding: 2% 15% 2% 0%;
 font-size: 22px;
 text-transform: uppercase;
 font-weight: bold;
 font-variant-caps: all-small-caps;
 text-align: center;
 border-bottom: 2px solid #639802;
 flex-direction: column;
}
form .section h5 {
 color: #198344;
/* display: block;
 padding: 2% 15% 2% 0%;*/
 font-size: 28px;
 text-transform: uppercase;
 font-weight: bold;
 font-variant-caps: all-small-caps;
 text-align: center;
 border-bottom: 2px solid #639802;
 flex-direction: column;
}
.requerido2{
    color: #DF0000;
    font-size: 12px;
    /*font-weight: bold;*/
    line-height: 10px;
   /* display: revert-layer;
padding: 2% 2% 2% 5%;*/
}
.requerido11{
    color: #DF0000;
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 12px;
   /* display: revert-layer;
padding: 2% 2% 2% 5%;*/
}
.botonHabilitadoM12{
    width: 90%;
    height: 34px;
    display: inline-block;
    padding: 3px 5px 3px 3px;
    position: relative;
    border:1px solid #36780f;
    border-radius: 3px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    text-align: center; 
    color: #FFFFFF; 
    background-color: #4ba614;
    /*margin-right: 10px;*/
}

.botonHabilitado{
    width: 390px;
    height:35px;
    margin-top: 15px;
    /*display: inline-block;
    padding: 10px 2px 10px 2px;*/
    position: relative;
    border:1px solid #36780f;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #36780f;
}
.botonEliminar {
    display: block !important;
    /* padding: 3px 5px 3px 30px; */
    width: 390px;
    height: 35px;
    margin-top: 10px;
    position: relative;
    border: 2px solid #ab0909;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #af0000;
}
.botonHabilitadoVercomprobanteFoto{
    float: left;
    width: 390px;
    display: inline-block;
   /* padding: 20px 37px 20px 37px;*/
    position: relative;
    border:1px solid #60f00a;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #46b304; 
}
.botonHabilitado2{
    float:left;
    width:300px;
}
.avisoescuelaweb{
text-transform: uppercase;
color: #247907;
font-variant: super;
font-weight: bold;
text-align: center;
margin: 1% auto 10% auto;
padding: 1px 20px 10px 20px;  
}
.titulosColor{
margin-top: 5%;
color: #62622d; 
font-weight: bold;
text-align: center;
font-size: 30px;
text-transform: uppercase;
}
.letrasEscuela{
font-variant: all-petite-caps;
color: #73b54f;
text-align: left;
padding: 2px 6px;
flex-direction: column;

}
.inputEscuela{
border: 1px solid #98cc4d;
margin-top: 2%;
padding-top: 2px;
width: 100%;
color: #6f855a;
text-align: center;
}
.seccionEscula{
color: #6f855;
width: 300px;
padding-top: 5px;
}
.sectiones{
color: #73b54f;
text-align: left;
padding: 15px 2px 5px 2px;
}
.comentarioEscuela{
    text-align: center;
    font-variant: all-petite-caps;
    color: #4ba614;
    flex-direction: column;
}
/*datos personales*/
#datosPersonas{
    flex-direction: column;
}
/* hasta aqui lo de escuelas web*/
/* hasta aqui lo de escuelas web*/
/*de aqui es congreso movil*/
 /* movil para el congreso*/
  .contenido{
     /*   padding: 0px 30px 0px 40px !important;
     padding: 1% 0% 1% 10% !important;*/
    padding: 1px 2px 1px 10px !important;
        background-color: white;
        background-size: cover;
        background-position: center;
        
}
.divLoginCabecera{/*Posicion o direccion de la cabecera nombre del usuario, imagen Dikrom, Menu configuracion*/
    /*height: 40px;*/
    /*float:right;
    height: 80px;
    width: 100%;
    text-align: right;*/
   /*float:left;*/
  /*  width: 80%;
    text-align: right;*/
 padding: 10px 0px 10px 100px;

}
/*.divLoginCabecera a{/*Decoracion o color en el nombre de Usuario*/
    /*color:#fff;*/
    /*text-decoration:none;    
    color: yellowgreen;
    display: inline-block;*/
   /* margin-top: 15px;*/
 /*   text-transform: uppercase !important;
    font-weight: bold;
    color: white;
    font-size: 20px;
    display: inline-block;
    padding: 10px;
    padding-top:65px; /*92px;*/
    /*padding-right: 2%;*/
/*}*/
  
     .vertical{
        /*background-image: url(https://www.xtrafondos.com/thumbs/vertical/1_9697.jpg);*/
        background-size: cover;
        background-position: center;
      /*  background-color: white;*/
        width: 100vw;
    }
   .divCabecera2{
    height: 70px;/*67px;*/
    width: 80%;
    /*margin-top: 40%;*/
    background: url('../img/logo.png') no-repeat;  
    margin: 5% 0% 10% 15%;
    }
    .h3login{
       color: white;
       /*margin-top: 12px; */
    }
  
  /* .divCabecera2{
    height: 70px;
    width: 80%;
    margin-top: 8%;*/
    /*background: url('../img/favicon.ico') no-repeat;*/
        
    /*}*/
   
    
    .vertical a{
            /*background-color: #e2f2c1;*//*36bc1a;*//*429f2f;*/
            /*font-weight: bold;
            font-size: x-large;*/
            color: yellowgreen;/*#eef3ed;*/
            padding-top: 56px !important;
           /* border-radius: 10px;
            margin: 35% 0% 2% 35%;
            padding: 2px 50px 2px 0px;
            width: 185px;*/
    }
     .tituloOnline{
       /*font-size: 60px;*/
       font-size: 90px;
    margin: 1px 3px 20px 12px;
    padding: 0% 0% 1% 0%;
    }
    .tituloOnlineRG{
        font-weight: bolder;
        color: #7c7c79;
        font-size: 23px;
        width: fit-content;
        font-variant-caps: petite-caps;
      
    }
    .contribucionesTabla{
        margin: 0 auto;
    }
    .datosContribucion{
        background-color: #e2f2c1;
      /*  position: relative !important;*/
    }
    .cantAcceso{
        padding: 2px 2px 2px 15px;
        font-size: 22px;
    }
     .verticalAccesos{
    font-weight: bold;
    font-size: 18px;
    line-height: 135%;
    margin: 10px 0 3px 0;
    width: 100%;
    text-align: left;
    border-bottom: none;
    text-transform: uppercase;
    padding: 2px 2px 2px 15px;
    }
    .verticalSeleccione{
        text-transform: uppercase;
        text-align: center;
        /*width: 50%;*/
        width: 90%;
        color: white;
        background: green;
        padding: 10px 2px 10px 2px;
        font-size: 15px;
        margin: 5px 20px 5px 20px;
        border-bottom: 2px solid #639802 !important;
    }
    .titutloContribuciontabla{
        text-align: left;
        /*padding: 2px 0px 2px 40px;*/
        font-weight: bold;
        font-size: 15px;
        color: #696969;
    }
    .titutloAdjComproTabla{
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        padding: 4px 0px 4px 15px;
        color: #d3320c;
    }
    .textContribucionTabla{
        font-weight: bold;
        text-align: center;
        width: 90%;
        color: white;
        background: green;
        padding: 10px 2px 10px 5px;
        font-size: 15px;
        margin: 5px 20px 5px 20px;
        border-bottom: 4px solid #639802;
    }
    form .section h1 {
        color: #145e04;
        font-weight: bold;
        text-align: center;
        font-size: 37px;
        text-transform: uppercase;
    }
    form .section h2 {
      /*  color: #145e04;*/
      color:#639802;
      font-weight: bold;
      text-align: center;
      /*font-size: 40px;*/
      font-size: 20px;
      text-transform: uppercase;
    }
     .verticalAccesos{
           font-variant: petite-caps;
           color: yellowgreen;
           font-weight: bold;
           font-size: 18px;
           padding: 2px 2px 2px 15px;
    }
    #columna2 {
    /*position:absolute;*/
    margin-center:750px;/*corregir opcion*/
    margin-right:10px;
    margin-top: 40px;
    padding: 10px;
    background-color: transparent;
    }

.contenidoFormZoom {
  border-width: 3px;
  margin: 10% auto;
  /*margin-top: 4%;
  margin-left: 4%;
  margin-right: 25%;*/
  position: relative;
  width: 90%;
  margin-block-end: auto;
}
    .botonSolicitante{
        background: #429f2f;
        font-weight: bold;
        color: #fff;
        float: right;
        border-radius: 10px;
        padding: 20px 20px 20px 20px; 
        width: 100%;
        margin: 10px auto;
    }
   .horizontal{
       display: flex;
       justify-content: center;
        height:0%;
        width: 0%;
       
    }
    .contenido2{/*Posiciona los tama�os de los margenes de la pantalla parte central*/
    background-color: #eeffe980;
    width: 100%;
    padding: 0 20% 5% 0% !important; /*0 50% 5% 35%;
    margin: 3% auto 0 auto;*/
    min-height: 350px;
    }
       .fondoInformeindex .contenido2{
        padding: 0 !important;
    }
    .fondoInformeindex .contenido2 table{
        width: 100%;
    }
    .fondoInformeindex .tituloOnlineRG {
        text-align: center;
        font-size: 30px;
    }
    .fondoInformeindex .divLoginCabecera a{
        padding-top: 72px;
    }
    .fondoInformeindex .divCabecera2{
        margin-top: 3%;
    }
   
    .botonHabilitadoCongreso {
        background: #429f2f;
        font-weight: bold;
        color: #fff;
        float: right;
        border-radius: 10px;
        padding: 20px 20px 20px 20px;
        width: 300px;
        margin: 10px auto;
    }
    .botonSolicitarAcceso{
       background: #429f2f;
        font-weight: bold;
        color: #fff;
        float: right;
        border-radius: 10px;
        padding: 20px 20px 20px 20px;
        width: 300px;
        margin: 10px auto; 
    }
    .requerido4{
    color:#446C36; 
    font-size: 16px;
    text-transform: uppercase; 
    padding: 4px 0px 10px 0px;
    display: inline;
    }
     .requerido5{
    color:#446C36; 
    font-size: 16px;
    text-transform: uppercase; 
    padding: 7px 0px 0px 0px;
    font-weight: bold;
    display: inline;
    }
      .labelrevise{
        margin: 0% 5% 10% 0%;
        width: 320px;
        text-align: justify;
    }
    .botonFinal{
        width: 320px;
        height: 50px;
        /*position: relative;*/
        border: 1px solid #36780f;
        border-radius: 10px;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        font-weight: bold;
       /* text-align: center;*/
        color: #FFFFFF;
        background-color: #4ba614;
    }
   
  /*ofrendas online MOVIL*/
  .tituloODE{
      color: #000000;
      font-family: fantasy;
      text-decoration: none;
      /*font-weight: 700;*/
      text-align: center;
      font-size: 43px;
}
  .textoAmadoDiscipulo{
      font-size: 22px;
      margin: 10px 0px 25px 20px;
      color: #999999;
      text-align: center !important;
  }
    .tipodeOfrendas{
    /*display: block;
    display: table-cell;*/
  /*  width: 80%; */
    width: 90vw;
    height:1480px;
    background-color: #faf8f8;
    overflow: hidden;
}
 .ofrendaIMG{
padding: 5% 0px 6% 7%;
margin: 0 auto;
overflow: hidden;
}
.ofrendaTitulo{
    text-align: center;
    color: #000000;
    overflow: hidden;
   /* margin: 1.75rem 0 0.875rem;*/
    /*padding: 20px 0px 10px 105px;*/
}
.ofrendaParrafo{
    color: #999999;
    font-size: 15px !important;
    /*padding: 2px 0px 6px 0px;*/
    padding: 5px 15px 25px 15px;
    text-align: center !important;
    line-height: inherit;
    font-weight: normal;
    overflow: hidden;
}
.ofrendaBoton{
    background: #429f2f;
    font-weight: bold;
    color: #fff;
    /*float: right;*/
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
        margin: -13% 0px 10% 2%;
    width: 370px;
   /*margin: 5% 0px 10% 2%;*/
    /*margin: 0px auto;
    text-align: center;*/
    overflow: hidden;
}  
   
    
.tituloInformacionBancos{
    color: #000000;
    font-family: fantasy;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    font-size: 41px;
}
    
    .imagenBancariaMovil{
       /* display:flex; width:110%;
        border: 2px solid blue;
        height: 400px;
        margin: auto;*/
       /* width: 340px; 
        padding: 50px;
        font-family: 'Avenir', sans-serif; 
        color: #33475b;*/
       width: 90%;
}
    .estilo_div{
        background: url(../img/pagoQR.jpeg) no-repeat;
        background-size: cover;
        height: 600px;
        width: 600px;
}
.botonMeses{
    display: inline-block;
    padding: 14px 15px 14px 13px;
    position: relative;
    border:3px solid #4ba614;
    border-radius: 9px;
    font-family:arial, helvetica, sans-serif;
    font-weight:bold;
    text-align: center;
    color: #2e6c08;
    background-color: #FFFFFF;
    margin-right: 10px;
    width: 300px;
    text-transform: uppercase;
    margin: 5px 0px 5px 10px;
}
.botonMesesInformes{
    display: inline-block;
    /*padding: 14px 15px 14px 13px;*/
    padding: 5px 2px 5px 2px;
    height: 45px;
    width: 110px;
    position: relative;
    border:3px solid #4ba614;
    border-radius: 9px;
    font-family:arial, helvetica, sans-serif;
    font-weight:bold;
    text-align: center;
    color: #2e6c08;
    background-color: #FFFFFF;
    margin-right: 10px;
   /* width: 300px;*/
    text-transform: uppercase;
    margin: 5px 2px 5px 2px;
}
.botonHabilitadoInformesM12{
    display: inline-block;
    /*padding: 12px 30px 12px 30px;*/
    height: 45px;
    position: relative;
    border:1px solid #68cd2c;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #24470f;
    width : 390px;
}
.botonEliminarM12{
    display: inline-block;
    padding: 4% 25% 4% 25%;
    width:390px;
    position: relative;
    border: 1px solid #e42d2d;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #b30000;
    /*margin-right: 10px;*/
    margin-top: 10px;
    background-image:url("../img/eliminar24.png");    
    background-repeat:no-repeat;
}
.requerido9{
    color: red;
    padding-top: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 10px;
    /*text-align: justify;
    display: contents;*/
}
.requerido10{
    color: #395A18;
    font-size: 23px;
    font-weight: bold;
   /* text-align: justify;*/
    display: contents;
}
.contenidoFormZoom .button, input, optgroup, select, textarea table{
    /*width: 300px;*/
    padding: 4px 2px 4px 4px;
}
.inputPre{
    width: 300px;
}
.seccionFormulario a{
    /*width:auto; 
    text-align: center; comentado porque en avisos sale mal*/
    width: 390px;
    text-align: left;
}
.seccionFormularioAviso a{
    width:auto; text-align: center;
}
#manualpreregistro{ width:100%;}
}
.tabla td a:hover{
    color: #088ff2;
}
.clickAqui{
    color:#053102;
    padding-left: 25%;
    text-transform: uppercase;
    display: inline-table;
    font-weight: bold;
    font-size: 34px;
}
.botonHabilitado123{
    display: block !important;
    /*padding: 12px 30px 12px 30px;*/
    height: 45px;
    width : 390px;
    position: relative;
    border:1px solid #68cd2c;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #24470f;
  
}
botonEliminar123{
    display: block !important;;
    padding: 4% 25% 4% 25%;
    width:390px;
    position: relative;
    border: 1px solid #e42d2d;
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #b30000;
    /*margin-right: 10px;*/
    margin-top: 10px;
    background-image:url("../img/eliminar24.png");    
    background-repeat:no-repeat;
}