/*
@autor: David Lira
@Copyright 2002 - 2022 ondamex.com
*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


* {
  margin: 0;
  padding: 0;
  border: 0;
  
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  height:100%; 
  width:100%;
}

body {
  font-family: 'Roboto', Verdana, Arial; 
  background:#f2f2f2;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 0;
  color: #000000;
  font-weight: 300;
  font-size: 12px;   
  width: 100%;
  height: 100%;
}

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

.ondamex a{
  color: #000000;
  outline: none !important;
  text-decoration: none;
}

.ondamex a:hover{
  text-decoration: none;
}

.ondamex .center{
  text-align: center;
}

.ondamex .negrita{
  font-weight:bold;
}

.ondamex .normal {
  font-style: normal;
}

.ondamex .cursiva{
  font-style: italic;
}

.ondamex .no-padding{
  padding: 0;
}

.ondamex .black{
  background:#000000;
}

.ondamex .white{
  background: #ffffff;
}

.ondamex section{
  display: block;
  position: relative;
  width: 100%;
}

.ondamex header{
  background-color:#202020; 
}

.ondamex .header {
  width: 100%; 
  border: 0;
  height: 60px;
  border-bottom:1px solid #9c9c9c; 
}

.ondamex .header .logo {
  display: block; 
  font-family: 'Bebas Neue', cursive;
  width: 100%;  
  height: 100%;
  text-align: center; 
  letter-spacing: 2px;
}

.ondamex .header .logo a {
  text-decoration: none; 
  color:#F2F2F2;
  font-size: 45px; 
  font-weight: 500;
  line-height: 1.4em;
}


/* NAVIGATION */

.ondamex .navigation {
  height: 55px;
  border: 0;
  border-bottom: 1px solid #9c9c9c;
  width: 100%;
}

.ondamex .navigation nav {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  height: 100%;
}

.ondamex .navigation nav .dropdown{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ondamex .navigation nav .dropbtn {
  background-color: #202020;
  display: none;
  cursor: pointer;
  color: #ffffff;
  font-size: 20px;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 7.5px;
  float: right;
}

.ondamex .navigation nav .dropdown-content {
  display: block;
  position: relative;
  min-width: 160px;
  z-index: 1;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.ondamex .navigation nav .dropdown-content li .btntitle{
  font-family: 'Roboto', Verdana, Arial;
  padding: 15px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  font-size: 16px;
  height: 100%;
  background-color: #202020;
  cursor: pointer;
  text-transform: uppercase;
}

.ondamex .navigation nav .dropdown-content li {
  display: inline-block;
  text-align: left;
}

.ondamex .navigation nav .dropdown-content li a {
  font-family: 'Roboto', Verdana, Arial;
  padding: 15px 15px 15px 25px;
  color: #dddddd;
  text-decoration: none;
  display: block;
  font-size: 14px;
  height:100%;
}

.ondamex .navigation nav .dropdown-content li a:hover,
.ondamex .navigation nav .dropdown-content li .btntitle:hover {
  background: #3d3d3d;
}

.ondamex .navigation nav .dropdown-content ul {
  display: none;
  position: absolute;
  min-width: auto;
  background: 212121;
}

.ondamex .navigation nav .dropdown-content ul li {
  display: block;
  background: #202020;
}

.ondamex .navigation nav .dropdown-content li:hover ul {
  display: block;
}

/* # NAVIGATION */

.ondamex .bktickertape{
  display: block; 
  background:#202020;
}

.ondamex #tickertape{
  padding-top:10px; 
  text-align:center; 
  background: #202020; 
  width: 100%; 
  height: 40px; 
  font-size: 15px;  
  color:#eeeeee;
}

.ondamex .cc{
  display:block;
  border-top:1px solid #ddd;
}

.ondamex .cc p{
  padding: 20px;
  text-align: justify;
  font-size:16px;
}

/*.contenedor_central a {
  font-weight:bold; 
  text-decoration:none; 
  color: #000000;
}

.contenedor_central a:hover {
  font-weight:bold; 
  color: #000000; 
  text-decoration:underline;
}*/

.ondamex .texto_centrado {
  text-align:center;
}

.ondamex .texto_subrayado {
  text-decoration: none;
}

/* footer */
.ondamex footer {
  display: block;
  position: relative;
  width: 100%;
}

.ondamex .footer{
  display: block;
  width: 100%;
  font-style:normal; 
  color:#eee; 
  text-align:center; 
  font-weight:300; 
  font-size:12px; 
  padding: 20px 0;
  overflow: hidden;
}

.ondamex .footer .dapp {
  display:block; 
  text-align:left;
  Font-size:16px; 
  height:90px;
}

.ondamex .footer .dapp span{
  width: 100%; 
  margin: 0 0 10px 0; 
}

.ondamex .footer .dapp img{
  margin: 10px 0;
  width: 129px;
  height: 45px;
}

.ondamex .footer hr {
  clear: both;
  background-color: rgb(79, 79, 79);
  height: 1px;
  margin: 5px 0;
}

.ondamex .footer .fotrow {
  display: block;
  width: 100%;
  overflow: hidden;
}

.ondamex .footer .fotrow p {
  font-size: 16px;
}

.ondamex .footer .mtb {
  margin-top: 55px;
  margin-bottom: 55px;
}

.ondamex .footer .list1 {
  display: block;
  width: 100%;
  margin: 10px auto 5px auto;
  text-align: left;
  padding: 10px;
  background: #111111;
}

.ondamex .footer .list1 li{
  margin: 0;
  padding: 3px 0;
  list-style: none;
  font-size: 16px;
}

.ondamex .footer .list1 li > a{
  color:#eee; 
  text-decoration: none; 
  outline:none;
}

.ondamex .footer .list1 li:first-child{
  color: #ffffff;
  border-bottom: 1px solid #686868;
}

.ondamex .footer .list1 li:nth-child(2){
  padding-top: 10px;
}

.ondamex .footer .list1 .pht{
  font-size:25px;
  color:#DEF2F1;
  padding: 0 0 5px 10px;
}

.ondamex .footer .list1 .sub{
  border-bottom:1px solid #313131;
  padding-bottom:5px;
}

.ondamex .footer .list1 .uti{
  font-size: 20px;
  padding-bottom: 10px;
}

.ondamex .footer .list1 li > h1{
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.ondamex .footer a{
  color:#eee;
  text-decoration: none; 
  outline:none;
}

/* # footer */

/* CHAT */
.ondamex .container #msgA{
  vertical-align: top; 
  padding: 5px; 
  height: 600px; 
  margin-bottom:25px; 
  font-size: 18px;
  text-align:left; 
  overflow:hidden;
  border-top:2px solid #C0C0C0;
  border-bottom:2px solid #C0C0C0;
  list-style: none;
  color:#222222;
  font-family: 'Roboto', Verdana, Arial; 
}

.ondamex .container #msgA .itemcht{
  border: 1px solid #dddddd;
  padding: 10px;
  margin-bottom: 5px;
}

