/* Header*/
.header .header-top{
    background-color: #fff;
    padding: 42px 0 28px;

}

.header .header-top > .container .row .header-links {
    padding: 0 0 0 28px;
    border-left: solid 3px #eaeaea;
    list-style: none;
    margin: 0px;
}

/* buscador */
.HeaderSearch .input-group {
    border-left: solid 7px #ab8d5d;;
}

.HeaderSearch .input-group input {
    border-radius: 0;
    border: solid 1px #ddd;
    padding: 7px 14px;
    height: 42px;
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    letter-spacing: 1px;
    max-width: 650px;
}

.HeaderSearch .input-group button {
    font-size: 14px;
    /* line-height: 1.42857143;
    user-select: none;
    margin-bottom: 0;
    font-weight: normal; */
    text-align: center;
    /* touch-action: manipulation; */
    /* cursor: pointer;
    background-image: none; */
    border-color: #ccc;
    /* display: inline-block;
    vertical-align: middle; */
    /* transform: translateZ(0); */
    /*  box-shadow: 0 0 1px rgba(0,0,0,0);
    backface-visibility: hidden; */
    /* transition-duration: .3s;
    transition-property: transform; */
    /* color: inherit; */
    min-width: 42px;
    border: solid 1px #ddd;
    border-radius: 0;
    background-color: #fff;
    padding: 7px 14px 9.5px;
    height: 42px;
}

button, input, optgroup, select, textarea {
    font: inherit;
    margin: 0;
}
/* .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
} */


/* links header */
.header-links > #pri{
    border-bottom: 20px;

}

.header-links > #sec{
    border-top: 20px;

}
.links-top {
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 16px ;
    color: gray;
    margin-top: 20px;
    text-decoration: none;
}

.links-top1 {
    font-size: 16px;
    margin-top: 20px;
    text-decoration: underline;
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 16px;
    color: grey;
}

.header-links .links-top .links-top1{
    margin-left: 20px;
    color: white;
    margin-bottom: 80px;

}

.header-links a{
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
}

/* body {
    font-size: 15px;
    line-height: 28px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
} */


/* navbar */
#main-contenido{
    margin-top: 20px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);

}

#navbarSupportedContent{
margin-left: 0px;
align-items: center;
}

.nav-menu{
    padding: 0px;
    background-color: #2a5d50;
    list-style: none;
    box-shadow: -1px 1px 1px #ccc;
    border-bottom: solid 7px #ab8d5d;
    margin: 0;
    margin-bottom: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #fff;
    /* font-size: 17px;

    padding: 0%;
    background: #f9f9f9;
    list-style: none;
    box-shadow: -1px 1px 1px #c7c7c7;
    border-bottom: 7px #1bb600 solid;
    margin-bottom: 20px;
    transition: 0.5s; */
}


#menu-principal{
    color: grey;
    float: none;
    border-left: solid 1px #ab8d5d;
    border-right: solid 1px #ab8d5d;
    position: relative;
    padding: 21px 18px 21px 18px;
    display: block;
    width: 100%;
    height: 110%;
    font-size: 17px;
    font-weight: bolder;
    text-align: center;
    color: inherit;
    position: relative;
    line-height: 21px;
}

#navbarDropdown{
    color: grey;
    float: none;
    border-left: solid 1px #ab8d5d;
    border-right: solid 1px #ab8d5d;
    position: relative;
    padding: 21px 18px 21px 18px;
    display: block;
    width: 100%;
    height: 110%;
    font-size: 17px;
    font-weight: bolder;
    text-align: center;
    color: inherit;
    position: relative;
    line-height: 21px;
}

/* .nav-item > .active-menu > #menu-principal::before{
    position: absolute;
    content: '';
    margin-right: 4px;
    left: 21px;
    height: 14px;
    width: 7px;
    top: 24px;
    background-color: #1bb600;

} */

/*
#navbarDropdown::before{
    position: absolute;
    content: '';
    margin-right: 4px;
    left: 21px;
    height: 14px;
    width: 7px;
    top: 24px;
    background-color: #1bb600;

}
*/


.navbar-light  a:hover {
    color:#fff;
    background: #2a5d50;
}

.navbar-nav .nav-item:hover {
    text-decoration: underline;
    color:#fff;

}

/*
 .navbar-nav .nav-item:hover {
    transition: 0.7s;
    background: #f9f9f9;
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);

} */

/* .navbar-light .navbar-nav .nav-link {
    color: gray;
}

.navbar-light .navbar-nav #navbarDropdown{
    color: gray;
}

.navbar-light .navbar-nav .nav-link:hover{
    color: gray;
} */

