@font-face {
    font-family: 'open_sanslight';
    src: url('/estaticosED/files/css/fonts/OpenSans/opensans-light.eot');
    src: url('/estaticosED/files/css/fonts/OpenSans/opensans-light.eot?#iefix') format('embedded-opentype'), url('/estaticosED/files/css/fonts/OpenSans/opensans-light.ttf') format('truetype'), url('/estaticosED/files/css/fonts/OpenSans/opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('/estaticosED/files/css/fonts/OpenSans/opensans-regular.eot');
    src: url('/estaticosED/files/css/fonts/OpenSans/opensans-regular.eot?#iefix') format('embedded-opentype'), url('/estaticosED/files/css/fonts/OpenSans/opensans-regular.ttf') format('truetype'), url('/estaticosED/files/css/fonts/OpenSans/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

.layoutmanager {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.layoutmanager .areaTop {
    position: absolute;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #1E2128;
    height: auto !important;
    min-height: 40px;
    overflow: hidden;
}

.areaTop .contentTop {
    position: absolute;
    top: 0;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
}

.areaTop .borderTop {
    position: absolute;
    bottom: 0;
    height: 20px;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../img/menuIN.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.areaTop .borderTop:hover {
    cursor: pointer;
    /*background-color: rgba(0, 0, 0, 0.3);*/
}

.layoutmanager .areaBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #272b34;
}

.areaBottom .contentBottom {
    position: absolute;
    top: 20px;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.areaBottom .borderBottom {
    position: absolute;
    top: 0;
    height: 20px;
    width: 100%;
    left: 0;
    font-size: 12px;
    color: #ccc;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
    /*background-color: rgb(39, 43, 52);*/
    font-family: 'open_sansregular';
    background-image: url(../img/showBtnWhite.svg);
    background-repeat: no-repeat;
    background-size: 95% 100%;
}

.areaBottom .borderBottom:hover{
    cursor: pointer;
    background-color: #555;
}

.borderBottom.active{
    background-image: url("../img/collapseBtn_white.svg");
}

.layoutmanager .areaMiddle {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.layoutmanager .areaLeft {
    position: absolute;
    left: 0;
    height: 100%;
    box-sizing: border-box;
}

.areaLeft .contentLeft {
    position: absolute;
    left: 0;
    right: 20px;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.areaLeft .borderLeft {
    position: absolute;
    right: 0;
    width: 20px;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../img/menuIN2.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.areaLeft .borderLeft:hover {
    cursor: pointer;
    /*background-color: rgba(0, 0, 0, 0.3);*/
}

.layoutmanager .areaRight {
    position: absolute;
    right: 0;
    height: 100%;
    box-sizing: border-box;
}

.areaRight .contentRight {
    position: absolute;
    left: 0px;
    right: 0;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.areaRight .borderRight {
    position: absolute;
    left: 0;
    width: 20px;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../img/menuIN2.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.areaRight .borderRight:hover {
    cursor: pointer;
    /*background-color: rgba(0, 0, 0, 0.3);*/
}

.layoutmanager .areaCentral {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    box-sizing: border-box;
}

.areaCentral .panelLeft {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
}

.areaCentral .panelRight {
    position: absolute;
    right: 0;
    height: 100%;
    width: 0%;
}

/*estilos por producto*/
.layoutmanager .bgLogoLY{
    position: absolute;
    width: 100%;
    height: 200px;
    top: 25%;
    overflow: hidden;
    padding: 20px 0px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bgLogoLY .boxLogoLY{
    position: absolute;
    top: 14%;
    width: 450px;
    height: 70%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/*producto syc*/
.layoutmanager.ly_syc{
    /*background-image: url('../fondos_Proyectos/syc/bg_syc_pruebas.jpg');*/
    background-image: url('../fondos_Proyectos/syc/bg_syc2.jpg');
}
.layoutmanager.ly_syc .bgLogoLY{
    background-color: rgba(0,0,0,0.4);
}
.layoutmanager.ly_syc .boxLogoLY{
    background-image: url('../img/userLog_new.svg');
}
/*producto syctrace*/
.layoutmanager.ly_syctrace{
    background-image: url('../fondos_Proyectos/syc/bg_Syc.jpg');
}
.layoutmanager.ly_syctrace .bgLogoLY{
    background-color: rgba(0,0,0,0.4);
}
.layoutmanager.ly_syctrace .boxLogoLY{
    background-image: url('../img/logo_syctrace.svg');
}
/*producto edesk*/
.layoutmanager.ly_edesk{
    background-image: url('../fondos_Proyectos/syc/bg_syc1.jpg');
}
.layoutmanager.ly_edesk .bgLogoLY{
    background-color: rgba(0,0,0,0.4);
}
.layoutmanager.ly_edesk .boxLogoLY{
    background-image: url('../img/banner_Edesk.svg');
    top: 0%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
/*producto colpensiones*/
.layoutmanager.ly_colpensiones{
    background-color: #fff;
}
.layoutmanager.ly_colpensiones .bgLogoLY{
    top: 20%;
    background-color: rgba(0,0,0,0.1);
}
.layoutmanager.ly_colpensiones .boxLogoLY{
    background-image: url('../img/logoColp.svg');
}
.layoutmanager.ly_colpensiones .bgLogoLY .boxLogoLY{
    top: 4%;
    height: 95%;
}
/*producto positiva*/
.layoutmanager.ly_positiva{
    /*background-color: #FF7718;*/
    background-image: url('../fondos_Proyectos/positiva/bg_Positiva.jpg');
}
.layoutmanager.ly_positiva .bgLogoLY{
    background-color: rgba(255,255,255,0);  
}
.layoutmanager.ly_positiva .boxLogoLY{
    top: 0%;
    width: 95%;
    height: 100%;
    /*background-image: url('../img/bannerIntroPOS.svg');*/
}
/*producto cafesalud*/
.layoutmanager.ly_cafesalud{
    background-image: url('../fondos_Proyectos/cafesalud/bg_cafesalud1.jpg');
}
.layoutmanager.ly_cafesalud .bgLogoLY{
    background-color: rgba(0,0,0,0.4);
}
.layoutmanager.ly_cafesalud .boxLogoLY{
    background-image: url('../img/LogoCafesalud_1.svg');
}
/*producto fiduprevisora*/
.layoutmanager.ly_consorcioppl2017{
    background-image: url('../fondos_Proyectos/syc/bg_Syc.jpg') !important;
}
.layoutmanager.ly_consorcioppl2017 .bgLogoLY{
    background-color: white;
}
.layoutmanager.ly_consorcioppl2017 .boxLogoLY{
    background-image: url('../img/logoConsorcio.png');
    width: 75%;
    background-size: contain;
}
/*producto fiduprevisora*/
.layoutmanager.ly_sanitas{
    background-image: url('../fondos_Proyectos/syc/bg_Syc.jpg') !important;
}
.layoutmanager.ly_sanitas .bgLogoLY{
    background-color: rgba(0,0,0,0.4);
}
.layoutmanager.ly_sanitas .boxLogoLY{
    background-image: url('../img/sanitasLogo.svg');
    width: 40%;
    background-size: 100% 100%;
}
/*producto medimas*/
.layoutmanager.ly_medimas{
    background-image: url('../fondos_Proyectos/syc/bg_Syc.jpg') !important;
}
.layoutmanager.ly_medimas .bgLogoLY{
    background-color: rgba(0,0,0,0.5);
}
.layoutmanager.ly_medimas .boxLogoLY{
    background-image: url('../img/logoMedimas.svg');
}
/*producto coomeva*/
.layoutmanager.ly_coomeva {
    background-color: white;
}
.layoutmanager.ly_coomeva .bgLogoLY{
    background-color: rgb(50, 167, 47);
}
.layoutmanager.ly_coomeva .boxLogoLY{
    background-image: url('../img/iconCoomeva.svg');
}

/*producto iuva*/
.layoutmanager.ly_iuva{
    background-image: url('../fondos_Proyectos/iuva/bg_iuva1.jpg');
}
.layoutmanager.ly_iuva .bgLogoLY{
    background-color: rgba(0,0,0,0);
}
.layoutmanager.ly_iuva .boxLogoLY{

}

/*producto yachay*/
.layoutmanager.ly_yachay{
    background-image: url('../fondos_Proyectos/iuva/bg_iuva1.jpg');
}
.layoutmanager.ly_yachay .bgLogoLY{
    background-color: rgba(0,0,0,0.3);
}
.layoutmanager.ly_yachay .boxLogoLY{
    background-image: url('../img/logoYachay.svg');
}
/*producto anm*/
.layoutmanager.ly_anm{
    background-image: url('../fondos_Proyectos/syc/bg_Syc.jpg');
}
.layoutmanager.ly_anm .bgLogoLY{
    background-color: rgba(0,0,0,0.3);
}
.layoutmanager.ly_anm .boxLogoLY{
    background-image: url('../img/LogoMinas.svg');
}

/*producto camacol*/
.layoutmanager.ly_camacol{
    background-image: url(../fondos_Proyectos/camacol/bg1_camacol.png);
}
.layoutmanager.ly_camacol .bgLogoLY{
    background-color: rgba(0,0,0,0);
    background-color: rgba(255,255,255,0);
}
.layoutmanager.ly_camacol .boxLogoLY{
    /*background-image: url('../img/ico_camacol.svg');*/
}


/*producto sbs*/
.layoutmanager.ly_sbs{
    background-image: url('../fondos_Proyectos/sbs/bg_sbs.jpg');
    /*background-color: rgba(158, 28, 100, 0.6);*/
}
.layoutmanager.ly_sbs .bgLogoLY{
    background-color: #9E1C64;
    padding: 0;
}
.layoutmanager.ly_sbs .boxLogoLY{
    background-image: url('../img/logo_sbs.svg?a=1');
    height: 100%;
    top: 0;
}

/*producto pacifico*/
.layoutmanager.ly_pacifico{
    background: linear-gradient(#0075b0,#09c);
}
.layoutmanager.ly_pacifico .bgLogoLY{
    background-color: rgba(255,255,255,0.4);
    padding: 0;
}
.layoutmanager.ly_pacifico .boxLogoLY{
    background-image: url('../img/PacificoBanner.svg?a=1');
    height: 100%;
    top: 0;
}

/*producto caixa*/
.layoutmanager.ly_caixa{
    background-image: url('../fondos_Proyectos/caixa/bg_destaqueInternas.jpg');
    /*background-color: white;*/
}
.layoutmanager.ly_caixa .bgLogoLY{
    background-color: rgba(0,0,0,0);
}
.layoutmanager.ly_caixa .boxLogoLY{
    background-image: url('../img/caixaBanner.svg');
}

/*producto cafam*/
.layoutmanager.ly_cafam{
    background-color: #fff;
    background-image: url('../fondos_Proyectos/cafam/bg_cafam.jpg');
}
.layoutmanager.ly_cafam .bgLogoLY{
    background-color: rgba(255,255,255,0);
}
.layoutmanager.ly_cafam .boxLogoLY{
    background-image: url(../img/iconos/cafam/ico_caf.jpg);
    top: 24%;
    left: 4%;
    height: 60%;
    width: 270px;
}

/*producto juzgados*/
.layoutmanager.ly_juzgados{
    background-image: url('../fondos_Proyectos/syc/bg_syc1.jpg');
}
.layoutmanager.ly_juzgados .bgLogoLY{
    background-color: rgba(0,0,0,0.4);
}
.layoutmanager.ly_juzgados .boxLogoLY{
    background-image: url('../img/banner_Edesk.svg');
    top: 0%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

/*producto sppat*/
.layoutmanager.ly_sppat{
    /*background-image: url('../fondos_Proyectos/syc/bg_syc1.jpg');*/
    background-color: #FFC400;
}
.layoutmanager.ly_sppat .bgLogoLY{
    background-color: rgba(255,255,255,0.4);
}
.layoutmanager.ly_sppat .boxLogoLY{
    background-image: url('../img/iconos/sppat/banner_sppat.svg');
    top: 0%;
    height: 100%;
    left: 2%;
    margin: auto;
}

.layoutmanager.ly_rimac{
    background-image: url('../fondos_Proyectos/rimac/bg_rimac.png');
    background-color: #b52c3c;    
    background-size: contain;
    background-position: top;  
}

input::-webkit-search-cancel-button {
    display: block !important;
    position: relative;
    width: 15px;
    height: 15px;
    right: 10px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
    background-image: url("../img/closeBlack.svg");
    background-repeat: no-repeat;
}


/*MEDIA QUERIES*/
/* pantallas en width maximo 2200px*/ 
@media screen and (min-width: 1981px) and (max-width: 2800px) {
    
}
/* pantallas en width maximo 1920px*/ 
@media screen and (min-width: 1611px) and (max-width: 1980px) {
    
}
/*pantallas en width maximo 1600px */
@media screen and (min-width: 1281px) and (max-width: 1610px) {
    
}
/* pantallas en width maximo 1280px*/ 
@media screen and (min-width: 1026px) and (max-height: 1280px) {
    
}
/* pantallas en width maximo 1024px*/ 
@media screen and (max-width: 1025px) {
    
}
/* IPADS (landscape) */
@media only screen and (device-height: 1024px) and (orientation: landscape) {   
    
}
/* IPADS (portrait) */
@media only screen and (min-device-width : 765px) and (max-device-width : 780px) and (orientation : portrait){  
   
}

@media (max-width: 768px){
    .layoutmanager .areaTop{
        height: auto !important;
        min-height: 40px;
        top: 0px;
        overflow: hidden;
        z-index: 1;
        border-bottom: 1px solid #333;
    }

    .areaTop .contentTop{
        position: relative; 
    }

    .areaBottom .borderBottom{
        background-size: 80% 100%;
    }

    .containHoriz .bread_Box{
        width: 25% !important;
    }
    .layoutmanager.ly_sbs .boxLogoLY{
        width: 100%;
    }
}