.page-footer .social ul li a:hover {
    background: none !important;
}
/*pagina Monitoreo*/
.resultadoMonitoreo .text-primary {
    color: #2c4144 !important;
        padding-left: 65px;
}
.resultadoMonitoreo{
    margin-top: 36px;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #d60000;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #d60000;
    border-color: #d60000;
}
.buscador .text-muted {
    color: #ffffff !important;
}
.botonConsultarMon{
display: flex;
align-items: center;
height: auto;
}
button#consultarBtn {
    height: fit-content;
    padding: 8px 16px;
    font-size: 16px;
}
.border-red-left {
    border-left: 0px solid red;
    padding-left: 0px;
}
.seccion-project {
    padding: 0px 0px 0px 0px !important; 
    border-top: 0px solid red; 
     border-left: 0px solid red; 
     border-right: 0px solid red; 
     margin-top: 00px; 
}
.paginaMonitoreo{
    padding: 0 !important;
}
/*fin pagina Monitoreo*/

/*search-engine*/
.formulario-projects-search button {
    margin-top: 25px;
    margin-bottom: 5px;
    background: #c0191e;
    color: #fff;
    border-radius: 0px;
    font-size: 13px;
    padding: 12px 36px;
    border: 0;
    font-weight: bold;
}
.formulario-projects-search input {
    width: 95%;
    height: 32px;
    margin-top: 9px;
    padding: 5px 0px 5px 9px;
    font-size: 14px;
    font-weight: bold;
    color: #628ea0;
    border: 1px solid #628ea0;
    border-radius: 0px;
}
.formulario-projects-search select {
    width: 95%;
    height: 32px;
    margin-top: 9px;
    border-radius: 0px;
    padding: 5px 0px 5px 5px;
    font-size: 14px;
    font-weight: bold;
    color: darkslategrey;
    border-style: ridge;
    background: #fff;
}
.formulario-projects-search {
    background: #2c4144;
    padding: 24px 24px 5px 24px;
    border-radius: 0;
    position: absolute;
    float: left;
    z-index: 100;
    width: 350px;
    box-shadow: 0px 0px 0px #2c4143 !important; 
    bottom: 70px;
    left: 130px;
    margin-left: unset;
    margin-right: unset;
}
.botonInternoGeo{
    display: flex;
justify-content:center;
padding-top: 36px;
padding-left: 15px;
}
.secciones-projects {
    padding: 25px 40px 20px 40px;
    border-top: 1px solid #628ea0;
    border-left: 8px solid #628ea0;
    border-right: 1px solid #628ea0;
    border-bottom: 1px solid #628ea0;
    background-color: #f3f2ef;
}

.cartaResultados{
    margin-bottom: 16px;
}
.form-control {
    margin-bottom: 3px;
}
span.title-buscador {
    color: white;
}
/*fin search-engine*/