.dropdown-item{
  font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 15px;
    color: #6F7271;

}
/* .buscador{
    max-width: 250px;
    border-left: solid 7px #1bb600;
} */

#input-src{

    max-width: 1200px;
    width: 80px;
    position: relative;
    display: table;
    border-collapse: separate;
}


/* Iconos */
.icono{
    font-size: 15px;
    color: #6F7271;
}
/* Iconos buscador */
.icono-ser{
    font-size: 22px;
    color: #2a5d50;

}

/* Carrusel */
#slide .carousel-inner img{
    width: 50px;
    height: 450px;

}

/* Tarjetas */
.card-main{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 20px;
    color: #174A80;
    /* width: 20rem; */
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    box-shadow: -1px 1px 10px #c7c7c7;
    max-width: 18rem;
    border-radius: 10px 10px 10px 10px;
    
}
.card-main > .card-body{
    width: 288px; 
    height: 120px;
}

/* Mesa Ayuda Tarjeta */

#ayuda{

    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 15px;
    color:#898D8D;
    text-align: justify;

}

/* Tarjetas con imagen competa de la 13 a la 15 */
.card-main1{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 20px;
    color: #174A80;
    /* width: 20rem; */
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    box-shadow: -1px 1px 10px #c7c7c7;
    max-width: 18rem;
    border-radius: 10px 10px 10px 10px;
}

.card-main1:hover{
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.card-img-top1{
    display: block;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    width: 285px;
    height: 300px;
} 

.card-main > .card-body > .links-card > a{
    font-family: "Gotham Book";
    font-size: 20px ;
    color:#333333;
    text-decoration: none;
}
.card-main > .card-body > .links-card > a:hover{
    font-family: "Gotham Book";
    font-size: 20px ;
    color:#333333;
    text-decoration: underline;
}
/* Terminan tarjetas con imagen competa de la 13 a la 15 */

/* .card-main img{
    display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
} */

.card-main:hover{
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.card-main h5{
    font-family: "Gotham Book";
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 20px ;
    color:#333333;
}

#main-contenido .card-main p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 15px;
    color:#6F7271;
    text-align: justify;

}

.card-img-top{
    display: block;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    width: 290px;
    height: 180px;
}

h2{
    font-family: "sans-serif";
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 25px ;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    margin-top: 20px;
}
h1{
    font-family: "sans-serif";
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 25px ;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    margin-top: 20px;
}

.iconot{
    font-size: 15px;
    color: white;

}

@media screen and (max-width:1100px){
    .card{
        flex-wrap: wrap;
        margin-top: 20px;
    }
}

@media screen and (max-width:1100px){
    .card-img-top{
        flex-wrap: wrap;
        margin-top: 20px;
    }
}

/* Facebook */

.fb-page:hover{
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

/* Footer */
.page-footer{
    width: 100%;
    background: #2a5d50;
    margin-top: 0px;
    color: #fff;
}
#titulo-footer{
  font-family: 'Gotham Book';
}
.icono-foot{
    font-size: 20px;
    color: #FFF;

}

.container-body{
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}

.container-footer-all{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 40px;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */

}

.colum1{
    width: 25%;
    padding-left: 2%;
    border-left: 1px solid #fff;
}

.colum1 h1{
    font-size: 32px;
}

.colum1 p{
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
    max-width: 300px;
}

.colum2{
    width: 25%;
    padding-left: 2%;
    border-left: 1px solid #fff;
    color: #fff;
}

.colum2 h1{
    font-size: 32px;
}

.row1 a{
    margin-top: 20px;
    max-width: 300px;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 16px;
    color: #fff;
}

.colum3{
    width: 25%;
    padding-left: 2%;
    border-left: 1px solid #fff;
}

.colum3 h1{
    font-size: 32px;
}

/* Copyright */
.container-footer{
    width: 100%;
    background: #ab8d5d;
    border-top: 0px #fff solid;

}
.footer{
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding: 20px;
}

.copyright{
    color: #fff;
}

.informacion div p a{
    text-decoration: none;
    color: #fff;
    padding-right: 10px;
}

@media screen and (max-width:799px){
  .container-body{
    flex-wrap: wrap;
  }
  .colum1{
    width: 100%;
  }
  .colum2{
    width: 100%;
    margin-top: 40px;
  }
  .colum3{
    width: 100%;
    margin-top: 40px;
  }
}

@media screen and (max-width:799px) {
    #menu-principal{
      text-align: center;
    }
    #navbarDropdown{
      text-align:  center;
    }
  }

