/*------------------------------------------------------
/*                      HEADER
/*------------------------------------------------------ */
html {
  overflow-x: hidden;
}

/*------------------------------------------------------
/*              INICIALIZACION DE PAGINA
/*------------------------------------------------------ */

#divBotonesUsuarios,#divFormUsuarios,#tableUsuarios {  /*  USUARIOS  */
  display:none;
}

.ZebraDialog {
  z-index: 9999;
}

/*------------------------------------------------------
/*                      BODY
/*------------------------------------------------------ */
body {
  background:white;
}

/* MODAL XL  */
@media (min-width: 568px) {
  .modal-xl {
    width: 100%;
   max-width:1200px;
  }
}

/* TITULO Y SUBTITULO EN EXPLICACION DE MODULOS */
.mainTitle {
  font-size: 40px;
  color: rgb(43, 111, 175);
  margin-bottom: -5px;
}

.secondTitle {
  font-size: 28px;
  color: gray;
}

/*------------------------------------------------------
/*           CAROUSEL
/*------------------------------------------------------ */
.carousel-indicators li {
  background-color: black;
}
.carousel-indicators .active {
  background-color: #f0cb53;
}

.h5p1 h4 {
  font-weight: bold;
  color: yellow;
  background-color: rgba(0, 0, 0, 0.7);
}
.h5p1 p {
  font-weight: bold;
  color: black;
  background-color: rgba(255, 255, 0, 0.6);
}

/*------------------------------------------------------
/*                      CARDS
/*------------------------------------------------------ */

.card {
  /*margin-left:0px;*/
  margin-right:-15px;
  cursor:zoom-in;
  background:white;
}

.redTitle {
  margin-bottom:-5px;
  font-size:11px;
  color:red;
}

.card-text {
  font-size:12px;
  font-weight:bold;  
}

.card-text2 {
  font-size:18px;
  font-weight:bold;  
}

.contacto {
  font-size:22px;
  font-weight:bold;
}

#map {
  border:solid orange 3px;
  height:400px;
  color:black;
  font-weight:bold;
}

/*------------------------------------------------------
/*                      VARIOS
/*------------------------------------------------------ */

.fontFantasy {
  font-family: Helvetica;
  font-size: 52px;
  color: #1c5083;
  margin-top: 10px;
  margin-bottom: 5px;
}

.fontArial {
  font-family: arial;
  font-size: 20px;
  color: #4a8ece;
  margin-top: 10px;
  margin-bottom: 5px;
}

.fontTahoma {
  font-family: tahoma;
  font-size: 22px;
  color: #256894;
  margin-top: 10px;
  margin-bottom: 5px;
}

.fontArialNegro {
  font-family: arial;
  font-size: 24px;
  color: black;
  margin-top: 5px;
  margin-bottom: 5px;  
}

.fontArialBlanco {
  font-family: arial;
  font-size: 24px;
  color: white;
  margin-top: 5px;
  margin-bottom: 5px;  
}

.fontCursiva {
  font-size: 42px;
  font-style: italic;
  /*font-weight: bold;*/
}

.opacidad {
  margin-bottom:30px;
  background-color:rgb(83, 80, 80); 
  opacity: 0.78;
  filter:alpha(opacity=90);
}

/* ---------------------------------------------------------- */

.bordeAzul {
  border: 1px solid blue;
}

.bordeRojo {
  border: 1px solid red;
}

.bordeNaranja {
  border: 1px solid orange;
}

.bordeGris {
  border-top: 1px solid rgb(89, 91, 92);
  border-bottom: 1px solid rgb(89, 91, 92);
}

/* ---------------------------------------------------------- */

.colorBlanco {
  color: white;
}

.colorRojo {
  color:red;
}

.colorNegro {
  color: black;
}

.colorMaroon {
  color:maroon;
}

.colorAmarillo {
  color:yellow;
}

.colorNaranja {
  color:goldenrod;
}

.colorDarkCyan {
  color: darkcyan;
}

.colorCyan {
  color:cyan;
}

.colorGris {
  color: gray;
}

.colorVerde {
  color:green;
}

/* ---------------------------------------------------------- */

.bg-gris {
  background-color:rgb(39, 38, 38);
}

.bg-silver {
  background-color:silver;
}

.bg-green {
  background-color:green;
}

.bg-black {
  background-color: black;
}

.bg-semiblack {
  background-color: #343634;
}

.bg-azul {
  background-color: rgb(166, 208, 247);
}

.bg-blanco {
  background-color: white;
}

.bg-blanco22 {
  background-color: azure;
}

.cHorarioMain{
  font-size: 36px;
  color:rgb(240, 203, 39);
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-style: italic;
}

.cHorarioSub {
  font-size: 28px;
  color:white;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-style: italic;  
}

.cHorarioTexto {
  font-size: 32px;
  color:rgb(177, 174, 174);
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-style: italic;  
}

.gradiente {
  background-image: linear-gradient(to bottom right,rgb(122, 122, 129),rgb(35, 36, 39));
}

.treeview-animated-element a {
  text-decoration: none;
}

.liText {
  font-size:20px;
  font-weight: bold;
}

.btn-info22 {
  background-color:#2a2b2c;
  border: solid #33b5e5 2px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.embed-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}