body{ margin: 0; font-family: 'Arial'; font-size: 38px; color: #3F3D78; }

.cont_ppriv{ width: 100%; background: white; font-size: 40px; padding: 50px; text-align: justify; color: black; display: none; }
.cont_btnprv{ display: none; margin-bottom: 5%; width: 100%; height: 100px; background:transparent; position: fixed; bottom: 0; justify-content: center; align-items: center; flex-direction: column; }

.div_fond{ width: 100%; position: fixed; height: 100%; background: rgba( 63, 61, 120, 0.4); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_pop{ width: 100%; background: white; padding: 3%; text-align: center; font-size: 50px; border-radius: 8px; }
.btns_pop{ width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 30px; margin-top: 5%; margin-bottom: 5%; }
.inp_file{ width: 70%; opacity: 0; position: absolute; }

.div_fond, #cont_cancel, #cont_verificar, #cont_loading,  #cont_error, #cont_send, #cont_acep,  #cont_addFile1, #cont_addFile2{ display: none; }
.lb_e{ display: none; }
.cont_close{ display: none; }
.div_found{ width: 100%; background: white;}
.div_cont{ padding-bottom: 5%; width: 100%; background: rgba( 63, 61, 120, 0.1); }
.div_enc{ width: 100%; background: white; text-align: center;}
.div_enc img{ width: 50%; margin-top: 3%; margin-bottom: 3%; }
.div_form_p1{  margin-left: 2%; margin-bottom: 3%; width: 96%; }
.div_form_s1{ width: 90%; margin-left: 5%; }
.h1{ color: #3F3D78; font-size: 38px; padding: 2%; }
.cont_inp{ font-size: 38px; border-bottom: 3px solid #3F3D78; margin-top: 3%; background-color: white; }
.txt_lb{ font-size: 12px; padding-left: 2%; padding-top: 1%; }
.txt_lb_2{ font-size: 38px; padding-left: 2%; padding-top: 2%; padding-bottom: 2%; }
.cont_inp input{ width: 90%; padding: 15px; border: none;  font-size: 50px; background: transparent;}
.cont_inp textarea{ width: 90%; padding: 15px; border: none;  font-size: 50px; background: transparent;}

#optionsDate, #daten_lb, #datec_lb, #datet_lb, #datep_lb, #datee_lb{ display: none; }
.selDate:hover{ background: #e6e6ec; cursor: pointer;}
#agendaSpan{ color: #6a6a6a; font-size: 48px; }

.cont_inp_file{ width: 100%; display: flex;  }
.cont_file{  margin-left: 1%; text-align: center; width: 48%; height: 215px; border: 2px solid #3F3D78; border-radius: 8px; background: white; }
.cont_file img{ height: 100%; width: auto; }
.btn_form{ width: 80%; margin-bottom: 2%;  font-size: 50px; border: 2px solid #3F3D78; }
.btn_form_1{ background-color: #3F3D78; color: #ffffff;  padding-top: 12px; padding-bottom: 12px; text-align: center;  }
.btn_form_2{ background-color: #ffffff; color: #3F3D78;  padding-top: 12px; padding-bottom: 12px; text-align: center; }

.cont_cb{ width: 70px; height: 70px; border: 1px solid #000000; background: white; margin-right: 2%; }
.cont_cb img{ width: 100%; height: auto; display: none; }
.cont_pp{ font-size: 45px; }

.btn_send{ width: 80%; border: 1px solid #3F3D78; padding: 20px; margin-bottom: 2%; text-align: center; font-weight: bold; }
.btns_1{ background-color: #3F3D78; color: #ffffff; }
.btns_2{ background-color: #ffffff; color: #3F3D78; }
#aviso2{
	width: 85%;
	color: red;
}
/*Al seleccionar un input se representará transparente*/
input:focus, input[type]:focus {
    border-color: rgb(255, 255, 255);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075)inset, 0 0 8px rgba(255,255,255,0.6);
    outline: 0 none;
}
/*APARTADO 5*/
#p5{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.labrsoc{
	margin-top: 5%;
	width: 100%;
}
.labsorn{
	font-weight: bold;
}
#divrs{
	margin-top: 3%;
	width: 100%;
	height: auto;
	display: flex;
}
.rs{
	width: 15%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.rsc{
	height:100px;
	width: 100px;
	border-radius: 50%;
	margin-top: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.img{
	width: 65%;
	height: 65%;
}
.contt{
	width: 100%;
	margin-left: 2%;
}
.inp4{
	height: 50px;
	width: 95%;
	border-radius: 10px;
	padding: 6px 12px;
	color: #555555;
	font-size: 45px;
	border-right: 1px solid #a19ee5;
	border-top: 1px solid #a19ee5;
	border-bottom: 1px solid #a19ee5;
	border-left: 1px solid #a19ee5;
}
.labrs{
	font-weight: bold;
}

.cont{/*CONTENEDOR DE LAS IMAGENES DE LA GALERIA*/
    width: 230px;
    
    height: 180px;
	border-radius: 10px;
	border-right: 1px solid #a19ee5;
	border-top: 1px solid #a19ee5;
	border-bottom: 1px solid #a19ee5;
	border-left: 1px solid #a19ee5;
	display: flex;

}
.cont2{/*CONTENEDOR DE LAS IMAGENES DE LA GALERIA*/
    width: 90%;
    margin-top: 10px;
    height: 250px;
	border-radius: 10px;
	border-right: 1px solid #a19ee5;
	border-top: 1px solid #a19ee5;
	border-bottom: 1px solid #a19ee5;
	border-left: 1px solid #a19ee5;
	display: block;

	 background-size: cover;
}
.cont3{/*CONTENEDOR DE LAS IMAGENES DE LA GALERIA*/
    width: 85%;
  
    height: 150px;
    margin-left: 15px;
    margin-right: 15px;
	display: flex;
   object-fit: contain;
	 background-size: cover;
}

.containert {
    width: 90%;
  height: 30%;
  margin: 0rem;
  margin-top:30px;
  display: grid;
  grid-template-columns: 1fr 1fr ;
  grid-template-rows: 0fr;
}
.cell {
  color: white;
  font-size: 2rem;
  text-align: center;
  padding: 4rem;
  	border-radius: 10px;
	border-right: 1px solid #a19ee5;
	border-top: 1px solid #a19ee5;
	border-bottom: 1px solid #a19ee5;
	border-left: 1px solid #a19ee5;
}



* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */

  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
.cont_pop{ 
    width: 100%; 
    background: white; 
    padding: 3%; 
    text-align: center; 
    font-size: 50px; 
    border-radius: 8px;
    display: flex;
    }
.cont4{/*CONTENEDOR DE LAS IMAGENES DE LA GALERIA*/
    width: 90%;
  
    height: 150px;
    margin-left: 15px;
    margin-right: 15px;
	display: flex;
   object-fit: contain;
	 background-size: cover;
}