/* PORTADA  :: INSTALACIONES ----------------------------------------- */
.insPORTADA{
    width: 100%; height: 30vh; margin: 0px;
    display: flex; flex-flow: row wrap;
    background-image: url(/ADD/CECOREY/FND09.jpg);
    background-position: center center; background-repeat: no-repeat;
    background-size: cover; }
    .ipTITULO{
        width: 80%; height: 60px; margin: auto;
        font-size: 90px; text-align: end; color: white; }

/* INSTALACIONES :: Galeria ---------------------- */
.insCOMBO{
    width: 100%; height: 1000px; 
    display: flex; flex-flow: column wrap;
    justify-content: center; align-items: center; }
    .icPORTADOR{
        width: 100%; height:600px; margin: 100px 0px ;
        display: flex; flex-flow: row wrap;
        justify-content: space-around; align-items: center;
        background-position: center; background-size: cover; background-repeat: no-repeat;  }
    .icPORTSTY-01{
        background-color: rgb(61, 61, 61);
        color: rgb(255, 255, 255);
        background-image: url(/ADD/CECOREY/PORT01.jpg);     }
    .icPORTSTY-02{
        background-color: rgb(185, 185, 185);
        color: rgb(255, 255, 255);
        background-image: url(/ADD/CECOREY/PORT02.jpg);     }
        .icpLETRAS{
            width: 40% ; height: 60%; padding: 50px;
            display: flex; flex-flow: column wrap ;
            justify-content: center; align-items: center;    }
            .icpTITULO{
                width: 100%; height:auto;    
                text-align: center; }
            .icpTEXTO{
                width: 100%; height:auto; 
                text-align: center;   }
        
        .icpBOXIMG{
            width: 50%; height: 95%;
            display: flex; flex-flow: row wrap;
            justify-content: center; align-items: flex-end;        }
            .icpSOBRE-A, .icpSOBRE-B, .icpSOBRE-C, .icpSOBRE-D, .icpSOBRE-E{
                width: 100%; height: 100%;
                display: flex; flex-flow: row wrap;
                justify-content: space-between; align-items: flex-end;
                background-position: center; background-size:cover; background-repeat: no-repeat;   }
            .icpSOBRE-A{ background-image: url(/ADD/GALERY/CMB-A/IMG1.jpg); }
            .icpSOBRE-B{ background-image: url(/ADD/GALERY/CMB-B/IMG1.jpg); }
            .icpSOBRE-C{ background-image: url(/ADD/GALERY/CMB-C/IMG1.jpg); }
            .icpSOBRE-D{ background-image: url(/ADD/GALERY/CMB-D/IMG1.jpg); }
            .icpSOBRE-E{ background-image: url(/ADD/GALERY/CMB-E/IMG1.jpg); }

            .icpSOBRE-F{
                width: 100%; height: 80%;
                display: flex; flex-flow: row wrap;
                justify-content: space-between; align-items: flex-end;
                background-position: center; background-size:cover; background-repeat: no-repeat;   }
            .icpSOBRE-F{ background-image: url(/ADD/GALERY/CMB-F/IMG1.jpg); }

                .fchIZQ{
                    opacity: .3;
                    width: 69px; height: 100%; margin: 0px; display: flex;
                    background-image: url(/ADD/B1ONE/webtns/icoFIZQ-B.png);
                    background-position: center; background-size: 90%; background-repeat: no-repeat;
                    cursor: pointer;       }
                .fchIZQ:hover{ opacity: 1; background-color: rgba(75, 75, 75, 0.15);}
                .ctrCEN{
                    width: auto; height: 29px; margin-bottom:5px ; 
                    display: flex; flex-flow: row wrap;
                    justify-content: center; align-items: center;  }
                .fchDER{
                    opacity: .3;
                    width: 69px; height: 100%; margin: 0px; display: flex;
                    background-image: url(/ADD/B1ONE/webtns/icoFDER-B.png);
                    background-position: center; background-size:90%; background-repeat: no-repeat; 
                    cursor: pointer;       }
                .fchDER:hover{ opacity: 1; background-color: rgba(75, 75, 75, 0.15);}
                    .ctrLED-A1, .ctrLED-A2, .ctrLED-A3, .ctrLED-A4, .ctrLED-A5{
                        width: 29px; height: 29px; margin: 0px 10px;
                        display: flex;
                        background-image: url(/ADD/B1ONE/webtns/icoOFF-01B.png);
                        background-position: center; background-size: contain; background-repeat: no-repeat;  
                        cursor: pointer;  }
                    .ctrLED-A1{ background-image: url(/ADD/B1ONE/webtns/icoON-01B.png); }

                    .ctrLED-B1, .ctrLED-B2, .ctrLED-B3, .ctrLED-B4, .ctrLED-B5{
                        width: 29px; height: 29px; margin: 0px 10px;
                        display: flex;
                        background-image: url(/ADD/B1ONE/webtns/icoOFF-01B.png);
                        background-position: center; background-size: contain; background-repeat: no-repeat;  
                        cursor: pointer;  }
                    .ctrLED-B1{ background-image: url(/ADD/B1ONE/webtns/icoON-01B.png); }

                    .ctrLED-C1, .ctrLED-C2, .ctrLED-C3, .ctrLED-C4, .ctrLED-C5{
                        width: 29px; height: 29px; margin: 0px 10px;
                        display: flex;
                        background-image: url(/ADD/B1ONE/webtns/icoOFF-01B.png);
                        background-position: center; background-size: contain; background-repeat: no-repeat;  
                        cursor: pointer;  }
                    .ctrLED-C1{ background-image: url(/ADD/B1ONE/webtns/icoON-01B.png); }

                    .ctrLED-D1, .ctrLED-D2, .ctrLED-D3, .ctrLED-D4, .ctrLED-D5{
                        width: 29px; height: 29px; margin: 0px 10px;
                        display: flex;
                        background-image: url(/ADD/B1ONE/webtns/icoOFF-01B.png);
                        background-position: center; background-size: contain; background-repeat: no-repeat;  
                        cursor: pointer;  }
                    .ctrLED-D1{ background-image: url(/ADD/B1ONE/webtns/icoON-01B.png); }

                    .ctrLED-E1, .ctrLED-E2, .ctrLED-E3, .ctrLED-E4, .ctrLED-E5{
                        width: 29px; height: 29px; margin: 0px 10px;
                        display: flex;
                        background-image: url(/ADD/B1ONE/webtns/icoOFF-01B.png);
                        background-position: center; background-size: contain; background-repeat: no-repeat;  
                        cursor: pointer;  }
                    .ctrLED-E1{ background-image: url(/ADD/B1ONE/webtns/icoON-01B.png); }

                    .ctrLED-F1, .ctrLED-F2, .ctrLED-F3, .ctrLED-F4, .ctrLED-F5{
                        width: 29px; height: 29px; margin: 0px 10px;
                        display: flex;
                        background-image: url(/ADD/B1ONE/webtns/icoOFF-01B.png);
                        background-position: center; background-size: contain; background-repeat: no-repeat;  
                        cursor: pointer;  }
                    .ctrLED-F1{ background-image: url(/ADD/B1ONE/webtns/icoON-01B.png); }



            .icpiBOX-X{
                transition: .5s; opacity: 1;
                width: 60%; height:6    50px; margin:20px auto;
                display: flex; flex-flow: row wrap;
                background-color: rgb(153, 153, 153);
                background-position: center center; background-repeat: no-repeat; background-size: 130%; 
                position: absolute; z-index: 10; }
            .icpiBOX-X:hover{ background-size: 100%; box-shadow: 3px 4px 8px rgb(36, 36, 36);}
            .icpiBOX-X:hover .icpBOX-INFO{                
                opacity: .8;
                width: 100; height:100%;  margin: auto; 
                flex-flow: column wrap; 
                justify-content: center; align-items: center;
                color: white;
                background-color: rgba(5, 30, 46, 0.911);   }           
            .icpiBOX-X:hover .icpBOX-TITULO{
                transition: .2s;
                width: 90%;
                display: flex; justify-content: flex-end;
                font-size: 46px; margin: 0px auto 0px auto;  
                background-color: rgba(255, 255, 255, 0);          }            
            .icpiBOX-X:hover .icpBOX-PARRAFO{
                opacity: 1; z-index: 2; position: relative;
                display: flex;           
                width: 90%; height:auto; margin: 0px;                               
                font-size:23px; line-height: 21px; text-align: right;         }
            .icpiBOX-X:hover .insB1-LINE{
                opacity: 1;
                display: flex;
                width: 90%; height: 2px; margin: 5px auto 10px auto;
                background-color: rgb(255, 255, 255); }

