/*misc.*/
/*a links (global)*/
/*vue color*/
/*top menu*/
/*bottom footer*/
/*misc.*/
/*a links (global)*/
/*vue color*/
/*top menu*/
/*bottom footer*/
@font-face {
  font-family: "OswaldRegular";
  src: url("./fonts/Oswald-Regular.ttf") format("truetype");
}
/*---*/
body {
  color: #333;
  /*background-color:#e0e0e0;*/
  /*background-image:url('./images/bg.png');*/
  /*background-repeat:repeat;*/
}

a, a:visited, .card_title_with_link, .card_title_with_link:visited, #bottom_footer a, #bottom_footer a:visited {
  color: #1976d2;
  text-decoration: none;
}
a:hover, a:focus, .card_title_with_link:hover, .card_title_with_link:focus, #bottom_footer a:hover, #bottom_footer a:focus {
  color: #0e4377;
  text-decoration: none;
}
a:active, .card_title_with_link:active, #bottom_footer a:active {
  color: #03101c;
}

.nozel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.normal_ul li {
  list-style: none;
  padding-bottom: 5px;
}
.normal_ul li:last-child {
  padding-bottom: 0;
}

/*---*/
#wrapper {
  box-shadow: 0 10px 8px 15px rgba(0, 0, 0, 0.05);
}

/*-*/
#top_menu {
  background-color: #f7f7f7;
}
#top_menu button, #top_menu .v-btn {
  text-transform: none !important;
}
#top_menu a.logo_area {
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
#top_menu a.logo_area span {
  font-size: 18px;
}
#top_menu a.logo_area, #top_menu a.logo_area:visited {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  background-color: #f7f7f7;
  transition: background-color 0.05s ease-in;
}
#top_menu a.logo_area:hover, #top_menu a.logo_area:focus {
  text-decoration: none;
  background-color: #e6e6e6;
  transition: background-color 0.15s ease-out;
}
#top_menu a.logo_area:active {
  background-color: #9a9a9a;
  transition: background-color 0.15s ease-out;
}

#drawer_comp button, #drawer_comp .v-btn {
  text-transform: none !important;
}

#parallax_container {
  background-color: #ddd;
  height: auto !important;
  min-height: 280px;
  margin-top: 64px !important;
  /*64 to avoid overlapping with v-app-bar*/
}
#parallax_container .v-parallax__content {
  padding: 0px !important;
  margin-bottom: 15px !important;
}
#parallax_container .floating_dr {
  background: url("../css/images/media/marco2_transp_b.png") no-repeat;
  background-position: bottom 0% right 15%;
  background-size: auto 80%;
}
#parallax_container .floating_contacts {
  position: absolute;
  top: 5px;
  right: 5px;
}
#parallax_container .floating_contacts button, #parallax_container .floating_contacts .v-btn {
  text-transform: none !important;
}
#parallax_container .header_area {
  background: #e9e9e9;
  background: linear-gradient(90deg, rgba(233, 233, 233, 0.9) 80%, rgba(233, 233, 233, 0) 100%);
  height: 100%;
}
#parallax_container .header_subarea {
  padding-right: 100px;
  /*50 + 50, some extra to avoid above fading bg*/
  padding-top: 65px;
  /*50+ to avoid overlapping with contact menus*/
  margin-left: 50px;
}
#parallax_container .header_subarea h1 {
  font-family: "OswaldRegular", Arial, Helvetica, sans-serif !important;
  color: #345075;
  margin: 15px 0 15px 0;
}
#parallax_container .header_subarea h4 {
  font-family: "Roboto", Arial, Helvetica, sans-serif !important;
  font-weight: 300 !important;
  color: #345075;
  margin: 15px 0 15px 0;
}
#parallax_container .header_subarea button, #parallax_container .header_subarea .v-btn {
  text-transform: none !important;
  margin: 15px 0 15px 0;
}

#main_content {
  color: #444c52;
}
#main_content h2 {
  font-size: 40px;
}
#main_content h3 {
  font-size: 23px;
}
#main_content h1, #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6 {
  color: #374b67;
}
#main_content p, #main_content ul, #main_content h1, #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6 {
  margin: 15px 0 15px 0;
}
#main_content p, #main_content ul {
  font-size: 19px;
  margin-bottom: 35px;
}
#main_content .image_with_link {
  filter: brightness(100%);
  transition: filter 0.05s ease-in;
}
#main_content .image_with_link:hover, #main_content .image_with_link:focus {
  filter: brightness(120%);
  transition: filter 0.15s ease-out;
}
#main_content .image_with_link:active {
  filter: brightness(80%);
  transition: filter 0.15s ease-out;
}

#correo_form {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);
}

#whatsapp_flotante {
  position: fixed;
  z-index: 99999999;
  bottom: 30px;
  right: 30px;
  filter: brightness(100%);
  transition: filter 0.05s ease-in;
}
#whatsapp_flotante:hover, #whatsapp_flotante:focus {
  filter: brightness(95%);
  transition: filter 0.15s ease-out;
}
#whatsapp_flotante:active {
  filter: brightness(80%);
  transition: filter 0.15s ease-out;
}

#tab_container {
  margin-bottom: 35px;
}
#tab_container h3 {
  font-size: 16px;
}

