.MovHide {
    display: unset;
}

body {
    background-color: #ffead5;
}

header {
    position: relative !important;
}

section {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 10px;
}

.iframeMap {
    width: 100%;
    margin-top: 30px;
    border: none;
}

#sec-portada {
    display: block;
}
#portada-silider {
    position: relative;
    width: 100%;
}

#portada-menu {
    position: relative;
    width: 100%;
    height: 180px;
    display: block;
}
.portada-menu-btn {
    height: 100%;
    width: 16.66%;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.portada-menu-btn a div {
    width: 100%;
    height: 100%;
}
#menu-btn-sanmarcos {
    background-color: #243c62;    
}
#menu-btn-purisima {
    background-color: #5ca08b;
}
#menu-btn-estacion {
    background-color: #ccb146;
}
#menu-btn-guadalupe {
    background-color: #a44d32;
}
#menu-btn-encino {
    background-color: #c33f46;
}
#menu-btn-salud {
    background-color: #db9600;
}

#menu-btn-sanmarcos:hover {
    background-color: #1e3252;
}
#menu-btn-purisima:hover {
    background-color: #4e8d7a;
}
#menu-btn-estacion:hover {
    background-color: #bca33e;
}
#menu-btn-guadalupe:hover {
    background-color: #8d4129;
}
#menu-btn-encino:hover {
    background-color: #962027;
}
#menu-btn-salud:hover {
    background-color: #b17a03;
}

#menu-btn-sanmarcos {
    background-image: url(../images/btn/San_Marcos.png);
}
#menu-btn-purisima {
    background-image: url(../images/btn/Purisima.png);
}
#menu-btn-encino {
    background-image: url(../images/btn/Encino.png);
}
#menu-btn-guadalupe {
    background-image: url(../images/btn/Guadalupe.png);
}
#menu-btn-estacion {
    background-image: url(../images/btn/Estacion.png);   
}
#menu-btn-salud {
    background-image: url(../images/btn/Salud.png);   
}

#cont-area {
    width: 100%;
    height: auto;
    background-image: url(../images/bg-sanmarcos.png);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.cont-area-sanmarcos {
    background-image: url(../images/bg-sanmarcos.png) !important;
}
.cont-area-purisima {
    background-image: url(../images/bg-purisima.png) !important;
}
.cont-area-estacion {
    background-image: url(../images/bg-estacion.png) !important;
}
.cont-area-guadalupe {
    background-image: url(../images/bg-guadalupe.png) !important;
}
.cont-area-encino {
    background-image: url(../images/bg-encino.png) !important;
}
.cont-area-salud {
    background-image: url(../images/bg-salud.png) !important;
}

#cont-area-center {
    width: 100%;
    height: auto;
    background-image: url(../images/bg-cont.png);
    background-position: center;
    background-repeat: repeat-y;
    background-size: 100%;
}

#tit_general {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#tit_general img {
    width: 75%;
}

#sec-titulos {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sec-titulos img {
    width: 50%;
}
.titulosBarrios {
    display: none;
}
.box-tit {
    background-color: #996533;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    border-radius: 20px;
}

.sec-cont {
    position: relative;
    width: 80%;
    height: auto;
    min-height: 100px;
    margin: 0 auto;
}
.sec-tit {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;justify-content: center;
    margin-top: 25px;
}
.sec-tit h2 {
    width: 400px;
}

#cerro-bg {
    width: 100%;
    height: auto;
    text-align: center;
}
    #cerro-bg img {
        width: 100%;
    }

#sec-items {
    width: 100%;
}
.item-barrio {
    position: relative;
    width: 100%;
    text-align: center;
}
.item-barrio img{
    width: 55%;
    cursor: pointer;
}
.item-show {
    display: none;
}
    .item-show img {
        cursor: pointer !important;
    }

/** NOTIFICACIONES **/

#notificacionesGlobal {
    width: 200px;
    height: auto;
    position: fixed;
    right: 15px;
    bottom: 0;
    z-index: 80;
}
.notificacion-close {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: end;
}
.notificacionclose {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
    color: #f08209;
    font-size: 24pt;
    margin: 0 !important;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.notificacionclose:hover {
    color: #d9780e;
     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.notificacion-cont {
    display: flex;
    align-items: center;
    justify-content: end;
}
.notificacion-cont img {
    width: 100%;
    cursor: pointer;
}

@media screen and (min-width: 900px) and (orientation: portrait) {
    #sec-intro {
        min-height: 450px;
    }
    #intro-cont img {
        margin-top: 200px;
    }
    #intro-tit {
        top: 300px;
    }
    #tit_general img {
        width: 100%;
    }
    #sec-titulos img {
        width: 100%;
    }
    .cont-area-sanmarcos {
        background-image: url(../images/bg-sanmarcos_cel.png) !important;
    }
    .cont-area-purisima {
        background-image: url(../images/bg-purisima_cel.png) !important;
    }
    .cont-area-estacion {
        background-image: url(../images/bg-estacion_cel.png) !important;
    }
    .cont-area-guadalupe {
        background-image: url(../images/bg-guadalupe_cel.png) !important;
    }
    .cont-area-encino {
        background-image: url(../images/bg-encino_cel.png) !important;
    }
    .cont-area-salud {
        background-image: url(../images/bg-salud_cel.png) !important;
    }
    .item-barrio img{
        width: 80%;
    }
    .portada-menu-btn {
        background-size: 75%;
    }
}

@media screen and (max-width: 899px) {
    .portada-menu-btn {
        width: 33.33%;
        background-size: 61%;
    }
    .MovHide {
        display: none;
    }
    .portada-menu-btn {
        height: 90px;
    }
    .cont-area-sanmarcos {
        background-image: url(../images/bg-sanmarcos_cel.png) !important;
    }
    .cont-area-purisima {
        background-image: url(../images/bg-purisima_cel.png) !important;
    }
    .cont-area-estacion {
        background-image: url(../images/bg-estacion_cel.png) !important;
    }
    .cont-area-guadalupe {
        background-image: url(../images/bg-guadalupe_cel.png) !important;
    }
    .cont-area-encino {
        background-image: url(../images/bg-encino_cel.png) !important;
    }
    .cont-area-salud {
        background-image: url(../images/bg-salud_cel.png) !important;
    }
    .titulosBarrios {
        width: 80%;
    }
    .item-barrio img{
        width: 100%;
    }
    #notificacionesGlobal {
        width: 180px;
        right: 2px;
    }
    .notificacionclose {
        font-size: 18pt;
    }
    
}