input::placeholder {
  font-size: 0.67rem;
}
label{
  font-weight: bold;
}
input{
  text-transform: uppercase;
}
.form-control:focus {
  border-color: #d2d2d2;
  /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); */
box-shadow: 0 0 0 0.3rem rgb(143 160 177 / 25%);
}
#infoDiv{
  font-size: 0.9rem;
  margin-top:-30px;
}
.btn-danger{
  background-color: #810931;
  font-size: 0.85rem;
}
.btn-warning{
  border-radius:0;
  background-color:#fff3cd;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.btn-success2{
  border-radius:0;
  color:white;
  background-color:#28a745;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
body{
  /*background-image:url('../../images/backimagen.png'); */
  background-size: contain;

}
.body-div{
  background-color: white;
}
.direccion{
  border-radius:50px; padding:11px;
  background-color:gray; font-size:0.7rem;
  font-weight:600; color:white;
}
*{margin:0; padding:0; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;}
  /* Add a gray background color and some padding to the footer */
  /* IE8 and below specific CSS */

  .carousel-inner img {
    width: 100%; /* Set width to 100% */
    min-height: 200px;
  }
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 400px) {
    .carousel-caption {
      display: none;
    }
  }
  #imagen{
    width: 91%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .margen{
    left:auto;
  }
  .card-title{
    font-weight:bold;
  }
  .card-body{
    background-color: #e6e6e6;
  }
  .noticias{
    color:#666666;
  }
  .card-text{
    color:#666666;

  }
  .card-img-top{
    height: 100%;
  }
  .card{
    height: 350px;
  }
  .icono{
    margin-top: -5px;
    padding-top:0;
  }
  .emergencias{
    /* margin: 10px; */
    /* background-color:#ffb905; */
    font-size: 30px;
    text-align:center;
    font-weight: bold;
    color:#4d4d4d;
  }
  .emergenciaspan{
    margin: 20px;
    margin-top: 50px;
    height: auto;
  }
  .nav-link{
    font-weight: bold;
    align: right;
    font-size: 20px;
  }
  .navbar{
    background-color: white;
  }
  .links{
    color:#666666;
  }
  .linksdos{
    color:black;
  }
      .footer{
    width:auto; margin:0 auto;
    margin-top:76px;
    overflow:hidden;
    /* background: url(images/pleca_piepagina.jpg); */
    background-repeat: no-repeat;
    background-size: cover; }
  .footer p{
    color:#cf9359;}
  .bienvendida{
    text-align: justify;
  }
  #myBtn{
  border-radius:0;
  outline:none;
  border: 0;
  background-color: transparent;
  color: #ffb905;
  text-align: left;
  margin-left: -1.7%;
  }
  #div_requerimientos{
    background-color: none;
    height: 50%;
  }
.scroll-bar-wrap {
  width: auto;
  position: relative;
   margin: 2em auto;
}
.scroll-box {
  width: auto;
  height: 100px;
  overflow-y: scroll;
}
.scroll-box::-webkit-scrollbar {
  width: .4em;
}
.scroll-box::-webkit-scrollbar,
.scroll-box::-webkit-scrollbar-thumb {
  overflow:visible;
  border-radius: 4px;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2);
}
.cover-bar {
  position: absolute;
  background: #fff;;
  height: 100%;
  top: 0;
  right: 0;
  width: .4em;
  -webkit-transition: all .5s;
  opacity: 1;
}
/* MAGIC HAPPENS HERE */
.scroll-bar-wrap:hover .cover-bar {
   opacity: 0;
  -webkit-transition: all .5s;
}

a.linkcolor{
  color:black;
  font-size: 13px;
}
a.enlaces:hover {
text-decoration:underline;
color: #fcb600;
/* background: #993333; */
/* border:#FFFFFF 1px solid; */
} /*Mause sobre el link*/
.botonvermas{
  background-color:black; color:white; margin:0;
  padding: 8px 25px;
  border-radius: 15px;
  margin-bottom:15px;
  margin-top:-15px;
  box-shadow: 0px 30px 40px -20px hsl(229, 6%, 66%);
}
.botonvermas:hover{
  background-color: gray;
  color:white;
}
.one-edge-shadow {
/* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
/* box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */
}
.thumbnail{
border-color:#f2f2f2;
}
.click{
color: white;
}
.click:hover{
color: white;
cursor: default;
}
.modal-body{
  text-align: justify;
}
.h6{
  font-weight: bold;
}
:root {
    --bg: #fdfdfd;
    --highlight1: #ED4264;
    --highlight2: #FFEDBC;
    --color: #1a1e24;
    --font-number: Montserrat, Roboto, Helvetica, Arial, sans-serif;
    --font-head: "Space Mono", Consolas, Menlo, Monaco, "Courier New", monospace;
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.list {
    list-style: none;
    /* width: 600px; */
    /* max-width: 90%; */
}

.item {
    display: block;
    clear: both;
    counter-increment: list;
    padding-bottom: 2rem;
    font-size: 0.9rem;
    line-height: 1.375;
    position: relative;
}

.item:before {
    font: bold 2.25rem/1 var(--font-number);
    content: counter(list);
    width: 2rem;
    height: 2rem;
    float: left;
    margin: 0 1.5rem 0.75rem 0;
    color: var(--bg);
    background: var(--highlight1) linear-gradient(to bottom right, var(--highlight1) 25%, var(--highlight2));
    text-shadow: 0 0 2px var(--highlight1);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    shape-outside: ellipse();
    z-index: 1;
}

.item:after {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: var(--highlight1);
    z-index: -1;
    border-top-left-radius: 3px;
}
.headline {
    padding: 0rem 0 0 0;
    margin: 0 0 1rem 0;
    font: normal 2rem var(--font-head);
}
#declaracion{
  font-size: 0.8rem;
  text-align: justify;
}
.btn-dark{
	font-size:0.9rem;
}