body{
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    padding-top: 110px;
}
.h1, h1 {
    font-size: 2rem;
}

.menuhome li{ margin: 0 3px;}
.menuhome li:last-child{ margin-right: 0;}
a{color: #555;}
a:hover{color: #2fafa2;}

.fondo-header{
    height: 150px;
}
.fondo-header .title-header.dos_lineas {
    padding: 15px 0;
    max-width: 500px;
    line-height: 60px;
}
.fondo-header.opticas{
    background: url(/public/fondo/img/headers/optica.png) no-repeat right;
}
.fondo-header.haber_fondo{
    background: url(/public/fondo/img/headers/atm.png) no-repeat right;
}
.fondo-header.odontologia{
    background: url(/public/fondo/img/headers/odontologia.png) no-repeat right;
}
.fondo-header.institucional{
    background: url(/public/fondo/img/headers/institucional.png) no-repeat right;
}
.fondo-header.proyectoshead{
    background: url(/public/fondo/img/headers/proyectos_banner.png) no-repeat right;
}
.fondo-header.farmacias{
    background: url(/public/fondo/img/headers/farmacias.png) no-repeat right;
}

.fondo-header.tramitehead{
    background: url(/public/fondo/img/headers/proyectos.png) no-repeat right;
}

.fondo-header.contactohead{
    background: url(/public/fondo/img/headers/datos_contacto.png) no-repeat right;
}

.fondo-header.clinicahead{
    background: url(/public/fondo/img/headers/clinica.png) no-repeat right;
}

.fondo-header.hotelhead{
    background: url(/public/fondo/img/headers/hotel.png) no-repeat right;
}

.fondo-header.sepelios{
    background: url(/public/fondo/img/headers/sepelio.png) no-repeat right;
}


.title-header {
    font-family: 'Tilt Warp', cursive;
    font-size: 3.5em;
    color: #30AEA2;
    padding: 32px 0;
    position: relative;
    text-align: left;
    left: 70px;
}
.notaBomba{border: 1px solid #EEEEEE;}
.notaSimple .card-title{ color: #2FAFA2}
.textosobrefoto{
    position: absolute;
    top: 50px;
    left: 50px;
    width: 550px;
    background: rgba(245, 241, 241, 0.26);
    padding: 20px;
}
.textosobrefoto h2{
    color: #FFFFFF;
    font-weight: 600;
    font-size: 2.0em;
    text-transform: uppercase;
    font-family: 'Tilt Warp', cursive;
}
.textosobrefoto.fondoclaro{background: #F5F1F142}
.textosobrefoto.fondoclaro h2{color: #000000; background: #F5F1F142}

hr.hrhome{  margin: 20px -15px 20px -15px;}

.menuhome .nav-link{
    color:#464342!important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8em;
}
.menuhome .nav-link:hover{
    color:#060E9F!important;
    font-weight: 700;
    text-transform: uppercase;
}
.menuhome .nav-link.active ,.menuhome .nav-link.seleccionado{
    color: #009BDE!important;
    font-weight: 700;
}

@media only screen and (max-width: 600px) {
    .fondo-header {
        background-position: right !important;
    }
    .textosobrefoto {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        background: #eeeeee;
        padding: 20px 40px;
    }
    .textosobrefoto h2{
        color: #30aea2;
        font-weight: 600;
        font-size: 1em;
    }
    .title-header {
        font-size: 1.5em;
        left: 0;
        padding-left: 10px !important;
        line-height: 40px !important;
        color: #FFF !important;
        padding-top: 50px;
    }
    .fondo-header .title-header.dos_lineas{
        padding-top: 35px;
    }
    h1, h2{
        font-size: 1.5em!important;
    }
    .pt-4{
        padding: 0!important;
    }
    .pb-4 {
        padding-bottom: 1rem!important;
    }
    .pt-5{
        padding-top: 0rem!important;
    }
    .pb-5 {
        padding-bottom: 1rem!important;
    }
    .pt-mobile{
        padding-top: 0.5em;
        margin: 0;
    }
    .pb-mobile{
        padding-bottom: 0.5em;
    }
    .pdb-0-mobile{
        padding-bottom: 0!important;
    }
    .row-padding-box {
        padding: 1em 0em 0em 0em!important;
    }
    .margin-menu {
        margin-top: 113px!important;
    }
  }
.icon-box{
    text-align: center;
    height: 200px;
}

.margin-menu{
    margin-top: 130px;
}
.nopadding{
    padding: 0;
}
.navbar-collapse {
    text-align: center
}
.preg:hover{
    text-decoration: none!important;
}
.preg:focus{
    text-decoration: none!important;
}
.preg-2{
    display: flex;
}
.fixed{
    position: fixed;
    width: 100%;
    background: #ffffff;
    z-index: 16;
    top: 0;
}
.background-octo{
    background-size: cover;
    background-position-y:center;

}
.background-edificios{
    background-size: cover;
    background-position-y:center;

}
.navbar-light .navbar-toggler {
    border: none;
}
.card-title-big {
    font-size: 2em;
}
.nota-text-big {
    font-size: 1.2em;
}
.align-left {
    text-align: left!important;
}
.align-justify {
    text-align: justify!important;
}
.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;/*space-between;*/
}
.section-margin{
    margin: 5rem 0 5rem 0;
}
.section-padding{
    padding: 1rem 0px 3rem 0px;
}
.section-padding-footer{
    padding: 2rem 0 2rem 0;
}
.form-control{
    height: auto;
}
.topbar-content{
    justify-content: flex-end;
    width: 100%;
    display: flex;
}
.nota-img img {
    max-width: 100%;
}

.grey-bg {
    background: #fafafa;
    padding: 20px 60px!important;
    margin: 0!important;
}
.card-volanta {
    font-size: 0.8em;
    text-align: center;
}
.nota-text {
    font-size: 0.8em;
}
.right-border {
    border-right: 1px solid #454545!important;
    border-radius: 0;
}
.topbar-text{
    margin-bottom: 0;
    padding-right: 10px;
    display: flex;
    align-items: center;
    color:#464342!important;
    font-weight: 700;
}
.tb-button{
    margin: 5px;
}

.card.nota {
    border: 0;
}   


.display-flex { 
    display: flex; 
    flex-direction: column;
}


.card-title { 
    color: black;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: inline-block;
}

#navbarContent{
    justify-content: space-between;
}
.button-celeste{
    border: 1px solid #009BDE;
    border-radius: 2px;
    color: #009BDE;
    font-size: 1.2em;
    font-weight: 700;
    padding: 5px 30px 5px 30px;
}
.button-celeste:hover{
    border: 1px solid #009BDE;
    color:  #ffffff;
    background-color: #009BDE;
}
#navbarSupportedContent.show{
    overflow-y: auto;
    height: calc(100vh - 80px);
}
#navbarSupportedContent .button-blue{
    font-size: 0.7em!important;
	margin-right:20px;
	border: 1px solid #009BDE;
    border-radius: 2px;
    background-color: #009BDE;
    color: #ffffff;
}

.button-blue{
    border: 1px solid #060E9F;
    border-radius: 2px;
    color:  #060E9F;
    font-weight: 700;
}
.button-blue:hover{
    border: 1px solid #060E9F;
    color:  #ffffff;
    background-color: #060E9F;
}
.button-blue-dark{
    border: 1px solid #060E9F;
    border-radius: 2px;
    color:  #ffffff;
    font-weight: 700;
    background-color: #060E9F;
    padding: 5px 15px 5px 15px;
}
.button-blue-dark:hover{
    border: 1px solid #060E9F;
    color:  #060E9F;
    background-color: #fff;
}
.button-lightblue{
    border: 1px solid #009BDE;
    border-radius: 2px;
    color:  #ffffff;
    font-weight: 700;
    background-color: #009BDE;
    padding: 5px 15px 5px 15px;
}
.button-lightblue:hover{
    border: 1px solid #009BDE;
    color:  #009BDE;
    background-color: #fff;
}
.topbar{
    padding-bottom: 0;
    width: 100%;
}
.navbar2{
    padding-top: 0;
    width: 100%;
}

.link-logo{
    width: 30%;
}
.logo{
    background-image: url(../img/logo.jpg);
    background-repeat: no-repeat;
    height: 65px;
    vertical-align: baseline;
    width: 250px;

}

/*home*/

.middle-center{
    height: auto;
    display: table;
}

.middle-center-child{
    display: table-cell!important;
    vertical-align: middle;
}
.container-jumbo{
    background-image: url(../img/jumbotron.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay{
    /*background-color: #060e9f47;*/
    position: absolute;
    width: 100%;
    height: 70vh;
}
.banner-overlay{
    position: relative;
}
.subtitle{
    width: 85%;
}
.subtitle p {
    font-size: 1.5rem;
    width: 100%!important;
    word-break: break-word;
    color: #fff;
    white-space: break-spaces;
}
.subtitle p span {
    text-decoration: none!important;
    width: 100%!important;
    word-break: break-word;
    color: #fff;
    white-space: break-spaces;
}
.title{
    font-size: 2.5rem;
    width: 80%;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 5px 9px black;
    font-weight: bolder;
}
.jumbotron{
    height: 70vh;
    position: relative;
    top: 0;
    background-color: transparent!important;
}
.img-fluid {
    max-width: 100%;
/*    height: 70vh;*/
    object-fit: cover;
    object-position: center;
}
.img-simple{
    max-width: 100%;
    object-fit: cover;
    object-position: top;
    height: 650px;
}
.jumbotron-content {
    position: absolute;
    bottom: 10%;
}
.text-center{
    text-align: center;
}
.title-text{
    color: #000000;
    font-weight: bold;
    font-size: 1.250em;
}
.parrafo-text{
    text-align: left;
    color: #000;
}
.img-center{
    text-align: center;
}
.large-button{
    border: 1px solid #060E9F;
    padding: 10px 60px 10px 60px;
    background-color: unset;
    color: #060E9F;
    border-radius: 0;
    font-weight: bold;
    font-size: 1.5em;
}
.large-button:hover{
    background-color: #060E9F;
    color: #fff;
}
.video{
    height: 66%;
    width: auto;
    object-fit: cover;
}
.circle-img{
    border-radius: 100%;
    object-fit: cover;
    object-position: 80% 50%;
}

.link-whatsapp{
    text-align: center;
    display: block;
    color: #30bf39;
    font-size: 0.6em;
    font-weight: bold;
}
.link-whatsapp:hover{
    color: #238b2a;
}
.title-2em{
    font-weight: bold;
    font-size: 1.5em;
}
.parrafo-2em{
    color: #060E9F;
    font-size: 1.5em;
}
.title-large{
    color:  #060E9F;
    font-weight: bold; 
    font-size: 2em;
}
.border-right{
    border-right: 1px solid #c1c1c1;
}
.vertical-align{
    display: flex;
    align-items: center;
}
.center{
    text-align: center;
    height: 25vh;
}
.testimonio{
    font-weight: bold;
    color: #000;
    font-size: 1em;
}
.testimonio-texto{
    font-weight: 300;
    color: #555;
    line-height: 1.5;
}
.texto-nota{
    font-size: 1.2em;
    margin: 0;
}
.size-1-2em{
    font-size: 1.2em;
}
.icons-px{
    height: 100px;
    /*width: 100px;*/
    object-fit: cover;
	margin:10px 0px;
}
/*MEDIA QUERY HOME*/
@media only screen and (max-width: 600px) {
    table {
        width: 100%!important;
    }
    .w-90{
        width: 100%!important;
    }
    .nombre{
        margin: 15px 0px 0px 0px;
        font-size: 1.2em;
        text-align: center;
    }
    .preg-align{
        text-align: center!important;
    }
    .preg-2{
        display: block;
    }
    .height-video{
        height: 300px!important;
    }
    .title {
        width: 100%;
        margin: 0;
    }
    .banner-overlay {
        position: relative;
        top: 0;
        height: 50vh;
        object-fit: cover;
    }
    .overlay {
        height: 50vh;
    }
    .subtitle{
        width: 100%;
    }
    .subtitle p {
        font-size: 1.1rem;
        width: 100%;
        margin: 0;
    }
    .video {
        height: 200px;
        width: 100%;
        object-fit: contain;
    }
    .large-button {
        padding: 10px 20px 10px 20px;
        font-size: 1em;
    }
    .testimonio {
        text-align: center;
        font-size: 1em;
        text-align: center!important;
        margin-top: 10px;
    }
    .testimonio-texto {
        font-weight: unset;
        line-height: normal;
        font-size: 1em;
    }
    .circle-center-mobile{
        display: flex;
        justify-content: center;
    }
    .circle-img {
        height: 200px;
    }
    .middle-center-child{
        text-align: center!important;
        display: table-footer-group!important;
        height: 200px;
        margin-bottom: 1em;
    }
    .middle-center{
        height: 200px;
    }
    .padding-only-mobile{
        padding: 1em 0 1em 0px!important;
    }
    .section-padding {
        padding: 2rem 15px 2rem 15px;
    }

    .parrafo-2em {
        font-size: 1.2em;
        text-align: center;
        width: 100%!important;
    }
    .title-2em{
        text-align: center;
    }
    .whatsapp-icon {
        margin-bottom: 10px;
    }
    .border-right {
        border-right: none!important;
        border-bottom: 1px solid #c1c1c1;
    }
    .border-bottom-mobile {
        border-bottom: 1px solid #c1c1c1;
        text-align: center;
    }
    .send-button {
        padding: 10px 50px 10px 50px!important;
        font-size: 1em!important;
    }
    .container-middle {
        display: block!important;
    }    
    .copyright-text {
        margin-bottom: 15px;
        font-size: 0.7em;
        text-align: center;
    }
    .icons-footer {
        display: flex;
        justify-content: center!important;
    }
    .center-middle {
        font-size: 0.6em;
    }
    .info {
        font-size: 1em!important;
    }
    .text-mobile{
        width: 100%!important;
        font-size: 1em!important;
        margin: 0;
        line-height: normal;
    }
    .title-mobile{
        text-align: left;
        margin: 0;
    }
    .size-2em {
        font-size: 1em!important;
    }
    .size-3em {
        font-size: 1em!important;
    }
    .middle-mobile{
        display: flex;
        justify-content: center;
        padding-bottom: 1em;
    }
    .copyright-text{
        padding-bottom: 1em;
    }
    .logo-footer {
        width: 50%;
    }
    .link-whatsapp {
        font-size: 1em;
        padding-bottom: 1em;
    }
    .jumbotron {
        height: 50vh;
        display: flex;
        align-items: center;
    }
    .jumbotron-content {
        position: relative;
        bottom: unset;
        left: unset;
    }
    .topbar-text{
        font-size: 0.8em;
    }
    .button-blue-dark {
        font-size: 0.5em;
    }
    .button-lightblue{
        font-size: 0.5em;
    }
    .logo{
        width: 100%;
    }
    .link-logo {
        width: 75%;
    }
    .navbar{
        padding-bottom: 0;
    }
    .testimonio-texto{
        width: 100%!important;
    }
    .container-circle{
        justify-content: center!important;
    }
    .white-shadow {
        font-size: 1.5rem!important;
    }
    
}  
/* DOS */
.box-height{
    height: 20em;
}
.box-padding{
    padding: 2em;
}
.container-circle{
    display: flex;
    justify-content: flex-end;
}
.container-circle-center{
    display: flex;
    justify-content: center;
}
.text-right{
    text-align: end;
}
.subtitle-size-2{
    font-size: 1.8em;
    line-height: 1.6;
    width: 85%;
}
.subtitle-size-2 ul li{
    color: #009BDE;
}
.subtitle-size-2 ul {
    display: grid;
    align-items: center;
    justify-content: center;
}
.list-font{
    font-size: 1.8em;
}
.h-30{
    height: 30%!important;
}
.w-35{
    width: 35%;
    height: 135px;
}
.img-txt-center{
    max-width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.white-shadow p span{
    text-decoration: none!important;
}
.absolute-text{
    position: absolute;
    left: 0;
}
.white-shadow{
    font-size: 3rem;
    width: 67%;
    color: #fff;
    text-shadow: 3px 5px 9px black;
}
.container-img-center{
    display: flex;
    justify-content: center;
}
.amazon{
    height: 15em;
    object-fit: contain;
    object-position: center;
}
.experiencia{
    height: 37em;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.amigable{
    height: 33em;
    width: 100%;
    object-fit: cover;
    object-position: center;  
}
.height-25{
    height:25vh;
}
.texto-nota img {
    max-width: 100%;
    height: auto;
}
.white-bg {
    background: white;
}
.soporte-img{
    height: 25vh;
    object-position: 50% 15%;
    width: 100%;
    object-fit: cover;
}
.mul-img-simple{
    object-fit: cover;
    width: 100%;
}
.nombre{
    margin: 15px 0px 0px 0px;
    font-size: 1.2em;
    text-align: center;
}
.size-1em{
    font-size: 1em;
}
.cargo{
    text-align: center;
}
.end{
    display: flex;
    justify-content: flex-end;
}
.just-center{
    display: flex;
    justify-content: center;
}
.start{
    display: flex;
    justify-content: flex-start;
}
.overlay-edificios{
    background-image: url(../img/overlay-celeste.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position-y: center;
}
.background-overlay{
    background-color: #009bde61;
}
.edificios{
    background-image: url(../img/edificios.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y:center;
}
.edificios-height{
    height: 500px;
}
.text-middle{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.relacionadas { 
    padding: 80px 0 ;
 }

 .side-banner img {
    width: 100%;
    max-width: 400px;
 }

 footer{background: #2FAFA2;}
footer .parrafo{
    font-size: 1.5em;
}

@media only screen and (max-width: 600px) {

    .nomargin-mobile {
       margin-left: 0!important;
       margin-right: 0!important;
    }

    .mul-img-simple{
        object-fit: contain;
        width: 100%;
        height: 200px;
    }
    .titulo-nota { font-size: 1.3em!important;  }
    .title-mobile.volanta {}
    .text-center-mobile{
        text-align: center!important;
    }
    .text-center-mobile ul{
        text-align: left!important;
    }
    .w-35 {
        width: 50%!important;
        height: 9em;
    }
    .parrafo{
        margin: 0;
        font-size: 20px!important;
    }
    .margin-bottom-0{
        margin-bottom: 0;
    }
    .experiencia {
        height: 10em;
    }
    .parrafo{
        text-align:center;
    }
    .end {
        justify-content: center;
    }
    .start {
        justify-content: center;
    }
    .amigable {
        height: 10em;
    }
    .amazon {
        height: 10em;
    }
    .seguridad {
        height: 5em!important;
        width: 50%!important;
    }
    .overlay-edificios {
        background-size: cover!important;
    }
    .subtitle-size-2{
        width: 100%!important;
        font-size: 1em!important;
        line-height: normal!important;
        text-align: center;
    }

    .list-font{
        font-size: 1em!important;
    }
    .button-celeste {
        font-size: 1em;
        padding: 5px 10px 5px 10px;
    }
    .expensas{
        height: 50px!important;
    }
    .sueldos{
        height: 50px!important;
    }
    .reportes{
        height: 50px!important;
    }
    .impresiones{
        height: 50px!important;
    }
    .propietarios{
        height: 50px!important;
    }
    .padding-box-mobile{
        padding: 1em!important;
    }
    .title-boxes-mobile{
        font-size: 1em;
        line-height: normal;
        margin-bottom: 25px!important;
    }
    .box-padding {
        padding: 1em;
    }
    .text-boxes-mobile{
        font-size: 0.8em;
        line-height: normal;
        margin: 0!important;
        height: auto;
    }
    .mb-4 {
        margin-bottom: 24px;
    }
    .text-left{
        text-align: start!important;
    }
}

/*TRES */
.container-tres{
    background-image: url(../img/timbre.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
.jumbotron-tres {
    height: 100vh;
    position: relative;
}
.jumbotron-content-tres {
    position: absolute;
    bottom: 15%;
    left: 0;
}
.background-1 {
    background-color: #f5f5f5;
}
.background-2 {
    background-color: #fcfcfc;
} 

.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: center;
}

.acc:nth-child(2n+1){
    background-color: #fcfcfc;
}

.acc:nth-child(2n){
    background-color: #f5f5f5;
}

.accordion{
    width: 45%!important;
    margin: auto;
}
.flex-text{
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: start;
}
.t-acc{
    width: 100%;
}

.accordion-button {
    padding: 1em;
    display: grid;
    border: none;
    line-height: 3;
    text-align: center;
    position: relative;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    color: #212529;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button:hover{
    text-decoration: none;
}
.accordion-button:focus{
    text-decoration: none;
}
.card-header {
    border-bottom: none;
}
.accordion-button:after {
    transform: rotate(0deg);
    transition: 0.5s;
    content: "";
    background-position-x: center;
    flex-shrink: 0;
    width: 100%;
    height: 1.25rem;
    margin-left: auto;
    background-image: url(../icons/arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
}
.active::after{
    transform: rotate(180deg);
    transition: 0.5s;
    content: "";
    background-position-x: center;
    flex-shrink: 0;
    width: 100%;
    height: 1.25rem;
    margin-left: auto;
    background-image: url(../icons/arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
}

.accordion-button:not(.collapsed){
    color: #1f9bdf;
}
.background-1{
    background-color: #f5f5f5;
}
.background-2{
    background-color: #fcfcfc;
}
.reclamos{
    width: 100%;
    height: auto;
    padding: 2em;
}
.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow:none;
}
.links-preguntas{
    list-style: none;
    text-align: start;
}
.links-preguntas li{
    padding-bottom: 1em;
}
.links-preguntas li a{
    text-decoration: none;
}
.accordion-collapse {
    border: none;
}
.inline{
    display: inline-flex;
}
.mb-24px{
    font-weight: bold;
}
@media only screen and (max-width: 600px) {
    .accordion{
        width: 100%!important;
    }
    .jumbotron-tres {
        height: 60vh;
        display: flex;
        align-items: center;
    }
    .jumbotron-content-tres {
        position: relative;
        bottom: unset;
        left: unset;
    }
    .accordion-item:first-of-type .accordion-button{
        padding: 1em;
    }
    .accordion-button{
        padding: 1em!important;
        line-height: 2!important;
    }
    .links-preguntas {
        padding: 0;
        text-align: center;
        font-size: 0.8em;
    }
    .inline{
        display: block;
    }
    .reclamos{
        padding: 0;
        margin-top: 24px;
    }
    .accordion-body {
        padding: 1rem;
    }
    .mb-24px{
        margin-bottom: 24px;
        font-weight: bold;
    }
    .size-1-2em {
        font-size: 1em;
    }
    .background-octo {
        background-size: contain;
    }

}
/* CUATRO */
.circle-middle{
    height: 15em;
}

.infinito{
    width: 50%;
    text-align: center;
}
.container-cuatro{
    background-image: url(../img/chico.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
.acordion-flex{
    display: flex;
    justify-content: center;
}

.container-icon-flex{
    height: 10em;
    display: flex;
    align-items: center;
}
.accordion-button-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button-icon{
    display: grid;
    border: none;
    line-height: 1;
}
.small-black{
    color: #000;
    font-weight: bold;
    font-size: 1em;
}
.container-gato{
    background-image: url(../img/gato.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
.align-center{
    width: 70%;
    text-align: center;
}
.container-icon{
    display: flex;
    justify-content: center;
}
@media only screen and (max-width: 600px) {
    .small-black{
        line-height: normal;
        padding-bottom: 1em;
    }
    .circle-middle{
        height: unset;
    }
    .d-block-mobile{
        display: block!important;
    }
    .container-icon-acordeon{
        height: 5em!important;
        display: flex;
        align-items: center;
    }
    .notificacion, .pagos, .mensajes, .amenities{
        margin: 0!important;
        height: 60px!important;
    }
    .size-3em {
        font-size: 1.2em!important;
    }
}
/*CINCO*/
.noticias-container {
    margin-top: 40px;
}
.titulo-nota {
    /*max-width: 500px;*/
    line-height: 1.5em;
}
.img-col-6{
    width:100%;
    height:auto;
}
.volanta {
    margin-bottom: 5px;
}

.box-notas{
    padding: 2em 4em 2em 4em;
    height: 30em;
}
.tiny-title{
    text-align: center;
    font-size: 0.9em;
}
.note-title{
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
    padding-bottom: 25px;
}
.note-content{
    font-size: 0.9em;
    font-weight: 100;
    line-height: 1.8;
    color: #575757;
}
.note-img{
    width: 100%;
}
.text-red{
    color:red;
}
.box-3col{
    padding: 0.5em 1.5em 0.5em 1.5em;
    height: 27em;
}
.border-right-box{
    border-right: 1px solid #b5b5b5;
}
.row-padding-box{
    padding: 2.5em 0 2.5em 0em;
}

.border-bottom-box{
    padding: 2.5em 0 2.5em 0em;
    border-bottom: 1px solid #b5b5b5;
}
@media only screen and (max-width: 600px) {
    .img-txt-center{
        height: 300px;
    }
    .edificios-height{
        height: 300px;
    }
    .white-shadow p{
        margin: 0;
    }
    .img-simple{
        height: 300px;
    }
    .box-notas {
        padding: 1em;
        height: 25em;
        display: flex;
        margin-bottom: 12px;
        align-items: center;
    }
    .border-right-box {
        border-right: none;
    }
    .border-bottom-box {
        padding: 0em;
        border-bottom: none;
    }
    .box-3col {
        padding: 2em 1em 0em 1em!important;
        height: unset;
    }
    .padding-top-0{
        padding-top: 0!important;
    }
    .note-content{
        line-height: normal;
    }
    .note-img {
        margin-top: 1em;
    }
}

/*SEIS*/
.w-80-img{
    width: 80%;
    height: auto;
}
.pb-1em{
    padding-bottom: 1em;
}
.pt-1em{
    padding-top: 1em;
}
.banner-right{
    width: 100%;
    margin-bottom: 5em;
}

.bannerHome{height:450px; overflow:hidden; width:100%}

.dropdown-menu-nav{position: relative;}
.dropdown-menu-nav:hover ul{     display: block;
    background: #FFF;
    border: none;
    margin: 0;
    padding-left: 10px;
}
.header-site{ width: 100%; height: 150px;}

.form-contacto-home{margin-bottom: 40px;}
.form-contacto-home h3{ font-weight: 500; color: #555; font-size: 1.250em; margin-bottom: 10px;}
.form-contacto-home i{ color: #30aea2}
.form-contacto-home a{ color: #555}
.form-contacto-home .direccion{margin-top: 10px;}

ul.links-institucionales, ul.links-normales {
    list-style-type: none;
}
ul.links-institucionales li, ul.links-normales li{
    margin-bottom: 10px;
}

ul.links-institucionales li::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #7bc2ff;
    left: 10px;
    position: absolute;
}
ul.links-institucionales .txt-mail a{
    font-weight: 500;
    color: #7bc2ff;
}

.tabla-cobros{}
.tabla-cobros .title-cobros{ background: #6dc0ae; padding: 5px; text-align: center; color: #FFF; font-weight: 500; margin-bottom: 5px;}
.tabla-cobros table{ width: 100%; color: #555;}
.tabla-cobros td{ text-align: center; border: 1px solid #CCCCCC;}
.tabla-cobros th{ text-align: center; border: 1px solid #CCCCCC;}
.tabla-cobros table th, .tabla-cobros table .fondo-th{ padding: 5px; background: #7cc0fd; color: #FFF; text-align: center; font-weight: 500;}

.box-azul{ background:#7CC0FD; color: #FFF; padding: 20px;}
.box-azul h3{ color: #FFF; font-size: 1.00em; padding: 10px 0;}
.box-azul .lst{padding: 0 20px;
    position: relative;}
.box-azul ul {
    list-style-type: none;
    padding: 0 0 0 15px;
}
.box-azul ul li{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #FFF;
}
.box-azul ul li:last-child{
    border-bottom: none;
    margin-bottom: 0; padding-bottom: 0;
}
.box-azul ul li::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #e0e0e2;
    left: 10px;
    position: absolute;
}

.lst_tramites{}
.lst_tramites h3{ font-size: 1.5em; margin-bottom: 20px; margin-top: 20px;}
.lst_tramites ul li { margin-bottom: 10px; width: 49%; display: inline-block; vertical-align: top;}
.lst_tramites ul li i{ color: #2fafa2;}
.lst_tramites ul li a{  text-transform: uppercase; font-size: 1.183em;}

.lst_formularios{}
.lst_formularios h3{ font-size: 1.5em;}
.lst_formularios ul{margin: 0;}
.lst_formularios ul li { margin-bottom: 10px; display: inline-block; padding: 10px 10px 10px 40px; border: 1px solid #b3b2b2}
.lst_formularios ul li span{ background: #ff2b37; display: inline-block; margin-right: 5px; height: 30px; width: 30px; padding: 7px; border-radius: 15px; }
.lst_formularios ul li i{ color: #FFF;}
.lst_formularios ul li a{  text-transform: uppercase; font-size: 1.0em;}
.lst_formularios ul li .fa-li{ position: absolute; left: 3px;top: 15px;}

.sindatos { margin: 150px  0; font-weight: bold; text-align: center; font-size: 2em }
.background-verde{background-color:#6cc1ae}
.links-accesos-rapidos{ margin: 0 0 0 0;}
.links-accesos-rapidos li{vertical-align: top; display: inline-grid; width: 24%; list-style-type: none; margin-bottom: 40px;}
.links-accesos-rapidos li a{margin-left: 47px; font-weight: 500; text-transform: uppercase; font-size: 0.9em; vertical-align: middle; height: 50px; display: grid}
.links-accesos-rapidos li span{ width: 50px; padding: 10px 0; text-align: center; position: absolute; background: red;}
.links-accesos-rapidos li span i{font-size: 30px;text-align: center;vertical-align: middle;color: #FFF;}
.links-accesos-rapidos li .txtinfo{ color:#555; text-align: left; display: block; margin-top: 15px; font-size: 0.83em;}
.links-accesos-rapidos li.verde span{ background:#2FAFA2 }
.links-accesos-rapidos li.azul span{ background:#54BDEC }

@media only screen and (max-width: 600px) {
    body{font-size: 1em;}
    .menuhome{font-size: 1.183em;}
    .menuhome li{text-align: left; border-bottom: 1px solid #CCC}
    .menuhome li:last-child{text-align: left; border-bottom: none;}
    .menuhome li li{ padding-left: 20px;}
    .lst_formularios ul li .fa-li{ position: absolute; left: 3px;top: 5px;}
    ul.links-institucionales, ul.links-normales  {
        padding-left: 20px;
    }
    ul.links-institucionales .txt-mail a{font-size:0.83em;}

    .links-accesos-rapidos li .txtinfo{font-size: 1em}
    .form-contacto-home .emails a{ font-size: 1em;}
    .right-border {
        border-bottom: 1px solid #454545!important;
        border-right: 0!important;
        border-radius: 0;
    }
    .nota-text-big { font-size: 1em; }
    .card.nota {
        margin: 0!important;
    }
    .card-title-big { line-height: 1em; margin-bottom: 15px!important;    display: inline-block;     text-align: left!important;}
    .row .col-md-4.col-xs-12:first-child .card.nota {
        padding-top: 0!important;
    }
    .row .col-md-4.col-xs-12:last-child .card.nota {
        padding-bottom: 0!important;
    }
    .background-grey.section-padding { padding:15px 0!important; }
    .img-nota-mobile{
        width: 100%;
    }
    .w-100-mobile{
        width: 100%!important;
    }
    .pb-2em-mobile {
        padding-bottom: 2em!important;
    }
    .pt-1em-mobile{
        padding-top: 1em!important;
    }
    .line-normal{
        line-height: normal;
    }
    .pb-1em-mobile {
        padding-bottom: 1em;
    }
    .pt-1em{
        padding: 0!important;
    }
    .banner-right {
        margin-bottom: 0em;
    }
    .margin-mobile{
        margin-bottom: 2em;
        margin-top: 2em;
    }
    .links-accesos-rapidos{
        padding: 0;
    }
    .links-accesos-rapidos li {
        display: block;
        margin-bottom: 20px;
        width: 100%;
        border-bottom: 1px solid #CCC;
        padding-bottom: 20px;
    }
    .links-accesos-rapidos li:last-child {
        border-bottom: none;
    }
    .lst_tramites ul li {
        margin-bottom: 15px;
        width: 100%;
        display: block;
    }
    .lst_formularios ul li {
        margin-bottom: 0;
        width: 100%;
        display: block;
    }
    .bannerHome{height: 250px;}
    .dropdown-menu-nav{position: relative;}
    .dropdown-menu-nav ul{ display: block;
        text-align: center;
        border: none;
        margin: 0 3px;
    }
    .dropdown-menu-nav:hover ul{
        padding-left: 0;
        margin: 0 3px;
    }

}
/*FOOTER*/
.title-bold{
    font-weight: bold;
    font-size: 2em;
}
.parrafo{
    color: #717171;
}
.parrafo p{
    color: #717171;
    font-size: 1em;
} 
.strong-blue p strong{
    color: #060E9F;
}

.w-90{
    width: 90%;
}

.container-info{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35%;
}
.info{
    display: flex;
    justify-content: center;
    font-size: 1.5em;
    text-align: center;
}
.flex-center{
    display: flex;
    justify-content: center;
}
.height{
    height: 10%;
}
.bold-black{
    font-weight: bold;
}
.size-2em{
    font-size: 1.8em;
}

.celeste{
    font-weight: bold;
    color: #009BDE;
    margin-bottom: 5px;
}
.verde{color: #30aea2;}

.size-3em{
    font-size: 3em;
}
.gris{
    font-weight: bold;
    color: #717171;
}
.number{
    font-size: 1.5em;
}
.background-grey{
    background-color:#f7f7f7;
}
+.form-footer{
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 0;
    font-weight: lighter;
    color: #929292;
}
.send-button{
    border-radius: 0;
    background-color: #009BDE;
    border: none;
    padding: 10px 80px 10px 80px;
    text-transform: uppercase;
    font-size: 1.2em;
}
.center-middle{
    margin: 0;
}
.background-grey2{
  background-color: #d9d9d9;
}
.logo-footer{
    background-image: url(../img/logo-black.svg);
    background-repeat: no-repeat;
    height: 60px;
    vertical-align: baseline;
}
.link-footer{
    width: 100%;
    height: fit-content;
}
.icons-footer{
    display: flex;
    justify-content: flex-end;
    height: 100%;
}
.icon{
    width: 80px;
    height: 55px;
}
.container-icons{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15%;
}
.footer{
    display: flex;
    justify-content: flex-start;
    height: 100%;
}
.container-middle{
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright-text{
    width: 100%;
    height: fit-content;
    margin: 0;
    color: #ffffff;
}
/* ICONS */
.facebook-icon{
    background-image: url(../icons/facebook.svg);
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: middle;
    width: 30px;
}
.youtube-icon{
    background-image: url(../icons/youtube.svg);
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: middle;
    width: 30px;
}
.instagram-icon{
    background-image: url(../icons/instagram.svg);
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: middle;
    width: 30px;
}
.linkedin-icon{
    background-image: url(../icons/linkedin.svg);
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: middle;
    width: 30px;
}
.whatsapp-icon{
    height: 50px;
}
.expensas{
    background-image: url(../icons/expensas.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.sueldos{
    background-image: url(../icons/sueldos.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.reportes{
    background-image: url(../icons/reportes.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.impresiones{
    background-image: url(../icons/impresora.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.propietarios{
    background-image: url(../icons/propietarios.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.seguridad{
    background-image: url(../icons/seguridad.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 9em;
    vertical-align: middle;
    background-position: right;
    width: 100%;
    margin-bottom: 25px;
}
.espiritu-innovador{
    background-image: url(../icons/idea.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.usuario{
    background-image: url(../icons/iniciar-sesion.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.objetivo{
    background-image: url(../icons/flujo-de-trabajo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.beneficio{
    background-image: url(../icons/objetivo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.informacion{
    background-image: url(../icons/computacion-en-la-nube.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.actualizacion{
    background-image: url(../icons/mantenimiento.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.soporte{
    background-image: url(../icons/ayuda.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.multiusuario{
    background-image: url(../icons/monitor.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.dispositivo{
    background-image: url(../icons/dispositivo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.cheque{
    background-image: url(../icons/cheque.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.notificacion{
    background-image: url(../icons/alarma.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.pagos{
    background-image: url(../icons/smartphone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.mensajes{
    background-image: url(../icons/mensaje.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.amenities{
    background-image: url(../icons/amenities.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.infinito{
    background-image: url(../icons/infinito.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}

.cash-info{
    background-image: url(../icons/info.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.comunicacion{
    background-image: url(../icons/comentario.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}
.tiempo{
    background-image: url(../icons/tiempo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    vertical-align: middle;
    background-position: center;
    width: 100%;
    margin-bottom: 25px;
}


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
#form_contacto .form-group {
    margin-bottom: 0.5rem;
}





.rechazocobro h3{ font-size: 1.250em; color: #ea6a81; position: relative; padding-left: 50px;}
.rechazocobro h3::before {
    content: "\f057";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #ea6a81;
    left: 10px;
    position: absolute;
}
.restablecer h3{ font-size: 1.250em; color: #ea6a81; position: relative; padding-left: 50px;}
.restablecer h3::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #ea6a81;
    left: 10px;
    position: absolute;
}


.preguntas-frecuentes { list-style-type: none;}
.preguntas-frecuentes  li{margin-bottom: 30px; position: relative}
.preguntas-frecuentes  li span{
    position: absolute;
    left: -30px;
    background: #6cc1ae;
    border-radius: 11px;
    width: 20px;
    text-align: center;
    font-size: 12px;
    height: 20px;
    padding: 1px;
    top: 0px;
    color: #FFF;
    font-weight: 500;}

.box-link{ padding:20px; padding-left: 60px; color: #FFF; font-weight: 500; font-size: 1em; position: relative;}
.box-link a{ color: #555555;}
.box-link span.icono{
    position: absolute;
    left: 5px;
    font-size: 70px;
    color: #FFF;
    top: 50px;
}
.top_lin span.icono{ top: 35px}
.box-large span.icono{ top: 65px;}
.fondoverde{ background: #6dc0ae}
.fondorojo{background: #eb6981}
.fondocel{background: #7cc0fd}
.fondonar{background: #e68405}


.box-gris{ background:#E0E0E0; color: #000000; font-weight: bold; padding: 20px; min-height: 255px}
.box-gris h3{ color: #D95369; font-size: 1.00em; font-weight: bold}
.box-gris .lst{padding: 0 10px;
    position: relative; text-align: justify}


.box-gris ul {
    list-style: none;
}


.box-gris ul li::before {
    content: '\2714\0020';

}

.texto-rosa{color: #D95369  }
.textoimportante{ color: #FFF;background: #7cc0fd; font-weight: 500;}
.tit-verde{color: #6dc0ae  }


.proyectos{
 padding: 60px 0px !important;
}
.proyectos h2{
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 25px;s
}
.proyectos h2 .titproyectos{
  margin-bottom: 25px;
}

.proyectos span{
     font-size: 1em;
 }

.tramites_lst{ margin-top: 50px}

.tramites_lst h3{ font-size: 1.2em; text-transform: uppercase }
.tramites_lst h4{ font-size: 1em; color: #49BBAE; font-weight: bold}


.textoCajaGris{ padding: 60px 0; margin-top: 30px}
.textoCajaGris .titulo{color: #FD5C78; font-weight: bold; text-transform: uppercase}

.caja-item{ text-align: center; padding: 15px 30px; background-color: #2FAEA1; color: #FFFFFF; width:10% }


.tab {
    overflow: hidden;
    margin-bottom: 25px;
    text-align: center;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    border: 1px solid #EEEEEE;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    text-align: center;
    color: #000000;
    font-weight: bold;

}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #5aa794;
    text-align: center;
    color: #FFFFFF;

}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #5aa794;
    color: #FFFFFF;

}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}

.formulario_contacto label{ font-weight: bold;}
.formulario_contacto .obligatorio { font-weight: bold; color: #2FAEA1}


.carousel-item {
    border: 1px solid #CCC;}
.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}
.carousel-indicators li{background-color: #000}

@media only screen and (max-width: 600px) {

    .carousel-indicators {
        bottom: -15px;
    }
}