@media screen and (max-width:450px) {
    #menu-principal{
      text-align: left;
    }
    #navbarDropdown{
      text-align:  left;
    }
  }


@media screen and (max-width:1100px){
    .footer{
        flex-wrap: wrap;
    }
    .copyright{
        margin-top: 20px;
    }
    .informacion{
        margin-top: 20px;
    }
}

/* Historia tajetas */
#titulo-his{
  font-family: 'Gotham Book';
}
#card-his{
    margin-top: 22px;
    box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2);
}

#btn-his{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

#his{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 25px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    margin-top: 20px;

}
.card h5 button {
    font-family: "Gotham Book";
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;

}


.accordion p{
    text-align: justify;
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 18px;
}

.icono-card{
    font-size: 20px;
    color: #898D8D;
}

.map{
    text-align: center;
    margin-bottom: 10px;
}

/*Convocatorias-licitaciones*/

#main-licitaciones{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-licitaciones .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-licitaciones h2 {
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    white-space: normal;
}

#btn-lici {
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    white-space: normal;
}

.accordion2{
    margin-bottom: 2em;
}

#btn-lici{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/*LGCG*/
#main-lgcg{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-lgcg .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-lgcg h2 {
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordion3{
    margin-bottom: 2em;
}

h2#ley{
  font-family: "Gotham Book";
}
#btn-ley{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/* Bienes */
#main-bienes{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    width: 60rem;
    margin-top: 20px;
    margin-bottom: 40px;
    size: 10px;

}

#main-bienes button{
    white-space: normal;

}

.galeria{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.galeria h1{
  font-family: "Gotham Book";
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    margin-bottom: 40px;
}

.linea{
    margin-bottom: 40px;
}

.contenedor-imagenes{
    display:flex;
    width: 85%;
    margin: auto;
    justify-content: space-around;
    flex-wrap: wrap;
    border-radius:3px;
}

.contenedor-imagenes .imagen{
    width: 32%;
    position: relative;
    height:350px;
    margin-bottom:20px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .75);
}
.imagen img{
    width: 100%;
    height:100%;
    object-fit: cover;
}

.overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    background:rgba(40, 167, 69, 0.500);
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: .8s ease;
}

.overlay h2{
    color: #fff;
    font-weight: 300;
    font-size:30px;
    position: absolute;
    top: 50%;
    left:50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.imagen:hover .overlay{
    height:100%;
    cursor: pointer;
}

#exampleModalLabel{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 22px;
    text-align: justify;
}

@media screen and (max-width:1000px){
    .contenedor-imagenes{
        width: 95%;
    }
    #main-bienes{
        width: 93%;
    }
    #btn-requisitos{
        font-size:11px;
        }
}

@media screen and (max-width:700px){
    .contenedor-imagenes{
        width: 90%;
    }
    .contenedor-imagenes .imagen{
        width: 48%;
    }
    #main-bienes{
        width: 93%;
    }
}

@media screen and (max-width:450px){
    h1{
        font-size:22px;
    }
    .contenedor-imagenes{
        width: 98%;
    }
    .contenedor-imagenes .imagen{
        width: 80%;
    }
    #main-bienes{
        width: 93%;
    }

}

@media screen and (max-width: 400px){
    #main-bienes{
    width: 93%;
    }
    }

/* Presupuesto */
#main-presupuesto{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-presupuesto .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-presupuesto h2 {
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordion4{
    margin-bottom: 2em;
}

#btn-presu{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/* ley financiera */
#main-ley-disc-fina{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#collapseOne .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#collapseTwo .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#collapseThree .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-ley-disc-fina h2 {
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.sub-title{
  font-family: 'Gotham Book';
  background-color: #2a5d50;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 50px;
}

.accordion5{
    margin-bottom: 2em;
}

#btn-ley-disc-fina{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

@media screen and (max-width: 400px){
    #btn-ley-disc-fina{
    font-size:14px;
    }
    }

/* Servicio Social */
#main-ser{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-ser h2 {
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordion6{
    margin-bottom: 2em;
}

#btn-ser{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/* Programas diabetes */
#main-diabetes{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-diabetes .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-diabetes h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordion3{
    margin-bottom: 2em;
}

#btn-diabetes{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}


/* Programas GRUPOS DE AYUDA MUTUA */
#main-gam{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-gam .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-gam h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordion-gam{
    margin-bottom: 2em;
}

#btn-gam{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/* Programas MAO */
#main-mao{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-mao .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-mao h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordion-mao{
    margin-bottom: 2em;
}