#bottom_footer {
  font-size: 15px;
  color: #a8b4ba;
}
#bottom_footer .footer_area {
  padding: 0 30px;
  background-color: #f7f7f7;
}
#bottom_footer .small_grey {
  font-size: 13px;
  color: #a8b4ba;
}
#bottom_footer .small_grey a, #bottom_footer .small_grey a:visited {
  color: #6f838d;
  text-decoration: none;
}
#bottom_footer .small_grey a:hover, #bottom_footer .small_grey a:focus {
  color: #424e54;
  text-decoration: none;
}
#bottom_footer .small_grey a:active {
  color: #15191b;
}
#bottom_footer .hover_ig:hover {
  color: #8134af !important;
}
#bottom_footer .hover_fb:hover {
  color: #1877f2 !important;
}
#bottom_footer .hover_yt:hover {
  color: #ff0000 !important;
}
#bottom_footer .dot_separador {
  margin: 0px 10px;
}

.google_map_comp > div {
  height: 350px;
  max-width: 700px;
  /*must equal card max width*/
  margin: 0 auto;
}

.v-card__title {
  word-break: normal !important;
}

.review_child .v-avatar {
  position: absolute;
  top: 30px;
  left: 30px;
}
.review_child .v-avatar img {
  height: 60px;
  /*must equal avatar size*/
  width: 60px;
  /*must equal avatar size*/
}
.review_child .review_wrapper {
  margin: 5px 10px 20px 10px;
  padding: 15px;
  background-color: #f2f2f2 !important;
}
.review_child .review_wrapper p.review_footer {
  color: #b0b0b0;
  font-size: 13px !important;
  margin: 0 !important;
  margin-top: 15px !important;
  padding: 0 !important;
  text-align: right;
}
.review_child .review_inner {
  margin-left: 90px;
  /*15 + 60 + 15*/
  min-height: 100px;
  /*at least 60+15*/
  padding: 20px;
  background-color: #fafafa !important;
  border-left: 3px solid #dfdfdf;
}
.review_child .review_inner:hover {
  border-left-color: #d0d0d0;
  background-color: #fdfdfd !important;
}
.review_child .review_inner:hover p {
  color: #555;
}
.review_child .review_inner p {
  color: #777;
  font-size: 15px !important;
}
.review_child .review_inner p, .review_child .review_inner h1, .review_child .review_inner h2, .review_child .review_inner h3, .review_child .review_inner h4, .review_child .review_inner h5, .review_child .review_inner h6 {
  margin: 0 !important;
  padding: 0 !important;
}
.review_child .review_inner h3 {
  color: #565e78 !important;
  font-size: 15px !important;
  margin-bottom: 2px !important;
}
.review_child .review_inner h5 {
  color: #a19b78 !important;
  font-size: 12px !important;
  font-weight: normal;
  margin-bottom: 12px !important;
}

.expand_card_item .v-card__text p, .expand_card_item .v-card__text ul {
  color: #444c52;
  font-size: 16px !important;
  margin: 0px !important;
  margin-bottom: 15px !important;
}
.expand_card_item .v-card__text li {
  margin: 10px 0px;
}

/*-*/
.adminlinks a, .adminlinks span, .photoicon span, .abrirventana a {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  height: 32px;
  /*32 - 6 - 6 = 20height + 6 + 6 (box sizing)*/
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3125;
  background-color: #e4e9ed;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 8px 6px 32px;
  margin-right: 8px;
}

.photoicon {
  height: 32px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.photoicon span {
  color: #222;
  background-color: #eee;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin-right: 0;
}
.photoicon strong {
  font-weight: normal;
}

.adminlinks, .abrirventana {
  height: 32px;
}
.adminlinks span, .abrirventana span {
  color: #3ba7ce;
  background-color: #e1edf7;
  cursor: default;
}
.adminlinks a, .adminlinks a:visited, .abrirventana a, .abrirventana a:visited {
  color: #424b63;
  text-decoration: none;
}
.adminlinks a:hover, .adminlinks a:focus, .abrirventana a:hover, .abrirventana a:focus {
  background-color: #ebeff2;
  text-decoration: none;
}
.adminlinks a:active, .abrirventana a:active {
  color: #3ba7ce;
}

.abrirventana {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.icon_sprites {
  position: absolute;
  top: 50%;
  background: url("./images/iconos/sprites_50x50.png") no-repeat;
}

.sm_icon {
  left: 0;
  /*el padding izq de A*/
  width: 30px;
  height: 30px;
  background-size: 210px 60px;
  margin-top: -15px;
}

.lg_icon {
  left: 6px;
  /*el padding izq de A*/
  width: 20px;
  height: 20px;
  background-size: 140px 40px;
  margin-top: -10px;
}

.sm_ic_ver {
  background-position: 0 0;
}

.lg_ic_ver {
  background-position: 0 0;
}

.sm_ic_del {
  background-position: -30px 0;
}

.lg_ic_del {
  background-position: -20px 0;
}

.sm_ic_edit {
  background-position: -60px 0;
}

.lg_ic_edit {
  background-position: -40px 0;
}

.sm_ic_imgs {
  background-position: -90px 0;
}

.lg_ic_imgs {
  background-position: -60px 0;
}

.sm_ic_imgup {
  background-position: -120px 0;
}

.lg_ic_imgup {
  background-position: -80px 0;
}

.sm_ic_nloc {
  background-position: -150px 0;
}

.lg_ic_nloc {
  background-position: -100px 0;
}

.sm_ic_ir {
  background-position: -180px 0;
}

.lg_ic_ir {
  background-position: -120px 0;
}

.sel_sm_icon, a:active .sm_icon {
  background-position-y: -30px;
}

.sel_lg_icon, a:active .lg_icon {
  background-position-y: -20px;
}