.ondamex .container #msgA .itemcht a{
  text-decoration: none;
  /*font-weight: 600;*/
  font-size: 18px;
  color:#222222;
}

.ondamex .container #msgT{
  vertical-align: top; 
  padding: 5px 20px 0 20px; 
  height: 600px; 
  margin-bottom:25px; 
  font-size: 14px;
  text-align:left; 
  overflow:hidden;
  list-style: none;
  border-top:2px solid #C0C0C0;
  border-bottom:2px solid #C0C0C0;
}

.ondamex .container #msgT li {
  padding: 0.5rem;
  overflow: hidden;
  display: flex;
}

.ondamex .container #msgT .other .msgtch {
  order: 1;
  background-color: #C1F7A3;
  min-width: 50px;
  max-width: 80%;
  padding: 10px;
  border-radius: 5px;
}

.ondamex .container #msgT p {
  font-size: 0.8rem;
  margin: 0 0 0.2rem 0;
  color: #222222;
}

.ondamex .container #msgT .self {
  justify-content: flex-end;
  align-items: flex-end;
}

.ondamex .container #msgT .self .msgtch {
  order: 1;
  background-color:#FACB11;
  min-width: 50px;
  max-width: 80%;
  padding: 10px;
  border-radius: 5px;
}

.ondamex .container #msgT time{
  color: #414141;
  font-size: 9px;
}

/*.Layout .banner_central{
  text-align:center; 
  padding-top:4px; 
  padding-bottom: 10px;
}

.Layout .banner_central img {
  border: 1px solid #ddd;
}*/

.ondamex .cabecera_bloque_contenido{
  display: block;
  text-align: left; 
  margin: 10 0 10px 0;
  padding: 10px 0 0 0;
}
 
.ondamex .cabecera_bloque_contenido h1{
  font-family: 'Bebas Neue', cursive;
  font-size: 35px;
  margin: 5px 0;
  letter-spacing: 2px;
  color: #333;
  font-weight: 500;
}

.ondamex .text_contenido{
  display:block;
  padding: 10px 0;
  font-size: 17px;
  text-align: justify;
  color:#000000;
  min-height: 500px;
}

.ondamex .container .text_contenido ol.lista_tipo{
  padding: 10px 0 10px 35px;
  /*list-style-type: none;*/
}

.ondamex .container .text_contenido ol.lista_tipo li{
  padding-bottom: 5px;

}

.ondamex .text_contenido .timg {
  float:left; 
  margin:0 15px 5px 0;
  width:180px;
}

.ondamex .text_contenido .timgs {
  float:left; 
  margin:0 15px 5px 0;
  width: 140px;
}


.ondamex .contenedor_central{
  text-align:left; 
  padding:0 0 10px 0; 
  background-color:#ebf1f3; 
  border-spacing: 0; 
  border-collapse: collapse; 
  width: 80%; 
  margin: 80px auto 20px auto;
  border: 1px solid #ccc;
  overflow: hidden;

}

