/* styles only for saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mw-largemenu li a { text-shadow: 1px 1px #000; }
}


/* Large desktop */
@media (min-width: 1200px) {
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container { width: 960px !important;   /* seleccionar el contenedor para pantallas con una resolcion mas alta a 1200px*/ }

    /*.mw-largemenu{ font-size:18px }  seems be unnecessary*/

    .row-fluid .mw-span6 {
        width: 49.64% !important;
        *width: 49.64% !important;
    }
    .row-fluid .mw-span6, .row-fluid .mw-span3{
        margin-left: 0.7001% !important;
        *margin-left: 0.7001% !important;
    }
    .row-fluid .mw-span6:first-child {
        margin-left:0 !important;
    }
    .row-fluid .mw-span3{
        width: 24.835% !important;
        *width: 24.835% !important;
    }

}





@media (min-width: 980px) and (max-width: 1199px) {
    .mw-largemenu{ font-size:14px;}
    .row-fluid .mw-span6 {
        width: 49.64% !important;
        *width: 49.64% !important;
    }
    .row-fluid .mw-span6, .row-fluid .mw-span3{
        margin-left: 0.7001% !important;
        *margin-left: 0.7001% !important;
    }
    .row-fluid .mw-span6:first-child {
        margin-left:0 !important;
    }
    .row-fluid .mw-span3{
        width: 24.833% !important;
        *width: 24.833% !important;
    }

}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .row-fluid .mw-span6{
        width: 49.64% !important;
        *width: 49.64% !important;
    }
    .row-fluid .mw-span6, .row-fluid .mw-span3 {
        margin-left: 0.7001% !important;
        *margin-left: 0.7001% !important;
    }
    .row-fluid .mw-span6:first-child {
        margin-left:0 !important;
    }
    .row-fluid .mw-span3{
        width: 24.833% !important;
        *width: 24.833% !important;
    }

    .mod_dark_green{ padding:35px 0 17px 0; line-height:37px; height:155px; font-size:34px !important;}
    .mod_dark_green a{padding-left:27px}
    .mod_dark_green img{ float: right; vertical-align:middle; margin-top:-15px;}
    .mod_dark_green1 img{ margin-right:35px; width:83px; height:auto;}
    .mod_dark_green2 img{ margin-right:58px; width:75px; height:auto;}
    .mw-largemenu, .mw-mainmenus, .top-right { display:none !important;}
}
/* Landscape phones and down */
@media (max-width: 979px) {
    .wsn-secureq li label{ font-size: 13px}
    .mw-page-login{ padding-bottom: 15px;}
    .mw-login{ padding: 16px 10px 16px 10px !important; margin-top: 16px; max-width: 100% !important;}
    .mw-title_login{ font-size:14px;}
    .zopim{ display: none !important}
    #body .container{ padding: 0 16px;}

    /*Style for menu and logo for iPhone en mobil
    *************************************************/
    .mw-menus-device{ margin-bottom: 20px;}
    .mw-menus-device ul{ margin-bottom: 20px;}
    .mw-menus-device ul li{ border-bottom: solid 1px #ebebeb;}
    .mw-menus-device ul li a{ background: url(../images/mobil-img/go-to-right.png) no-repeat right center;}
    .mw-mov-logo{ float: left; width: 55%; overflow: hidden; margin-top: 17px;}
    .mw-mov-menu-ico{ background: url(../images/mobil-img/icon-toggle-menu2.png) no-repeat; width: 50px; height: 55px; float: right; margin-top: 7px; cursor: pointer}

    /*Style for modules beneficios and comprobante
    *************************************************/
    .mod_dark_green { background: url("../images/bg_green_mods.png") repeat-x; border-radius: 3px; color: #FFFFFF; font-size: 28px; height: 109px; line-height: 48px; margin-top: 10px; padding: 35px 0 17px;}
    .mod_dark_green a {padding-left: 15px; margin-top: -8px; line-height: 30px }
    .mod_dark_green img{ width: 65px;}
    .mod_dark_green1 img, .mod_dark_green2 img{ margin-right: 15px;}
    .mw-row-with-padding .row-fluid .span4{ display: inline-block; width: 35%}
    .mw-row-with-padding .row-fluid .span8{ display: inline-block; width: 60%}

    /*Style for modules compensacion anual, solicitudes and encuestas
    *************************************************/
    .mod_blues { background: #FFFFFF; height: 115px; margin: 0 !important; padding: 20px; width: 100% !important; text-align: left;}
    .blues_center{border-left: none !important; border-right: none!important; border-bottom: solid 1px #e0e0e0!important; border-top: solid 1px #e0e0e0!important;}
    .mod_blues h2{ font-size: 22px; font-weight: bold}
    .mod_blues p:first-child{ display: none;}
    .mod_blues img{ float: left; margin-right: 35px }

    /*Style for module gallerys on home page
    *************************************************/
    .mw-home{ padding-bottom: 0px}
    .mw-table-mydata input{ width: 95%;}
    .mw-table-mydata td{ padding: 5px 6px}
    .mw-mydata-head h3{ font-size: 21px;}

    /*Style for noticias
    *************************************************/
    .items-row .mw-intro-news img{ width: auto; height: auto;}
    .blog_news .column-1, .blog_news .column-2,
    .blog_news .column-3{ border-right: none 0; padding-right: 0px;}
    .readmore-news{ position: relative; margin-bottom: 30px;}
    .mw-date{ margin-top: 4px;}


    /*Style for module gallerys on home page
    *************************************************/
    .mod_gallery{}
    .blog_actividades .row-fluid [class*="span"]{ margin-bottom: 15px;}
    .mod_gallery h2{ font-size: 21px; margin: 0 0 10px 0;}
    .mod_gallery .mw-viewall{ margin-top: 6px;}
    .mod_gallery .span6{ margin-bottom: 15px;}
    .mod_gallery .items-row {margin-bottom: 3px;}
    .pagination .pull-right{ float: none;}

    /*Style for component on home page
    *************************************************/
    .mw-left-home{ margin-bottom: 10px;}
    .mw-component .items-row{ margin-bottom: 0}
    .mw-component h2{ font-size: 19px;}
    .mw-component .mw-viewall { margin-top: 17px;}
    .mw-component .readmore-featured{ position: relative; margin-bottom: 20px;}

    /*Style for deduciones
    *************************************************/
    .mw-row-with-padding .row-fluid{}
    .mw-row-with-padding .row-fluid [class*="span"]{ margin: 0; display: inline-block}
    .mw-total-deducciones .mw-deduciones-bottom{ position: relative}

    /*Style for cumpleaños
    *************************************************/
    .mw-birthday-left{ display: none;}
    .mw-birthday-right{ width: 100%}

    /*Style for subastas
    *************************************************/
    .mw-subastas .mw-sleft{ width: 100%}
    .mw-subastas .mw-sright{ width: 100%}
    .mw-subastas-items .row-fluid [class*="span"]{ width: 44%; float: left;}
    .mw-subastas-items .row-fluid [class*="span"] .item{ width: 100%; float: left;}
    .mw-subastas-items .row-fluid [class*="span"] .item.column-1, .mw-subastas-items .row-fluid [class*="span"] .item.column-2{ margin-right: 30px}
    .mw-subastas-items .row-fluid [class*="span"] .item.column-2, .mw-subastas-items .row-fluid [class*="span"] .item.column-4{ margin-left: 30px}
    iframe#document, .mw-subastas-anteiores{ display: none}
    .mw-form-subastas .mw-forms{ width: auto}
    .mw-footerform {width: auto; padding: 10px 12px; margin-bottom: 10px; max-width: 335px }

    /*Style for Beneficios
    *************************************************/
    .wk-gallery-wall_soycnd.margin>* { max-width: 134px; }

    /*Style for Beneficios
    *************************************************/
    .blog_beneficios .row-fluid [class*="span"]{ display: inline-block; width: 22%; margin-bottom: 30px;}
    .pull-left { margin: 0 0 8px 0; width: 100%; }

    /*Style for footer
    *************************************************/
    .footer{ text-align: center; line-height: 7px;}
    .footer img{ margin: 12px 0px; }


    /*Style for job form (In login)
    *************************************************/
    .wsn-job .wsn-input, .wsn-job select{ margin-bottom: 10px;}
    .wsn-groupf .row-fluid{ margin-bottom: 0 !important}
    .wsn-msg-ced{margin: -10px 0 10px}
    .wsn-btn-container{text-align: center; margin-top: 20px;}
    .wsn-btn-container .wsn-noteb{ margin-bottom: 15px;}
    .wsn-btn-container .wsn-noteb div{ padding-left: 0 !important;}
    .wsn-job .wsn-cnd-logo{ margin-top: -40px;}

    /*Style for compensacion anual (si se cambia algo aquí, buscar el hashtag #compensacion_responsive y cambiarlo allí también.)
    *************************************************/
    .mw-tooltips{ display: none;}
    .mw-label-svm{ margin-left: 0; padding-left: 0}
    .mw-comp-header{}
    .mw-comp-header .numero{ width: 100%}
    .mw-comp-bloque{ margin-right: 0; border-right: 0 none; height: auto; margin-bottom: 10px; padding-right: 0; display: block}
    .mw-comp-header label{ width: 100%;margin-bottom: 0;}
    .mw-comp-header2 input, .mw-comp-header2 select{ width: 100%}
    div.chart-wrap div.list{ width: 100% !important;}
    .mw-iconss{ position: relative; overflow: visible;  color: #fff; /* height: 20px; */ background: #363E70; width: 183px; display: block !important;
                color: #fff; padding: 7px; margin-top: -4px; }
    div.chart-wrap div.list .parent{ height: auto!important}
    div.chart-wrap [class*='line']{ display: none;}
    div.chart-wrap .guias [class*='guia']{ width: 21% !important; font-size: 10px; margin-top: -9px;}
    div.chart-wrap .guias .guia1{ width: 10% !important;}
    .mw-triangulo_inf{ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #173e69;
                       position: absolute; top: 100%; left: 6px; z-index: 9; }
    div.chart-wrap div.list .valores{ font-size: 12px;}
    /*2017*/
    .hidden-desktop { display: block; text-align: center;}
    .hidden-phone, .hidden-tablet { display: none; }
    .visible-desktop { display: none; }

}

@media (max-width: 767px) {
    .wsn-secureq li{display: block; width: 100%}
    .mw-component h2{ font-size: 17px !important; margin: 20px 0 10px !important}

    /*    .mod_blues{ font-size:12px; float:left !important;}
        .mod_blues h2{ line-height:24px;}
        .mw-largemenu, .mw-mainmenus, .top-right { display:none !important;}*/

}

@media (max-width: 568px) {

    /*Style for Beneficios
     *************************************************/
    .wk-gallery-wall_soycnd.margin>* { max-width: 134px; }
    .blog_beneficios .row-fluid [class*="span"]{ display: inline-block; width: 49.1%; margin-bottom: 30px;}
    .pull-left { margin: 0 0 8px 0; width: 100%; }

    /*Style for job form (In login)
    *************************************************/
    .wsn-job h2{ font-size: 16px}
    .wsn-job h3{ margin-top: -11px; font-size: 13px;}

    /*Styles for Payments Variable
    *****************************************************/
    .mw-payments-variable h1{font-size:20px;}
    .wsn-pv-header .span7, .wsn-pv-header .span5{ padding: 0px 0px 0px 20px !important;}
    .wsn-pv-header .span12 .row-fluid{ padding: 10px 0}
    .wsn-pv-header .wsn-right{ margin-top: 10px;}
    .wsn-pv-header .wsn-right .span12{ margin-top: 0;}
    .wsn-pv-header .wsn-right div{ font-size: 13px;}
    .wsn-pv-header .wsn-right{ min-height: auto}

}

@media (min-width: 980px) {
    /*Style for compensacion anual
    *************************************************/
    .hidden-desktop { display: none; }
    .visible-phone { display: none; }
}


@media (min-width: 992px) and (max-width: 1270px) {

    /*Style for compensacion anual (si se cambia algo aquí, buscar el hashtag #compensacion_responsive y cambiarlo allí también.)
    *************************************************/
    .mw-tooltips{ display: none;}
    .mw-label-svm{ margin-left: 0; padding-left: 0}
    .mw-comp-header{}
    .mw-comp-header .numero{ width: 100%}
    .mw-comp-bloque{ margin-right: 0; border-right: 0 none; height: auto; margin-bottom: 10px; padding-right: 0; display: block}
    .mw-comp-header label{ width: 100%;margin-bottom: 0;}
    .mw-comp-header2 input, .mw-comp-header2 select{ width: 100%}
    div.chart-wrap div.list{ width: 100% !important;}
    .mw-iconss{ position: relative; overflow: visible;  color: #fff; /* height: 20px;*/ background: #363E70; width: 183px; display: block !important;
                color: #fff; padding: 7px; margin-top: -4px; }
    div.chart-wrap div.list .parent{ height: auto!important}
    div.chart-wrap [class*='line']{ display: none;}
    div.chart-wrap .guias [class*='guia']{ width: 21% !important; font-size: 10px; margin-top: -9px;}
    div.chart-wrap .guias .guia1{ width: 10% !important;}
    .mw-triangulo_inf{ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #173e69;
                       position: absolute; top: 100%; left: 6px; z-index: 9; }
    div.chart-wrap div.list .valores{ font-size: 12px;}
    /*2017*/
    .hidden-desktop { display: block; text-align: center;}
    .hidden-phone, .hidden-tablet { display: none; }
    .visible-desktop { display: none; }

}