body{ margin: 0; width: 100%; background: #f4f4fe; font-family: Arial; font-size: 18px;  cursor: default; }

.popUp{ width: 100%; height: 100%; position: fixed; background-color: #a29ef92e; display: none; justify-content:center; align-items:center; flex-direction:column; z-index:1000; }
.div_popUp { display: none; width: 65%; padding: 2%; background: #ffffff; color: #7172ec; text-align: center; border-radius: 5px; cursor: default; }
.txt_popUp { margin-bottom: 2%; margin-top: 1%;  cursor: default; }
.popUp_btns{ display: flex; }
.popUp_btn{ width: 47%; cursor: pointer; border: 1px solid #7172ec; margin-left: 2%; text-align: center; padding-top: 1%; padding-bottom: 1%; border-radius: 5px; }
.popUp_btn1{ background: #7172ec; color: #ffffff; }
.popUp_btn2{ background: #ffffff; color: #7172ec; }
#popUp_btn3{ display: none; }

#pop_loadData{ display: none; }
.txt_popUp2 { margin-bottom: 2%; margin-top: 1%;  cursor: default; }
.pop_loadImg{ width: 100%; text-align: center; }
.pop_loadImg img{ width: 60%; }

.cont_enc{ display: flex; }
.user_data{ color: #7172ec; font-weight: bold; margin-bottom: 2%; text-align:center; }
.txt_intro { color: #ec1c24; text-align: justify; }
.cont_enc_img{ width: 30%; background: #ffffff; display: flex; justify-content:center; align-items:center; flex-direction:column; }
.cont_enc_img img{ width: 75%; margin-bottom: 2%; margin-top: 2%; }
.cont_enc_txt{ width: 70%; background: #7172ec; color: #ffffff; font-weight: bold; display: flex; justify-content:center; align-items:center; flex-direction:column; }

.cont_gen{ padding: 5%; }
.cont_form{ padding: 2%; margin-bottom: 3%; background: #ffffff; border-radius: 5px; }
.cont_form label{ font-weight: bold; color: #7172ec; }

.form_select { font-weight: bold; font-size: 18px; display: block; font-family: 'Arial'; padding: 1% 2.5% 1% 2.5%; width: 100%; max-width: 100%;  box-sizing: border-box;
    border: 1px solid #5b619d; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff;
    background-image: url('../images/ic_form_below_flecha.png'), linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0; background-size: 1.2em auto, 100%; }
.cont_inp{ width: 100%; border: 1px solid #5b619d; border-radius: 5px; display: flex; justify-content:center; align-items:center; flex-direction: column; }
.cont_inp input, .cont_inp textarea{ font-weight: bold; padding: 0; padding-top: 1%; padding-bottom: 1%; width: 95%;  border: transparent; font-family: Arial; font-size: 18px; resize: none;  }
.cont_radiobtn_sec{ width: 100%; display: flex; margin-bottom: 2%; }
.cont_radiobtn{ display: flex; justify-content:center; align-items:center; flex-direction: column; }
.radiobtn_txt { width: 10%; text-align: right; }
.radiobtn_txt1{ margin-left: 30%; }
.radiobtn_txt2{ margin-left: 5%; }
.radiobtn_sup{ width: 15px; height: 15px; border: 1px solid #5b619d; border-radius: 50%; display: flex; justify-content:center; align-items:center; flex-direction: column; }
.radiobtn_int{ width: 10px; height: 10px; border: 1px solid #ffffff; border-radius: 50%; background: #ffffff; }
#rdbtnin_01_01{ background: #5b619d; }

.cont_form1_rbsec1{ opacity: 0; display: none; }
.cont_form1_s2{ margin-top: 2%; }
.cont_form1_s3{ margin-top: 2%; }

.cont_file_img{ width: 100%; margin-bottom: 2%; height: 250px; border: 1px solid #5b619d; border-radius: 5px; display: flex; justify-content:center; align-items:center; flex-direction: column; }
.cont_file_img img{ width: auto; max-height: 100%; max-width: 100%; }
.cont_file_img input{ position: absolute; height: 250px; /*background-color: #a29ef92e;*/ opacity: 0; }
#cont_form2 .cont_inp{ margin-bottom: 2%; }

.cont_form3_s1{ display: flex; }
.cont_form3_s1 .label1{ width: 70%; margin-right: 5%; }
.cont_form3_s1 .label2{ width: 25%; }
.cont_form3_s1 .label3{ display: none; }
.cont_form3_s1 .label4{ display: none; }

.cont_form3_s2_1{ margin-bottom: 2%; }
.cont_form3_s2_2{ margin-bottom: 2%; }
.cont_form3_s2 .form_select{ width: 70%; margin-right: 5%; }
.cont_form3_s2 .cont_inp{ width: 25%; }

#cont_form4 .cont_form4_s1{ display: flex; margin-bottom:2%; margin-top: 1%; }
.form_sec4_p1{ width: 20%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.form_sec4_p1 img{ width: 65%; }
.form_sec4_p1_sub{ margin-top: 5%; margin-bottom: 5%; }

.cont_form5_s2_1{ margin-bottom: 2%; }
.cont_form5_s2_2{ margin-bottom: 2%; }

.cont_form7_s2_1{  }
.cont_form7_img{ width: 10%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_form7_img img{ width: 75%; }
.cont_form7_s{ margin-bottom: 2%; }
.cont_form7_s .cont_inp{ width: 90%; }

.cont_form8_s{ margin-bottom: 2%; }
.cont_form8_s .cont_inp{ width: 90%; }
.cont_form8_label{ display: none; }
.cont_form8_label label{ width: 50%; }

.cont_form8_s2_1{  }
.cont_form8_img{ width: 10%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_form8_img img{ width: 75%; }
.cont_form8_s{ margin-bottom: 2%; }
.cont_form8_s .cont_inp{ width: 90%; }
.form8_ip_file{ position: absolute; width: 85%; display: none; /*background: #a29ef92e; height: -webkit-fill-available; opacity: 0;  */  }


.cont_form9_s1{ margin-bottom: 2%; }
.cont_form10_s1{ margin-bottom: 2%; }

.cont_form_btns{ width: 100%; display: block; }
.cont_form_btn{ cursor: pointer; width: 47.5%; font-weight: bold; border-radius: 5px; text-align: center; padding-top: 1%; padding-bottom: 1%;  margin-top: 2%; margin-bottom: 2%;  }

.cont_form_btn1{ background: #7172ec; color: #ffffff; border: 2px solid #7172ec; margin-left: 25.5%; margin-top: 5%; }
.cont_form_btn2{ background: transparent; color: #7172ec; border: 2px solid #7172ec; margin-left: 25.5%; }



input:focus {
  	border-color: rgb(91, 97, 157);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075)inset, 0 0 8px rgba(255,255,255,0.6);
    outline: 0 none;
}
textarea:focus {
    border-color: rgb(91, 97, 157);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075)inset, 0 0 8px rgba(255,255,255,0.6);
    outline: 0 none;
}
select:focus {
    border-color: rgb(91, 97, 157);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075)inset, 0 0 8px rgba(255,255,255,0.6);
    outline: 0 none;
}

@media only screen and (min-device-width: 1024px){
    body{ background: #EAEAEA; margin-left: 25%; width: 50%; }
    .cont_gen{ background: #f4f4fe; }
    .popUp{ width: 50%; }
}

/*@media (min-width: 768px) {
    body, .txt_intro{ font-size: 24px; }
    .form_select{ font-size: 24px; }
    .cont_inp input, .cont_inp textarea{ font-size: 24px; }
    .user_data{ margin-bottom: 2%;  }
    .cont_enc_img{ width: 20%; }
    .cont_enc_img img{ width: 50%; margin-bottom: 2%; margin-top: 2%; }
    .cont_enc_txt{ width: 80%; }
    .cont_gen{ padding: 2%; }
    .cont_form{ margin-bottom: 1%; }
    /*#cont_form1{ display: flex; }
    .cont_form1_rbsec1{ display: flex; }
    .cont_form1_s1{ width: 31.3%; margin-right: 2%; }
    .cont_form1_s2{ width: 31.3%; margin-right: 2%; margin-top: 0; }
    .cont_form1_s3{ width: 31.3%; margin-top: 0; }*

    .cont_form2_s1{ display: flex; }
    .cont_form2_s1 .cont_form2_s1_1{ width: 47.5%; margin-right: 5%; }
    .cont_form2_s1 .cont_form2_s1_2{ width: 47.5%; }

    .cont_form2_s2{ display: flex; }
    .cont_form2_s2 .cont_form2_s2_1{ width: 47.5%; margin-right: 5%; }
    .cont_form2_s2 .cont_form2_s2_2{ width: 47.5%; }

    .cont_form2_s3{ display: flex; }
    .cont_form2_s3 .cont_form2_s3_1{ width: 32%; margin-right: 2%; }
    .cont_form2_s3 .cont_form2_s3_2{ width: 32%; margin-right: 2%; }
    .cont_form2_s3 .cont_form2_s3_3{ width: 32%; }

    .cont_form3_s1 .label1{ width: 33%; margin-right: 2.5%; }
    .cont_form3_s1 .label2{ width: 12%; margin-right: 2.5%; }
    .cont_form3_s1 .label3{ display: flex; width: 33%; margin-right: 2.5%; }
    .cont_form3_s1 .label4{ display: flex; width: 12%; }

    .cont_form3_s2{ display: flex; }
    .cont_form3_s2_1{ width: 47.5%; margin-bottom: 1%; margin-right: 2.5%; }
    .cont_form3_s2_2{ width: 47.5%; margin-bottom: 1%; }

    .cont_form4_s{ display: flex; }
    #cont_form4 .cont_form4_s1{ width: 50%; margin-bottom: 1%; }

    #cont_form5 .cont_form5_s1{ display: flex; width: 100%; }
    .cont_form5_s2_1 { width: 47.5%; margin-right: 2.5% }
    .cont_form5_s2_2 { width: 47.5%;  }

    .cont_form6_s1{ display: flex; margin-top: 2%; }
    .cont_form6_s1 .cont_form6_s1_1{ width: 47.5%; margin-right: 5%; }
    .cont_form6_s1 .cont_form6_s1_2{ width: 47.5%; }

    .cont_form7_s2{ display: flex; }
    .cont_form7_s2 label{ display: none; }
    .cont_form7_s{ width: 50%; margin-bottom: 1%; }
    .cont_form7_img img{ width: 60%; }

    .cont_form8_label{ display: flex; }
    .cont_form8_s2 label{ display: none; }
    .cont_form8_s2{ display: flex; }
    .cont_form8_s{ width: 50%; margin-bottom: 1%; }
    .cont_form8_img img{ width: 60%; }
    .form8_ip_file { width: 45%; }
    .cont_inp_color_inp{ height: 50px; }
    .cont_form_btns{ display: flex; }
    .cont_form_btn1{ margin-top: 3%; width: 35%; margin-left: 10%; }
    .cont_form_btn2{ margin-top: 3%; width: 35%; margin-left: 10%; }

    .cont_form_end{ display: flex; }
    .cont_form_end .cont_form{ width: 49% }
    #cont_form10{ margin-left: 2%; }
}*/

@media only screen and (min-device-width: 1024px){
  /* Aquí van todos los estilos CSS */
}

@media only screen and (min-device-width: 1068px){
  /* Aquí van todos los estilos CSS */
}