/*footer*/
.btn-go-top {
    position: absolute;
    float: left;
    width: 72px;
    height: 72px;
    left: 90%;
    top: 70%;
    z-index: 3000;
}
.container .footer-copyright {
    margin-top: 18px;
    border-top: 2px solid white;
    padding-top: 36px;
}
.page-footer {
    padding: 36px;
    position: relative;
}
.icon-facebook, .fa-instagram,.fa-twitter {
    color:#d60000 !important;
}
.social ul {
    list-style: none;
    padding-left: 0px;
}
.social ul li .icon-twitter {
    background: none !important;
}
.social ul li .icon-youtube {
    background: none !important;
}
.social ul li .icon-facebook {
    background: none !important;
}
.textoRedes{
    color: white;
}
.logoFooter{
    padding-top: 18px;
    padding-bottom: 18px;
}
.tituloFooter h5{
    color:#d60000 !important;
    font-weight: 700;
    text-align: left;
}
.social {
    margin-top: 0%;
}
/*fin footer*/
/*project-single*/
#map {
    height: 500px;
    margin-bottom: 36px;
}
.border-left-empresas {
    border-left: 1px solid #628ea0;
    padding-left: 36px;
}
.fichaProcedimiento{
/* background-color: #0084d6; */
}
.datosProyectos .container-item {
    background: #d60000 !important;
    padding: 5px 20px;
    border-radius: 18px 18px 0 0 !important;
    color: #fff;
}
.container-proyecto b {
    color: #0084d6;
}
.container-proyecto  .pt-4, .py-4 {
    padding-top: 0rem !important; 
}
.container-proyecto  {
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}
.datosProyectos {
    background-color: #f3f2ef;
    margin-bottom: 36px;
    padding-bottom: 18px;
}
.title-project-single {
    font-weight: 500;
    font-size: 28px;
    margin-left: 140px;
}
.background-title {
    font-size: 32px;
    color: #fff;
    background-repeat: no-repeat;
    background-image: none;
    background-color: #638ea0;
    background-size: 102%;
}
.btn-gris {
    color: #fff;
    background-color: #2c4144;
    border-color: #2c4144;
    border-radius: 8px 8px 0 0px !important;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 13px;
}
button.btn {
    margin-right: 4px;
}
#btns{
    margin-top: 18px;
}
.proyectoDescrip {
    padding: 32px 32px 0px 32px;
}
#line-date-inagurado {
    border-bottom: 2px solid #817e7f;
    padding-left: 20px;
}
.text-personas-beneficiadas {
    color: #0084d6;
    font-size: 22px;
    font-weight: 600;
}
.icon-people {
    width: 42px;
}
#benefited {
    width: 100%;
    height: auto;
    font-size: calc(1em + 1vw);
    display: inline-block;
    background-color: #f3f2ef !important;
    padding: 0px;
    margin-top: 0%;
    word-break: break-all;
}
#titleproject span {
    font-size: 20px;
    font-weight: 800;
}
.bg-gris-single-project {
    background-color: #f3f2ef !important
}
#titleproject {
    width: 100%;
    height: auto;
    text-align: justify;
    background-color: #f3f2ef !important;
    padding: 12px 36px;
    line-height: 1.2;
    color: #2c4144;
}
/*fin de project-single*/
/* //lista detalle de proyecto */
a.btn.btn-sm.btn-conoce-mas {
    color: white;
}
.imagenProyecto{
    padding: 32px;
    margin-left: 4px;
    background-color: white;
}
.cartaProyecto .img-obra {
    width: auto !important; 
    height: auto !important; 
}
.btn-conoce-mas {
    background-color: #2c4143;
    color: white;
    border-radius: 6px !important;
    width: 100%;
    height: auto !important;
    box-shadow: none !important;
}
.container-btn a {
 padding: 16px;
 font-size: 16px !important;
}

.container-btn {
    margin-top: 16px;
}
.container-organismo-publico{
    padding-top: 15px;
    margin: 0 auto;
}
   .description-obra {
    text-align: justify;
    font-weight: 300;
    height: auto !important;
   }
.m-text-description{
padding: 32px 52px 0px;
}
.listadoProyecto .form-row {
    margin-right: 0px;
    margin-left: 0px;
}
.description-obra {
    margin-left: 0%;
}
.cartaProyecto {
    background-color: #f3f2ef ;
    margin-top: 36px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.listadoProyecto{
    background-color: none;
}

/* fin lista detalle de proyecto */

/* //lista de proyectos// */
div#consultaResultados .row {
    width: -webkit-fill-available;
}
.header-menu .mb-2, .my-2 {
    margin-bottom: 0rem !important;
}

div#consultaResultados .col-lg-10{
    padding-right: 0px;
}
div#consultaResultados .mt-1, div#consultaResultados .my-1 {
    margin-top: .0rem !important;
}
.botonInterno{
    display: flex;
justify-content:center;
padding-top: 17%;
}
.resultadosBoton a{
    padding: 15px;
    margin: 0 auto;
}
.resultadosBoton{
background-color: #ccdae0;
height: 100%;
justify-items: center;
}
.resultadosCantidad{
    height: 100%;
    text-align: center;
    margin: 0 auto;
}
.resultadosTitulo{
background-color: #2c4143;
height: 100%;
    display: flex;
    padding: 32px;
}
div#consultaResultados .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

div#consultaResultados .container-item {
    background: none;
    background-color:#638ea0;
    padding: 0px 0px;
    border-radius: 0px;
}


