html,body {
     margin: 0 auto !important;
     padding: 0 !important;
     height: 100% !important;
     width: 100% !important;
     max-width:1280px; /*text-align:center;*/
}
/* What it does: Stops email clients resizing small text. */
 * {
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     font-family: 'Encode Sans', sans-serif;
     list-style: none;
     /*color: #3C3C3B;*/
}
/* What it does: Centers email on Android 4.4 */
 div[style*="margin: 16px 0"] {
     margin: 0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
 table,td {
     mso-table-lspace: 0pt !important;
     mso-table-rspace: 0pt !important;
}
/* Aplica el diseño de tabla a las 2 primeras tablas y luego lo elimina para cualquier elemento anidado más profundo. */
 table {
     border-spacing: 0 !important;
     border-collapse: collapse !important;
     /*table-layout: fixed !important;*/
     margin: 0 auto !important;
}
 table table table {
     table-layout: auto;
}
/* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
 a {
     text-decoration: none;
     color: inherit;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
 img {
    -ms-interpolation-mode:bicubic;
}
/* What it does: A work-around for email clients meddling in triggered links. */
 *[x-apple-data-detectors], 
/* iOS */
 .unstyle-auto-detected-links *,.aBn {
     border-bottom: 0 !important;
     cursor: default !important;
     color: inherit !important;
     text-decoration: none !important;
     font-size: inherit !important;
     font-family: inherit !important;
     font-weight: inherit !important;
     line-height: inherit !important;
}
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
 .a6S {
    display: none !important;
    opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
 img.g-img + div {
    display: none !important;
}
 * {
    box-sizing: border-box;
}
.uppercase{
    text-transform: uppercase;
}

 .boxicon {
     float: left;
     width: 7%;
     padding-left: 5px;
     margin: 0;
}
 .boxicon img{
     height: 22px;
}
 .boxcomplete {
     float: left;
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 15px;
     padding-right: 15px;
}
 .imgencabezado {
     float: left;
     width: 100%;
}
 .imglateral{
     display: flex;
     align-items: center;
     padding-bottom: 10px;
}
 .imglateral img{
     max-height: 150px;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 20px;
}
 .canales{
     display: flex;
     align-items: center;
     padding-bottom: 10px;
}
 .ico-canales img{
     max-height: 180px;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 10px;
}
 .ico-att {
     width: 2.5rem;
     padding: 5px;
}
 .clearfix{
     display: flex;
     align-items: center;
     padding-bottom: 10px;
}
 .clearfix::after {
     content: "";
     clear: both;
     display: table;
}
.clear{
    clear: both;
}
 .attgeneral {
     display: flex;
}
 .boxleft {
     float: left;
     width: 12%;
     margin: 0;
}
 .boxrigth {
     float: left;
     width: 88%;
}
 .imglateral{
     display: flex;
     align-items: center;
     padding-bottom: 10px;
}
 .imglateral img{
     max-height: 150px;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 20px;
}
 .columnaizquierda {
     float: left;
     width: 26%;
     margin: 0;
}
 .columnaderecha{
     float: left;
     width: 50%;
     margin-left: 20px;
}
 .botoncenterado{
     text-align: left;
}
 .fechas img{
     width: 200px;
}
 .fecha{
     display: inline-block;
     width: 140px;
     height: 185px;
     box-shadow:0 0 7px rgba(0,0,0,0.3);
     border-radius: 0px 00px 13px 13px;
     -webkit-border-radius: 0px 0px 13px 13px;
     -moz-border-radius: 0px 00px 13px 13px;
     margin: 5px;
}
 .dia{
     align-items: center;
     height: 50px;
     background-color: #002f87;
     border-bottom: solid 6px #9ACA3C;
     padding: 8px;
     font-weight: 400;
     margin: 0;
     letter-spacing: 0.05em;
     font-size: 0.75rem;
     line-height: 0.9rem;
     color: #FFFFFF;
     text-transform: uppercase;
     text-align: left;
}
 .capacitacion{
     display: flex;
     align-items: center;
     height: 90px;
     text-align: Center;
     padding: 7px;
     font-weight: 600;
     font-size: 0.75rem;
     line-height: 0.9rem;
     text-transform: uppercase;
}
 .div img{
     width: 90%;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 0;
}
 .horario{
     display: flex;
     align-items: center;
     text-align: Center;
     padding: 5px;
     font-weight: 400;
     font-size: 0.75rem;
     line-height: 0.7rem;
}
 .horario img{
     height: 20px;
     margin-right: 5px;
     margin-left: 5px;
}
 .ficha-af{
     display: inline-block;
     width: 136px;
     height: 230px;
     box-shadow:0 0 7px rgba(0,0,0,0.3);
     border-radius: 0px 00px 13px 13px;
     -webkit-border-radius: 0px 0px 13px 13px;
     -moz-border-radius: 0px 00px 13px 13px;
     margin: 7px;
}
 .ficha{
     display: inline-block;
     width: 136px;
     height: 190px;
     box-shadow:0 0 7px rgba(0,0,0,0.3);
     border-radius: 0px 00px 13px 13px;
     -webkit-border-radius: 0px 0px 13px 13px;
     -moz-border-radius: 0px 00px 13px 13px;
     margin: 7px;
}
 .ficha:hover,.ficha-af:hover {
     background-color: #e8f7ff;
}
 .nombre{
     display: flex;
     align-items: center;
     height: 60px;
     background-color: #002f87;
     border-bottom: solid 6px #9ACA3C;
     padding: 8px;
     font-weight: 600;
     margin: 0;
     letter-spacing: 0.05em;
     font-size: 0.75rem;
     line-height: 0.9rem;
     color: #FFFFFF;
     text-transform: uppercase;
     text-align: Left;
}
/* /////////// DESDE ACA CREO QUE ES IMPORTANTE ////////////
/*/
 .bajada {
    padding: 15px;
}
 .tituloprincipal {
     padding-left: 10px;
     border-left: #25B4BD;
     border-left-width: 10px;
     border-left-style: solid;
}
 .boton, .btnEstandar{
     margin: 0;
     font-size: 1rem;
     color: #FFFFFF;
     background: #002F87;
     font-weight: 900;
     margin-bottom: 5px;
}
 .back {
     background: #F6FBFC;
     border: 1px solid;
     border-color: rgba(0,0,0,0.1);
}
 .PD15 {
    padding: 15px;
}
 .color01{
    background: #F5F5F5;
}
 .color01:hover{
    background: #F1FAFF;
}
 a.nounderline:link {
    text-decoration:none;
}
 A:link {
    text-decoration: none;
    font-weight: 700;
}
 A:hover {
    text-decoration: none;
    color: #000000;
}
 A:visited {
    text-decoration: none:
}
/* /////////// TEXTOS ////////////
/*/
 p {
     margin: 0;
     font-size: 1rem;
     font-weight: 400;
     letter-spacing: 0;
     line-height: 1.4rem;
     color: #3C3C3B;
}
 h1 {
     margin: 0;
     letter-spacing: -0.05em;
     font-size: 2rem;
     line-height: 2rem;
     color: #002f87;
     font-weight: 300;
     text-transform: uppercase;
}
 h2 {
     margin: 0;
     letter-spacing: -0.05em;
     font-size: 2rem;
     line-height: 2rem;
     color: #002f87;
     font-weight: 900;
     text-transform: uppercase;
}
 h3 {
     margin: 0;
     letter-spacing: -0.05em;
     font-size: 1rem;
     line-height: 1rem;
     color: #002f87;
     font-weight: 900;
}
h4 {
     margin: 0.3rem 0;
     letter-spacing: -0.05em;
     font-size: 1rem;
     line-height: 1rem;
     color: #3C3C3B;
     font-weight: 700;
}
h5 {
     margin: 0.3rem 0;
     letter-spacing: -0.05em;
     font-size: 1.3rem;
     line-height: 1.3rem;
     color: #3C3C3B;
     font-weight: 700;
}
h6 {
    margin: 0;
    letter-spacing: 0em;
    font-size: 1rem;
    color: #3C3C3B;
    line-height: 1rem;
    font-weight: 300;
    text-transform: uppercase;
}
h7{
    margin: 0;
    letter-spacing: 0em;
    font-size: 1.5rem;
    font-weight: 300;
}
h8 {
    margin: 0;
    letter-spacing: -0.05em;
    font-size: 0.8rem;
    color: #3C3C3B;
    line-height: 0.8rem;
    font-weight: 300;
}
.color-azul{
    color: #002f87;
}
.link-normal{
    font-weight: 300 !important;
    color: initial !important;
}
.telefonoazul{
     margin: 0;
     font-size: 2.1rem;
     line-height: 2.1rem;
     color: #002f87 !important;
     font-weight: 900 !important;
}
 .titulos{
     margin: 0;
     font-size: 1.1rem;
     color: #002f87;
     font-weight: 700;
}
 .button-td,.button-a {
    transition: all 100ms ease-in;
}
 .button-td-primary:hover,.button-a-primary:hover {
    background: #555555 !important;
    border-color: #555555 !important;
}

aside {margin-top:0px;}
footer {
    display: flex;
    font-size: 0.7rem;
    padding-top: 8px;
    padding-bottom: 16px;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-left:7.031%; 
    padding-right:7.031%;
}
main {margin-left:7.031%; margin-right:7.031%;}
#divHeader {padding-left:7.031%; padding-right:7.031%; padding-top:40px;}
#divContenido {width:100%;}
.divWhatsApp{display: none;}

.bold{font-weight: bold;}
.row-principal{display: flex;flex-wrap: wrap;}
.row{display: flex;flex-wrap: wrap;padding-top: 1%;padding-bottom: 1%;padding-left: 2%;padding-right: 2%;width: 100%;}
.row-1{display: flex;flex-wrap: wrap;width:100%;margin-bottom: 10px;}
.col-4-3{flex: 0 0 auto;width: 75%;}
.col-4{flex: 0 0 auto;width: 25%;}
.col-5{flex: 0 0 auto;width: 20%;}
.col-3-1{flex: 0 0 auto;width: 33.33%;}
.col-3{flex: 0 0 auto;width: 33.33%;padding-right: 2%;}
.col-3-2{flex: 0 0 auto;width: 66.66666%;}
.col-2{flex: 0 0 auto;width: 50%;}
.col-2-espacio{flex: 0 0 auto;width: 50%;padding-right: 2%;}
.colprimera-2{width: 50%;padding-right: 2%;}
.col-1{flex: 0 0 auto;width: 100%;}
.contenidocol{padding-right: 20px;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.fondo-gris{background-color: #5a5a5a; color:#ffff;}
.fondo-blue{background-color: #002f87; color:#ffff;margin-bottom:10px;}
.grey-fondo{background: #F5F5F5;}
.grey-fondo:hover{background: #F1FAFF;}
.blue-fondo{background: #002f87;color: white;font-weight: 400;}
.blue-fondo:hover{background: #8097c3;}
#brSaltoLineaFooter {
    display: none;
}
#divLinksFooter {padding-top:0; text-align:left;}
.img-100{width: 100%;}
.redes{
    font-size: 1.7rem;
    /*color: rgba(60,60,59,0.7) !important;
    fill: rgba(60,60,59,0.7) !important;*/
    color: #3c3c3b;
    margin-left: 5px;
    position: relative;
    top: 60px;
}
#s1chat_welcome_wrapper{
    display: block;
    position: fixed !important;
    bottom: 80px !important;
    right: 0px !important;
    width: 225px !important;
    height: 80px !important;
    border-radius: 15px 0px 0px 15px !important;
    background: url(https://www.provinciart.com.ar/images/chatbot-trabajadores.png) center center no-repeat rgb(255, 255, 255) !important;
    box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 4px 0px !important;
        z-index: 999 !important;
}
#s1_chat_img{display: none;}
.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton{
    position: fixed !important;
    bottom: 175px !important;
    right: 0px !important;
    width: 213px !important;
    height: 80px !important;
    padding: 0px 7px 0px 7px !important;
    border-radius: 15px 0px 0px 15px !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url(https://www.provinciart.com.ar/images/chatbot-empleadores.png) !important;

}
.embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"]{
    position: fixed !important;
    bottom: 175px !important;
    right: 0px !important;
    /*width: 225px !important;
    height: 80px !important;
    border-radius: 15px 0px 0px 15px !important;
    box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    background-image: url(https://www.provinciart.com.ar/images/chatbot-empleadores.png) !important;*/

}
.minimizedButton, .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] > .minimizedButtonWrapper > .minimizedButton{
    width: 225px !important;
    height: 80px !important;
    /* padding: 0px 7px 0px 7px !important; */
    border-radius: 15px 0px 0px 15px !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    background-image: url(https://www.provinciart.com.ar/images/chatbot-empleadores.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.embeddedMessagingIconContainer, .minimizedButtonIconContainer{
    display: none !important;
}
/*.redes :hover{
    text-decoration: none;
    color: rgba(60,60,59,1);
    fill: rgba(60,60,59,1) !important;
}*/
/* Media Queries */
 @media screen and (max-width: 1280px) {
    main {margin-left:5.208%; margin-right:5.208%;}
    footer{text-align: center;display: block;}
    #divLinksFooter{text-align: center;}
    #brSaltoLineaFooter {display:block;}
    #divAccesosDerecha {display:none;}
    #divContenido {min-height:400px; width:100%;}
    #divHeader {padding-left:5.208%; padding-right:5.208%; padding-top:60px;}
    #spanSeparadorFooter {display:inline;}
    #divChat #divChatBotonInicial {background-color:#002f87; border-radius:16px 16px 0px 0px; -moz-border-radius: 16px 16px 0px 0px; -webkit-border-radius: 16px 16px 0px 0px; border:0px solid #000; cursor:pointer; height:56px; width: 100%; position: initial;}
    .image-chat{content:none;}

 }
 @media screen and (max-width: 600px) {
    .contenidocol{padding-right: 0px;}
    .col-2, .col-2-espacio, .col-3-2, .col-3, .col-3-1, .col-4, .col-4-3, .col-5{width: 100%;}
    #s1_chat_btn{display: none !important;}
    .embedded-messaging{display: none !important;}
    .divWhatsApp{
        display: block;
        position: fixed;
        bottom: 170px;
        right: 0px;
        width: 145px;
        height: 53px;
        padding: 0px 7px 0px 7px;
        border-radius: 15px 0px 0px 15px;
        background: rgba(255, 255, 255, 1);
        box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.2);
    }
    .wpTrabajador{
        bottom: 105px;
    }
    .divWhatsApp > a {
        display: flex;
        align-items: center;
        justify-content: space-between; /* Distribuye equitativamente logo y mensaje */
    }
    .divWhatsApp > a > .logo, 
    .divWhatsApp > a > .mensaje {
        box-sizing: border-box;
    }
    .divWhatsApp > a > .logo {
        margin-right: 5px;
        width: 100%;
    }
    .divWhatsApp > a > .mensaje {
        font-size: 11px;
        text-align: center;
        width: 75%;
        font-weight: 500;
    }
     .email-container {
         width: 100% !important;
         margin: auto !important;
    }
     .attgeneral {
        display: block;
    }
     .clearfix{
        flex-direction: column;
    }
     .columnaderecha, .columnaizquierda{
         width: 100%;
         margin-left: 0px;
    }
     .columnaizquierda img{
         max-width: 190px !important;
    }
     .botoncenterado {
         text-align: center;
    }
    /* Qué hace: ajusta la tipografía en pantallas pequeñas para mejorar la legibilidad */
     .email-container p {
        font-size: 0.9rem !important;
    }
    /* Qué hace: obliga a los elementos a cambiar el tamaño al ancho completo de su contenedor. Útil para cambiar el tamaño de las imágenes más allá de su ancho máximo. */
     .fluid {
         max-width: 100% !important;
         height: auto !important;
         margin-left: auto !important;
         margin-right: auto !important;
    }
    /*Qué hace: Fuerza las celdas de la tabla en filas de ancho completo.. */
     .stack-column,.stack-column-center {
         display: block !important;
         width: 100% !important;
         max-width: 100% !important;
         direction: ltr !important;
    }
    /* And center justify these ones. */
     .stack-column-center {
         text-align: center !important;
    }
    /* Qué hace: Clase de utilidad genérica para centrar. Útil para imágenes, botones y tablas anidadas. */
     .center-on-narrow {
         text-align: center !important;
         display: block !important;
         margin-left: auto !important;
         margin-right: auto !important;
         float: none !important;
    }
     table.center-on-narrow {
        display: inline-block !important;
    }
    aside {margin-top:20px;}
    body {min-width:320px;}
    main {margin-left:3.125%; margin-right:3.125%;}

    #divAccesosDerecha {display:none;}
    #divContenido {width:100%;}
    #divHeader {padding-left:3.125%; padding-right:3.125%; padding-top:20px;}
    #divLinksFooter {padding-top:16px;}
    #spanSeparadorFooter {display:none;}
    #divChat #divChatBotonInicial {background-color:#002f87; border-radius:30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border:0px solid #000; cursor:pointer; height:56px; width:60px;position: absolute; bottom: 10px; right: 10px;}
    .image-chat{content:url(/images/logo-chat.svg)}
}
img {height:auto; max-width:100%;}
main {display:flex; text-align:left;}

#contenedor {display:flex; flex-direction:column;}
#divAccesosDerecha {display:block; margin-left:0; width:100%;}

#divChat {bottom:0; position:fixed; right:1%; width:280px; z-index:10}
#divChat #iframeChat {height:400px; width:280px;}
#divChat #divChatBotonInicial img {height:40px; padding-top:8px;}
#divChat #divChatCuerpo {display:none;}

#divEditar {cursor:pointer; display:none; position:absolute;}
#divHeader a {text-decoration:none;}
#divLinksFooter {color:#6a6869;}
#footerSSN img {max-width: 545px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {     /* IE 10, IE 11 hacks..*/
    main {display:-ms-flexbox;}
/*  #divContenido {width:100%;}*/
    #footerSSN img {float:right;}
}
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
#fila, .fila{ padding-right: 10px;}
#fila-2, .fila-2{
    float: left;
    width: 50%;
    margin-top: 5px;
    padding-right: 10px;
}
#fila-3, .fila-3{
    float: left;
    width: 33%;
    margin-top: 5px;
    padding-right: 10px;
}
.textoderecha{
    text-align: right;
}
#fila-4-1, .fila-4-1{
    float: left;
    width: 75%;
    margin-top: 5px;
    padding-right: 10px;
}
#fila-4, .fila-4{
    float: left;
    width: 25%;
    margin-top: 5px;
    padding-right: 10px;
}
#fila-1, .fila-1{
    clear: both;
    width: 100%;
    min-height: 20px;
    padding-top:5px;
    padding-right: 10px;
}

.mt-5{margin-top: 5px;}
.mb-5{margin-bottom: 5px;}
.ml-5{margin-left: 5px;}
.mr-5{margin-right: 5px;}
.m-5{margin: 5px 0;}
.mt-10{margin-top: 10px;}
.mb-10{margin-bottom: 10px;}
.m-10{margin: 10px 0;}
.ml-10{margin-left: 10px;}
.mr-10{margin-right: 10px;}
.mt-15{margin-top: 15px;}
.mb-15{margin-bottom: 15px;}
.m-15{margin: 15px 0;}
.ml-15{margin-left: 15px;}
.mr-15{margin-right: 15px;}

.pt-5{padding-top: 5px;}
.pb-5{padding-bottom: 5px;}
.pl-5{padding-left: 5px;}
.pr-5{padding-right: 5px;}
.plat-5{padding: 0px 5px;}
.p-5{padding: 5px;}
.pt-10{padding-top: 10px;}
.pb-10{padding-bottom: 10px;}
.p-10{padding: 10px;}
.plat-10{padding: 0px 10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pt-15{padding-top: 15px;}
.pb-15{padding-bottom: 15px;}
.p-15{padding: 15px;}
.plat-15{padding: 0px 15px;}
.pl-15{padding-left: 15px;}
.pr-15{padding-right: 15px;}
@media(max-width:1200px) {
    #fila-2, #fila-3, #fila-4, .fila-2, .fila-3, .fila-4{
        width:49%;
    }
    .textoderecha{
        text-align: left;
    }
}@media(min-width:0px) {
	.galeriaItemGrande {box-sizing: content-box;/*display:none;*/}
	.imgItemBannerPrincipal {width:3.125%;}

	#galeria {justify-content:space-around; padding-left:3.125%; padding-right:3.125%; flex-wrap:wrap;}
	#hrSeparadorAbajo {width:93.75%;}
	#hrSeparadorMedio {display:none;}
}
@media(min-width:768px) {
	.galeriaItem {flex-shrink:0; }
	.galeriaItemGrande {display:flex; flex-shrink:0; }

	#galeria {}
}
@media(min-width:1280px) {
	.divContenedorBannerPrincipal {display:flex; flex-direction:row; flex-wrap:nowrap;}
	.imgItemBannerPrincipal {margin:0 1px 0 1px; width:13px;}

	#divPuntosBannersPrincipal {margin-bottom:-10px; margin-top:15px; position:relative;}
	#galeria {justify-content:space-between; padding-left:7.031%; padding-right:7.031%;}
	#hrSeparadorAbajo {width:85.938%;}
	#hrSeparadorMedio {display:block;}
}

.divContenedorBannerPrincipal {cursor:default;}
.galeriaItem {cursor:pointer; height:186px; max-width:166px; padding-top:20px; transition:all 1s ease;}
.galeriaItem:hover {-webkit-filter:brightness(75%);}
.galeriaItemGrande {cursor:pointer; height:166px; max-width:428px; padding-top:20px; transition:all 1s ease;}
.galeriaItemGrande:hover {-webkit-filter: brightness(75%);}
.imgItemBannerPrincipal {cursor:pointer;}

#galeria {align-content:center; display:flex; flex-direction:row; padding-bottom:15px;}
#hrSeparadorAbajo {background-color:#3C3C3B; border:0; height:3px; width:85.938%;}
#hrSeparadorMedio {background-color:#002F87; border:0; height:20px; margin-top:5px; width:85.938%;}
#imgItemBannerPrincipalSliderActivo {display:none;}
#imgItemBannerPrincipalSliderInactivo {display:none;}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {		/* IE 10, IE 11 hacks..*/
	.galeriaItem {display:inline;}
	.galeriaItemGrande {display:inline;}
	.ie10 .divContenedorBannerPrincipal {display:-ms-flexbox; -ms-flex-direction:row; -ms-flex-wrap:nowrap;}

	#galeria {-ms-flex-direction:row; display:-ms-flexbox; -ms-flex-pack:justify; -ms-flex-wrap:wrap;}
}@media(min-width:0px) {
	div #divAccesoClientes {display:block;}

	#divBienvenido {display:none;}

	.colorItemSeleccionadoTexto {color:#002f87; font-weight:bold;font-size:1.1rem;}
	.colorItemTexto {font-weight:bold;font-size:1.1rem;}
	.divBarraAzul {display:none;}
	.divItemMenu {background-color:#f3f3f4; height:50px; line-height:50px; margin-bottom:2px; padding-left:8px; position:relative; text-align:left;}
	.divItemSubMenuPrivado {background-color:#d4cfe2; height:50px; line-height:50px; margin-bottom:2px; padding-left:48px; position:relative; text-align:left;}
	.imgFlechaMenu {display:none;}
	.spanBarrasMenuInicio {display:inline;}
	.spanItemMenu {padding-left:16px; padding-right:16px; vertical-align:-13px; width:32px;}
	.spanTextoMenu {font-weight:bold;font-size:1.1rem;}

	#divItemInicio {display:none;}
	#divMenu {display:none; font-family:Arial; padding-top:20px; position:relative;}
	#divMenu img {display:none;}
	#divMenu .spanItemMenu {display:inline;}
	#divMenuSeparador1 {display:none;}
	#divMenuSeparador2 {margin:10px 0;}
	#imgLogo {width:40%;}
	#imgMenu {width:12.5%;}
	.ocultarMenuPublico{display:none;}
}
@media(min-width:768px) {
	#divMenu .imgFlechaMenu {display:inline; position:absolute; right:0;}
	#divMenu #divLogOut {display:none;}
	#imgMenu {padding-top:28px; width:6.510%;}
	#imgLogo {width:30%;}
}
@media(min-width:1280px) {
	div #divAccesoClientes {display:block; order:5; position:absolute; right:4px;}
	div #divItemInicio {display:block; order:2; margin-left:8px;}

	.colorItemSeleccionadoBarra {background-color:#0a2f87;}
	.colorItemSeleccionadoTexto {color:#0a2f87; font-size:0.8rem;}
	.colorItemTexto {font-size:0.8rem; font-weight:inherit;}
	.divBarraAzul {display:block;}
	.divItemMenu {background-color:#fff; display:inline; line-height:55px; order:3; margin-right:32px; padding-left:0; position:relative; text-align:center;}
	.divItemMenuDesplegable {display:none;}
	.divItemMenuPrivado {display:none;}
	.divItemSubMenuPrivado {display:none;}
	.spanBarrasMenuInicio {display:none;}
	.spanTextoMenu {font-size:0.8rem; font-weight:inherit;}

	#divBienvenido {display:block; margin-right:0; order:5; padding-right:10px; position:absolute; right:0; width:19%;}
	#divBienvenido #menuDesplegable {background-color:#fff; color:#000; left:5%; position:relative;}
	#divBienvenido #menuDesplegable .liPrincipal {width:40px;font-size: 0.9em;}
	#divBienvenido #menuDesplegable .liPrincipal ul {filter:alpha(opacity = 90); opacity:.9; text-align:left;}
	#divBienvenido #menuDesplegable #miCuenta {background-image:url(/modules/menu/images/usuario_off.svg); border:none; cursor:pointer; height:29px; width:28px;}
	#divBienvenido #menuDesplegable #miCuenta:hover {background-image:url(/modules/menu/images/usuario_on.svg);}
	#divBienvenido #menuDesplegable #miCuentaTitulo {background-color:#002f87; color:#fff; cursor:default; height:40px; padding-bottom:5px; position:relative;}
	#divBienvenido #menuDesplegable #misNotificaciones {background-image:url(/modules/menu/images/notificacion_off.svg); border:none; cursor:pointer; height:29px; margin-left:-18px; width:28px;}
	#divBienvenido #menuDesplegable #misNotificaciones:hover {background-image:url(/modules/menu/images/notificacion_on.svg);}
	#divBienvenido ul, li {margin:0; padding:0;}
	#divBienvenido ul {display:inline-block; list-style:none; text-align:center;}
	#divBienvenido ul li {display:inline-block;}
	#divBienvenido ul#menuDesplegable {height:40px; list-style:none; margin:none; width:100%; text-align: right;}
	#divBienvenido ul#menuDesplegable li {line-height:15px; width:100%;}
	#divBienvenido ul#menuDesplegable li a {color:#000; display:block; padding:8px; text-decoration:none;}
	#divBienvenido ul#menuDesplegable li span {display:block; padding:14px 0 18px 8px;}
	#divBienvenido ul#menuDesplegable li a:hover {background-color:#002f87; color:#fff; filter:alpha(opacity = 50); opacity:.5;}
	#divBienvenido ul#menuDesplegable li ul {display:none;}
/*	#divBienvenido ul#menuDesplegable li ul {background-color:#fff; border:1px solid #002f87; box-shadow:0.7px 2px 3px #777; color:#002f87; display:block; left:0; margin-top:-6px; position:absolute; z-index:11;}*/


/*	#divBienvenido ul#menuDesplegable li:hover ul {background-color:#fff; border:1px solid #002f87; box-shadow:0.7px 2px 3px #777; color:#002f87; display:block; left:0; margin-top:-6px; position:absolute; z-index:11;}*/


	#divBienvenido ul#menuDesplegable li:hover ul li {background-color:#fff; color:#000; float:none;}
//	#divBienvenido ul#menuDesplegable li ul li ul, ul#menuDesplegable li:hover ul li ul {display:none;}
	#divBienvenido ul#menuDesplegable li:hover ul li:hover ul {display:block; left:100%;top:0;}	
	#divMenu {display:flex !important; flex-wrap:wrap;margin-left:12px; margin-top:-30px; position:relative;}

	#divIconosIzquierda {height:0;}
	#divIconosIzquierda #facebook, #twitter, #linkedin {top:64px;}
	#divMenu img {display:inline; vertical-align:-4px;}
	#divMenu .imgFlechaMenu {display:none;}
	#divMenu .spanItemMenu {display:none;}
	#divMenuSeparador1 {display:block; margin-top:96px;}
	#imgLogo {width:20.727%;}
	#imgMenu {display:none;}
}

.colorItemBarra {background-color:#45413d;}
.colorItemTexto {color:#45413d;}
.divBarraAzul {height:10px; left:-5%; position:relative; top:0px; width:110%;}
.divItemsMenu {display:none;}
.spanTextoMenu {color:#4b4b4a;}

#divIconosIzquierda #facebook {height:20px; padding-left:12px; position:relative; width:auto;}
#divIconosIzquierda #twitter {height:20px; padding-left:8px; position:relative; width:auto;}
#divIconosIzquierda #linkedin {height:20px; padding-left:8px; position:relative; width:auto;}

#divMenuSeparador1 {background-color:#45413d; height:10px; width:100%;}
#divMenuSeparador2 {background-color:#25B4BD; height:5px; width:100%;}
#divVistaPrevia {position:absolute;}
#imgContingencia {height:20px; left:1160px; position:absolute; top:80px; width:20px;}
#imgLogo {margin-right:1%;}
#menuMiCuenta {background-color:#fff; border:1px solid #002f87; box-shadow:0.7px 2px 3px #777; color:#002f87; left:0; position:absolute; margin-top:-6px; z-index:11;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {		/* IE 10, IE 11 hacks..*/
	div #divItemInicio {display:inline; -ms-flex-order:2;}
	.ie10 div #divAccesoClientes {display:inline; -ms-flex-order:1; margin-top:12px;}
	.ie10 .divBarraAzul {display:inline;}
	.divItemMenu {-ms-flex-order:3;}
	#divMenu {display:-ms-flexbox; margin-bottom:16px; margin-top:-30px;}
}@media(min-width:0px) {.divArticulo {margin-left:2.427%; margin-right:4.427%; margin-top:16px;}.divBajada {padding:10px 0 10px 0;}.divVolanta {padding:10px 0 5px 0;}.imgItemArticulo {width:3.125%;}}@media(min-width:768px) {.divImgArticulo {text-align:center;}.divLeerMas {display:inline;}}@media(min-width:1280px) {.divArticulo {margin-top:8px; width:61.091%}.divBajada {padding:10px 40px 10px 0;}.divContenedorArticulo {display:flex; flex-direction:row; flex-wrap:nowrap;}.divImgArticulo {background-color:#F5F5F5; text-align:left; width:38.909%;}.divVolanta {padding:10px 100px 5px 0;}.imgItemArticulo {margin:0 1px 0 1px; width:13px;}#divArticulos {margin-top:-2px; text-align:center;}#divBanners {display:none;}#divPuntosArticulos {margin-bottom:7px; margin-top:-20px; position:relative;}#slider {background-color:#f5f5f5;}}.divArticulo a {text-decoration:none;}.divBajada {color:#807f83; font-size:1rem;}.divContenedorArticulo {cursor:default;}.divLeerMas {color:#002f87;font-weight:bold;font-size:1rem;}.divTitulo {color:#002f87;font-weight:bold;font-size:2.2rem; line-height:28px;}.divVolanta {color:#807f83; font-style:italic; font-style:italic; font-size:1rem;}.imgBanner {width:100%;}.imgItemArticulo {cursor:pointer;}#divBotonesSlider {margin-bottom:20px; margin-top:-4.9%; position:relative;}#divPuntosArticulos {margin-right:20px;}#divVistaPrevia {left:20%; position:absolute; top:8px;}#imgBannerSliderActivo {display:none;}#imgBannerSliderInactivo {display:none;}#imgItemSliderActivo {display:none;}#imgItemSliderInactivo {display:none;}#slider2 {padding-top:16px;}.ie10 .divArticulo {width:56%}.ie10 .divContenedorArticulo {display:-ms-flexbox; -ms-flex-direction:row; -ms-flex-wrap:nowrap;}