@font-face {
    font-family: "BlissPro";
    font-style: normal;
    font-weight: 400;
    src: url("../../../fonts/BlissPro-Regular 2.otf") format("truetype");
}

body.cchc {
    background: url('/static/images/cchc/FONDOAZUL.jpg');
}

/* @font-face {
    font-family: "BlissPro";
    font-style: normal;
    font-weight: bold;
    src: url("fonts/BlissPro-Bold 2.otf") format("truetype");
} */

.mb-3 {
    margin-bottom: 1.5em;
}

.mt-3 {
    margin-top: 1.5em;
}

.mb-5 {
    margin-bottom: 4em;
}

.logo-home {
/*     min-height: 210px; */
    vertical-align: middle;
}

.blisspro, .blisspro-bold {
    font-family: "BlissPro";
}

.blisspro-bold {
    font-weight: bold;
}

.textoBlissPro {
    font-family: BlissPro;
    font-size: 17px;
}

.textoBlissProPequeno {
    font-family: BlissPro;
    font-size: 14px;
}


.textoBlissProTitulo {
    font-family: BlissPro;
    font-size: 23px;
}

.articulo{
margin: 2%; 
}

html {
height: 100%;
}

/*.imgFondoAzul{
z-index: -999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}*/

.imgTrabajadorBne{
opacity: 0.1;
z-index: -999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}

.imgTrabajoObra{
display: block;
margin:auto;    
width: 91%;
}

.textosCCHC{
color: #FFFFFF;
font-size: 25px;
margin-top: 5%;
text-align: left;
letter-spacing: .5px;
/* width: 75%; */
}

.imgsFooters{
    position: absolute;
    bottom: 0;
}

.divsFooters{
    display:inline-block;
    padding-top: 10px;
}

/*codigo CHATBOT*/
* {
  box-sizing: border-box;
}

body {
  font: 16px Arial;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}

.autocomplete-items {
  position: absolute;
  border-bottom: none;
  border-top: none;
  z-index: 999999;
  top: 100%;
  left: 0;
  right: 0;
  top: -250px;
  max-height: 250px;
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  color: black;
  /* border: 1px solid silver; */
  display: flex;
  flex-flow: column;
  flex-direction: column-reverse;
  background: transparent;
}

.autocomplete-items div {
  padding: 10px !important;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}