.ondamex .contenedor_central .cel_foto {  
  display: block;
  overflow: hidden;
  border: 0;
  width: 100%;
  height: 240px;
  text-align:center;
  border:0px;
}

.ondamex .contenedor_central .cel_foto img {  
  height: 100%;
  border:0px;
}

.ondamex .contenedor_central .txtdsc {  
  vertical-align:top;
  width: 100%;
  border: 0;
  color: black;
  font-size: 16px;
  padding: 15px;
  text-align: justify;
}

.ondamex .contenedor_central .telefono_tarot{
  display: block;
  font-weight: bold;
  font-size: 50px;
  color: #004c94;
  text-align: center;
  width: 100%;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  overflow: hidden;
}

.ondamex .contenedor_central .encabezado_subApartado_9{
  background-color:#004c94;
  color:#ffffff;
  font-weight: bold;
  text-align: center;
  font-size: 25px;
  padding: 10px 10px;
}

/*.Layout .phglw{
  display: block;
  text-align:center;
  padding: 20px 30px;
  margin: 50px auto 0 auto;
  background: #f0f1ff;
  width: 90%;
}

.Layout .phglw a{
  color: #000000;
  text-decoration: none;
}

.Layout .phglw1{
  display: block;
  width:100%;
}*/

/*.Layout .phglw2{
  float:left;
  width:48%;
}*/

/*.Layout .phglw1 h1{
  font-size:25px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Playfair Display', serif;
}*/

/*.Layout .phglw1 h2 {
  font-size:40px;
  font-weight: 700;
  color:#000000;
  font-family: 'Playfair Display', serif;
}*/

.ondamex .container .text_contenido .contenedor_tabla{
    width:100%;
    border-collapse:collapse;
    border: 0px solid black;
    background-color:#a2bdc9;
    color:#fff;
}

.ondamex .container .text_contenido .caption{
  background: #73a3b8;
  padding:5px 0;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.ondamex .container .text_contenido .contenedor_grid {
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  background-color: #ffffff;
  padding:5px 0;
  color:#000000;
  margin-bottom: 15px;
}

.ondamex .container .text_contenido .contenedor_grid .gd{
  padding:2px 5px;
  text-align: center;
  background-color:#ffffff;
  color:#000000;
  border: 1px solid #e4e4e4;
}
.ondamex .container .text_contenido .contenedor_grid .gd .gtitle{
  width: 100%;
  height:30px;
  padding: 5px;
}
  
/*.Layout .container .text_contenido .contenedor_tabla .ultceld{
    background: #ffffff;
    color:#000000;
    padding:5px 0;
    border-bottom:1px solid #b1b1b1;
}*/
 
.ondamex .container .text_contenido .encabezado_subApartado{
  border-bottom: 1px solid #C0C0C0;
  text-align:left;
  font-weight: bold;
  font-size: 16px;
 }

.ondamex .container .cul{
  font-size: 15px;
  list-style-type: none;
  margin:0;
  padding:0;
}

/*.Layout .container hr {
  clear: both;
  background-color: rgb(79, 79, 79);
  height: 1px;
  margin: 10px 0;
}

.container .tb{
   font-size: 12px;
   border:1px solid black;
   margin-bottom: 10px;
}*/

/*.Layout .tb th{
  border:1px solid black;
  background-color: #ffffff;
  padding:5px 0;
  color:#000000;
  text-align: center;
  font-weight: bold;
}

.Layout .tb td{
  border:1px solid black;
  text-align: center;
}

.Layout .encabezado_subApartado_3{
  background-color:#ffffff;
  text-align:left;
  padding:10px;
  color:black;
  text-align: justify;
  margin-bottom: 10px;
}*/
 
.ondamex .container .text_contenido .esuba{
  border: 1px solid #C0C0C0;
  padding: 0;
  margin: 0;
  background:#ededed; 
  text-align: justify;
}

.ondamex .container .text_contenido .esuba ul{
 padding: 15px 20px;
 margin: 0;
}

.ondamex .container .text_contenido .esuba ul li{
    list-style-type: none;
}

.ondamex .container .text_contenido .mrg_p a{
  text-decoration: none;
  color:#222222;
  font-weight: 600;
}

/*.encabezado_subApartado_5{
  border: 1px solid #C0C0C0;
  padding: 10px 25px;
  margin: 0;
  background:#ededed;
}*/

/*.Layout .text_contenido h3{
  display:block;
  padding: 5px 0;
  font-size: 16px;
  text-align: left;
  color:#000000;
  margin-bottom: 15px;
  text-transform: uppercase;
  border-bottom:1px solid #ddd;
}*/

.ondamex .text_contenido h4{
  display:block;
  font-size: 16px;
  text-align: left;
  color:#000000;
  margin-bottom: 10px;
  text-transform: uppercase;
  padding:5px 0 0 0;
  border-bottom: 1px solid #c0c0c0;
}