body{ margin: 0; width: 100%; font-family: Arial; font-size: 18px; }
.cont_pg{ display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_enc{ width: 100%; background: white; border-bottom: 10px solid #a1030b; display: flex; padding-top: 2%; padding-bottom: 2%; }
.cont_enc_img{ width: 85%; text-align: center; }
.cont_enc_img img{ width: 90%; }
.cont_img_menu{ width: 15%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_img_menu img{ width: 50%; }

.menu_hrz{ display: none; width: 100% }
.menu_s1{ padding: 10px; font-weight: bold; color: #1c4490; text-align: center; display: flex; justify-content: center; align-items: flex-end; }
.menu_s1:hover{ background: #dae1ec; cursor: pointer; }

.cont_p1{ width: 100%; }
.cont_p1_1{ width: 100%; background: #ffffff; color: #1c4490; }
.cont_p1_2{ width: 100%; background: #1c4490; color: #ffffff; }
.cont_img_p1{ width: 100%; }
.cont_img_p1 h1{ font-size: 60px; }
.cont_p2{ background: #a1030b; text-align: center; width: 100%; color: white; padding-top: 5%; padding-bottom: 5%; }

.cont_p1_vh{ display: none; width: 100%; }

/*TODAS LA SECCIONES EN VERSIÓN HORIZONTAL*/
.seccion_vh{ width: 100%; display: none; margin-top: 2%; }
.seccion_vh_sm1{ width: 30%; background: #f1f1f1; color: #1c4490; font-weight: bold; }
.seccion_sm1_m{ width: 100%; padding-top: 5%; padding-bottom: 5%; display: flex; border-bottom: 2px solid #a1030b; }
.seccion_sm1_m:hover{ background: #dae1ec; cursor: pointer; }
.seccion_sm1_m:active{ background: #dae1ec; cursor: pointer; }

#menus1_vh{ background:#dae1ec;  }
.seccion_vh_sm2{ width: 70%; display: flex; align-items: center; padding: 3%;}
.content_vh{ display: flex; }
#content_1vh{ width: 70%; padding-top: 2%; padding-bottom: 2%; display: flex; justify-content: center; align-items:center; flex-direction: column; }
#content_1vh_logo{ width: 30%; display: flex; justify-content: center; align-items: center; flex-direction: column; }

#view2_vh, #view3_vh, #view4_vh, #view5_vh, #view6_vh, #view7_vh{ display: none; }
#content_3vh{ width: 100%; display: flex; justify-content: center; align-items: center;}
/******************************************/

.seccion{ width: 100%; padding-top: 2%; /*padding-bottom: 5%;*/ }

.seccion_t1{ background: #f1f1f1; }
.seccion_t2{ background: #dae1ec; }

.seccion_endHR{ background: #a1030b; width: 100%; display: none; }

.seccion_end{ background: #a1030b; font-size: 18px; padding-top: 8%;  padding-bottom: 8%; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.seccion_enc{ width: 100%; padding-top: 3%; padding-bottom: 5%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.seccion_enc1{ width: 100%; text-align: center; color: #1c4490; font-weight: bold; }
.seccion_enc2{ position: absolute; margin-left: 84%; width: 12%; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.seccion_cont{ display: flex; justify-content: center; align-items: center; flex-direction: column; }

.seccion_txt{ width: 90%; text-align: justify; }
.seccion_txt p{ margin-left: 8%; margin-top: 2%; }
.seccion_gal{ width: 350px; height: 350px; background: #99b3e3; }
.seccion_gal img{ width: 100%; height: 100%; object-fit: cover; }

.cont_cua{ width: 100%; display:flex; margin-bottom: 2%; }
.cua_sub{ width: 32%; margin-left: 2%; height: 100px; }
.cua_sub img{ width:100%; height: 100%; object-fit: cover; }

.cont_imgGal{ width: 24.25%; text-align: center; }
.cont_imgGal img{} 

.seccion_galb{ width: 80%; height: auto; background: #99b3e3; }
.seccion_galb img{ width: 100%; height: 100%; object-fit: cover; }
#cont_bigGal, #closed_bigGal{ display: none; }
#closed_bigGal img{ width: 75%; cursor:pointer;}
.cont_flecha{ width: 10%; display: flex; justify-content: center; flex-direction: column; align-items: center; }
.cont_flecha img{ width: 85%; cursor: pointer; }
#flecha_1, #flechas_1{ opacity: 0; }

.cont_fecs{ width: 650px; display: flex; padding-top: 2%; padding-bottom: 2%;}
.cont_fecs1{ width: 50%;  display: flex; justify-content: center; align-items: center; flex-direction: column; }
.fecs1{ opacity: 0; }
.cont_fecs img{ width: 20%; height:auto; }

.cont_enc_list{ text-align: center;  }

.cont_list{ width: 100%; }
.cont_list ul{ width: 30%; list-style-image: url("../images/ic_list1.png"); }


.cont_list1 ul{ /*list-style-image: url("../images/ic_list3.png");*/ }

.seccion_form{ width: 90%; display: flex; justify-content: center; align-items: center; flex-direction: column; }


.cont_inp{ width: 100%; margin-bottom: 5%; background: white; padding-top: 10px; padding-bottom: 10px; background: #f1f1f1; border-bottom: 2px solid #6d6e72; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.inp{ width: 90%; font-size: 18px; border: none; font-family: Arial; background: #f1f1f1; }


.btn_send{ width: 60%; border-radius: 50px; padding: 8px; background: #1c4490; text-align: center; color: #FFFFFF; font-weight: bold; }

.cont_maps{ width: 90%; margin-left: 3%; height: 550px; background: #ffffff; margin-top: 5%; margin-bottom: 5%; }

.cont_img_rs{ width: 16%; display: flex; justify-content: center; align-items: center; flex-direction: column; }

#content_1, #content_2, #content_3, #content_4, #content_5, #content_6, #content_7{ display: none; }

textarea{ height:auto; resize: none; }
.menu1{ width: 100%; background: white; display: none;  }
.menus1{ position: absolute; width: 100%; background: white;  }
.sc_menu1{ width: 80%; color: #1c4490; margin-left: 5%; padding: 5%; border-bottom: 2px solid #dae1ec; }
.sc_menu1:hover{ background: #dae1ec; }

/*************************************************************************************************************/
.styleSelect select { 
	background: transparent; 
	width: 100%; 
	font-size: 18px; 
	border: 0; 
	border-radius: 0; 
	-webkit-appearance: none; color: #6d6e72; 
	color: #6d6e72;
}
.styleSelect { 
	width: 90%; 
	overflow: hidden; 
	background: url("../images/flecha_1.png") no-repeat right #f1f1f1;
	border: none;
	background-size: auto 50%;
}
/*************************************************************************************************************/


.fonud_page{ z-index: 1000; width: 100%; background: rgba(0, 0, 0, 0.8); height: 100%; position: fixed; display: none; justify-content: center; align-items: center; flex-direction: column; }
.cont_pop{ width: 70%; background: white; padding: 5%; border-radius: 25px; display: none; justify-content: center; align-items: center; flex-direction: column; }

input:focus, input[type]:focus, textarea:focus, select{
    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;
}

#img_pie{ margin-left: 80%; width: 5%;  }

.cont_rs_pie{ margin-left: 7.5%; width: 17%; display: flex; }
.cont_s1_pie{ width: 56%; text-align: center; color: white; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_s2_pie{ width: 17%; text-align: center; }
.cont_s3_pie{ width: 8%; display: flex; opacity: 0.8; }
.cont_s3_pie_img{ width: 40%; display: flex; justify-content: center; align-items: center; }
.cont_s3_pie_img img{ width: 80%; }
#logo_pie{ width: 85%; }

#txt_ck{ margin-left: 5%; padding-bottom: 3%; width: 90%; font-size: 18px; text-align: center;display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 100000; }
#img_ck{ right: 0; width: 98%; padding-top: 3%; padding-bottom: 0; text-align: right; }
#img_ck img{ width: 5%; }

@media (min-width: 900px){
  /*<!—- Aquí van todos los estilos CSS -->*/
  .cont_enc { padding-top: 1%; padding-bottom: 1%; }

  .seccion_vh{ display: flex; width: 100%; }
  .cont_enc_img{ width: 25%; margin-left: 2%; text-align: left; }
  .cont_enc_img img{ width: 100%; }

  #closed_bigGal img{ width: 30%; }
  .cont_flecha img{ width: 50%; cursor: pointer; }

	.cont_img_menu{ display: none; }

	.menu_hrz{ display: flex; font-size: 13px; }
	.seccion{ display: none; }
	.cont_p1, .cont_p2{ display: none; }
	.cont_p1_vh{ display: block; }

	.seccion_txt{ width: 100%; }
	.seccion_txt, .cont_list1{  line-height: 45px; }
	/*.cont_list1, #content_7vh { font-size: 28px; }*/

	#imgs_gal{ width: 70%; }

	#txt_ck{ margin-left: 0; width: 100%;  }
	#img_ck{ text-align: right;  width: 98%; cursor: pointer; }
	#img_ck img{ width: 2%; }


  /*body, .seccion_end, .inp, .styleSelect select{ font-size: 12px; }*/
  .cua_sub{ width: 32%; margin-left: 2%; height: 300px; }
  .seccion_end{ display: none; }
  .seccion_endHR{ bottom: 0; display: block; padding-top: 1%; padding-bottom:1%; }
  
  #img_pie{ margin-left: 90%; width: 2%;  }
  #logo_pie{ width: 85%; }
  .cont_rs_pie{ margin-left: 5%; }

   #content_7vh{ margin-bottom: 8%; }
   .seccion_txt, .content_vh, .cont_list1, #content_7vh, .inp, .styleSelect select{ font-size: 30px; }

   .cont_list1 ul{ margin-top: 0; }

   .cont_s3_pie{ font-size: 15px; }

   .cont_pop{ width: 40%; font-size: 30px; }

   .btn_send{ width: 40%; padding: 15px; }

}



@media (min-width: 1700px){
  /*<!—- Aquí van todos los estilos CSS -->*/

  .cont_enc_img{ width: 30%; text-align: left; }
  .cont_enc_img img{ width: 100%; }
  .cont_img_p1 h1{ font-size: 70px; }
	.cont_img_menu{ display: none; }

	.menu_hrz{ display: flex; font-size: 24px; }

	.menu_s1{ font-size: 20px; }
	.seccion_sm1_m{ font-size: 30px; }

  /*body, .seccion_end, .inp, .styleSelect select{ font-size: 24px; }*/
  .cua_sub{ width: 32%; margin-left: 2%; height: 300px; }
  .seccion_end{ display: none; }
  .seccion_endHR{ display: block; font-size: 30px; }

  .seccion_txt, .content_vh, .cont_list1, #content_7vh, .inp, .styleSelect select{ font-size: 30px; }


  
}