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

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

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

.ZebraDialog {
  z-index: 9999;
}

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


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

.secondTitle {
  font-size:22px;
  color:rgb(105, 145, 209);
}

/*------------------------------------------------------
/*           CAROUSEL
/*------------------------------------------------------ */

.carousel-indicators li {
  background-color: black;
}
.carousel-indicators .active {
  background-color: #eecf69;
}


.opacidad {
  margin-bottom:50px;
  background-color:black; 
  opacity: 0.78;
  filter:alpha(opacity=80);
}

.carousel-item h5 {
  font-size:22px;
  color: goldenrod;
}

.carousel-item p {
  font-size:32px;
  color: rgb(219, 218, 214);
}

.centerDiv
{
  width: 60%;
  height:200px;
  margin: 0 auto;
  margin-top:-300px;
  background-color:#FFA500 ;
}

/*------------------------------------------------------
/*                      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;  
}

.ledVerde {
  background-color:lime;
}

.ledRojo {
  background-color:red;
}

.ledSilver {
  background-color: silver;
}

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

#map {
  border:solid orange 5px;
  margin-top:5px;
  height:500px;
  color:black;
  font-weight:bold;
}

.fontFantasy {
  font-family: Helvetica;
  font-size: 36px;
  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: 28px;
  color: orange;
  margin-top: 10px;
  margin-bottom: 5px;
}

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

.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);
}

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

.colorRojo {
  color:red;
}

.colorAzul {
  color:blue;
}

.colorNegro {
  color:black;
}

.colorMaroon {
  color:maroon;
}

.colorAmarillo {
  color:yellow;
}

.colorNaranja {
  color:goldenrod;
}

.colorDarkCyan {
  color: darkcyan;
}

.colorCyan {
  color:cyan;
}

.colorGris {
  color: rgb(93, 94, 91);
}

.colorBlanco {
  color:white;
}

.colorVerde {
  color:green;
}

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

.bg-gris {
  background-color:gray;
}

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

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

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

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

.bg-gold {
  background-color: rgb(245, 225, 176);
}

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

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