div#tituloResultados {
    margin-bottom: 0px !important;
    border-bottom: 0px;
    font-size: 32px;
    font-weight: 700;
    color:  #2c4143;
    margin-top: 36px;
}
div#consultaResultados, #tituloResultados {
    border: #d9d8ce 4px solid;
    padding: 24px;
}
.card-body{
    background-color: white !important;
}
.bg-rojo {
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #d60000;
    padding-top: 16px !important;
}
.buscador{
    background-image: url(http://www.costecuador.org/assets/img/logo-fondo.png);
    background-position: 84% 0%;
    background-repeat: no-repeat;
    background-color: #638ea0 !important;

}
.buscador label {
    color: white !important;
}

button#consultarBtn {
    background-color: #2c4143;
    border: none;
}
.paginaProyectos{
    padding-top: 0 !important;
}
.descargaProyectos{
    margin-left: 32px;
    align-items: flex-end;
}
.descargaProyectos .textDescarga{
    padding-left: 16px !important;
    font-weight: bold;
    border-left: #2c4143 4px solid;
}
.descargaProyectos a{
    color: white !important;
}
.card-body {
    padding: 1.5rem 5rem;
}
.topic {
    font-weight: 700;
    margin-left: 5rem;
}
/* fin pag lista de proyectos */

/*responsive Mobile*/

@media only screen and (max-width: 600px) {
.secciones-projects p{
padding: 18px 0px !important;
}
.secciones-projects{
    padding: 36px 12px !important;
}
#consultaResultados p{
padding: 16px;
}
#map {
    height: 500px;
    margin-bottom: 0px;
    width: auto;
}
.formulario-projects-search {
    background: #2c4144;
    padding: 24px 24px 24px 24px;
    border-radius: 0;
    position: relative;
    float: none; 
    z-index: 0; 
    width: 100%;
    box-shadow: 0px 0px 0px #2c4143 !important;
    bottom: 0px;
    left: 0px;
    margin-left: unset;
    margin-right: unset;
}
.datosProyectos .title-project-single {
    font-weight: 500;
    font-size: 22px;
    margin-left: 32px;
}
.carousel .row {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px; 
    margin-left: 0px;
}
.carousel .proyectoDescrip {
    padding: 16px 8px;
}
#titleproject {
    width: 100%;
    height: auto;
    text-align: left;
    background-color: #f3f2ef !important;
    padding: 18px 16px 36px;
    line-height: 1.2;
    color: #2c4144;
}
    .imagenProyecto {
    padding: 32px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    background-color: white;
}
.listadoProyecto .form-row {
    margin-right: 0px;
    margin-left: 0px;
    display: inline;
}
    .m-text-description {
    padding: 36px 6px 9px !important;
}
.cartaProyecto {
    background-color: #f3f2ef;
    margin-top: 36px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.page-link {
    font-size: 12px;
}
.page-item.disabled .page-link {
    font-size: 12px;
}
div.dataTables_wrapper div.dataTables_filter{
     text-align: left;
}
div.dataTables_wrapper div.dataTables_length{
     text-align: left;
     padding-left: 16px;
    padding-top: 16px;
}
div#tituloResultados {
    padding: 16px;
}

.cartaResultados {
    margin-bottom: 32px;
}
    .botonInterno {
    display: flex;
    justify-content: center;
    padding-top: 18px;
}
.resultadosBoton {
    background-color: #ccdae0;
    height: auto;
    justify-items: center;
    padding-bottom: 16px;
}
.resultadosTitulo {
    background-color: #2c4143;
    height: 100%;
    display: flex;
    padding: 32px;
    flex-wrap: wrap;
    padding-left: 16px !important;
}
 .resultadosTitulo .img-fluid {
    max-width: 100%;
    height: inherit;
    margin-bottom: 16px;
}
.col-lg-10{
        padding-left: 0px;
}
.table td, .table th {
    padding: 0rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
div#consultaResultados, #tituloResultados {
    border: #D9D8CD 1px solid;
    padding: 0px;
}
.descargaProyectos .textDescarga {
    padding-bottom: 18px;
}
.descargaProyectos {
    margin-left: 0px;
    align-items: flex-end;
}
.topic {
    font-weight: 700;
    margin-left: 1rem;
}
.card-body {
    padding: 1rem 1rem;
}
}
/*Fin responsive Mobile*/