#btn-mao{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/* Hiperplasia Prostática */
#main-hiperplasia{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-hiperplasia .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-hiperplasia h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordionH{
    margin-bottom: 2em;
}

#btn-hiperplasia{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/*
@media screen and (max-width: 700px){
#main-hiperplasia .card-body p{
font-size:12px;
}
}
Por debajo de 400px
@media screen and (max-width: 400px){
#main-hiperplasia .card-body {
font-size:10px;
}
} */

/* Obesidad e Hipertensión*/
#main-OH{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-OH .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-OH h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordionOH{
    margin-bottom: 2em;
}

#btn-OH{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/* nutrición*/
#main-NU{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-NU .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-NU h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordionNU{
    margin-bottom: 2em;
}

#btn-NU{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/* Cronicas*/
#main-CRO{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-CRO .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-CRO h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordionCRO{
    margin-bottom: 2em;
}

#btn-CRO{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/* UNEME*/
#main-UNE{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-UNE .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-UNE h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordionUNE{
    margin-bottom: 2em;
}

#btn-UNE{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/*SALUD SEXUAL*/
#main-SS{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-SS .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

#main-SS h2{
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.accordionSS{
    margin-bottom: 2em;
}

#btn-SS{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #333333;
    font-size: 22px;
    text-align: justify;
}

/*DIRECTORIO*/
#main-DIR{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#main-DIR .card-body p{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}

.list-group-item{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #898D8D;
    font-size: 15px;
    text-align: justify;
}
#main-DIR h2 {
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    white-space: normal;

}

#main-DIR h3{
    margin-top: 15px;
    font-family: 'Gotham Book';
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 20px;
    color: #333333;
}

.accordion-DIR{
    margin-bottom: 2em;
}

#btn-DIR{
    font-family: 'Source Sans Pro', sans-serif;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: #000000;
    font-size: 22px;
    text-align: justify;
    white-space: normal;

}

#con-org{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.img-card{
    width: 20%;
    /* height: 260px; */
    /* position: relative;
    float: left;
    width: 100%;
    height: auto;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    margin-top: 10px; */
}

.img-card img{

    width: 230px;
    height: 235px;


}
.card-dir{
    width: 80%;
    /* padding-left: 15px; */
    /* position: relative; */
    /* display: flex;
    flex-flow: row wrap;
    justify-content: space-around; */
    /* float: right; */
    /* width: 75%;
    height: auto;
    min-height: 1px;
    padding-left: 9px;
    padding-right: 15px;
    margin-top: -260px;
    margin-bottom: 45px;*/
    white-space: normal;
}

@media screen and (max-width:1000px){
    .img-card{
        width: 100%;

    }
.card-img-top{
    margin-left: auto;
        margin-right: auto;
}
    .card-dir{
        width: 100%;


    }
    }


   /*  @media screen and (max-width:1100px){
        .card-dir{
    flex-wrap: wrap;
    }

    .card-dir{
    margin-top: 20px;
    }
    .card-dir{
    margin-top: 20px;
    }
    } */

/* organigrama */
#main-organigrama{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);

}

#tit-orga{
    text-align: center;
    font-size: 30px;
}

#org{
    margin-top: -150px;
    margin-left: 200px;
    margin-right: 200px;
}

#personal-org{
    margin-top: 180px;
}

/* Búsqueda */

.search-table{
    margin-left: -15px;
}

.search-thead{
  background:#333333;
  text-align: center;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Gotham Book';
}

.search-a{
  text-align: left;
  border-bottom:  #333333 2px solid;
  border-top: #333333 2px solid;
  border-left: #333333 2px solid;
  border-right: #333333 2px solid;

}

.search-row{
  font-family: 'Source Sans Pro', sans-serif;
  padding-left: 5px;
  padding-right: 5px;
  color: #174A80;
}

.search-row a{
  text-decoration: none;
  color: #174A80;
}

/* Botón para ir hacia arriba */
.ir-arriba {
	position: fixed;
    padding:7px;
    width: 42px;
    height: 42px;
    text-align: center;
	background:rgba(32, 128, 54, 0.5);
	font-size:20px;
	color:#ab8d5d;
	cursor:pointer;
	bottom:20px;
    right:20px;
    border-radius: 50%; 
}

.ir-arriba:hover {
    background: #2a5d50;
}

.icono-arriba{
    font-size: 28px;
    position: relative;
}

.page-art{
    width: 100%;
    background: #681A32;
    margin-top: 0px;
    color: #fff;
    
}