@charset "utf-8";
:root {
  --rojoUbik: #DA0000;
  --fondoClaroIn: #F0F0F0;
  --fondoClaroEx: #ECECEC;
  --fondoClaro0: #EEEEEE;
  --textoClaro: #BFBFBF;
  --fondoOscSup: #424242;
  --fondoOscInf: #363636;
  --FondoOsc0: #3C3C3C;
  --textoOsc: #202020;
}
body {
/*  background: url("../Imagenes/Ubik_Fondo2.png");*/
  position: relative;
  box-sizing: border-box;
  margin: 0px 0 0 0;
  padding: 0;
  background-repeat: repeat-x;
  color: var(--textoOsc);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.2;
}
ul, ol, dl {
  padding: 0 0 0 25px;
  margin: 0;
}
a img {
  border: none;
}
a:link, a:visited {
  color: #36C;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
.logoUbik {
  display: inline-block;
  background: none;
  margin: 0px;
}
.logoUbikN {
  display: inline-block;
  background: none;
  width: 270px;
  margin: 10px 0px;
}
.logoshadow {
  filter: drop-shadow(0px 0.5px 0.9px rgba(0, 0, 0, 0.3)) drop-shadow(0px 1.3px 2.5px rgba(0, 0, 0, 0.195)) drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15)) drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.105));
}
.headerband {
  position: absolute;
  top: 0;
  width: 100%;
  height: 180px;
  background: #FDFDFE; /* Old browsers */
  background: -moz-linear-gradient(to bottom, #183C67 0%, #FDFDFE 60%);
  background: -webkit-linear-gradient(to bottom, #183C67 0%, #FDFDFE 60%);
  background: linear-gradient(to bottom, #183C67 0%, #FDFDFE 60%);
}
.headerband2 {
  position: absolute;
  background: #183C67;
  width: 100%;
  top: 120px;
  height: 36px;
}
.container {
  position: relative;
  width: 60%;
  min-width: 800px;
  max-width: 1200px;
  background: none;
  margin: 0 auto;
}
.header {
  background: none;
  position: relative;
  padding-top: 16px;
  margin-left: 20px;
  height: 180px;
}
.wrapcontent {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}
.separador {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #999;
  height: 4px;
  background-color: #ccc;
}
.boxinshadow {
  box-shadow:
    inset 0px 0px 0.7px rgba(0, 0, 0, 0.045), inset 0px 0px 1.9px rgba(0, 0, 0, 0.065), inset 0px 0px 3.9px rgba(0, 0, 0, 0.08), inset 0px 0px 7.3px rgba(0, 0, 0, 0.095), inset 0px 0px 13.7px rgba(0, 0, 0, 0.115), inset 0px 0px 30px rgba(0, 0, 0, 0.16);
}
.boxshadow {
  box-shadow:
    0px 0px 0.7px rgba(0, 0, 0, 0.056), 0px 0px 1.9px rgba(0, 0, 0, 0.081), 0px 0px 3.9px rgba(0, 0, 0, 0.1), 0px 0px 7.3px rgba(0, 0, 0, 0.119), 0px 0px 13.7px rgba(0, 0, 0, 0.144), 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.fondoclaro {
  background: var(--fondoClaro0);
  background-image: radial-gradient(var(--fondoClaroIn) 50%, var(--fondoClaroEx));
}
.fondooscuro {
  background: var(--FondoOsc0);
  background-image: linear-gradient(180deg, var(--fondoOscSup) 0%, var(--fondoOscInf) 100%);
}
.box {
  border: 1px solid #F2F2F8;
  border-radius: 7px;
  box-sizing: border-box;
}
.content {
  padding: 20px 25px;
  width: 100%;
  min-height: 480px;
}
.tituloPaqina {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: bold;
}
.contenidoPagina {
  margin-top: 0;
}
.piePagina {
  /* definir si es necesario */
  padding: 15px;
  margin-top: 60px;
  color: whitesmoke;
  font-weight: bold;
  text-align: center;
  background-color: var(--rojoUbik);
}
#cuadroaviso {
  padding: 15px 15px;
  margin: 15px 0px;
  border-width: 1px;
  border-style: solid;
}
.politica {
  text-align: justify;
}
.cuadrocorreo {
  font-size: 90%;
  padding: 0px;
  font-weight: bold;
  margin: 0 0 20px 0;
  align-content: center;
}
.cuadrocorreo label {
  margin: 5px 0;
}
.cuadrocorreo input {
  margin: 0 5px 0 0;
  padding: 5px;
}
.dircorreo {
  margin: 10px 3px 0px 3px;
  padding: 0px;
  float: right;
}
span.dircorreo {
  color: #A55;
}
.flexcontainer1 {
  display: flex;
  justify-content: space-between;
  align-content: center;
  gap: 30px;
}
.flexcenterv {
  align-items: center;
}
.flexitem1 {
  display: relative;
  width: auto;
}
.footer {
  font-size: 13px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 16px;
  background: none;
}
.avisolegal {
  font-size: 12px;
  padding: 0 15px;
  margin: 0px 200px;
  text-align: center;
}
.listaClientes {
  padding: 0;
  margin: 0;
}
.inshadow {
  box-shadow: inset 0px 0px 12px 2px rgba(0, 0, 0, 0.20);
}
.present {
  position: relative;
  border: none; /*3px solid red;*/
  margin: 0;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cuadro {
  display: none;
}
.slideshow {
  position: relative;
  margin: 0px 10px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #CCC;
  width: 322px;
  height: 200px;
  border-radius: 7px;
}
.slide {
  display: none;
  position: absolute;
  margin: auto;
  max-width: 270px;
  max-height: 160px;
}
.fade4 {
  animation: fading30 4s infinite
}
.fade60 {
  animation: fading2 60s infinite
}
@keyframes fading2 {
    0% { opacity: 0 }
    1% { opacity: 0 }
    2% { opacity: 1 }
   98% { opacity: 1 }
   99% { opacity: 0 }
  100% { opacity: 0 }
}
@keyframes fading10 {
    0% { opacity: 0 }
    5% { opacity: 0 }
   10% { opacity: 1 }
   90% { opacity: 1 }
   95% { opacity: 0 }
  100% { opacity: 0 }
}
@keyframes fading20 {
    0% { opacity: 0 }
    5% { opacity: 0 }
   20% { opacity: 1 }
   80% { opacity: 1 }
   95% { opacity: 0 }
  100% { opacity: 0 }
}
@keyframes fading30 {
    0% { opacity: 0 }
    5% { opacity: 0 }
   30% { opacity: 1 }
   70% { opacity: 1 }
   95% { opacity: 0 }
  100% { opacity: 0 }
}
.bottomBar {
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.bottomBarText {
  margin: 0;
  padding: 0 10px;
  color: var(--textoClaro);
  font-size: 15px;
  text-align: center;
}