.gestion_bar{
    position:fixed;
    z-index:10000;
    top:10px;
    left:10px;
    background:#fff;
    border:1px solid #e9e9e9;
    font-family:Arial, Helvetica, sans-serif;
    -moz-box-shadow: 0px 0px 2px #000000;
    -webkit-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
     border-radius: 2px;
     width:44px;}
.gestion_bar *{
    margin:0;padding:0;}
.gestion_bar .gestion_bar_cont{
    padding:1px 0px;}
.gestion_bar .item_bar{
    width:40px;
    height:40px;
    margin:1px 2px 1px;
    background:#333;
    cursor:pointer;
    position:relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .item_bar .icon img{
    padding:8px;
    border:0;}
.gestion_bar .item_bar:hover{
    background:#000;
    padding:0 8px 0 0;
    -moz-border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;}
.gestion_bar .item_bar .submenu{
    display:none;
    margin-left:48px;
    width:170px;
    padding:3px;
    background:#000;
    position:absolute;
    top:0;left:0;
    -moz-border-radius: 0px 2px 2px;
    -webkit-border-radius: 0px 2px 2px 2px;
    border-radius: 0px 2px 2px;}
.gestion_bar .item_bar:hover .submenu{
    display:block;}
.gestion_bar .item_bar .submenu .submenuItem{
    width:150px;
    margin:0 0 1px;
    position:relative;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    background:#222;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height:30px;
    padding:0 10px;}
.gestion_bar .item_bar .submenu .submenuItem img{
    margin:5px 0 0;
    float:left;}
.gestion_bar .item_bar .submenu .submenuItem span{
    float:left;
    display:block;
    color:#ccc;
    margin:8px 0 0 5px;}
.gestion_bar .item_bar .submenu .submenuItem a{
    float:left;
    display:block;
    color:#fff;
    text-decoration:none;
    margin:8px 0 0 5px;}
.gestion_bar .item_bar .submenu .submenuItem:hover{
    background:#000;}
/*2do Nivel*/
.gestion_bar .item_bar .submenu .submenuItem .submenu2{
    display:none;
    position:absolute;
    top:-3px;
    left:170px;
    width:170px;
    background:#000;
    padding:5px;
    -moz-border-radius: 0px 2px 2px 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px;}
.gestion_bar .item_bar .submenu .submenuItem:hover .submenu2{
    display:block;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item{
    position:relative;
    background:#222;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin:0 0 1px;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item a{
    color:#fff;
    text-decoration:none;
    margin:0;
    float:none;
    padding:6px 6px 7px;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item span{
    color:#fff;
    margin:0;
    padding:6px 6px 7px;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover{
    background:#000;}
/*3er Nivel*/
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item .submenu3{
    display:none;
    position:absolute;
    top:-5px;
    left:170px;
    width:150px;
    background:#000;
    padding:5px;
    -moz-border-radius: 0px 2px 2px 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3{
    display:block;
    }
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3 .submenu3Item a{
    display:block;
    color:#fff;
    padding:6px;
    text-decoration:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background:#222;
    margin:0 0 1px;
    float:none;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3 .submenu3Item a:hover{
    background:#000;}

/*Icon edit*/
.gestion_bar .itembarEdit{
    width:40px;
    height:40px;
    margin:1px 2px 1px;
    background:#96C742;
    cursor:pointer;
    position:relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .itembarEdit img{
    padding:8px;
    border:0;}
.gestion_bar .itembarEdit:hover{
    background:#96C742;
    padding:0 8px 0 0;
    -moz-border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;}
.gestion_bar .itembarEdit .itembarEditCont{
    display:none;
    background:#96C742;
    position:absolute;
    top:0;
    left:48px;
    padding:10px;
    width:190px;
    -moz-border-radius: 0px 2px 2px;
    -webkit-border-radius: 0px 2px 2px 2px;
    border-radius: 0px 2px 2px;}
.gestion_bar .itembarEdit:hover .itembarEditCont{
    display:block;}
.gestion_bar .itembarEdit:hover .itembarEditCont a{
    display:block;
    padding:8px;
    margin:0 0 2px 0;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    background:#729F25;
    text-decoration:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .itembarEdit:hover .itembarEditCont a:hover{
        background:#143D16;}
.gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigPortal{}
.gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigPag{}
.gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigAddComp{}

/*Icon Eye*/
.gestion_bar .itembarEye{
    width:40px;
    height:40px;
    margin:1px 2px 1px;
    background:#f26e45;
    cursor:pointer;
    position:relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .itembarEye img{
    padding:8px;
    border:0;}
.gestion_bar .itembarEye:hover{
    padding:0 12px 0 0;}

.gestion_bar .itembarEye .barEyeCont{
    display:none;
    background:#f26e45;
    position:absolute;
    top:0;
    left:48px;
    padding:10px;
    -moz-border-radius: 0px 2px 2px;
    -webkit-border-radius: 0px 2px 2px 2px;
    border-radius: 0px 2px 2px; }
.gestion_bar .itembarEye:hover .barEyeCont{
    display:block;
    width:190px;}

.gestion_bar .itembarEye .barEyeCont .selectView{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background:#fff;
    padding:3px;}
.gestion_bar .itembarEye .barEyeCont .selectView select{
    border:0;
    color:#333;
    font-weight:bold;
    font-size:14px;
    width:180px;
    padding:2px;}
.gestion_bar .itembarEye .barEyeCont .options{
    padding:10px 0 2px;
    overflow:hidden;}
.gestion_bar .itembarEye .barEyeCont .options a{
    display:block;
    float:left;
    padding:5px 8px;
    font-size:12px;
    color:#fff;
    text-decoration:none;
    background:#d15a34;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color:#fff;}
.gestion_bar .itembarEye .barEyeCont .options a:hover{
        background:#c34d28;}
.gestion_bar .itembarEye .barEyeCont .options a.editTheme{}

/*Icon Add*/
.gestion_bar .itembarAdd{
    width:40px;
    height:40px;
    margin:1px 2px 1px;
    background:#31ce31;
    cursor:pointer;
    position:relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .itembarAdd img{
    padding:8px;
    border:0;}


/*Icon Info User*/
.gestion_bar .itembarUser{
    width:40px;
    height:40px;
    margin:1px 2px 1px;
    background:#0d83dd;
    cursor:pointer;
    position:relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .itembarUser img{
    padding:8px;
    border:0;}
.gestion_bar .itembarUser:hover{
    padding:0 12px 0 0;}

.gestion_bar .itembarUser .barUserCont{
    display:none;
    background:#0d83dd;
    position:absolute;
    top:0;
    left:48px;
    padding:10px;
    -moz-border-radius: 0px 2px 2px;
    -webkit-border-radius: 0px 2px 2px 2px;
    border-radius: 0px 2px 2px; }
.gestion_bar .itembarUser:hover .barUserCont{
    display:block;
    width:190px;}

.gestion_bar .itembarUser .barUserCont .userName{
    padding:5px 0;
    color:#fff;
    font-size:16px;
    font-weight:bold;}
.gestion_bar .itembarUser .barUserCont .userMail{
    font-size:12px;
    color:#fff;
    padding:0 0 10px}

.gestion_bar .itembarUser .barUserCont .options{
        overflow:hidden;}
.gestion_bar .itembarUser .barUserCont .options a{
    display:block;
    float:left;
    padding:5px 8px;
    margin:0 2px 2px 0;
    font-size:12px;
    color:#fff;
    background:#8cc2ec;
    text-decoration:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .itembarUser .barUserCont .options a:hover{
    background:#036ebe;}

.gestion_bar .itembarUser .optionsApp{
    margin:5px 0 0;
    background:#8cc2ec;
    padding:8px;
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .itembarUser .optionsApp h4{
        color:#fff;
        font-weight:normal;
        font-size:12px;
        padding:3px;}
.gestion_bar .itembarUser .optionsApp h4 b{}
.gestion_bar .itembarUser .optionsApp a.actualizarApp{
    display:block;
    margin:5px 0 0;
    padding:5px 8px;
    font-size:12px;
    color:#fff;
    text-align:center;
    background:#0d83dd;
    text-decoration:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
.gestion_bar .itembarUser .optionsApp a.actualizarApp:hover{
        background:#0A5B98;}


/* ESTILO DEL EDITOR DE TEXTOS DE PUBLICACIONES */

.bg_edit_text{
    position:fixed;
    top:0;
    left:0;
    z-index:11999;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);}
.bg_edit_text form.form_html_text{
    position:absolute;
    left:18%;
    right:18%;
    top:10px;
    width: 60% !important;
    background:#fff;
    padding:2%;}
.bg_edit_text form.form_html_text textarea{
    width:100%;}
.bg_edit_text form.form_html_text table{
    width:100%;}
.bg_edit_text form.form_html_text button[type="cancel"],  .bg_edit_text form.form_html_text button[type="submit"]{
    margin:10px 0 0;
    padding:10px;
    border:0;
    color:#fff;
    border-radius:3px;
    cursor:pointer;}
.bg_edit_text form.form_html_text button[type="submit"]{
    float:right;
    background:#25641d;}
.bg_edit_text form.form_html_text button[type="cancel"]{
    float:left;
    background:#8d2f2f;}
.bg_edit_text form.form_html_text button[type="submit"]:hover{
    background:#183d13;}
.bg_edit_text form.form_html_text button[type="cancel"]:hover{
    background:#701313;}





/* FIN ESTILO DEL EDITOR DE TEXTOS DE PUBLICACIONES */


/*=====BOTONES DE GESTION DE CONTENIDOS DE COMPONENTES====*/

.widget_container{
    position:relative;}
.widget_edit{
    position:absolute;
    top:3px;
    left:3px;
    z-index:1000;}
.widget_edit a{
    background: #fff url(/statics/images/icon_conf.png) 2px 2px no-repeat;
    width:15px;
    height:15px;
    z-index:9999;
    overflow:hidden;
    text-indent:-9999px;
    display:block;
    -moz-box-shadow: 0px 0px 2px #000000;
    -webkit-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    }
.editProd, .editPub, .editPubItem{
    position:absolute;
    top:5px;
    right:5px;
    z-index:900;}
.editProd a, .editPub a, .editPubItem a{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display:block;
    background:#333;
    color:#fff;
    padding:4px;
    font-weight:bold;
    font-size:10px;
    cursor:pointer;}

/*=====FIN BOTONES DE GESTION DE CONTENIDOS DE COMPONENTES====*/


/* ================== PRELOADER GENERICO SOBRE ACCIONES EN LA WEB ===================== */

.loadOrisom{
       background: rgba(0,0,0,0.5);
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:9999;}
.loadOrisom .loadOrisomImg{
        background: url(/statics/theme_mws/images/core/preloader.gif) top left no-repeat;
        width:50px;
        height:50px;
        position:absolute;
        top:50%;
        left:45%;
        right:45%;
        border-radius:5px;}

/* ================== FIN PRELOADER GENERICO SOBRE ACCIONES EN LA WEB ===================== */


/* ================== PAGE SLIDE ===================== */

#pageslide{
    /* Estos estilos son importantes para el funcionamiento */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    padding:0;

    /* Estos estilos son opcionales y muestran como se va a ver el pageslide*/
    border-left:1px solid #000;
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;}

/* ================== FIN PAGE SLIDE ===================== */



/* ================== MENU FRONT WWW DASHBOARD PAGE ===================== */
.frontAdminMenu{ 
    position:fixed;
    bottom:5px;
    right:10px;
    z-index: 99999999;
    background:#000;
    padding:5px;    
}

.frontAdminMenu a{ 
    cursor: pointer;
    color:#fff;
}


.frontAdminMenu .tagButon { 
    color:#f93232;
}

.frontAdminMenu  .active{ 
    color:#5edc48;
}



/* ================== LOGIN PAGES ===================== */
   

.userInfo{
    text-align: center;
    padding: 3px;display:none;
}

.userInfoImg{
    max-height:100px;
    max-width:100px;
    border-radius: 50%;
}

.userInfoUsername{
    padding: 7px;
    font-size: 19px;    
}

.userInfoEmail{
    padding: 7px;
    font-size: 15px;
}   


.btnChangeUser a{
    text-align:right;
    display: block;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    padding: 2px 0 0;
}

    
.loginWeb{
    width:100%;
    height:100%;
    display:table;
    font-family: 'Montserrat', sans-serif;
    text-align:center;}
.loginWeb main{
    width:100%;
    display:table-cell;
    vertical-align:middle;
    text-align:center;}
    
    
.logWeb{
    width:300px;
    margin:0 auto;}
.logWeb .logCont{
    text-align:center;}
.logWeb .logCont .logo{
    padding:0 0 25px;
    position:inherit;
    }
.logWeb .logCont .logo img{
    max-width:200px;}

.logWeb .loginContent{
    text-align:left;}
    
    
.logWeb .loginContent .defaultCont {}   
.logWeb .loginContent .defaultCont .wrapper{
    padding:20px;
    background-color: #f7f7f7;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    -moz-box-shadow: 0px 7px 30px -7px #ccc;
    -webkit-box-shadow: 0px 7px 30px -7px #ccc;
    box-shadow: 0px 7px 30px -7px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 7, direction = 180, color = '#ccc');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 7, Direction = 180, Color = '#ccc')";}
    
    
.logWeb .loginContent h4{
    text-align:center;
    padding:0 20px 0px;
    color:#0d83dd;}

.logWeb .subtitle{
    padding:0 0 20px;
    font-size:14px;
    color:#333;
    text-align:center;}
    
.logWeb .campo{
    width:100%;
    padding:0 0 2px 0;}
.logWeb .campo input{
    width:100%;
    padding:10px;
    border:1px solid #ccc;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    
.logWeb .campo input.inpError{
    border:1px solid #cd3840;}
    
.logWeb .campoBtn{
    width:100%;
    padding:2px 0 0;}
.logWeb .campoBtn input{
    width:100%;
    padding:10px;
    font-size:18px;
    cursor:pointer;
    background:#0d83dd;
    color:#fff;
    text-align:center;
    border:1px solid #077bd3;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;}
.logWeb .campoBtn input:hover{
    background:#077bd3;}
    
.logWeb .options{
    padding:20px 0;} 
.logWeb .options ul{
    list-style-type:none;}
.logWeb .options ul li{}
.logWeb .options ul li a{
    display:block;
    font-size:14px;
    color:#666;
    text-decoration:none;
    padding:2px 0 0;}
.logWeb .options ul li a:hover{
    color:#0d83dd;}
    
.logWeb .note{
    padding:20px 0;
    font-size:14px;
    color:#666;
    text-align:center;}
    
.logWeb .btnBack{
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size:14px;
    color:#333;
    cursor:pointer;
    padding:5px;
    width:100px;
    margin:20px auto;
    border:1px solid #c5e3fa;
    text-align:center;}
.logWeb .btnBack:hover{
    border: 1px solid #0d83dd;}
    
    
.logWeb .mensaje_error{
    text-align:center;
    padding:10px;
    border:1px solid #e58085;
    background:#f5e0e1;
    font-size:14px;
    margin:0 0 2px;}
.logWeb .mensaje_ok{
    text-align:center;
    padding:10px;
    font-size:18px;}
    
    
.logWeb .infoApp{
    text-align:center;
    padding:5px;
    margin:0 0 2px;}
    
    
.logWeb .infoApp img{
    display:inline-block;
    vertical-align:middle;
    max-height:28px;
    max-width:28px;}
.logWeb .infoApp h5{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    color:#666;}
body{
    margin:0;
    padding:0;
    
/    font-family: 'Open Sans', sans-serif;
    font-family: 'Questrial', sans-serif;

}    

/*=====Generico====*/

*{
    margin:0;
    padding:0;
    outline:0;}
input, select, textarea{
    outline:0;
    font-family: 'Questrial', sans-serif;}
input::-moz-focus-inner { border:0; padding:0 }
img{
    border:0;
    outline:0;}
    
/*===== Correcciones de gestion ====*/   
    
.slide .widget_container{
    position:static;}  
    
    
/*===== Transitions ====*/  
    

.mp .accesMp .menuItem,
.btnCatalog .menuTitle a,
.btnAccion01 .contMenu .menuLink a,
.btnUbicacion .menuItem,
.slide .menuLink a,
.catalog .addCart .text,
.mainForm .formButtons input{
    -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
    transition:all 0.3s ease-out;  /* W3C */
}

    
/*=====--------Estructura----------====*/   



.w2{} 
.w2 .web{
    margin-top:87px;}


 
      
    
/*===== Apartado de Mercado Pago */     

.mp{
    overflow:hidden;
    position: relative;
/    background: #fff;
/    border-top: 2px dotted #5d9e71;
/    background: #7a8057;
/    background: url('/drive/repo/general/fondoD_v.png') no-repeat center/cover;
    width:94%;
    margin:0 auto;
    padding:50px 3%;}
.mp .logoMp{
    margin-top: -50px;
    float:left;
    width:25%;}
.mp .logoMp img{
    max-width:90%;}
.mp .imgMp{
    float:left;
    width:25%;}
.mp .imgMp img{
    margin-top: -35px;
    max-width:100%;}
.mp .accesMp{
    margin-top: -43px;
    float:right;
    width:50%;}
    
    
.mp .accesMp{}
.mp .accesMp .menuItem{
    position:relative;
    background: #eec239;
    border:3px solid transparent;
    cursor:pointer;}
.mp .accesMp .menuItem:hover{
    background:#ccc;}
.mp .accesMp .menuItem .menuPic{
    position:absolute;
    bottom:20px;
    right:25px;}
.mp .accesMp .menuItem .menuPic a{
    border:0:outline:0;}
.mp .accesMp .menuItem .menuTitle{}
.mp .accesMp .menuItem .menuTitle a{
    display:block;
    color:#333;
    font-weight:bold;
    font-size:16px;
    padding:20px 60px 20px 25px;}
    
/*===== Apartado Aviso API */ 
  
.whatsapp_banner .avisoapi{
    margin-top: -5px;
    text-align: center;
    max-width:100%;
    padding-bottom: 10px;
/    border-bottom: 2px dotted #fff;
}
    

/*===== Footer + Mapa */


.map{
    width:100%;}
.map iframe{
    width:100% !important;
    height:400px !important;}
    
footer{
/    background: url(/drive/repo/general/fondo_a1.png) no-repeat 55% 63%/cover;
/    border-top: 7px solid #fecc7c;
    background: rgba(0,0,0,0.65);
    border-top: 1px solid #fff;
}
 
.footerCont{
    width:94%;
    padding:0 3%;}


.footerCont .bgFooter{
    padding:20px 0;}


.col3Cols{
    overflow:hidden;
    padding:20px 0;
    text-align:center;}
.col3Cols .col1{
    display:inline-block;
    vertical-align:middle;
    width:33%;}
.col3Cols .col2{
    display:inline-block;
    vertical-align:middle;
    width:33%;}
.col3Cols .col3{
    display:inline-block;
    vertical-align:middle;
    width:33%;}

.copyright{
/    background: url('/drive/repo/general/fondoA_v.png') no-repeat center/cover;
    background: #880000;
/    background: rgba(0,0,0,0.05);
/    background: rgba(95,2,31,0.5);
    margin:0 0 0;
/    border-top:1px solid #fff;
    padding:20px 0 2;}

    
    
/*=====Home====*/     
    
.web{}
.w1{}
    
.w1 .web{
    position: absolute;
    width: 100%;
    height: 84vh;
    
}

/*=====Slide====*/ 

.slide {
    
    width: 100%;
    height: 60vh;
    margin-bottom: 20px; 
    margin-top: 0px;
    position: relative;
    overflow: hidden;
    background: transparent;
/    border: 7px solid #fff;
/    background: rgba (0,0,0,0.65);
}
.slide a {
    text-decoration: none;
}
.slide .menuItem {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
    text-align: center;
}
.slide .menuItem.active {
    display: table;
}
.slide .menuItemCont {
    display: table-cell;
    vertical-align: top;
    padding: 0 7.5%;
    z-index: 2;
}
.slide .menuTitle a {
    font-family: 'Oswald'; 
    text-transform: uppercase;
/    font-family: 'Bebas Neue';
    display: inline-block;
    width: 80%;
    margin-top: 19%;
    letter-spacing: 1.3em;
    font-size: 3rem;
    line-height: 1;
    letter-spacing:-0.01em;
    color: #fff;
    font-weight: bold;
}

.slide .menuTitle a:hover {
    color: #eec239;
}

.slide .menuDescription {
    margin-bottom: 25px;    
}
.slide .menuDescription p {
    margin-top: 1%;
    font-size: 1.7rem;
    line-height: 1.3;
    color: #fff;
    text-align: center; 
}

.slide .menuDescription p:hover {
    color: #eec239;
}

.slide .menuLink a {
    display: inline-block;
    font-size: .9rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 40px;
    color: #fff;
    border:2px solid #fff;
    padding:20px 25px;
}
.slide .menuLink a:hover {
     color: #eec239;
/    background: rgba(0,0,0,0.5);
}
.slide .bkg {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    min-height: 100%;
}
.slide .arrowNav div {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 18%;
    width: 30px;
    height: 55px;
    z-index: 9;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 3;
}
.slide .arrowNav div.prev {
    left: 5%;
    background-image: url('/drive/repo/editorweb/arrowL.png');
}
.slide .arrowNav div.next {
    right: 5%;
    background-image: url('/drive/repo/editorweb/arrowR.png');
}
.slide .selectorNav {
    position: absolute;
    left: 0;
    right: 0;
    top: 88%;
    text-align: center;
    z-index: 3;
}
.slide .selectorNav ul {
    display: inline-block;
    padding: 8px 5px;
    background-color: rgba(0,0,0,.1);
    border-radius: 50px;
}
.slide .selectorNav li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.slide .selectorNav li.active {
    background-color: #f6d405;
}

/*===PARALLAX===*/

.parallax {
  background-image: url("/drive/repo/editorweb/s04_1920x960.jpg");
  height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 50px;
  width: 100%;
}

    
 
/*===== Logo superior ====*/
.logoGB{
    display:block;}   
.logoGB-black{
    display:none;}
.logoGB-icon{
    display:none;}

/*===== Menu Superior  ====*/

.nav1,.nav2{
    float:right;
    display:block;
    clear:both;
    overflow:hidden;
    z-index: 999;}
.nav1 .menuItem,.nav2 .menuItem{
    float:left;}
.nav1 .menuItem  a, .nav2 .menuItem  a{
    display:block;
    color:#fff;
    text-decoration:none;}
   
.nav1 .menuItem  a:hover,
.nav2 .menuItem  a:hover,
.nav1 .menuItem.selected a,
.nav2 .menuItem.selected a{
    color:#eec239;}
  
    

.nav1 .menuItem{
    float:left;}
.nav1 .menuItem  a{
    padding:5px 10px;
    font-size:12px;}
    
.nav2 .menuItem{
    float:left;}
.nav2 .menuItem  a{
    padding:5px 10px;
    font-size:15px;
    font-weight: 800;}



.body-grid-container{
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 1180px;
    grid-template-rows: min-content min-content min-content min-content 1fr;
    grid-template-columns: 100%;
}

.body-grid-container .titles{
    position: relative;
    margin: 0px 0px 15px calc((100% - 980px) * 0.5);
    left: 100px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    width: 780px;
    pointer-events: none;
}
.body-grid-container .titles h1{
    font-family: Oswald;
    text-transform: uppercase;
    text-align: center;
    font-size: 2rem;
    letter-spacing: normal;
}
.body-grid-container .titles2{
    position: relative;
    margin: 0px 0px 15px calc((100% - 980px) * 0.5);
    left: 100px;
    grid-area: 4 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    width: 780px;
    pointer-events: none;
}
.titles2 .subtitle {
    color: #999;
    font-size: 14px;
}
.body-grid-container .titles2 h1{
    font-family: Oswald;
    text-transform: uppercase;
    text-align: center;
    font-size: 2rem;
    letter-spacing: normal;
}

.body-grid-container .circled-category{
    position: relative;
    margin: 0 auto 25px auto;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
}
.body-grid-container .circled-category .categories{
    width: 60rem;
}
.body-grid-container .circled-category .wdgContent{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 0px;
    text-align: center;
}
.body-grid-container .circled-category .wdgContent .wdgItemPost{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10%;
    border: 15px solid;
    margin: 15px 15px;
    color: #880000;
}
.body-grid-container .circled-category .wdgContent .wdgItemPost .PostPic img{
    width: 25%;
    margin-bottom: 15px;
}

.body-grid-container .circled-category .wdgContent .wdgItemPost .PostDetails .title{
    text-transform: uppercase;
    font-size: 20px;
    font-family: Oswald;
    margin-bottom: 15px;
    font-weight: 800;
}

.body-grid-container .circled-category .wdgContent .wdgItemPost .PostDetails .description{
    line-height: 21px;
    width: 310px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    font-size: 14px;
}

.body-grid-container .publicaciones{
    left: 0;
    width: 80%;
    height: auto;    
    position: relative;
    margin: 0 auto;
    left: 0px;
    grid-area: 5 / 1 / 6 / 2;
    justify-self: start;
    align-self: start;
}
.body-grid-container .publicaciones .publicacion{
    overflow: hidden;
    pointer-events: auto;
    display: flex;
    margin: 25px 0;
}
.body-grid-container .publicaciones .publicacion .screenOptions{
    display: none;
}

.body-grid-container .publicaciones .publicacion .publicacion-text{
    width: 50%;
    height: 38.3rem;
    margin: 0 10px;
    background: #F1F1F1;
}
.body-grid-container .publicaciones .publicacion .publicacion-text .title{
    margin: 85px 0px 46px 0;
    font-family: Oswald;
    text-align: center;
    text-transform: uppercase;
}
.body-grid-container .publicaciones .publicacion .publicacion-text .subtitle h3{
    margin: 0px 0px 35px 0;
    padding: 0 50px;
    text-align: center;
    font-size: 17px;
    font-weight: 600!important;
    font-family: Questrial;
    line-height: 25px;
}
.body-grid-container .publicaciones .publicacion .publicacion-text .PostDescription{
    margin: 0 0 5% 0;
    font-family: Questrial;
    text-align: center;
    padding: 0px 60px;
    line-height: 37px;
}

.body-grid-container .publicaciones .publicacion .img-publicacion{
    width: 50%;
    margin: 0 10px;
    height: 38.3rem;
}

.body-grid-container .publicaciones .publicacion .img-publicacion .pic img{    
    height: 38.3rem;
    width: 100%;
}

/* -------------------------------------------------

                CARRITO HOVER

------------------------------------------------- */



.cart .productsCartCont {
    display: none;
    cursor: pointer;
    position: fixed;
    top: 10.1%;
    left: 32.5%;
    z-index: 999;
/    background: #f3d474;
    width: 380px;
/    padding: 10px 10px 10px 10px;
    transition: all .21s;  
    background: #f3d474;   
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;    
    -moz-box-shadow: 0px 0px 14px #ccc;
    -webkit-box-shadow: 0px 0px 14px #ccc;
    box-shadow: 0px 0px 14px #ccc;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 3px 5px #ccc;
}

.cart .productsCartCont h4 {
    color: #fff;
    font-size: 8px;
    letter-spacing: 1.2px;
/    background: rgba(0,0,0,0.25);
    margin-top: -30px;
    margin-left: 43px;
}

.cart .productsCartTitle .text {
    color: #fff;
    font-size: 8px;
    letter-spacing: 1.2px;
/    background: rgba(0,0,0,0.25);
/    margin-top: 20px;
    margin-left: 44px;
    width: 170px;
    padding-top: 5px;
}



.cart .productsCartTitle {
    font-size: 0;
    width: 40px;
    height: 40px;
    background: url('/drive/repo/editorweb/icon-cart.png') no-repeat center;
    background-size: 90%;
    position: relative;    
    cursor: pointer;
    margin:5px;
    text-align:  center;
    margin-left: 45%;
}
.cart .productsCartTitle .text b {
    position: absolute;
    top: 3.3px;
    right: -3.2px;
    width: 1rem;
    height: 1rem;
    padding-top: .15rem;
    background-color: #FEAA26;
    border-radius: 50%;
    font-size: .7rem;
    line-height: 1;
    text-align: center;
    color: #fff;
}
.cart .productsCartTitle .text span b:empty {
    display: block;
    font-size: 12px;
    color: red;
}

}
.cartLBCont {
    width: 250px;
}

.cartLBCont {
    visible: none;
}
.cartLBCont::before{
    content: " ";
    display: block;
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
}
.cartLBCont > h4 {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
}
.cartLBCont .productCart {
    width: 330px;
    max-width: 330px;
    padding: 5px 25px 5px 5px;
    margin-bottom: 2px;
    margin-top: 5px;
    margin: 5px 10px 2px 10px;
    position: relative;
    background-color: #f2f2f2;
}
.cartLBCont .productCart::after {
    content: " ";
    display: table;
    clear: both;
}
.cartLBCont .prodPic {
    float: left;
    width: 12%;
    padding-bottom: 12%;
    margin-right: 10px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.cartLBCont .prodPic img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.cartLBCont .prodDesc h3 {
    font-size: 12px;
    color: #000; 
    padding: 2px 0 5px;
    font-weight: 400;
    line-height: 1.3;
}
.cartLBCont .prodDesc h3 a {
    color: #444;
}
.cartLBCont .productPrice {
    position:  relative;
    bottom: 5px;
    left: 1%;
    padding: 5px 0px 1px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #dd3928;
}

.cartLBCont .productPrice span b {
    padding: 25px 0px 1px;
}
.cartLBCont .productOptions .productDelete {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 15px;
    height: 15px;
    background: #dd3928 url('/drive/repo/editorweb/icon_close.png') no-repeat center;
    background-size: 50%;
    border-radius: 3px;
    cursor: pointer;
}
.cartLBCont .cartButtons {
    margin-top: 5px;   
}
.cartLBCont .cartButtons div {
    display: inline-block;
    vertical-align: top;
    width: 94.5%;
    margin: 0 0 0 0;
    margin: 1px 10px 10px 10px;
    text-align: center;
}
.cartLBCont .cartButtons .closeBtn,
.cartLBCont .cartButtons .comprar a {
    padding: 10px 0;
    border-radius: 3px;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #FEAA26;
}
.cartLBCont .cartButtons .closeBtn {
    margin-left: 0;
    background-color: #444;
    cursor: pointer;
}
.cartLBCont .cartButtons .closeBtn::after {
    content:"Seguir comprando";
}
.cartLBCont .cartButtons .comprar a {
    display: block;
    background-color: #FEAA26;
/    padding: 10px 50px 10px 50px;
}
.cartLBCont .cartButtons .closeBtn:hover,
.cartLBCont .cartButtons .comprar a:hover {
    opacity: .9;
}




/* -------------------------------------------------

                CATALOGO DESTACADO HEADER

------------------------------------------------- */


.catalogHead{
/    background: rgba(0,0,0,0.65); 
/    background: rgba(95,2,31,0.9);
    background: #880000;
    border-radius: 12px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 12.5%;
    overflow:hidden;
    width:70%;
    padding:35px 3%;}
.catalogHead .catalogTitle{
    float:left;
    color: #fff;
    width:60%;}
.catalogHead .catalogAcces{  
    float:right;
    overflow:hidden;
    width:40%;}
    
/*===== Titular de catálogo  ====*/   

.titles{}
.titles .title h1{
    font-weight:bold;
    font-size:36px;}
.titles .subtitle{
    color:#999;
    font-size:14px;}

/*===== Botón de acceso catálogo  ====*/

.btnCatalog{
    float:right;}
.btnCatalog .menuTitle a{
    font-family: 'Oswald'; 
    display:block;
    padding:20px;
    font-size:16px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    color:#333;
    background:#F1F1F1;
    border-radius: 7px;
    border:3px solid #fff;}
.btnCatalog .menuTitle a:hover{
    color: #333;
    background:#eec239;}

/* -------------------------------------------------

                CLASES CATALOGO FONDO HOME

------------------------------------------------- */


.jorge{
    margin-top: -26px;  
/     background: #fff;
     background: transparent url('/drive/repo/editorweb/cloud4.png') no-repeat center top/100% auto;
/    border-top-left-radius: 35px;
/    border-top-right-radius: 35px;
/    border:3px solid #fff;
    position: relative;
/    margin-left: 5%;
    overflow:hidden;
    width:94%;
    padding:35px 3% 3%;     
}

.jorge1{
    margin-top: 20px;  
/    background: transparent;
    background: url('/drive/repo/general/fondoA_v.png') no-repeat center/cover;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
/    border:3px solid #fff;
    position: relative;
/    margin-left: 5%;
    overflow:hidden;
    margin-top: -22px;
    width:94%;
    padding:35px 3% 3%;     
}

/* -------------------------------------------------

                CATALOGO HOME LO USO PARA OFERTAS

------------------------------------------------- */


.catalog.homeCatalog{
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    background: #fff; 
    margin-left: 5.5%;
    margin-top: 5px;
    width:90%;}
    
.catalog.homeCatalog .wdgTitle{
    padding:5px 0 20px;}
    
.catalog.homeCatalog .wdgTitle .title{
    margin-top: 15px;
    color: #000;
    font-weight: 800;
    font-size: 36px;} 


.catalog.homeCatalog .wdgProd {
    display: inline-block;
    vertical-align: top;
    width: 20%;
/    background:#e8ece3;
    background: rgba(0,0,0,0.10);
    margin:0.125% 0.05% 0.125% 0.3%;
    position:relative;
    border: 2.5px solid #fff;}
    
        
.catalog.homeCatalog .wdgProd .ProdPic img {
    margin-top: 10%;
    width: 80%;
    height: 100%;
} 

.catalog.homeCatalog .wdgProd .ProdDetails .title{
    display:table;
    text-align:center;
    width:90%;
    margin-top: 30px;
    height:50px;}  

.catalog.homeCatalog .wdgProd .ProdDetails .title a {
    display:table-cell;
    vertical-align:middle;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration:none;
    color: #000;
    border-bottom: dotted 1px #000;
}



/* -------------------------------------------------

                CATALOGO GENERICO

------------------------------------------------- */


.catalog{
    width:100%;
        background: #fff;
    margin:0 auto;
    text-align: center;}

.catalog .wdgTitle{
    padding:10px 0;}
.catalog .wdgTitle .title{
    color: #000;
    font-weight: bold;
    font-size: 36px;}
.catalog .wdgTitle .subtitle{
    margin-top: -3px;
    color: #999;
    font-size: 14px;}


.catalog .wdgContent{
    padding: 0 0 20px;}

.catalog .wdgProd {
    display: inline-block;
    vertical-align: top;
    width: 31.5%;
    background:#fff;
    margin:0.5%;
    position:relative;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.35);}
    
.catalog .wdgProd .ProdPic {
    position: relative;
    width: 100%;
    padding-bottom: 80% !important;
}
.catalog .wdgProd .ProdPic a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.catalog .wdgProd .ProdPic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catalog .wdgProd .ProdDetails{
    height:160px;    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;}

.catalog .wdgProd .ProdDetails .title{
    display:table;
    text-align:center;
    width:90%;
    margin:0 auto;
    height:40px;}
.catalog .wdgProd .ProdDetails .title a {
    display:table-cell;
    vertical-align:middle;   
    padding: .2rem;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration:none;
    color: #000;
}
.catalog .wdgProd .ProdDetails .subtitle {
    font-size: .6rem;
    height:40px;
    overflow:hidden;
}
.catalog .wdgProd .ProdDetails .provider{
    display:table;
    text-align:center;
    width:90%;
    margin:0 auto;
    height:20px;}
.catalog .wdgProd .ProdDetails .provider span {
    display:table-cell;
    vertical-align:middle;
    padding: .05rem;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration:none;
    color: #000;
}
.catalog .wdgProd .ProdDetails .brand {
    display:table;
    text-align:center;
    width:90%;
    margin:0 auto;
    height:20px;}
.catalog .wdgProd .ProdDetails .brand span {
    display:table-cell;
    vertical-align:middle;  
    padding: .05rem;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration:none;
    color: #000;
}
.catalog .wdgProd .ProdDetails .sku_code {
    display:table;
    text-align:center;
    width:90%;
    margin:0 auto;
    height:20px;}
.catalog .wdgProd .ProdDetails .sku_code span {
    display:table-cell;
    vertical-align:middle;  
    padding: .05rem;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration:none;
    color: #000;
}
.catalog .wdgProd .ProdDetails .atributes {
    display:table;
    text-align:center;
    width:90%;
    margin:0 auto;
    height:20px;}
.catalog .wdgProd .ProdDetails .atributes span {
    display:table-cell;
    vertical-align:middle;  
    padding: .05rem;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration:none;
    color: red;
}
.price{
    margin-top: -20px;
    padding-top:0.1rem;}

.price:not(.price_old) {
    padding-top: 1.8rem;
}
.price,
.price_old,
.price_offer {
    line-height: 1;
}
.price div,
.price_old div,
.price_offer div {
    display: inline-block;
    margin-right: -4px;
    font-weight: 700;
}
.price_old div {
    font-size: 1.2rem;
    text-decoration: line-through;
    color: #444;
}
.price,
.price_offer div {
    font-size: 1.8rem;
    color: #000;
}
.addCart{
    padding:10px;
    }
.addCart .text{
    
    margin:0 auto;
    padding:10px;
    font-size:.7em;
    text-transform:uppercase;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    color:#fff;
    background:#880000;
    border-radius: 7px;
    border:3px solid transparent;
    text-decoration:none; 
}
.addCart .text:hover{
    color: #fff;
/    background:#226507;
    background: rgba(0,0,0,0.45);
}
    
    
.price_button_info{
    padding:10px;}
.price_button_info a{
    display:block;
    border:2px solid #fff;
    width:140px;
    margin:0 auto;
    padding:10px;
    font-size:.9em;
    text-transform:uppercase;
    background:#f53100;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    color:#fff;
    text-decoration:none;}
.price_button_info a:hover{
    border:2px solid #000;
    color:#000;}

/* -------------------------------------------------

                CATALOGO PAGINADO

------------------------------------------------- */


.pageCounter{
    padding:30px 0 10px;}
.pageCounter ul {
    list-style: none;
}


.pageCounter ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
}
.pageCounter ul li:not(.before):not(.after) {
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    border-radius: 50%;
}
.pageCounter ul li.selected {
    background-color: #eec239;
}



.pageCounter ul li.before,
.pageCounter ul li.after {
    width: 25px;
    height: 25px;
    margin: 0 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
} 
.pageCounter ul li.before {
    background-image: url(/drive/repo/editorweb/left.png);
}
.pageCounter ul li.after {
    background-image: url(/drive/repo/editorweb/right.png);
}



.filters{}
.filters .order{}
.filters ul{}
.filters ul li{
    display:none;}
.filters ul li:nth-child(3){
    display:block;}
    


    
    
/* -------------------------------------------------

                CATALOGO VISTA PRODUCTO

------------------------------------------------- */  
 
    
.product {
    
    width:98%;
    margin:0 auto;
    text-align: center;
}    
    
.prodVista .wdgPicSlider {
    display: inline-block;
    vertical-align: top;
    width: 30%;
/    margin-right: -4px;
    margin-left: 20px;
    text-align:left;
}


.prodVista .ProdDescription {
    display: inline-block;
    vertical-align: top;
    width: 60.5%;
    margin-right: -4px;
    text-align:left;
}

.prodVista .wdgPicSlider .pika-stage,
.prodVista .wdgPicSlider .jcarousel-skin-pika > li {
    position: relative;
    width: 100%;
    height: auto !important;
    padding-bottom: 100%;
    border: 1px solid #f2f2f2;
}
.prodVista .wdgPicSlider .pika-stage > a,
.prodVista .wdgPicSlider .jcarousel-skin-pika > li a,
.prodVista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs li .clip {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
}
.prodVista .wdgPicSlider .pika-stage > a,
.prodVista .wdgPicSlider .jcarousel-skin-pika > li a {
    pointer-events: none;
}
.prodVista .wdgPicSlider .pika-stage > a {
    background-color: none;
}
.prodVista .wdgPicSlider .pika-stage a img,
.prodVista .wdgPicSlider .jcarousel-skin-pika > li a img,
.prodVista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs li img {
    width: 100%;
    height: 100%;
/    object-fit: cover;
}
.prodVista .wdgPicSlider .jcarousel-skin-pika > li a img {
    margin: 0;
}
.prodVista .wdgPicSlider .pika-textnav a {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    margin: auto 0;
    display: block;
    font-size: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 50%;
    background-color: #eec239;
    border-radius: 50%;
}
.prodVista .pika-stage:hover .pika-textnav a {
    opacity: .5;
}
.prodVista .wdgPicSlider .pika-textnav a.previous {
    left: 2%;
    background-image: url('/drive/repo/editorweb/left.png');
}
.prodVista .wdgPicSlider .pika-textnav a.next {
    right: 1%;
    background-image: url(/drive/repo/editorweb/right.png);
}
.prodVista .wdgPicSlider .pika-textnav .previous:hover,
.prodVista .wdgPicSlider .pika-textnav .next:hover {
    opacity: .8;
}
.prodVista .wdgPicSlider .jcarousel-skin-pika .jcarousel-container-horizontal {
    padding-top: 15px;
    overflow: hidden;
}
.prodVista .wdgPicSlider ul {
    list-style-type: none;
    text-align: center;
}
.prodVista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs li {
    float: none !important;
    position: relative;
    display: inline-block;
    width: 14%;
    padding-bottom: 18%;
    margin: 0 1%;
    cursor: pointer;
    border: 1px solid #f2f2f2;
}
.prodVista .wdgPicSlider .pika-imgnav,
.prodVista .wdgPicSlider .pika-aniwrap {
    display: none !important;
    width: 100%;
}
.prodVista .ProdDescription {
    margin-left: 4%;
    background: #f6f6f6;
    padding-bottom: 10px;
}
.prodVista .ProdDescription .cod{
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 7px;
    padding: 10px 12px;
    background: rgba(136,0,0,0.8); 
    border-bottom: 1px solid #880000; 
}
.prodVista .ProdDescription .provider{
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    background: rgba(136,0,0,0.8);
    margin-bottom: 7px;
    padding: 10px 12px 10px;
    border-bottom: 1px solid #880000; 
}

.prodVista .ProdDescription .providerLogo img {
    width: 250px;
    padding-bottom: 25px;
    padding-top: 25px;
    margin-left: 5%;
}

.prodVista .ProdDescription .brandLabel {
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    background: rgba(136,0,0,0.8);
    text-transform: uppercase;
    margin-bottom: 7px;
    margin-top: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #880000; 
}

.prodVista .ProdDescription .brand{
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 5%;
}


.prodVista .ProdDescription .sku_code{
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 5%;
}
.prodVista .ProdDescription .title {
    font-size: 1.8rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 10px 5%;
}
.prodVista .ProdDescription .subtitle {
    font-size: 1.2rem;
    padding: 10px 5%;
}
.prodVista .ProdDescription .description p {
    font-size: 0.9rem;
    padding: 10px 5% 20px;
}

.prodVista .ProdAtributes{
    font-size: 1.3rem;
    line-height: 1;
    font-weight: bold;
    color: #880000;
    padding: 10px 5% 30px;
}
.prodVista .ProdAtributes .atribute{}
.prodVista .ProdAtributes .atribute .atrib{}
.prodVista .ProdAtributes .atribute .value{
    padding:2px 0;}
.prodVista .ProdAtributes .atribute .value select{
    border:2px solid #ccc;
    font-size:18p;
    padding:5px 10px 20px;}
    
    
.prodVista  .addCart{
    padding: 1px 5% 20px;
    }
.prodVista  .addCart .text{
/    border:2px solid #ccc;
    width:170px;
    margin:0;
    padding:10px;
    font-size:.9em;
    text-transform:uppercase;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    color:#fff;
    text-decoration:none; }
.prodVista  .addCart .text:hover{
/    border:2px solid #000;
    color:#fff;}

    
/* -------------------------------------------------

                CATALOGO CATEGORIAS IZQUIERDA

------------------------------------------------- */  
  
    
.catalogCateg{}
.catalogCateg .categProds{
    text-align:center;}
    
.categProds .wdgTitle {
    display: block;
    background: #9f3232;
/    background: rgba(95,2,31,0.18);
    color: #fff;
    line-height: 2.3;
    margin-bottom: 10px;    
    font-size: 36px;   
    padding-left: 18px;
    font-weight: 500; 
}

.categProds .wdgCateg{}
.categProds .contCateg{
    padding:0 0 20px;}

.categProds .categItem{
    display:block;
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 11px;
    position:relative;
    margin:2px;
    border-bottom:1px solid #ccc;
}
    
    
    
.categProds .categItem .categPic{
    display:none;}

.categProds .categItemCont{
    display:block;}
.categProds .categTitle{}

.categProds .categTitle a{
    display:block;
    color:#222;
    font-weight:bold;
    padding:10px 20px 5px;
    font-size:1em;
    text-decoration:none;}
    
    
.categProds .categItem.selected .categTitle a {
    background:rgba(0,0,0,0.45);
/    background: #FEAA26;
    border-bottom: 1px solid #fff;
    font-weight: 500;
    letter-spacing: 1.2px;
    color:#fff;}
    

.categProds .categTitle a:hover{
/    background:rgba(0,0,0,0.35);
    background: #FEAA26;
    border-bottom: 1px solid #fff;
    color:#000;}    

 
    
    

.categProds .categItem .contCateg_nivel0{
    display:block;}

.categProds .categItem .contCateg_nivel0 .categItem{
    border:0;
    margin:0;}

 .categProds .categItem.selected .contCateg_nivel0 .categItem .categTitle a,
 .categProds .categItem .contCateg_nivel0 .categItem .categTitle a{
    display:block;
    color:#eea243;
    padding:5px 30px;
    font-size:0.9em;
    font-weight:normal;
    text-decoration:none;}
    
.categProds .categItem .contCateg_nivel0 .categItem.selected .categTitle a{
/     background:#8abd9f;
     background:rgba(0,0,0,0.45);
     color:#fff;}
     

.categProds .categItem .contCateg_nivel0 .categItem .categTitle a:hover{
     background:#fdee93;
/     background:rgba(0,0,0,0.35);
     color:#000;}



/* -------------------------------------------------

                CATALOGO FINALIZAR COMPRA

------------------------------------------------- */


.cartOut{
    text-align:left;
    width:94%;
    padding:20px 3% 0;}
.cartOut .wdgTitle .title {
    padding:0 0 10px;
    font-size:22px;
}
.cartOut .wdgTitle .subtitle {
    font-size: 18px;
    padding:0 0 20px;
}
.cartOut .wdgFinishSale .finishCont {
    margin-bottom: 20px;
}
.cartOut .wdgFinishSale .finishCont .prodList h3 {
    display: none;
}
.cartOut .wdgFinishSale .finishCont .prodList {
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.cartOut .wdgFinishSale .finishCont .prodList .totalNumber{
    text-align:right;
    font-weight:bold;}

.cartOut .wdgFinishSale .finishCont .tableCont table {
    width: 100%;
    overflow: hidden;
}
.cartOut .wdgFinishSale .finishCont table tr td:first-child {
    width: 40%;
}

.cartOut .wdgFinishSale .finishCont table tr td:nth-child(2) {
    width: 15%;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

.cartOut .wdgFinishSale .finishCont table tr td:nth-child(3) {
    width: 8%;
    text-align: right;
    font-size: 12px;
    font-weight: bold;    
}

.cartOut .wdgFinishSale .finishCont table tr td:nth-child(4) {
    width: 8%;
    text-align: right;
    font-size: 12px;
    font-weight: bold;    
}

.cartOut .wdgFinishSale .finishCont table tr td:nth-child(4) select {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background: #9dc4a9;    
    border: none;     
}

.cartOut .wdgFinishSale .finishCont table tr td:nth-child(5) {
    width: 10%;
    text-align: right;
    font-size: 12px;
    font-weight: bold;  
}

.cartOut .wdgFinishSale .finishCont table tr td:nth-child(6) {
    width: 10%;
    text-align: right;
    font-size: 12px;
    font-weight: bold;    
}

.cartOut .wdgFinishSale .finishCont .tableCont table td.titletop {
    font-size: .9rem;
    color: #fff;
    font-weight:bold;
    line-height: 2.5;
    background: rgba(136,0,0,1);
    border-bottom: 2px solid rgba(136,0,0,1);  
    text-decoration: none;  
    padding: 10px;
    vertical-align: middle;
}
.cartOut .wdgFinishSale .finishCont .tableCont table td.titletop b {
    font-weight: 400;    
}
.cartOut .wdgFinishSale .finishCont .tableCont table td {
    vertical-align: middle;
    border-bottom: 0.2px solid #d2d8d4;
    padding: 10px 10px;
}
.cartOut .wdgFinishSale .finishCont .prodImg,
.cartOut .wdgFinishSale .finishCont .ProdDetails {
    display: inline-block;
    vertical-align: middle;
    margin-right: -3px;
}
.cartOut .wdgFinishSale .finishCont .prodImg {
    width: 10%;
    padding-bottom: 10%;
    margin-right: 3%;
    overflow: hidden;
    position: relative;
    border: 2px dotted #5d9e71;
}
.cartOut .wdgFinishSale .finishCont .prodImg img {
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    bottom: 0;
    margin: 0 auto;
    min-width: 100%;
    height: 100%;
}
.cartOut .wdgFinishSale .finishCont .ProdDetails {
   width: 80%;
}
.cartOut .wdgFinishSale .finishCont .tableCont .productCont .title a {
    font-size: 0.9rem;
    text-decoration: none;
    line-height: 1.3;
    color: #000;
}
.cartOut .wdgFinishSale .finishCont table tr td:first-child:not(.titletop) {
    color: #fff;
    position: relative;
    font-size: 12px;
    font-weight: bold;
}
.cartOut .wdgFinishSale .finishCont .tableCont .productOptions {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cartOut .wdgFinishSale .finishCont .tableCont .productOptions .productDelete {
    width: 20px;
    height: 20px;
    background: #d87756 url('/drive/repo/editorweb/icon_close.png') no-repeat center;
    background-size: 50%;
    border-radius: 20%;
    cursor: pointer;
}
.cartOut .wdgFinishSale .finishCont table tr td:nth-child(2) input {
    width: 50px;
    padding: 8px 5px;
    font-size: 1rem;
    text-align: center;
    border: 1px solid #ddd;
    background: #f1ce60;
    border-radius: 3px;
}
.cartOut .wdgFinishSale .finishCont table tr td:nth-child(3) .productPrice,
.cartOut .wdgFinishSale .finishCont table tr td:nth-child(3) .productPrice b,
.cartOut .wdgFinishSale .finishCont table tr td:nth-child(4) .productPrice {
    font-size: 1rem;
    font-weight: 700;
    color: #777;
}
.cartOut .wdgFinishSale .finishCont table tr td:nth-child(4) .productPrice {
    color: #000;
}

.cartOut .wdgFinishSale .finishCont .tableCont table td .SendingOptions  {    
    margin-top: 10px;
    margin-bottom: 10px;      
}


.cartOut .wdgFinishSale .finishCont .tableCont table td .SendingOptions b {    
    font-size: 1.2em;
    font-weight: 800;
    color: #000;
    padding-right: 10px;
        
}
.cartOut .wdgFinishSale .finishCont .tableCont table td .SendingOptions select {
    width: 50%;
    padding: 5px 10px;
    border: 1px solid #fff;
    background: #9dc4a9;
    font-size: 0.8rem;
    font-weight: bold;
}

.cartOut .wdgFinishSale .finishCont .tableCont table td .AddressOptions button {
    background: #9dc4a9;
    border: none;
    color: #fff;
    font-weight: bold;
    border: 3px solid #9dc4a9;
    padding: 5px 9px;
    border-radius: 50%;
    font-size: 1rem;
}

.domicilioForm {
/    position: relative;
    position: fixed;
    top: 200px;
    left: 41%;
    width: 40%;
    background: #9dc4a9;
    padding-bottom: 10px;
    border-bottom: 6px solid #fff;
    z-index: 999;
}

.domicilioForm h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #FEAA26;
    font-size: 1.1rem;
    font-weight: bold;
    border-bottom: 2px solid #fff;
}

.domicilioForm button {
    background: red;
    border: none;
    color: #fff;
    font-weight: bold;
    border: 3px solid #fff;
    padding: 4px 7px;
    border-radius: 50%;
    font-size: 0.6rem;
    margin-top: -33px;
    margin-left: 500px;
}

.domicilioForm .detallesDomicilioForm  label {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 5px 20px 0 0px;
    text-align: left;
    margin-left: 10px;
    margin-top: 3px;
}

.domicilioForm .detallesDomicilioForm  .direccion_domicilio label, 
.domicilioForm .detallesDomicilioForm .localidad_domicilio label {
    margin-right: 25px;
}

.domicilioForm .detallesDomicilioForm  .provincia_domicilio label {
    margin-right: 26px;
}

.domicilioForm .detallesDomicilioForm .localidad_domicilio label {
    margin-right: 22px;
}

.domicilioForm .detallesDomicilioForm .pais_domicilio label {
    margin-right: 54px;
}

.domicilioForm .detallesDomicilioForm .ciudad_domicilio label {
    margin-right: 37px;
}

.domicilioForm .detallesDomicilioForm input, .domicilioForm .detallesDomicilioForm select {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 5px 50px;
    text-align: left;
    margin-top: 3px;
    margin-left: 20px;
}

.domicilioForm .detallesDomicilioForm  button{
    font-size: 0.6rem;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
    text-align: right;
    margin-left: 35%;
    margin-top: 15px;
    background: #FEAA26;
    border: 3px solid #FEAA26;
    text-align: center;
    border-radius: 10px;
    text-transform: uppercase;
    color: #000;
}

.CuponsForm {
/    position: relative;
    width: 40%;
    background: #9dc4a9;
    border-bottom: 6px solid #fff;
    z-index: 999;
    margin-bottom: 20px;
}

.CuponsForm h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: rgba(136,0,0,1);
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    border-bottom: 2px solid #fff;
}

.CuponsFormCont {
/    position: relative;
/    width: 40%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    background: #9dc4a9;
    z-index: 999;
}

.CuponsFormCont label {
    background: #9dc4a9;
    z-index: 999;
    font-size: 0.9rem;
    font-weight: bold;
    padding-right: 30px;
}

.CuponsFormCont input {
    font-size: 0.7rem;
    font-weight: bold;
    border: none;
    margin-right: 30px;
    padding: 7px 10px 3px 10px;
}

.CuponsFormCont button {
    background: rgba(136,0,0,1);
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Oswald'; 
    padding: 10px 30px 10px 30px;
    border: none;
}

.cartOut .wdgFinishSale .finishCont .tableCont table td .AddressOptions  {    
    margin-top: 10px;
    margin-bottom: 10px;      
}

.cartOut .wdgFinishSale .finishCont .tableCont table td .AddressOptions  {    
    font-size: 1.2em;
    font-weight: 800;
    color: #000;
    padding-right: 10px;       
}

.cartOut .wdgFinishSale .finishCont .tableCont table td .AddressOptions select {
    width: 51%;
    margin-left: 60px;
    padding: 5px 10px;
    border: 1px solid #fff;
    background: #9dc4a9;
    font-size: 0.8rem;
    font-weight: bold;
}




.cartOut .wdgFinishSale .finishCont .tableCont table .bgtotal {
    padding: 15px 25px;
    background: rgba(136,0,0,1);
    color: #fff;
    border-top: 20px solid #fff;
    font-size: 1.8rem;
    font-weight: 700;
}
.cartOut .wdgFinishSale .finishCont .tableCont table td .totalFinalNumber {
    text-align: right;
}


.cartOut .PayForm {
    
    margin-bottom: 30px;
}
.cartOut .PayForm .option {
    
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
}
.cartOut .PayForm .option span {
    font-weight: bold;
    font-size: 1.1rem;
    padding-left: 5px;
}
.cartOut .PayForm > h3,
.cartOut .detailsForm > h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.5;
    padding: 5px 25px 5px;
    margin-bottom: 15px;
    color: #fff; 
    background: rgba(136,0,0,1);
    text-align: left;
    border-bottom: 5px solid #fff; 
}
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .campo {
    float:left;
    vertical-align: top;
    width: 50%;
    padding: 5px 0;
}
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .campoBig{
    float:none;
    display:block;
    overflow:hidden;
    clear:both;}
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .campo:nth-child(2n+1) {
    margin-left: 0;
}
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 3px;
}
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .campo input,
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .campoBig textarea {
    width: 98%;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 12px; 
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .campoBig textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 130px;
    margin-bottom: 20px;
}



.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .buttonForm {
    overflow:hidden;
    display:block;
    clear:both;
    padding:10px 0 25px;}
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .buttonForm input {
    border: 3px solid #FEAA26;
    background: #FEAA26;
    float:none;
    display:block;
    cursor: pointer;
    padding: 20px;
    color: #222;
    text-transform:uppercase;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
}
.cartOut .wdgFinishSale .finishCont2 .detailsFormCont .buttonForm input:hover {
    background:#5d9e71;
    border: 3px solid #5d9e71;
    color:#fff;
}



/* -------------------------------------------------

                WHATSAPP [ BANNER / BOTÓN HEADER ]

------------------------------------------------- */


.whatsapp_banner {
    overflow:hidden;
    position: relative;
    background: #7a8057;
/    background: url('/drive/repo/general/fondoD_v.png') no-repeat center/cover;
    width:94%;
/    height: 633px;
    margin:0 auto;
    padding:25px 3%;
    
}



.whatsapp_banner .menuItem img {
    max-width: 10%;
    max-height: 10%;
    padding: 0 0 5px;
}

.whatsapp_banner .menuItem {
    padding: 1px 5% 27px;
    margin-left: 5%;
    margin-right: 5%;
    width:80%;
/    background-color: rgba(255,160,90,.80);
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    cursor: pointer;
/    border-bottom: 2px dotted #fff;
}

.whatsapp_banner p {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 500;
}




/* -------------------------------------------------

                DESTACADO PUBLICIDAD

------------------------------------------------- */


.break{
    background: url(/drive/repo/general/publi307c.png) no-repeat fixed center/cover;
    height:300px;
    width:100%;
    position: relative;
/    border-top: 7px solid #fecc7c;
    display:table;
    margin-bottom: 30px;
}

.btnAccion01{
    width:100%;
    display:table-cell;
    vertical-align:middle;}

.btnAccion01 .contMenu{}
.btnAccion01 .contMenu .menuItem{
    position:relative;
    width:100%;
    overflow:hidden;
    text-align:center;}
    
.btnAccion01 .contMenu .menuPic{}
.btnAccion01 .contMenu .menuPic a{
    display:block;
    width:100%;}
.btnAccion01 img{
    width:50%;}
    
.btnAccion01 .contMenu .menuTitle{
    z-index:10;
    width:70%;
    padding:0 0 20px;
    margin:0 auto;}
.btnAccion01 .contMenu .menuTitle a{
    font-size:54px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    display:block;
     text-shadow: 2px 2px #666;}
     
.btnAccion01 .menuDescription {
    margin-top: 45px;
     
}

.btnAccion01 .menuDescription p {
    display: inline-block;
    width: 70%;
    font-size: 2.3rem;
    line-height: 1.3;
    color: #000;
}     

.btnAccion01 .contMenu .menuLink{
    z-index:10;
    text-align:center;}
.btnAccion01 .contMenu .menuLink a{
    font-size:22px;
    color:#fff;
    font-weight:bold;
    letter-spacing: 2px;
    text-decoration:none;
    display:inline-block;
    padding:20px 25px;
    border:3px solid #fff;
    background: rgba(0,0,0,0.3);}
.btnAccion01 .contMenu .menuLink a:hover{
    background: rgba(0,0,0,0.6);}




/*===== Copyright ====*/

.copyGB{
    text-align:center;
    font-size:12px;
    color:#fff;
    line-height:18px;}
.copyGB .description a{
    font-weight:bold;
    text-decoration:none;
    color:#fff;}
.copyGB .description a:hover{
    color:#FEAA26;}
    

/* -------------------------------------------------

                POP UPS / FLOTANTES

------------------------------------------------- */

.popup_1 {
    margin: 20px auto 0;
}
.ui-dialog {
    background: rgba(0,0,0,.95);
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 99999999;
}
.ui-dialog-content {
    width: 90% !important;
    max-width: 1080px;
    height: auto !important;
    min-height: 100px !important;
    overflow: hidden;
    font-size: 1.5rem;
    color: #fff;
    position: relative;
}
.ui-dialog-titlebar {
    display: none;
}
.ui-dialog h3 {
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #fff;
    margin-right:50px;
}
.ui-dialog p {
    font-size: .9rem;
    color: #fff;
    padding: 0 0 10px;
}
.ui-dialog p a {
    color: #e61616;
    text-decoration: underline;
}
.ui-dialog p a:hover {
    text-decoration: none;
}
.boton_popup_cerrar_1 {
    position: absolute;
    top: 0;
    right: 0;   
    display: inline-block;
}
.boton_popup_cerrar_1 span{
    background: url('/drive/repo/editorweb/icon_close.png') no-repeat center;
    background-size: 70%;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    font-size: 0;
    margin: 0;
}   

/* -------------------------------------------------

                Login

------------------------------------------------- */

.loginWeb{
/    font-family:Arial, Helvetica, sans-serif;
    font-family: 'Questrial', sans-serif;
    width: 80%;
    height:100vh;
    padding:20px;
    margin: auto;
/    margin-left: 20%;
    text-align:center;
    display:table;
    box-sizing:border-box;}
    
.logRegCont{
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;}
    
.headLogin{
    text-align:center;
    pading:20px 0;
    margin: 0 auto;
    overflow:hidden;}
.headLogin .logo{
    margin:0 35% 2px 35%;}
.headLogin .logo img{
    max-width:150%;
    max-height: 150%}
.headLogin .title{
    color: #000;
    margin:0 0 1px;}
    

.contLog{
    width:40%;
    margin:10px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    padding:20px;
    text-align:left;
    background:#eacb73;
    border-radius:3px;
    box-shadow: 2px 2px 2px 2px #ccc;}
    
.contReg{
/    visibility: hidden;
    width:40%;
    margin:10px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    padding:20px;
    text-align:left;
    border-radius:3px;
    background:#880000;
    box-shadow: 2px 2px 2px 2px #ccc;}  
    
    
.changePass{
    width:50%;
    margin:10px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    padding:20px;
    text-align:left;
    background:#880000;
    border-radius:3px;
    text-align:center;
    box-shadow: 2px 2px 2px 2px #ccc;} 
     
.passCont{
    width:100%;
    font-size: 18px;
    font-weight:bold;
    display:inline-block;
    box-sizing:border-box;
    background: #880000;
    padding:10px;}  
    
 
    
.passCont .msjForm.okMsj{
    color: #fff;
    background: none;
    padding:0 0 20px;
    font-weight:normal;}
    
.contForm .msjForm.okMsj{
    color: #fff;
    background: none;
    padding:0 0 20px;
    font-weight:bold;}    
    
    
.loginWeb .title{

/    background: #5d9e71;
    font-size:20px;
    font-weight:bold;
    color: #fff;
/    line-height: 2px;
    padding:10px 0 20px;}
    
.loginWeb .contLog .title{
    font-family: 'Oswald'; 
    text-transform: uppercase;
    padding: 5px 0 5px 5px;
    background: #880000;
    font-size: 14px;
    font-weight:bold;
    color:#fff;
    letter-spacing: 1px;    
}

.loginWeb .contReg .title{
    font-family: 'Oswald'; 
    text-transform: uppercase;
    padding: 5px 0 5px 5px;
    background: #FEAA26;
    color:#000;
    font-size: 14px;
    font-weight:bold;
    letter-spacing: 1px; 
}
    
.loginWeb .contLog .title a{
    font-family: 'Questrial', sans-serif;
    letter-spacing: 0.5px; 
    text-transform: none;
    padding: 3px 7px 0 0;
    float: right;
    color: #f0da9d;
    text-decoration:underline;
    font-size:12px;}
.loginWeb .contLog .title a:hover{
    text-decoration:none;}
    

.contForm{
    margin-top: 10px;}

.campo{
    padding:0 0 5px;
    position:relative;}
.campo.campoImagen{
    width:30%;
    margin:0 auto;} 

.campo.campoImagen .userPic{
    position:relative;
    overflow:hidden;
    border-radius:500px;
    padding-bottom:100%;
    text-align:center;}

.campo.campoImagen img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
    
.campo label{
    display:none;}    
.campo input{
/    margin-top: 10px;
    border:1px solid #ccc;
    border-radius:3px;
    padding:8px;
    width:100%;
    font-size:12px;
    box-sizing:border-box;
    color: #000;
}
    
.campo .tickValidate{
    position:absolute;
    top:8px;
    right:8px;
    background: url(/drive/repo/editorweb/tick-validate.png) top left no-repeat;
    width:20px;
    height:19px;
    z-index:10;}

    
    

.campoBtn{
    margin:10px 0 0;
    padding:10px 0;}
.campoBtn input{
    border:0;
    border-radius:3px;
    padding:15px 20px;
    background:#ccc;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;}
.campoBtn input:hover{
    background:#999;}
    
.contLog .campoBtn input{
    background:#880000;
    font-family: 'Oswald'; 
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#fff;}
.contLog .campoBtn input:hover{
    color: #000;
    background:#FEAA26;}
    

    
.changePass .campoBtn input{
    background:#FEAA26;
    text-transform: uppercase;
    letter-spacing: -1px;
    color:#000;}
.changePass .campoBtn input:hover{
    color: #000;
    background:#eec239;} 
    
    
.contReg .campoBtn input{
    background:#FEAA26;
    font-family: 'Oswald'; 
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
    color:#000;}
 
.contReg .campoBtn input:hover{
    color: #fff;
    border: 2px solid #fff;
    background:#880000;}   



.options{
    padding:0 0 10px;
    text-align: right;
}
.options a{
    font-size:14px;
    font-weight: bold;
    letter-spacing: -1px;
    color:#000;
    display:inline-block;
    padding:5px;}

.conectWith{
    padding:3px 5px;
    letter-spacing: -1px;
    color:#000;
    text-align: right;
    font-weight: bold;
}
.conectWith a{
    margin-bottom: 3px;
    display:inline-block;
    padding:8px;
    border-radius:3px;
    background:red;
    color:#fff;
    font-size:14px;
    font-weight: bold;
    letter-spacing: -1px;
    text-decoration:none;  
}
    
.conectWith a:hover{
    color:#000;
    background:#FEAA26;
}

.msjForm{
    padding:10px;
    margin:10px 0;
    font-size:14px;
    font-weight:bold;
    border-radius:3px;
    background:#ccc;
    color:#333;}


.errorMsj{
    background:#ff0000;
    color:#fff;
    }
.errorMsj.msjOK{
    background:#90bb4a;
    color:#fff;
    }





/*Mensajes*/
.loginMsj{
    padding:20px;
    text-align:center;}
.loginMsj h1{}
.loginMsj h3{}
.loginMsj p{}




    
/* -------------------------------------------------

                BLOQUE BRANDING

------------------------------------------------- */



.branding {
    width: 90%;  
    margin-left: 5%;
/    background: url('/drive/repo/general/fondoG_v.png') no-repeat fixed center/cover;
/    background-color: rgba(255,255,255,0.35);
/    border: 10px solid #fecc7c;
    position: relative;
}



.branding .nombreCategoria {
    background-color: #fecc7c;
    font-size: 2.3rem;
    font-weight: 800;
    line-height: 2.3;
    text-align: center;
}

.branding .imagenCategoria  {
    margin: 5px 0 5px 0;
    text-align: center;  
}

.branding .imagenCategoria img {
    max-width: 50%;
    max-height: 50%;  
}

/* -------------------------------------------------

                ESTRUCTURAS PRE-HEADER

------------------------------------------------- */

.w2 header{
/    background: url(/drive/repo/general/fondo_v.png) no-repeat 55% 63%/cover;
    background: url('/drive/repo/general/slide_272.png') no-repeat center/cover;
/     background: rgba(95,2,31,0.8);
}    
    
.pageBlock{
    width:100%;
    padding:20px 3%;
    margin:0 auto;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;}
    
.pageBlock .col1{
    display:inline-block;
    vertical-align:top;
    width:59%;
    padding:0 45px 0 0;
    
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    }  
.pageBlock .col2{
    display:inline-block;
    vertical-align:top;
    width:29%;} 
    
    
.pageBlock .col1Small{
    display:inline-block;
    vertical-align:top;
    width:18.8%;
    margin-right: 0.2%;
    padding:0 0 0 0;
    
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    }  
.pageBlock .col2Big{
    display:inline-block;
    vertical-align:top;
    width:80%;}     
    
    


/* -------------------------------------------------

                HEADER

------------------------------------------------- */
header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    overflow: hidden;
}
    
    
.header{
    position: relative;
    margin-top: 0;
    z-index: 50;
    left: 0;
    margin-left: 0;
    width: 100%;
}
.header.fixed{
    position: fixed;
    background: #fff;
}
    
.header .inlineContent{
    height: auto;
    width: 100%;
    position: relative;
}

.header .navmobil{
    background: #800;
    display: none;
    justify-content: space-around;
    align-items: center;
}

.header .navmobil .btns{
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .navmobil .btns > div{
    margin: 0 10px;
}

.header .navmobil .contNavsMobile{
    float: right;
    position: fixed;
    z-index: 90;
    height: 100%;
    width: 100%;
    top: 90px;
    left: -100%;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    box-sizing: border-box;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 20px solid #800;
    border-top-right-radius: 15px;
    border-right: 20px solid #800;
}
.header .navmobil .contNavsMobile a{
    font-size: 16px;
    padding: 20px;
    text-decoration: none;
    outline: 0;
    color: #800;
    font-weight: bold;
    display: block;
}
.header .grid-container{
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: min-content 1fr;
    grid-template-columns: 100%;
}
.header .grid-container .logo{
    position: relative;
    margin: 30px 0px 34px calc((100% - 980px) * 0.5);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    width: 100%;
    min-width: 860px;
    height: auto;
    margin-left: 0;
}
.header .grid-container .logo .container-logos{
    position: relative;
    width: calc(100% - 20px);
    min-width: 980px;
    margin: 0 auto;
    display:flex;
}
.header .grid-container .logo .container-logos .letras{
    position: relative;
    width: 100%;
    left: 0;
    flex: 435;
    margin-left: 0;
    min-width: 259px;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    text-transform: uppercase;
    color: #880000;
    font-family: oswald;
    font-size: 35px;
    text-align: right;
    justify-content: flex-end;
    padding-right: 80px;
    align-items: center;
    line-height: 40px;
}
.header.fixed .grid-container .logo{
    display: none;
}
.header .grid-container .logo .container-logos .logoyletras{
    position: relative;
    width: 100%;
    left: 0;
    flex: 600;
    margin-left: 0px;
    min-width: 721px;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    line-height: 40px;
}
.header .grid-container .logo .container-logos .logoyletras .logito{
    width: 200px;
}
.header.fixed .grid-container .logo .container-logos .logoyletras .logito{
    width: 100px;
}

.header .grid-container .logo .container-logos .logoyletras .letrass{
    text-transform: uppercase;
    font-size: 35px;
    font-family: oswald;
    color: #880000;
    width: 400px;
}
.header .grid-container .logo .container-logos .logoyletras .letrass span{
    font-size: 32px;
}
.header.fixed .grid-container .logo .container-logos .logoyletras .letrass{    
    font-size: 20px;
    width: 255px;
}
.header .grid-container .bargris-container{
    left: 0;
    width: 100%;
    min-width: 980px;
    height: 60px;    
    position: relative;
    margin: 0px 0px 0px calc((100% - 980px) * 0.5);
    left: 0px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    margin-left: 0;
    background-color: #880000;        
}
.header.fixed .grid-container .bargris-container{
    margin: 0px 0px 0px calc((100% - 980px) * 0.5);
    height: 60px;
    margin-left: 0;
}
.header .grid-container .nav-container{
    position: relative;
    margin: 0px 0px 0px calc((100% - 980px) * 0.5);
    left: 0px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    left: 0;
    width: 100%;
    min-width: 860px;
    height: auto;
    margin-left: 0;
}
.header .grid-container .nav-container .nav{
    position: relative;
    width: calc(100% - 120px);
    min-width: 980px;
    display:flex;
    margin: 0 auto;
}
.header .grid-container .nav-container .nav .izquierda{
    position: relative;
    width: 100%;
    left: 0;
    flex: 270;
    margin-left: 0;
    min-width: 270px;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
}
.header .grid-container .nav-container .nav .izquierda .nav-izquierda{
    position: relative;
    margin: 24px 0px 0px calc((100% - 407px) * 0);
    left: 10px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
/    width: 397px;
    width: 100%;
    height: 31px;
    overflow-x: visible;
    font-size: 13px;
    font-weight: bold;
}
.header.fixed .grid-container .nav-container .nav .izquierda .nav-izquierda{
    width: 0px;
}
.header .grid-container .nav-container .nav .izquierda .logoyletras{
    display: none;
}
.header .grid-container .nav-container .nav .izquierda .logoyletras img{
    width: 50%
}
.header.fixed .grid-container .nav-container .nav .izquierda .logoyletras{
    display: flex;
    align-items: center
}
.header.fixed .grid-container .nav-container .nav .izquierda .logoyletras .letrass{
    text-transform: uppercase;
    font-family: oswald;
    color: #fff;
    line-height: 20px;
    font-size:20px
}
.header.fixed .grid-container .nav-container .nav .izquierda .logoyletras .letrass span{
    font-size:18px;
}
.header.fixed .grid-container .nav-container .nav .izquierda .logoyletras .logito{
    width: 22%;
}
.header.fixed .grid-container .nav-container .nav .izquierda .nav-izquierda-nav{
    display: none;
}

.header.fixed .grid-container .nav-container .nav .izquierda .nav-izquierda{
   margin: 0px 0px 0px calc((100% - 407px) * 0); 
}
.header .grid-container .nav-container .nav .izquierda .nav-izquierda .menuItem{
    float: left;
}

.header .grid-container .nav-container .nav .izquierda .nav-izquierda .menuItem a:hover, .header .grid-container .nav-container .nav .centro .nav-centro .menuItem a:hover {
    color: #eec239 !important;    
}

.header .grid-container .nav-container .nav .izquierda .nav-izquierda .menuItem.selected a, .header .grid-container .nav-container .nav .centro .nav-centro .menuItem.selected a {
    color: #6af0cb !important;    
}

.header .grid-container .nav-container .nav .izquierda .nav-izquierda .menuItem a{
    padding: 0 10px;
    color: #fff;
    font-family: questrial;
    text-decoration: none;
    cursor: pointer;    
}

.header .grid-container .nav-container .nav .centro{
    position: relative;
    width: 100%;
    left: 0;
    flex: 545;
    margin-left: 0;
    min-width: 545px;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: none;
    justify-content: center
}
.header.fixed .grid-container .nav-container .nav .centro{    
    display: flex;   
}

.header .grid-container .nav-container .nav .centro .nav-centro{
    position: relative;
    margin: 24px 0px 0px calc((100% - 407px) * 0);
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
/    width: 397px;
    width: 100%;
    height: 31px;
    overflow-x: visible;
    display: flex;
    justify-content: center;
}
.header.fixed .grid-container .nav-container .nav .centro .nav-centro{
   margin: 24px 0px 0px calc((100% - 407px) * 0); 
}
.header .grid-container .nav-container .nav .centro .nav-centro .menuItem{
    float: left;
}
.header .grid-container .nav-container .nav .centro .nav-centro .menuItem a{
    padding: 0 10px;
    color: #fff;
    font-family: questrial;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    
}


.header .grid-container .nav-container .nav .derecha{
    position: relative;
    width: 100%;
    left: 0;
    flex: 230;
    margin-left: 0px;
    min-width: 230px;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;    
    display: flex;
    justify-content: flex-end;
}
.header.fixed .grid-container .nav-container .nav .derecha{
    justtify-content: center!important;
}

.header .grid-container .nav-container .nav .derecha .nav-derecha{
    position: relative;
    margin: 10px 0px 0px calc((100% - 573px) * 1);
    left: 23px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    display: flex;
}
.header.fixed .grid-container .nav-container .nav .derecha .nav-derecha{
  margin: 8px 0px 0px calc((100% - 573px) * 1);  
}
.header .grid-container .nav-container .nav .derecha .nav-derecha>div{
    margin-left: 10px;
    margin-right: 10px;
}
.header .grid-container .nav-container .nav .derecha .nav-derecha .language .menuItem p,
.header .navmobil .btns .language .menuItem p{
    color: #fff;
    font-family: questrial;
    text-transform: uppercase;
    margin-top: 13px;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

.language .menuItem .MenuImg {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: no-repeat center/auto 100%;
}


.language .menuItem .menuPic img {
    width: 42px;
    height: 42px;
}  

.language .menuItem .MenuImg.Idioma_1 {
    background-image: url('/drive/repo/general/lang_spa.png');
}

.language .menuItem .MenuImg.Idioma_2 {
    background-image: url('/drive/repo/editorweb/lang_eng.png');
}
  

    
.headCont{
     width:96%;
     margin-left: 0.75%;
     padding:15px;
     overflow:hidden;}   
    

    
.logo{
    margin-top: 0px;
    float:left;
    width: 28%;
}
    
.logo img{
    width: 55%;} 
       
.headBox{
    width: 71%;
    float:right;
    overflow:hidden;} 

.headCont.headBox.contNavs{
    position: relative;
    width: 45%;
    float:right;} 
    
.contNavs{
    width: 55%;
}    
    
.contNavFix{}
    
.contNavs .nav1{}
.contNavs .nav2{}


    
.headCont.headBox.contMovil{
    position: relative;
    width: 45%;
    overflow:hidden;
    padding:0 0 0 0;}

.contMovil .carrito{
    margin-left: 5px;
    margin-top: 0px;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;}
    

      
.contMovil .responsiveMenu{
    display:inline-block;
    vertical-align:middle;}     
    
.btnMovil{
    cursor:pointer;
    display:none;}
    
.headBox{
    float:right;
    overflow:hidden;} 

.contNavs{
    float:right;} 
.contNavFix{}
    
.contNavs .nav1{}
.contNavs .nav2{}

.contMovil{
    display: block;
    float:left;
    overflow:hidden;    
    margin-left: 1%;
    width: 44%;
    margin-top: 0px;
    padding: 0 0 0 0;
}


    
  
    
/* -------------------------------------------------

                MENU SUPERIOR

------------------------------------------------- */

.nav1,.nav2{
    float:right;
    display:block;
    clear:both;
    overflow:hidden;
    z-index: 999;
/    margin-top: 5px;    
}
.nav1 .menuItem,.nav2 .menuItem{
    float:left;}
.nav1 .menuItem  a, .nav2 .menuItem  a{
    display:block;
    color:#fff;
    text-decoration:none;}
   
.nav1 .menuItem  a:hover,
.nav2 .menuItem  a:hover,
.nav1 .menuItem.selected a,
.nav2 .menuItem.selected a{
    color:#FEAA26;}
  
    

.nav1 .menuItem{
    float:left;}
.nav1 .menuItem  a{
    padding:5px 10px;
    font-size:12px;}
    
.nav2 .menuItem{
    float:left;}
.nav2 .menuItem  a{
    padding:5px 10px;
    font-size:15px;
    font-weight: 800;}
    
    
    
/*===== Estructura Multi-Idioma y Registro ====*/  

.contMovil .lang {
    cursor:pointer;
    float: right;
}

.contMovil .acc {
    cursor:pointer;
    margin-top: 5px;
    float: right;
}

.contMovil .ob {
    cursor:pointer;
    margin-top: 2px;
    float: right;
    margin-right: 5px;
}



/*===== Usuario No Registrado ====*/  

.acc .menuitem {
    display: inline-block;
    vertical-align: top;  
}

.acc {
 
}

.acc .menuItem .menuPic img {
    width: 43px;
    height: 43px;
}

/*===== Multi-Idioma ====*/  

.lang {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px;
    cursor: pointer;
}

.lang .menuItem .MenuImg {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: no-repeat center/auto 100%;
}

.lang .menuItem .MenuImg.Idioma_1 {
    background-image: url('/drive/repo/editorweb/lang_mex2t.png');
}

.lang .menuItem .MenuImg.Idioma_2 {
    background-image: url('/drive/repo/editorweb/lang_eng.png');
}

.lang .menuItem p {
/    display: none;
    display: block;
    color:  #FEAA26;
    font-size:  12px;
    font-weight: bold;
    width: 42px;
    font-family: 'Oswald'; 
    text-transform: uppercase;
/    background: rgba(0,0,0,0.05);
    margin-left: 5px;
}

.lang .menuItem .menuPic img {
    width: 49px;
    height: 49px;
}    

/* -------------------------------------------------

                ORISOM BAR

------------------------------------------------- */


.ob .left{
    float:none;}
.ob .right{
    float:none;}
    

.ob{
    float:right;
/    height:42px;
    margin-left: 0px;
    margin-top: 0px;
    padding:0 0 0 0;
    display: block !important;
}
    
.ob .obCont{
/   position:relative;    
}

.ob .oItem {
    display:inline-block;
    vertical-align:top;
    position:relative;
}

.ob .oItem .iApps{}
.ob .oItem .iUser{}

.ob .obIcon{
    overflow:hidden;
    cursor:pointer;
    position:relative;
    top: 0px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
    
.ob .obIcon.iconApps{
    background: #fff url(/drive/repo/general/11.png);
    background-position: 10px 11px;
    background-repeat:no-repeat;
    background-size: 22px 22px;
    width:42px;
    height:42px;
    margin-left: -5px;
}
        
.ob .obIcon.iconApps:hover{   
    background: #fff url(/drive/repo/general/111.png);
    background-position: 10px 11px;
    background-repeat:no-repeat;
    background-size: 22px 22px;
}

.ob .obIcon.iconUser{
    width:40px;
    height:40px;
/    display:table;
    background: #fff;
    position: relative;
    margin-left: -4px;
    bottom: 3px;
    margin-top: -0.6px;
    border: 2px solid #fff;
}
    
.ob .obIcon.iconUser:hover{   
    -moz-box-shadow: 0px 0px 3px #ccc;
    -webkit-box-shadow: 0px 0px 3px #ccc;
    box-shadow: 0px 0px 3px #ccc;
}
    
.ob .obIcon.iconUser .userimg{
    width:45px;
    height:45px;
/    display:table-cell;
    vertical-align:middle;
/    border: 1px dotted #FEAA26;
}

.ob .obIcon.iconUser img{
    width: 45px;
    height: 45px;
/    margin-left: 1.85px;
    margin-top: 0px;
/    border: 2px solid #FEAA26;
    border-radius: 50%;
}
    
/* -------------------------------------------------

                LOGICA 9 PUNTITOS APPSCONT

------------------------------------------------- */


body {
  font-family: Questrial;
  font-size: 16px;
}
img {
  vertical-align: middle;
}
a, a:focus, a:visited{ 
  text-decoration: none;
  color: #880000;
}

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #525965;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #525965;
}
::-webkit-scrollbar-thumb:active {
  background: #525965;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.container-dashboard {
  position: fixed;
  background: #fff;
  width: 325px;
  height: 420px;
  display: none;
  top: 58px;
  left:870px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-shadow: 0px 0px 14px #2cecdd;
  -webkit-box-shadow: 0px 0px 14px #2cecdd;
  box-shadow: 0px 0px 14px #2cecdd;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 2px 4px #eec239;
  z-index: 999;
  transition: all .21s;
  padding: 10px;
}
.container-dashboard .title {
  padding: 10px;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 1%;
  background-color: #fff;
  color: #fff;
  border-bottom: 1px solid #2a6496;
  color: #333;
/  font-weight: bold;
  font-size: 14px;
}
.container-dashboard .appMenu {
  width: 100%;
  overflow-y: auto;
  list-style-type: none;
  height: 90%;
}
.container-dashboard .appMenu .appMenu-scroll {
  overflow: hidden;
}
.container-dashboard .appMenu .appMenu-header {
  padding: 20px 6px 20px 0;
  overflow: hidden;
}
.container-dashboard .appMenu .appMenu-header .user-header {
  margin-top: 6px;
    padding: 5px 20px 5px 6px;
    display: flex;
    background: #FEAA26;
    border-radius: 4px;
    cursor: pointer;
}
.container-dashboard .appMenu .appMenu-header .user-pic {
  float: left;
  width: 60px;
  padding: 2px;
  border-radius: 12px;
  margin-right: 15px;
  overflow: hidden;
}
.container-dashboard .appMenu .appMenu-header .user-pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.container-dashboard .appMenu .appMenu-header .user-info {
  /* Cambiar color aqui dependiendo de la pag */
  color: #000; 
  float: left;
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 7px;
}

.container-dashboard .appMenu .appMenu-header .user-info > span {
  display: block;
}
.container-dashboard .appMenu .appMenu-header .user-info .user-role {
  font-size: 10px;
  margin-top: 4px;
    font-family: 'Questrial'; 
    text-transform: none;
  color: #2a6496; 
}
.container-dashboard .appMenu .appMenu-header .user-info .user-dni {
  font-size: 12px;
  margin-top: 4px;
    font-family: 'Questrial'; 
    text-transform: none;
  color: #2a6496; 


}
.container-dashboard .appMenu .appMenu-content ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.container-dashboard .appMenu .appMenu-content  .appMenu-content-dropdown > a{
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  /* padding: 8px 30px 8px 20px; */
  color:#3a3f48;
  text-decoration: none;
  font-size: 11px;
  
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i {
  margin-right: 10px;
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a {
  /* background: #c0c0c0; */
  margin: 5px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i{
  
  background: #FEAA26;
  margin: 7px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a:after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 14px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a{
  color: #880000;
  font-family: 'Oswald';
  text-transform: uppercase;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a:after {
  transform: rotate(90deg);
  right: 17px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown div{
  /* background: #c0c0c0; */
  padding: 5px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown a:hover {
/  color: #2a6496;
  color: #000;
  font-family: 'Oswald';
  text-transform: uppercase;
  font-size: 11px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown ul li:hover a {
  color: #000;
}

.container-dashboard .appMenu .appMenu-content .submenu {
  display: none;
  opacity: 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul {
  display: block;
  padding: 5px 0;

}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu {
  opacity: 1;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li {
  width: 33.3%;
  text-align: center;
  margin: 10px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li {
  width: 100%;
  text-align: left;
  margin: 10px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a{  
  display: grid;
  color: #737171
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li a{  
  display: flex;
  color: #737171;
  align-items: center;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li:hover a{  
  color: #880000;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a i {
  font-size: 30px;
  margin: 4px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li a i {
  font-size: 30px;
  margin: 4px 10px 4px 4px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a .description{
  display: flex;
  flex-direction: column;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a span{
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a .small{
  font-size: 12px;
  margin: 2px 0;
}
.img-rounded {
  border-radius: 6px;
}
.img-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a:after {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-bounce .icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-bounce:hover .icon, .icon-bounce:focus .icon, .icon-bounce:active .icon {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

@-webkit-keyframes bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.bob:hover, .appMenu-content-dropdown.active .bob {
  -webkit-animation-name: bob-float, bob;
  animation-name: bob-float, bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
 .appsCont{
     display:none;
 }

/* -------------------------------------------------

                LOGICA PERFIL  USERCONT

------------------------------------------------- */


.ob .userCont {
    position: fixed;
    background:#fff;
    top: 68px;
    left:630px;
    display:none;
    width:380px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 
    -moz-box-shadow: 0px 0px 4px #f65109;
    -webkit-box-shadow: 0px 0px 4px #f65109;
    box-shadow: 0px 0px 4px #f65109;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 2px 4px #555;
    text-align: center;
    z-index: 999;
}
    

 
    
.ob .userCont:before{
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    content: "";
    display: block;
    position: fixed;
    top: 61px;
    right: 612px;
    width: 5;
    transition: all .21s;
}


    
.ob .userCont .title{
    padding:5px;
    border-bottom:1px solid #f1f1f1;
        color:#000;
        font-weight: 800; 
    }
.ob .userCont .title a{
    color:#000;
    font-weight: 800;  
}

.ob .userCont .title span.note{
    font-size:15px;
    font-weight: 800; 
    color:#000;}
.ob .userCont .user{
    overflow:hidden;
    padding:10px;}
.ob .userCont .user .userPic{
    overflow:hidden;
    text-align: center;
    float:left;
    -moz-border-radius: 350px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    width:80px;
    height:80px;
    margin:0 20px 0 0;}
.ob .userCont .user .userPic img{
    margin: auto;
    width:80px;}
.ob .userCont .user .userDetails{
    float:left;
    text-align: center;
    width:180px;}
.ob .userCont .user .userDetails .name{
    display:block;
    margin-top: 5px;
    font-size:16px;}
.ob .userCont .user .userDetails .mail{
    display:block;
    word-wrap: break-word;
    font-size:12px;}
.ob .userCont .user .userDetails .perfil{
    display:block;
    text-align: center;
    padding:10px 0;}
.ob .userCont .user .userDetails .perfil a{
    display:block;
    background:#FEAA26;
    border:1px solid #FEAA26;
    color:#333;
    float:left;
    font-size:12px;
    text-decoration:none;
    padding:3px 12px;
    margin-left: 55px;
    text-decoration:none;
    -moz-border-radius: 350px;
    -webkit-border-radius: 350px;
    border-radius: 350px;}
.ob .userCont .user .userDetails .perfil a:hover{
    text-decoration:none;
    background:#880000;
    border:1px solid #880000;
    color:#fff;}

.ob .userCont .userSesion{
    
    overflow:hidden;
    padding:10px;
    background:#fecc7c;
    text-align:center;}
    


.ob .userCont .btnChangeUser,
.ob .userCont .logOut{
    display:block;
    padding:10px 15px;
    background:#FEAA26;
    text-decoration:none;
    font-size:14px;
    cursor:pointer;
    color:#333;
    border:1px solid #FEAA26;}
    
.ob .userCont .btnChangeUser{
    margin:0 0 2px;
    border:none;
    background:none;}
.ob .userCont .btnChangeUser img{
    display: none;
    max-width:100px;}
    
.ob .userCont .logOut:hover{
    border:1px solid #880000;
    background: #880000;
    color:#fff;}


    
/* -------------------------------------------------

            CONTRATOS - PERFIL

------------------------------------------------- */

.ContratosProfile{
float:right;
}

.ob .left{
    float:none;}
.ob .right{
    float:none;}
    
.ob .contratosCont{
    position:absolute;
    top:64px;
    background:#fff;
    font-size: 14px;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    -moz-box-shadow: 0px 0px 4px #ccc;
    -webkit-box-shadow: 0px 0px 4px #ccc;
    box-shadow: 0px 0px 4px #ccc;}
    

.ob .contratosCont{
right: -64px;}  
    
.ob .contratosCont:before{    
    border-color: #e9e9e9 transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    content: "";
    display: block;
    position: absolute;
    right: 13px;
    top: -8px;
    width: 0;
    z-index: 102;   }
    
.ob .contratosCont .ContTitle {
    padding: 4px 4px 4px 4px;
background-color: #55adcd96;
    color: #fff;
    font-size: 18px;
    text-align: left;
    
}  

.ob .contratosCont .ContID{
font-size: 11px;
    padding: 0px 4px 0px 4px;
    /* border-bottom: 1px solid #cac3c3; */
    background-color: #ffffff;
    text-align: left;
    color: #676363;
}

.ob .contratosCont .ContPlanDesc{
    float: left;
    margin: 1px 14px 0px 0px;
    color: #676363;
    padding-left: 4px;
    background: white;
    width: 100%;
    position: relative;
    bottom: 1px;
}

{
    color: #676363;
        text-align: right;
        color: #65b928;
}

.ContExpires{
    color: #676363;
    text-align: right;
        margin-bottom: 5px;
        font-size: 11px;
    position: relative;
    bottom: 35px;
}
.ob .contratosCont .ContTitle a{   

    color: #000;
}

.ob .contratosCont .ContTitle span.note {
    font-size: 12px;
    color: $000;
}

.ob{
    float:right;
    height:42px;
    padding:0 0 0 2px;}
.ob .obCont{
    position:relative;}

.ob .oItem {
    display:inline-block;
    vertical-align:top;
    width:42px;
    height:42px;
    position:relative;
    }
.ob .oItem .iContratos{}


.ob .obIcon{
    overflow:hidden;
    cursor:pointer;
    position:relative;
    -moz-border-radius: 250px;
    -webkit-border-radius: 250px;
    border-radius: 250px;}
.ob .obIcon.iconContrato{
    background: url(/drive/repo/editorweb/12.png);
    background-position: 5px 6px;
    background-repeat:no-repeat;
    background-size: 40px 35px;
    width:22px;
    height:22px;
    padding:10px;
        margin-left: -33px;
    }

.ob .contratosCont{
    display:none;
    width:280px;
    right: 27px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);}
.ob .ContratosMenu{
width: 281px;
    max-height: 380px;
    overflow-y: auto;
    /* padding: 10px; */
    background-color: #f2f2f2;
    }

.ob .ContratosMenu .label{  
        text-decoration: underline;
    width:100%;
    
}

.ob .ContratosMenu .badge{  
    position: absolute;
    bottom: 11px;
    right: 1px;
    font-size: 13px;
    background: #b5bcbf;
    padding: 3px;
    border-radius: 7px;
    color: white;
    width: 70px;
    
}


.ob .ContratosMenu .periodicidad{  
font-size: 11px;
    float: left;
    padding-left: 5px;
    position: relative;
    top: 8px;
}

.ob .ContratosMenu .ContPayButton{  
clear: both;
    /* background-color: #ffffff; */
    margin: 0px 0px 19px 0px;
    /* padding: 9px; */
    /* text-align: right; */
    cursor: pointer;
    color: #676363;
    width: 246px;   
    padding-left: 5px;         
}

.ContPayButton .ContSolicitudTitulo{
padding-top: 6px;
    position: relative;
    bottom: 20px;
}

.ob .ContratosMenu .ContPayButton a{  
    text-decoration: none;
    padding: 4px;
    float: right;

    margin: 3px;
    border-radius: 6px;

}

.ContratosMenu .ContStatus{
    text-align: right;
    color: #65b928;
position: relative;
    bottom: 35px;
}
.ob .ContratosMenu .ContPayButton .ContRenovar{
    position: relative;
    left: 15px;
    top: -20px;
    background: #65b928a3;
    color: white;
    text-align: center;
    width: 70px;
    font-size: 12px;
}

.ContPayButton .ContSolicitudProcesar{
    background: #96cadd;
    color: white;
    text-align: center;
    font-size: 11px;
    position: relative;
    right: 12px;
}
.ContPayButton .ContSolicitudProcesar:hover{
    background: white;
    color:#55adcd;
        border: solid 1px #55adcd;
}

.ContPayButton .ContSolicitudCancelar{
    background: #96cadd;
    color: white;
    text-align: center;
    font-size: 11px;
        position: relative;
    right: 25px;
}

.ContPayButton .ContSolicitudCancelar:hover{
    background: white;
    color:#55adcd;
        border: solid 1px #55adcd;
}

.ob .ContratosMenu .ContPayButton .ContRenovar:hover{
    background: white;
    color:#65b928;
        border: solid 1px #65b928a3;
}

.ContPayButton .ContSolicitudDetalle{
    margin-bottom: 5px;
        position: relative;
    bottom: 20px;
}
.ob .ContratosMenu .ContPayButton .ContSolicitudProcesar{ 
   position: relative;
    bottom: 20px; 
    
}

.ob .ContratosMenu .ContPayButton .ContSolicitudCancelar{  
   position: relative;
    bottom: 20px;
}
    
  
.ob .detailsItem{
overflow: hidden;
    padding: 2px 2px 2px 2px;
    width: 260px;
    height: 40px;
    float: left;
    text-align: center;
    /* border: 1px solid #e2e4e0; */
    position: relative;
    color: #676363;
    border-bottom: solid 1px #b5bcbf;
        bottom: 30px;
}

    }

.ob .detailsItem .appPic{
    display:inline-block;
    vertical-align:middle;
    height: 50px;
    width: 40px;
    overflow: hidden;
    
    }
.ob .detailsItem .appPic img{
    height:40px;
    }
.ob .detailsItem .label{
display: inline-block;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    padding-left: 5px;
    position: relative;
    top: 9px;}

/* -------------------------------------------------

                HEADER FIXED

------------------------------------------------- */    
    
header.fixed{    
/    background: rgba(0,0,0,0.85);    
/    background: rgba(95,2,31,0.85);
    background: url('/drive/repo/general/slide_272.png') no-repeat center/cover;
    position:fixed;
} 

header.fixed .logo{
       margin-top: 0px;
       width: 17%;
       margin-left: 3%;
       transition: all .21s;
}     
    
header.fixed .logo .img_logo_oscuro{
       display:block;
       width: 75%;
}     

header.fixed .logo  .img_logo_claro{
       display:none;
}


header .logo  .img_logo_oscuro{
   display:none;
}
  
header.fixed .headBox {
    width: 80% !important;
}

header.fixed .nav1 .menuItem  a:hover,
header.fixed .nav2 .menuItem  a:hover,
header.fixed .nav1 .menuItem.selected a,
header.fixed .nav2 .menuItem.selected a{
    color:#FEAA26;
}        
    
/*===== Header.fixed hamburguesa ====*/      
    
header.fixed .headBox{
    float:right;
    width: 60%;
    overflow:hidden;}


header.fixed .contMovil .carrito{
    float: none;
    margin-left: 20px;
    cursor:pointer;
    display:inline-block;
    margin-top: 0px;
    vertical-align:middle; 
}
   
      
header.fixed .contMovil .responsiveMenu{
    display:inline-block;
    vertical-align:middle;
    float: right;
}



    
    
header.fixed .contNavs{
    float:right;
    position:fixed;
    z-index:999;
    height:50%;
    width:68%;
    top:110px;
    left:-100%;
    right:0;
    bottom;
    background: rgba(136,0,0,0.85);   
    box-sizing:border-box;    
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
} 
    
header.fixed .contMovil{
    float:right;
    display: block;
    width: 80%;
    overflow:hidden;
    margin-top: 3px;
    padding:5px 0 0 0;
    transition: all .21s;
}    
 


header.fixed .btnMovil{
    cursor:pointer;
    display:block;}
    
header.fixed .contNavFix{
    position:relative;
    width:100%;
    height:100%;}
    
header.fixed .nav1{
/    display: none;
    position:absolute;
    clear:none;
    float: none;
    width: 90%;
    margin-left: 5%;
    top:10%;
    left:0;
    right:0;}
    
header.fixed .nav2{
    clear: none;
    padding-top:10%;
    width: 90%;
    margin-left: 5%;
    float:none;}
    
    
header.fixed .searchHead {
    margin-top: -17%;
    width: 90%;
    margin-left: 5%;
    display: block;
    clear: none;
    float:none;} 
    
header.fixed .categProds{
/    background: #FEAA26;
    width: 45%;
    margin-top: 0px;    
    border-top-left-radius: 30px;
    padding-bottom: 0px;
    float: left;
} 


header.fixed .categProds .wdgTitle .title{
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 2.4;
}  

header.fixed .categProds .wdgTitle .description {
    padding: 0.5px 0 0.5px;
} 

header.fixed .cartLBCont .cartButtons {
    top: 4.5%;
    left: 70.5%;  
    transition: all .21s;  
}

header.fixed .cart .productsCartCont {
    top: 12.1% !important;
    left: 67.3% !important;
    transition: all .21s;  
}
       
header.fixed .ob .appsCont{
    top: 70px;
    left:410px;
    transition: all .21s;

}

header.fixed .ob .appsCont:before{ 
    top: 63px;
    right: 154px;
    transition: all .21s;    
}

header.fixed .ob .userCont {
    top: 70px;
    left:930px;
    z-index: 999;
    transition: all .21s;
}
    
    
header.fixed .ob .userCont:before{
    top: 63px;
    right: 99px;
    transition: all .21s;
}





/* -------------------------------------------------

                BUSCADOR

------------------------------------------------- */

.cuerpo3 {
    width: 93%;
    background: transparent;
        border: 3px solid #000;
    border-radius: 5px;
}


.searchHead{
    background: rgba(0,0,0,0.25);
    border: 5px solid rgba(0,0,0,0.05);
    float: right;
    clear: both;
    display: inline;
    border-radius: 5px;
    width: 96%;
/    margin-right: 3.2%;
    margin-top: 10px;
    padding:10px 0 10px 0;}
    
.searchHead .wdgSearch{
    background: #8e8ca1;
    margin-left: 5%;
    width:520px;
    height:30px;
    position:relative;
    color: transparent;
    overflow:hidden;}   
       
.searchHead .wdgSearchCont{
    background: #8e8ca1;
    height:30px;
    width:300px;
    top:0;
    right:0;
    z-index:600;}
    
.searchHead .wdgSearchCont{
    background: #8e8ca1;
    height:30px;
    width:500px;
    top:0;
    right:0;
    z-index:600;}    
    
.searchHead .campoTextSearch{
    float:left;
    vertical-align: middle;
    width: 355px;
    width:50px;}
    
.searchHead .campoTextSearch input{
    border:0;
    background: #fff;
    margin-left: 2%;
    width:365px;
    height:30px;
    padding:5px;
    font-size:12px;
    text-align: left;
    vertical-align: middle;
    color: #000;
}

.searchHead .normalSearch input[type=text]{
    font-family: 'Questrial', sans-serif;
    border:0;
    background: #fff;
    margin-left: 2%;
    font-weight: 800;
    width:90%;
    height:10px;
    padding:5px;
    font-size:12px;
    text-align: left;
    vertical-align: middle;
    color: #000 !important;
}

.searchHead .bigSearch {
    display: inline;
    width:500px;
    margin-top: 5px;
}

.searchHead .normalSearch {
    padding-bottom: 8px;
}

.searchHead .normalSearch input[type=submit]{
    font-family: 'Questrial', sans-serif;
    border:0;
    background: red;
/    border-radius: 50%;
    margin-left: 1%;
    width:4%;
    height:20px;
    padding:5px;
    font-size:1px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #fff;
    background: url(/drive/repo/general/iconsearch7et4.png) center center no-repeat;
    cursor:pointer;
}

.searchHead .bigSearch input[type=text]{
    font-family: 'Questrial', sans-serif;
    border:0;
    background: #fff;
    margin-left: 2%;
    width:88%;
    height:10px;
    padding:5px;
    font-size:12px;
    text-align: left;
    vertical-align: middle;
    color: #000;
}


.searchHead .bigSearch .searchMarcas{
    padding-bottom: 5px;
    display: inline;
    font-family: 'Questrial', sans-serif;
    border:0;
    background: transparent;
    margin-left: 1%;
    width:20%;
    height:10px;
    padding:5px;
    font-size:12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #000;
}

.searchHead .bigSearch .searchMarcas label{
    display: none;
}

.searchHead .bigSearch .searchMarcas select{
    font-family: 'Questrial', sans-serif;
    font-size:12px;
    padding: 0 1px;
    margin-left: 0px;
    margin-left: 0;
    width:28%;    
    height:20px;
    font-weight: 800;
    color: #000;
    border: none;
    border-bottom: 2px solid #FEAA26; 
    
}


.searchHead .bigSearch .searchCategorias  {
    padding-bottom: 5px;
    display: inline;
    font-family: 'Questrial', sans-serif;
    border:0;
    background: transparent;
    margin-left: 0px;
    width:20%;
    height:10px;
    padding:5px;
    font-size:12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #000;
}

.searchHead .bigSearch .searchCategorias label{
    display: none;
}


.searchHead .bigSearch .searchCategorias select{
    font-family: 'Questrial', sans-serif;
    font-size:12px;
    padding: 0 1px;
    margin-left: 0px;
    width:28%;    
    height:20px;
    font-weight: 800;
    color: #000;
    border: none;
    border-bottom: 2px solid #FEAA26; 
    
}


.searchHead .bigSearch .searchProveedores  {
    padding-bottom: 5px;
    display: inline;
    font-family: 'Questrial', sans-serif;
    border:0;
    background: transparent;
    margin-left: 0px;
    width:20%;
    height:10px;
    padding:5px;
    font-size:12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #000;
}

.searchHead .bigSearch .searchProveedores label{
    display: none;
}


.searchHead .bigSearch .searchProveedores select{
    font-family: 'Questrial', sans-serif;
    font-size:12px;
    padding: 0 1px;
    margin-left: 0px;
    width:30%;    
    height:20px;
    font-weight: 800;
    color: #000;
    border: none;
    border-bottom: 2px solid #FEAA26; 
    
}
.searchHead .bigSearch .searchMarcas select[name="linea"] {
    display: none;   
}

#div_linea.searchMarcas   {
    display: none !important;   
}



.searchHead .bigSearch .buscaValor{
    display: inline;
    font-family: 'Questrial', sans-serif;
    border:0;
    background: transparent;
    margin-left: 4px;
    width:265px;
    font: 800 12px Questrial;
    height:15px;
    padding: 5px;
    font-size:12px;

    text-align: left;
    vertical-align: middle;
    color: #000;
    border: none;
}


.searchHead .bigSearch .buscaValor input[type=text]{
    font-family: 'Questrial', sans-serif;
    font-size: 12px;
    padding:2px;
    width: 63px;
    height:15px;
    font: 800 12px Questrial;
    font-weight: bold;
    color: #000;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    border: none;
    border-bottom: 2px solid #FEAA26; 
}

.searchHead .bigSearch .buscaValor textarea {
    font-family: 'Questrial', sans-serif;
    font-size: 12px;
    font: 800 12px Questrial;
    font-weight: bold;
    color: #000;
}



.searchHead .bigSearch .buscaAtributo{
    display: inline;
    font-family: 'Questrial', sans-serif;
    border:0;
    background: transparent;
    margin-left: 2%;
    width:165px;
    height:15px;    
    font-size:12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #000;
}

.searchHead .bigSearch .buscaAtributo select{
    display: inline;
    font-family: 'Questrial', sans-serif;
    font-size:12px;
    font-weight: 800;
    padding: 0 20px;
    height:20px;
    color: #000;
    width: 19.5%;
    margin-left: 7px;
    margin-right: 7px;
    border: none;
    border-bottom: 2px solid #FEAA26; 
}

.searchHead .bigSearch .buscaAtributo textarea{
    font-family: 'Questrial', sans-serif;
    font-size:12px;
    font-weight: 800;
    height:15px;
}

.searchHead .finalSearch {
    display: inline;
    width:3%;
    margin-left: 1%;
    float: right;
    margin-right: 1%;
}

.searchHead .finalSearch input[type=submit]{
    display: inline;
/    float: right;
    font-family: 'Questrial', sans-serif;
    border:0;
/    border-radius: 50%;
/    margin-left: -20%;
    width:20px;
    height:20px;
    padding:5px;
    font-size:1px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #fff;
    background: url(/drive/repo/general/iconsearch7et4.png) top center no-repeat;
    cursor:pointer;
}
    
.searchHead .campoButtonSearch{
    float: right;
    width:30px;}
    
.searchHead .campoButtonSearch input{
    background: url(/drive/repo/general/iconSearch7.png) top center no-repeat;
    width:27px;
    height:30px;
    margin-left: 8px;
    border: 5px solid #FEAA26;
/    color: transparent;
    cursor:pointer;
}
       
/*-Fix del Buscador de contacto para menu reducido-*/
.container .head.headfix .searchHead{
    padding:10px 0 10px 5px;}
.container .head.headfix .searchHead .wdgSearch,
.container .head.headfix .searchHead .campoButtonSearch,
.container .head.headfix .searchHead .campoButtonSearch input{
    width:50px;
    height:50px;}
.container .head.headfix .searchHead .wdgSearchCont{
    height:50px;}
.container .head.headfix .searchHead .campoButtonSearch input{
    background-size: 50px 50px;}  
.container .head.headfix .searchHead .wdgSearchCont{
    width:281px;}  
    
.container .head.headfix .searchHead .campoTextSearch input{
    height:50px;}



/* -------------------------------------------------

                BUTTON TO TOP

------------------------------------------------- */

.toTop {
    display: none;
    position: fixed;
    bottom: 11%;
    right: 6%;
    width: 40px;
    height: 40px;
    background: #FEAA26 url('/drive/repo/editorweb/toTop.png') no-repeat center/50% auto;
/    background: url('/drive/repo/editorweb/toTop2.png') no-repeat center/100% auto;
    border: 1px solid #FEAA26;
    border-radius: 50%;
    transition: background-color .2s;
    z-index: 9;
}
.toTop:hover {

    background-color: #7eb2ae;
    border: 1px solid #7eb2ae;
    transition: background-color .2s;
}
 

/* -------------------------------------------------

            SOLAPITAS FLOTANTES

------------------------------------------------- */

.sCorporativa {
    position: fixed; right:0px; top:140px;
    z-index: 999;
}

.sCorporativa ul.navjgp { list-style: none; display: block; width: 90px; position: relative; top: 0px; right: 0px; padding: 120px 0 0px 0;}

.sCorporativa li {margin: 2px 0 2px 0; float:right;}

.sCorporativa ul.navjgp li a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;
    background: rgba(0,0,0,0.35);; color: #174867; padding: 7px 15px 7px 15px;display: block; text-decoration: none;
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px;
     border-radius: 4px 0px 0px 4px; 
    -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px #cccccc; }
    
.sCorporativa ul.navjgp li a:hover { background: #FEAA26; color: #000; padding: 7px 30px 7px 15px;}

.sCorporativa ul.navjgp li a img {border:0px none;}

.sCorporativa li.menor {margin: 2px 0 2px 0; float:right;  color: #000; font-size:9.5px; font-family:Arial, Helvetica, sans-serif; }

.sCorporativa ul.navjgp li.menor a  { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;
    background: rgba(136,0,0,0.85);; color: #fff; padding: 7px 7px 7px 7px;display: block; text-decoration: none;
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px;
     border-radius: 4px 0px 0px 4px;  width:80px;
    -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px transparent; }
    
.sCorporativa ul.navjgp li.menor a img {vertical-align:middle; border:0px none; width: 40%; height: 40%;}

.sCorporativa ul.navjgp li.menor a:hover { background: #FEAA26; color: #000; padding: 7px 20px 7px 7px;}


.sWA {
    position: fixed; right:2%; bottom:11%;
    z-index: 999;
}

.sWA li {margin: 2px 0 2px 0; float:right;}

.sWA ul.navjgp1 { list-style: none; display: block; width: 47px; height: 47px; position: relative; top: 0px; right: 0px; padding: 0px 0 0px 0;}

.sWA ul.navjgp li a img {border:0px none; width:9%;}

.sWA ul.navjgp li a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;
    background:#FEAA26; color: #174867; padding: 7px 15px 7px 15px;display: block; text-decoration: none;
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px;
     border-radius: 4px 0px 0px 4px; 
    -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px #cccccc; }



.wrapper-AtBcr {
    font-family: 'Questrial'; 
}


.cookiesBanner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    background: #7eb2ae;  
    color: #000; 
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-top: 15px solid #288079;
    z-index: 9999;
}



.cookiesBanner h1   {
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 41.5%; 
    margin-top:  2%;
    margin-bottom: -5px; 
}

.cookiesBanner p  {
    font-size: 12px;  
    margin-left: 40%
}

.cookiesBanner .seeMoreButton   {
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 30px 10px 30px; 
    border-radius: 8px;
    border: none;
    background: #FEAA26;  
    color: #000; 
    text-decoration: none; 
    margin-left: 9px; 
}

.cookiesBanner button   {
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 50px 10px 50px; 
    border-radius: 8px;
    border: none;
    background: #FEAA26;  
    color: #000; 
    margin-left: 40%; 
    margin-top: 15px; 
}




/* -------------------------------------------------

                3S COMBO VIEW

------------------------------------------------- */



.appViewHead {
    position: relative;
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.appView .appProvider{
    text-align: center;
    width: 90%;
    padding-bottom: 30px;
}

.appView .providerImage, .setupIAM .providerImage {
    text-align: center;
    padding-bottom: 30px;
}

.appView .providerImage img, .setupIAM .providerImage img {
    width: 500px;
}

.appViewHead .appBack,
.appViewHead .viewProvide,
.appViewHead .appOpen,
.appViewHead .viewApp {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    padding: 12px 18px;
    border-radius: 3px;
    font-size: 1rem;
    color: #fff;
    transition: background-color .2s, background-position .2s;
}
.appViewHead .viewProvide,
.appViewHead .appOpen,
.appViewHead .viewApp {
    width: 140px;
    text-align: center;
}
.appViewHead .appBack {
    right: 180px;
    padding-left: 35px;
    background: #fdee93 url('/drive/repo/editorweb/leftArrow.png') no-repeat 14px center/auto 30%;
    color: #000;
    cursor: pointer;
}
.appViewHead .appBack:hover {
    background-color: #eec239;
    background-position: 10px center;
}
.appViewHead .viewProvide {
    text-decoration: none;
    background-color: #880000;
}
.appViewHead .viewProvide:hover {
    background-color: #95bfa2;
}
.appViewHead .appOpen,
.appViewHead .viewApp {
    text-decoration: none;
    background-color: #880000;
}
.appViewHead .appOpen:hover,
.appViewHead .viewApp:hover {
    background-color: #95bfa2;
}
.appViewHead .viewApp {
    padding: 12px 18px;
}
.appViewHead .appIcon,
.appViewHead .appFirst {
    display: inline-block;
    vertical-align: middle;
}
.appViewHead .appIcon {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    position: relative;    
}
.appViewHead .appIcon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.appViewHead .appFirst {
    font-size: 1.8rem;
    letter-spacing: 2px;
    font-weight: bold;
}
.appViewHead ~ .appDescription {
    font-size: 1rem;
        line-height: 1.4;
        letter-spacing: 1.5px;
    margin-bottom: 50px;
}
.app2Col::after {
    content: " ";
    display: table;
    clear: both;
}
.appcol1 {
    float: left;
    width: 27%;
    text-align: center;
}
.appcol2 {
    float: right;
    width: 70%;
}
.appcol1 > div {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 3px;
}
.appcol1 > div > div:first-child {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.appcol1 .appFiles {

    background-color: #fdee93; 

}

.appcol1 .appFiles .appFilesHead{
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    line-height: 3.4;
    background-color: #eec239; 
    border-bottom: 2px solid #fff;
}


.appcol1 .appFiles .appFileItem {
    padding-bottom: 15px;
    margin-top: 8px;
    margin-bottom: 15px;
    border-bottom: 2px solid #fff;
}

.appcol1 .appFiles .fileIcon {
    display: none;    
}
.appcol1 .appFiles .fileName {
    font-size: .8rem;
    font-weight: bold;
    margin-bottom: 10px;
    
}
.appcol1 .appFiles .btnDownload {
    display: inline-block;
    padding: 10px 15px 10px 40px;
    background: #880000 url('/drive/repo/editorweb/8437file.png') no-repeat 15px center/auto 1rem;
    border-radius: 3px;
    font-size: .8rem;
/    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s;
}
.appcol1 .appFiles .btnDownload:hover {
    color: #000;
    background-color: #FEAA26; 
}
.appcol1 .appStoreCont {
    margin-top: 10px;
    border: 1px solid #f2f2f2;
}

.appcol1 .appStoreCont .appStoreHead{
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    line-height: 3.4;
    background-color: #eec239; 
    border-bottom: 2px solid #fff;
}



.appcol1 .appStoreCont .appItem {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #880000;
}



.appcol1 .appStoreCont .appPic {
    position: relative;
    width: 100%;
    padding-bottom: 40%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.appcol1 .appStoreCont .appPic img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.appcol1 .appStoreCont .appTitle {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.appcol1 .appStoreCont .appDescription {
    display: none;
}
.appcol1 .appStoreCont .appOptions a {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 15px;
    border-radius: 3px;
    font-size: .9rem;
    color: #fff;
    transition: background-color .2s;
}
.appcol1 .appStoreCont .appOptions a.appSee {
    text-decoration: none;
    color: #000;
    background-color: #FEAA26;
}
.appcol1 .appStoreCont .appOptions a.appSee:hover {
    background-color: #eec239;
}
.appcol1 .appStoreCont .appOptions a.appConfig {
    text-decoration: none;
    background-color: #880000;
}
.appcol1 .appStoreCont .appOptions a.appConfig:hover {
    background-color: #6da77f;
}
.appcol1 .appStoreCont .appOptions a.appOpen {
    background-color: #65b928;
}
.appcol1 .appStoreCont .appOptions a.appOpen:hover {
    background-color: #78d038;
}
.appcol2 .appTabsHead {
    /*background-color: #FEAA26;*/
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.appcol2 .appTab {
    display: inline-block;
    vertical-align: top;
    padding: 12px;
    margin-right: -2px;
    background-color: #feb94e;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    color: #fff;
    font-size: .9rem;
}
.appcol2 .appTab.active {
    background-color: #fed594;
    border-bottom: 3px solid #333;
    
    color: #333;
}
.appcol2 .appTabsCont {
    padding: 50px 25px 25px;
    border: 1px solid #f2f2f2;
    border-top: 0;
    font-size: 1rem;
}
.appcol2 .appTabsCont h1 {
    font-size: 2rem;
    color: #0D83DD;
    margin-bottom: 25px;
}
.appcol2 .appTabsCont h2 {
    font-size: 1.5rem;
    color: #880000;
    line-height: 1.4;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}
.appcol2 .appTabsCont h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.appcol2 .appTabsCont p {
    line-height: 1.5;   
    font-size: 1.1rem; 
    letter-spacing: 1.5px;
    padding-bottom: 10px;
}
.appcol2 .appTabsCont ul {
    list-style-position: inside;
    padding-left: 10px;
    margin-bottom: 20px;
}
.appcol2 .appTabsCont img {
    max-width: 100%;
    // width: 100%;
    //margin: 10px 0 25px;
}
.appcol2 .appTabsCont .quote:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.appcol2 .appTabsCont .quotePic,
.appcol2 .appTabsCont blockquote {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}
.appcol2 .appTabsCont .quotePic {
    width: 25%;
}
.appcol2 .appTabsCont .quotePic img {
    width: 100%;
    margin: 0;
}
.appcol2 .appTabsCont blockquote {
    width: 75%;
    padding-left: 10px;
    position: relative;
    quotes: '\201D' '"';
}
.appcol2 .appTabsCont blockquote::before {
    content: open-quote;
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 5rem;
    font-weight: bold;
    color: #ccc;
}
.appcol2 .appTabsCont blockquote p {
    font-style: italic;
    color: #555;
}
.appcol2 .appTabsCont blockquote p:first-child {
    text-indent: 1.5rem;
}
.appcol2 .appTabsCont .quoteAuthor {
    margin-top: 15px;
    font-size: .8rem;
    color: #222;
}
.appcol2 .appTabsCont .quoteAuthor a {
    color: #222;
    text-decoration: underline;
}
.appcol2 .appTabsCont .serv {
    margin-bottom: 20px;
}
.appcol2 .appTabsCont .servPic {
    display: inline-block;
    vertical-align: top;
}
.appcol2 .appTabsCont .servPic {
    width: 160px;
    height: 80px;
    margin-bottom: 10px;
    position: relative;
}
.appcol2 .appTabsCont .servPic img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}


.appView .appDescription .wdgMenu {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin: 20px 0 30px 0;
}



.appView .appDescription .wdgMenu .menuItem {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.appView .appDescription .wdgMenu .menuItem.active {
    display: block;
}
.appView .appDescription .wdgMenu .menuItem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 2;
}
.appView .appDescription .wdgMenu .menuItemCont {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 3;
}



.appView .appDescription .wdgMenu .menuTitle,
.appView .appDescription .wdgMenu .menuDescription {
    display: inline-block;
    color: #fff;
}
.appView .appDescription .wdgMenu .menuTitle {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}
.appView .appDescription .wdgMenu .menuDescription {
    display: block;
    font-size: 1.3rem;
}
.appView .appDescription .wdgMenu .arrowNav div {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 45px;
    height: 45px;
    z-index: 9;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    z-index: 3;
}
.appView .appDescription .wdgMenu .arrowNav div.prev {
    left: 2%;
    background-image: url('/drive/repo/editorweb/toLeft.png');
}
.appView .appDescription .wdgMenu .arrowNav div.next {
    right: 2%;
    background-image: url('/drive/repo/editorweb/toRight.png');
}
.appView .appDescription .wdgMenu .selectorNav {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
}
.appView .appDescription .wdgMenu .selectorNav li {
    display: inline-block;
    margin: 0 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
}
.appView .appDescription .wdgMenu .selectorNav li.active {
    background-color: #FEAA26;
    
}



/* -------------------------------------------------

                3S COMBO VIEW

------------------------------------------------- */

/* ------------------------------------- PROVIDE / DEPLOY */

.setupTitle,
.provideTitle {
    margin-bottom: 30px;

}
.setupTitle h1,
.provideTitle h1 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.setupTitle p
.provideTitle p {
    font-size: 1rem;
    padding-bottom: 10px;
}
.setupMain::after,
.provideMain::after {
    content: " ";
    display: table;
    clear: both;
}
.setupService,
.provideService {
    float: left;
    width: 47.5%;
}
.setupGrades,
.provideForm {
    float: right;
    width: 47.5%;
}
.setupBoxTitle1 h3 {
    font-size: 1.8rem;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 25px;
}
.setupBoxTitle2 {
    padding: 5px 10px;
    margin-bottom: 15px;
    border-left: 10px solid #a3a9a5;
}
.setupBoxTitle2 h4 {
    font-size: 1.1rem;
    font-weight: bold;
}
.setupBoxTitle2 p {
    font-size: .9rem;
}
.setupService .setupBox {
    margin-bottom: 30px;
}
.serviceBlock {
    padding: 12px 45px 12px 15px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    background-color: #FEAA26;
}
.serviceBlock:hover {
    background-color: #eec239;
}
.serviceBlock.active {
    background: #880000 url('/drive/repo/editorweb/check-mark.png') no-repeat 97% center/auto 20px;
    color: #fff;
}
.serviceTitle {
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 3px;
}
.serviceDetails {
    font-size: .8rem;
}

.setupBox .simpleSelectionBlock label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: .8rem;
    color: #000;
    margin-right: 8px;
}



.setupBox .simpleSelectionSetup select {
    display: inline-block;
    width: 180px;
    height: 30px;
    margin-bottom: 5px;
    font-size: .8rem;
    color: #fff;
    background-color: #5d9e71 !important;
    margin-bottom: 30px;
}


.setupBox .multipleSelectionBlock  label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: .8rem;
    background: #fff;
    color: #000;
    margin-right: 5px;
}



.setupBox .multipleSelectionBlock .multipleSelectionSetup label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: .7rem;
    background: #fff;
    color: #000;
    font-weight: 800;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 4px;
}

.setupBox .multipleSelectionBlock .multipleSelectionSetup input[type="checkbox" ] {
    display: inline-block;
    margin-bottom: 30px;
    font-size: .7rem;
    background-color: #5d9e71 !important;
    background: #5d9e71 !important;
    border:none;
    color: #fff;
    font-weight: 800;
    box-sizing: none !important;
    padding-bottom: 10px;
}



.setupGrades .gradeBlock:not(:last-child) {
    padding-bottom: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.setupGrades .gradeBlock label,
.setupGrades .setupPrice label {
    display: block;
    margin-bottom: 5px;
    font-size: .8rem;
}
.setupGrades .gradeBlockSetup input {
    display: block;
    padding: 5px 0;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: bold;
    padding-left: 10px;
    border: 0.5px dotted;
    background-color: #fdee93;
}
.setupGrades .gradeBlockSetup .ui-slider {
    width: 100%;
    height: 8px;
    border: 1px solid #ccc;
    border-radius: 50px;
    background-color: #fff;
    position: relative;    
}
.setupGrades .gradeBlockSetup .ui-slider-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #880000;
    cursor: pointer;
}
.setupGrades .setupPrice {
    padding: 20px;
    margin: 25px 0 15px;
    background-color: #e4efe7;
}
.setupGrades .setupPriceIcon,
.setupGrades .setupPriceAmmount {
    display: inline-block;
    vertical-align: center;
    font-size: 2rem;
    font-weight: bold;
}
.setupGrades .btnprovide{
    width: 100%;
    padding: 15px;
/    background-color: #5d9e71;
    background-color: rgba(0,0,0,0.65);
    border-radius: 3px;
    border: none;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    transition: background-color .2s;
    cursor: pointer;
    margin-bottom: 20px;
}

.provideForm input[type="button"] {
    width: 100%;
    padding: 15px;
    background-color: #5d9e71;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    transition: background-color .2s;
    cursor: pointer;
}
.setupGrades .btnprovide:hover,
.provideForm input[type="button"]:hover {
    color: #000;
    background-color: #FEAA26;
}
.provideForm label {
    display: block;
    margin-bottom: 5px;
    font-size: 1rem;
    font-weight: bold;
}
.provideForm input:not([type="button"]):not([type="file"]),
.provideForm .file-input,
.provideForm textarea {
    width: 60%;
    padding: 15px;
    margin-bottom: 15px;
    border: 0.5px dotted #000;
    border-radius: 3px;
    font-size: .9rem;
}

.provideForm .smallInp {
    font-size: 10px;
    font-weight: bold;
}

.provideForm .field {
    font-size: 12px;
    font-weight: bold;
}

.provideForm .file-input {
    display: block;
    padding: 5px;
    overflow: hidden;
}
.provideForm .file-input .input-group {
    position: relative;
}
.provideForm .file-input  {
    width:64%;
}
.provideForm .file-input .glyphicon {
    display: inline-block;
    vertical-align: middle;
    width: .9rem;
    height: .9rem;
    margin-right: 5px;
    background: no-repeat center/auto 100%;
}
.provideForm .file-caption {
    padding: 10px 160px 10px 10px;
}
.provideForm .file-caption .glyphicon {
    background-image: url('/drive/repo/editorweb/frame-landscape.png');    
}
.provideForm .file-caption .file-caption-name {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: .7rem;
}
.provideForm .file-caption .file-caption-name:empty::before {
    content: "..."
}
.provideForm .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 8px;
    background-color: #FEAA26;
    border-radius: 2px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: background-color .2s;
}
.provideForm .input-group-btn:hover {
    background-color: #eec239;    
}
.provideForm .input-group-btn .glyphicon {
    background-image: url('/drive/repo/editorweb/upload.png');
}
.provideForm textarea {
    min-width: 60%;
    max-width: 60%;
    min-height: 140px;
}



/* -------------------------------------------------

                Perfil de usuario

------------------------------------------------- */


.defaultPerfil{
    font-family: 'Questrial', sans-serif;
    padding:1px;
    margin-left: 1.5%;
    width:98%;
    box-sizing:border-box;
    overflow:hidden;
    display:block;}

.headPerfil{
/    padding:10px 15px 90px;
    padding:5px 0px 40px;
/    margin:0 0 5px;
    margin-left: 40%;
    text-align:center;
/    border-bottom:1px solid #e9e9e9;
}
.headPerfil .logo{
/    margin:0 25px 2px;
    width: 30%;
    padding-bottom: 20px;
}
.headPerfil .logo img{
    max-width:100%;
    max-height:100%;}
.headPerfil .title{
    padding:0;
    font-size:1px;
    color: #fff;
    padding:0 0 10px;}
 
.defaultPerfil .contPerfil{
/    text-align:center;
    overflow:hidden;
    width:100%;}


.UserDash{    
    overflow:hidden;
/    width: 33%;
    width: 38%;
/    height: 74vh;
    margin: 10px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding: 20px;
    text-align: left;
    background: #eacb73;
    border-radius: 3px;
    box-shadow: 2px 2px 2px 2px #ccc;
    float: left;
}

.UserDash .userDetails{
    width:100%;
    box-sizing:border-box;
/    padding:20px;
    border-radius:3px;}
    
.UserDash .userDetails .msgPerfil{
    background:#e9e9e9;
    color:#333;
    padding: 10px;
    margin: 0 0 20px;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;}   
.UserDash .userDetails .msgPerfil.msgOk{
    background:#17b552;
    color:#fff;}
    
    
    

.UserDash .UserPic{
    position:relative;
    overflow:hidden;
    border-radius: 50%;
    width: 50%;
    margin:0 auto;
    padding-bottom: 50%;
    text-align:center;
    float:left;
    margin-left: 25%;
    z-index: 0;
}
    
.UserDash .UserPic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    
.UserDash .campoFile{
    font-family: 'Oswald';
    text-transform: uppercase;
    letter-spacing: 1.3px;
    background:#880000;
    color:#fff;
    border: 0;
    border-radius: 3px;
    margin: 5% 1% 0 -10%;
    font-size: 7px;
    text-align:center;
    font-weight: bold;
    cursor: pointer;
    float: left;
    padding: 8px 10px 8px 10px;
    position: relative;
}
    
.UserDash .campoFile:hover{
    color: #000;
    background:#FEAA26;
}

.UserDash .userInfoPerfil{
    display:block;
    clear: both;
}

.UserDash .userInfoPerfil .campoID{
    padding:0 0 30px;
    font-size:14px;
    font-weight: bold;
    text-align:center;
} 

.UserDash .userInfoPerfil .campoID p{
    font-size:16px;
    margin: auto;
    text-align: center;
    padding-bottom: 15px;
}
    
.UserDash .userInfoPerfil .campoID label{
    display:block;
    text-transform: uppercase;
    margin-left: 5px;
    color: #eacb73;
    font-size:14px;
}
    
.UserDash .userInfoPerfil .campoID label a{ 
    font-family: 'Oswald'; 
    text-transform: uppercase;
    background:#880000;
    color:#fff;
    border: 0;
    border-radius: 3px;
    width: 90%;
    margin: auto;
    font-size: 12px;
    letter-spacing: 1.3px;
    text-align:center;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer; 
    padding: 10px 30px 10px 30px;   
}  

.UserDash .userInfoPerfil .campoID label a:hover{
    color: #000;
    background:#FEAA26;}    
    
.UserDash .campoFile .btn-file input{
    padding: 15px 20px;
    width:100%;}
    
    

.UserDash .campoFile{
/    padding:10px 0;
}


    
.UserDash .userInfoPerfil .campoBtn{
    text-align: left;
}
.UserDash .userInfoPerfil .userMoreInfo .campoBtn{
    display:block;}
    
    
    

.UserDash .userInfoPerfil .campo{
    padding:0 2px 10px 0;
    width:50%;
    box-sizing:border-box;
    float:left;}
   
.UserDash .userInfoPerfil .campo label{
    display:block;
    margin-left: 5px;
    color: #5b5b5b;
    font-size:12px;}


  

.UserDash .userInfoPerfil .campo p{
    font-size:14px;
    margin:0 0 5px;}


    
.UserDash .userInfoPerfil .campo input{
    width:100%;
    background:#fff;
    box-sizing:border-box;
    padding:5px;
    border:1px solid #ccc;
    font-size:12px;}
    
.UserDash .userInfoPerfil .campo.campoTel{width:50%;}
.UserDash .userInfoPerfil .campo.campoTel input.inpSmall{
    font-size:10px;
    width:20%;}
.UserDash .userInfoPerfil .campo.campoTel input.inpMedium{
    font-size:10px;
    width:50%;} 
    
.UserDash .userInfoPerfil .campo select{
    width:100%;
    box-sizing:border-box;
    padding:5px 2px;
    border-1px solid #ccc;
    font-size:12px;}
    
.UserDash .userInfoPerfil .campo.campoNac select{
    font-size:10px;
    margin-bottom: 20px;
    width:27%;}
.UserDash .userInfoPerfil .campo.campoNac select:last-child{
    font-size:10px;
    width:38%;}

.UserDash .userInfoPerfil .campoBtn{
/    margin:10px 0 0; 
    margin:2px 0 0; 
/    padding:10px 0;
    padding:2px 0;
}
.UserDash .userInfoPerfil .campoBtn input{
    font-family: 'Oswald'; 
    text-transform: uppercase;
    border:0;
    letter-spacing: 1.3px; 
    text-transform: uppercase;
    border-radius:3px;
    background:#880000;
    color: #fff;
/    padding:10px;
    font-weight:bold;
    font-size:14px;
    padding: 10px 43% 10px 43%;
    cursor:pointer;}
.UserDash .userInfoPerfil .campoBtn input:hover{
    color: #000;
    background:#FEAA26;}
    
    
    
.UserDash .userMoreInfo{
    margin:10px 0 0;
    padding:10px 0 0;
    clear:both;
    border-top:1px solid #ccc;}
.UserDash .userMoreInfo h2{
    font-weight:normal;
    padding:10px 0;}


/* -------------------------------------------------

                aplicaciones del usuario

------------------------------------------------- */


.userApps{
/    display: none;
    width:58%;
    margin-left: 2%;
/    display:inline-block;
/    box-sizing:border-box;
/    padding:20px;
/    text-align:left;
    padding:10px 0 0;
    float: right;
}
.contApps{
    overflow:hidden;
    padding:0 10px 20px;}
    
.contApps h3{
    font-family: 'Oswald'; 
    text-transform: uppercase;
    border-bottom:1px solid #880000;
    color: #880000;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
    padding:0 0 10px;
    margin:0 0 20px;}
    
.contApps .itemApp{
    position:relative;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    border-radius:50%;
    border:5px solid #880000;
    margin:2px;
    padding:10px;
    width:170px;
    height: 170px;
/    min-height:180px;
    text-align:center;
    background: #880000;
}
    
.contApps .itemApp .deleteApp{
    position:absolute;
    z-index:10;
    top:-8px;
    right: 18px;
    width:20px;
    height:15px;
    font-size:8px;
    padding:5px 0 0;
    border-radius:100px;
    border: 4px solid red;
    background:red;
    font-weight:bold;
    color:#fff;
    cursor:pointer;}
.contApps .itemApp .deleteApp:hover{
    border: 4px solid #FEAA26;
    color: #000;
    background: #FEAA26;}     
    
    
.contApps .itemApp .appPic{
    position:relative;
    overflow:hidden;
    width:40%;
    margin:0 auto 10px;
    border-radius:500px;
    padding-bottom:40%;}
.contApps .itemApp .appPic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
    
.contApps .itemApp .appTitle{
    font-size:10px;
    font-weight: bold;
    text-transform: uppercase;
    text-align:center;
    color: #fff;
    margin-top: -5px;
}
.contApps .itemApp .appIntro{
    font-size:10px;
    margin-top: -10px;
}
.contApps .itemApp a{
    position:absolute;
    font-size: 9px;
    left:5px;
    bottom:5px;
    right:5px;
    display:block;
    padding:10px 5px 10px 5px;
    background:#FEAA26;
    color:#000;
    font-weight:bold;
    border-radius:3px;
    text-transform: uppercase;
    text-decoration:none;
    width: 50%;
    margin: 10% auto;
}

.contApps .itemApp a:hover{
    border: 4px solid red;
    color: #fff;
    background:red;}


/* -------------------------------------------------

                BLOQUE LISTADO DE SERVICIOS

------------------------------------------------- */


.wdgServiceStore .serviceStoreHead .title {
    margin-top: 25px;
    color: #000;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 40px;
}

.wdgServiceStore .serviceProvidersMap {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.wdgServiceStore .serviceStoreCont {
    display: inline-block;
    width: 31%;
    margin-left: 1%;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #fff;
}

.wdgServiceStore .serviceStoreCont .serviceItem {
    display: inline-block;
    width: 75%;
    margin-left: 1%;
    text-align: center;
}

.wdgServiceStore .serviceTitle {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 2px;
    height: 20px;
}

.wdgServiceStore .serviceDescription  { 
/    padding: 3px 0 18px 0;  
    vertical-align: top;
    height: 50px;
    padding-bottom: 3px;
    padding-top: 5px;
}

.wdgServiceStore .serviceProviderIcon img {
    width: 40%;
    padding-bottom: 10px;
}

.wdgServiceStore .serviceDescription p span {
/    display: none;
    font-family: 'Questrial', sans-serif !important;
    font-size: 12px !important; 
    text-align: center !important;
}

.wdgServiceStore .serviceDescription p  {
/    display: none;
    font-family: 'Questrial', sans-serif !important;
    font-size: 12px !important; 
    text-align: center !important;
}

.wdgServiceStore .serviceSee {
    color: #000;
    font-weight: bold;
    font-size: 10px;
    padding: 10px 10px 10px 10px;
    background: #FEAA26;
    border-radius: 5px;
    text-decoration: none;
}

.wdgServiceStore .serviceConfig {
    display: none;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    padding: 10px 10px 10px 10px;
    background: #7eb2ae;
    border-radius: 5px;
    text-decoration: none;
}

.wdgServiceStore .servicePic img {
    max-width: 128px;
    max-height: 128px;
}



/* -------------------------------------------------

                MENU SERVICIOS

------------------------------------------------- */

.servhomeA {
    width: 100% !important;
/    background: rgba(0,0,0,0.09);
/    background: rgba(95,2,31,0.18);
    background: #F1F1F1;
    padding-top: 10px;
}

.servhomeA .servhome {
    width: 80%;
    margin-left: 13%;
    overflow:hidden;  
/    margin-top: 10px;
    padding-bottom: 10px;
}

.servhomeA .servhome .wdgTitle{
    text-align: center;
    vertical-align: bottom;
    width: 18%;
    display: inline-block; 
}
    
.servhomeA .servhome .wdgTitle .title{
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 20px;
/    margin-bottom: 1px;
    font-weight: bold;
    text-align: left;
} 

.servhomeA .servhome .wdgContent{
    width: 75%;
    margin-left: 1%;
    display: inline-block;
/    border-bottom: 0.5px solid  #000;
}   


.servhomeA .servhome .contMenu {
}

.servhomeA .servhome .menuItem {
    margin-top: 0;
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
    text-align: left;
    cursor: pointer;
}

.servhomeA .servhome .menuPic {
    width: 90%;
    margin: 0 auto;
    margin-top: 22px;
    margin-bottom: 0;
}
.servhomeA .servhome .menuItem img {
    width: 70%;
    height: 70%;  
    margin-top: 15px;  
/    padding-bottom: 15px;
}

.servhomeA .servhome .menuItem .menuTitle  {
    margin-top: -10px;
    width: 100%;
    text-align: right;
}

.servhomeA .servhome .menuItem .menuTitle a {
    font-family: 'Oswald'; 
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #880000;
/    color: #fff;
    white-space: pre-wrap;
    vertical-align: bottom;
}

.servhomeA .servhome .menuItem .menuTitle a:hover {
    background:  url('/drive/repo/general/arrow_right.png') no-repeat 5% center/auto 110%;
    padding: 0px 0 0px 30px;
/    font-size: 1rem;
    color: #000;
    font-weight: bold;
}

.servhomeA .servhome .menuItem:first-child  .menuTitle {
    text-align: left;
} 

.servhomeA .servhome .menuItem:nth-child(2)   .menuTitle {
    text-align: right;
}   

.servhomeA .servhome .menuPic img:hover {
    width: 80%;
    height: 80%;   
    padding-bottom: 5px;
}
.servhomeA .servhome p {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 500;
}

/* -------------------------------------------------

                PREGUNTAS FREQUENTES

------------------------------------------------- */    


.faq {
    padding: 0 0 30px;
    width: 100%;  
    background: url('/drive/repo/general/fondoG_azul1.png') no-repeat fixed center/cover;
    background-color: #fff;
    color: #fff;
    position: relative;
/    border-bottom: 4px solid #288079;
}
.faq .PostTitle {
    
/    background-color: #bef0ed;
    background-color: #880000;
    margin-bottom: 50px;
}
.faq .PostTitle .title h1 {
    
    font-size: 2.3rem;
    font-weight: 800;
/    letter-spacing: 5px;
    line-height: 2.3;
    text-align: center;
    
}

.faq .PostTitle .subtitle  {
    margin-top: -39px;
    float: right;
    margin-right: 12%;
}

.faq .PostTitle .subtitle a {
    transform: translateY(-50%);
    display: inline-block;
    padding: 20px 70px 20px 40px;
    background: #880000 url('/drive/repo/editorweb/toRight.png') no-repeat 85% center/auto 30%;    
    border-radius: 3px;    
    font-size: .6rem;   
    font-weight: 800; 
    font-family: 'Oswald'; 
    text-transform: uppercase;   
    text-decoration: none;
    color: #fff; 
    transition: background .3s;
}
.faq .PostTitle .subtitle a:hover {
    background-color: #FEAA26;
    color: #000;
    background-position: 90% center;
}
.faq_contacto .faq .PostTitle .subtitle {
    display: none;
}
.faq .PostDescription ul {
    list-style: none;
}
.faq .PostDescription ul li {
    
    margin-bottom: 3px;
    margin-left: 13%;
    width: 75%;
}
.faq .PostDescription ul li h3 {

        font-size: .9rem;
       letter-spacing: 1.2px;   
    font-weight: 600;  
    padding: 15px;
    background: #880000 url('/drive/repo/editorweb/downA.png') no-repeat 98% center/auto 30%;
    border-radius: 3px;
    cursor: pointer;    
}
.faq .PostDescription ul li h3.active {
    
    background-image: url('/drive/repo/editorweb/toTop.png');
}
.faq .PostDescription p {
    color: #000;
    font-size: .9rem;
    font-weight: 500;
    display: none;
    padding: 20px 20px 15px;
}
.faq .PostDescription p:last-child {
    padding-bottom: 30px;
}





/* -------------------------------------------------

                MEDIA QUERIES

------------------------------------------------- */

/* -------------------------------------------------

                MEDIA QUERIES 1023 px MIO PORTRAIT

------------------------------------------------- */


@media (max-width: 1023px) {

.header.fixed{
    height:71px;
}
.header.fixed .navmobil .logo{
    margin-top: 0px!important;
    margin-left: 0!important;
    width: 20%;
}
.header.fixed .navmobil .logo img{
    width:75%;
}
.header .grid-container{
    display: grid;
}

.header .grid-container .logo .container-logos .letras{   
    padding-right: 30px;
    padding-left: 80px;
    font-size: 15px;
    line-height: 20px;
    padding-bottom:50px;
}

.header .grid-container .logo .container-logos .logoyletras .logito{
    width: 70px;
    padding-bottom:50px;
    margin-top: 5px;
}

.header .grid-container .logo .container-logos .logoyletras .letrass{
    text-transform: uppercase;
    font-size: 15px;
    font-family: oswald;
    color: #880000;
    width: 400px;
    line-height: 20px;
    padding-bottom:50px;
}

.header .grid-container .logo .container-logos .logoyletras .letrass span{
    font-size: 13.5px;
    line-height: 20px;
}

.header .navmobil{
    display: flex;
}
.parallax{
    height:188px;
    background-attachment: inherit;
    background-size: contain;
}
.body-grid-container .titles {
    margin: 0;
    left: 0;
    grid-area: 2 / 1 / 3 / 3;      
    width: 100%;
}
.body-grid-container .circled-category {   
    margin: 0;
    grid-area: 3 / 1 / 4 / 3;
    width: 100%;
}
.body-grid-container .circled-category .categories {
    width: 100%;
}
.body-grid-container .circled-category .wdgContent {
    display: block;
}
.body-grid-container .circled-category .wdgContent .wdgItemPost {
    padding: 5%;
    margin: 15px auto;    
}
.body-grid-container .circled-category .wdgContent .wdgItemPost .PostPic img {
    width: 20%;
}
.body-grid-container .circled-category .wdgContent .wdgItemPost .PostDetails .title {
    font-size: 18px;
}
.body-grid-container .circled-category .wdgContent .wdgItemPost .PostDetails .description {
    font-size: 12px;
}
.body-grid-container .titles2{
    margin: 0;
    left: 0;
    width: 100%;
}

.body-grid-container .publicaciones {
    width:100%;
}
.body-grid-container .publicaciones .publicacion {
    flex-wrap: wrap;
}
.body-grid-container .publicaciones .publicacion .publicacion-text {
    width: 100%;
    height: auto;
}
.body-grid-container .publicaciones .publicacion .img-publicacion {
    width: 100%;
    margin: 10px 10px;
}
.body-grid-container .publicaciones .publicacion .publicacion-text .PostDescription {
    padding: 0 10px;
}
h6 a[href] {
    font-size: 9px;
}
.btnMovil{
     display:block;      
}
   
.contNavs{
    float:right;
    position:fixed;
    z-index:90;
    height:100%;
    width:100%;
    top:250px;
    left:-100%;
    right:0;
    bottom;
    background: rgba(0,0,0,0.95);    
    box-sizing:border-box;
    padding-bottom: 20px;
    padding-top: 20px;
} 
    
.contNavFix{
    position:relative;
    width:100%;
/    height:100%;
}

.nav1{
    display: inline-block;
    clear:none;
    float: none;
    bottom:20%;
    left:0;
    right:0;
    width: 100%;
}
.nav2{
    display: inline-block !important;
    clear: none;
    float:none;
    width: 100%;
}
   
    
.nav1 .menuItem,.nav2 .menuItem, .searchHead .menuItem{
    float:none;
    display: inline-block;
}
.nav1 .menuItem  a, .nav2 .menuItem  a, .searchHead .menuItem a{
    display:block;
    color:#fff;
    text-decoration:none;
    width:100%;
    outline:0;}
.nav1 .menuItem  a:hover, .nav2 .menuItem, .searchHead .menuItem a:hover{
    color:#FEAA26;
/    background:#111;
}
    
.nav1 .menuItem{
    float:none;}
.nav1 .menuItem  a{
    padding:10px;
    font-size:14px;}
    
.nav2 .menuItem{
    float:none;}
.nav2 .menuItem  a{
    padding:10px;
    font-size:16px;}
     
.searchHead {
    clear: none;
/    float:none;
    padding-bottom: 10px;
}

.searchHead .normalSearch input[type=text]{
    width:89%;
}

/* -------------------------------------------------

                HEADER FIXED PORTRAIT

------------------------------------------------- */
  
header.fixed {
    height: 33vh;
}    
header.fixed .logo{
    margin-top: 5px;
    width: 40%;
    margin-left: 25% !important;
    float: none;
    display: block;
    margin-bottom: 0;
}  

header.fixed .logo img{
    width: 100%;
}         
    
header.fixed .logo .img_logo_oscuro{
       display:none;
}    

header.fixed .logo  .img_logo_claro{
       display: none;
}

header.fixed .logo  .img_logo_oscuro{
   display: block;
   text-align: center;
}
 
header.fixed  .logoGB{
    display: none;}   
    
header.fixed  .logoGB-black{
    display: none;}
    
header.fixed  .logoGB-icon{
    display: none;
} 
             
header.fixed .headBox{
    width: 100% !important;
    float: none;
    display: block;
    background: transparent;
}  

header.fixed .cart .productsCartCont {
    top: 21% !important;
    left: 1% !important;
    width: 350px !important;
}

header.fixed .cartLBCont .productCart {
    width: 300px !important;
    max-width: 300px !important;
}

header.fixed .ob .appsCont{
    top: 30px;
    left:25px;
}

header.fixed .ob .appsCont:before{    
    display: none;  
}

header.fixed .ob .userCont {
    top: 200px;
    left:1px;
}
       
header.fixed .ob .userCont:before{
    display: none;
}

header.fixed .categProds{
    margin-top: 7px;
}

header.fixed  .contNavs{
    float:right;
    position:fixed;
    z-index:90;
    height:40%;
    width:100%;
    top:110px;
    left:-100%;
    right:0;
    bottom;
    background: rgba(0,0,0,0.95);   
    box-sizing:border-box;
    } 
    
header.fixed  .contNavFix{
    position:relative;
    width:98%;
    height:20%;
}
    
/*===== Menu Superior  ====*/

header.fixed  .nav1{
    display: none;
    display: inline-block;
    position:absolute;
    clear:none;
    float: none;
    margin-top:1%;
    left:0;
    right:0;}
header.fixed  .nav2{
    position: relative;
    clear: none;
    float:none;
    display: inline-block;
    margin-top: 25%;}
header.fixed  .searchHead {
    clear: none;
    float:none;
    display: none;
    margin-top: 30%;
    width: 80%;}    
    
header.fixed .nav1 .menuItem,header.fixed .nav2 .menuItem, header.fixed .searchHead .menuItem{
    float:none;
    display: inline-block;
}
header.fixed .nav1 .menuItem  a, header.fixed .nav2 .menuItem  a, header.fixed .searchHead .menuItem a{
    display:block;
    color:#fff;
    text-decoration:none;
    width:100%;
    outline:0;}
header.fixed .nav1 .menuItem  a:hover, header.fixed .nav2 .menuItem, header.fixed .searchHead .menuItem a:hover{
    color:#FEAA26;
/    background:#111;
}
    

header.fixed .nav1 .menuItem{
    float:none;
    display: inline-block;}
header.fixed .nav1 .menuItem  a{
    padding:20px;
    font-size:14px;}
    
header.fixed .nav2 .menuItem{
    float:none;
    display: inline-block;}
header.fixed .nav2 .menuItem  a{
    padding:20px;
    font-size:16px;}
header.fixed .searchHead .menuItem{
    float:none;
    padding:-top: 50px; 
}   
header.fixed .searchHead .menuItem  a{
    padding:20px;
}    
    
header.fixed .contNavs {
    width: 88%;
}  

header.fixed .contNavFix{
    border-top-right-radius: 25px;
    width: 88%;
}   
    
/* -------------------------------------------------

                FIN HEADER

------------------------------------------------- */    
    
/*===== LOGIN ====*/


      
.headPerfil .logo img{
    max-width:85%;
    max-height:85%;}
    
.loginWeb{
    width: 100%;
    height:auto;
    padding:20px;
    display:block;
    box-sizing:border-box;}
    
.logRegCont{
    display:block;
    vertical-align:top;}
    
.headLogin{
    text-align:center;
    pading:20px 0 10px;
    overflow:hidden;}
.headLogin .logo{
    width: 90%;
    margin:0 0 5px;}
.headLogin .logo img{
    max-width:90%;}
.headLogin .title{
    margin:0 0 15px;}
    

.contLog{
    width:98%;
    margin:0 auto 20px;
    display:block;
    padding:20px;
    text-align:left;
/    background:#f1f1f1;

  
    box-shadow: 2px 2px 2px 2px #ccc;}
.contReg{
    width:98%;
    margin:0 auto 20px;
    display:block;
    padding:20px;
    text-align:left;
    box-shadow: 2px 2px 2px 2px #ccc;} 
    
    
.changePass{
    width:98%;
    margin:0 auto;
    display:block;
    padding:20px;
    text-align:left;
    background:#880000;

    box-shadow: 2px 2px 2px 2px #ccc;} 

.defaultPerfil {
    width: 95%;
    margin-left: 2%;
}  


.headPerfil {
    width: 50%;
    margin-left: 25%;
    display: block;} 
    
.headPerfil .logo {
    width: 95%;
} 
        
.headPerfil .logo img{
    max-width:85%;
    max-height:85%;}   
    
.contPerfil{
/    margin-left: 8%;
    display: block;
    width:100%;
}

.UserDash{
    overflow:hidden;
    width: 97%;
/    height: 77vh;
    margin: 10px;
    display: block;
    padding: 10px;
    text-align: left;
}  

.UserDash .UserPic {
/    width: 30%;
}   

.UserDash .campoFile {
/    width: 400px;
/    font-size: 2rem;
/    line-height: 2;
}

.UserDash .userInfoPerfil .campoID p{
    font-size:2rem;
} 

.UserDash .userInfoPerfil .campoID a{
    font-size:2rem;
    padding: 10px 0 10px;
}  

.UserDash .userInfoPerfil .campo label{
    margin-left: 5px;
    margin-top: 15px;
    font-size:2rem;}


.UserDash .userInfoPerfil .campo input{
    padding:20px;
    font-size:2rem;
}

.UserDash .userInfoPerfil .campo.campoTel{width:100%;}
.UserDash .userInfoPerfil .campo.campoTel input.inpSmall{
    font-size:2rem;
    width:30%;}
.UserDash .userInfoPerfil .campo.campoTel input.inpMedium{
    font-size:2rem;
    width:65%;} 
    
.UserDash .userInfoPerfil .campo.campoNac {
    width:90%;}     
    
.UserDash .userInfoPerfil .campo.campoNac select{
    font-size:2rem;
    padding:20px;
    margin-bottom: 20px;
    width:27%;}
.UserDash .userInfoPerfil .campo.campoNac select:last-child{
    font-size:2rem;
    padding:20px;
    width:38%;}
    
.userInfoPerfil .campoBtn {
    font-size:2rem;
    display:block;
    width: 100%;
}

.UserDash .userInfoPerfil .campoBtn input{
    font-size:1rem;
    line-height: 2;
    padding: 10px 44% 10px 44%;    
}
    
.UserDash .userInfoPerfil .campo{
    padding:0 5px 10px 0;
    width:100%;
    box-sizing:border-box;
    float:none;}

.userApps{
    width: 100%;
}

/*===== SLIDER ====*/

.slide {
/     height: 90vh;
}


.slide .menuTitle a {
/    margin-top: 140px;
    letter-spacing: 1.3em;
    font-size: 2rem;
    line-height: 1;
    margin-top: 50%;
    letter-spacing:-0.01em;
    color: #fff;
}


.slide .menuDescription p {
    font-size: 1.3rem;
}



.slide .arrowNav div {
    margin-top: 35%;
}

.slide .arrowNav div.prev {
    left: 3.5%;
}

.slide .arrowNav div.next {
/    right: 3.5%;
}

   
.slide .selectorNav {
/    margin-top: 40%;
}


/*===== CCURSOS 1 ====*/

.cursos1 .categItem {   
/    display: block !important;  
}

.cursos1 .categItem:nth-child(1), .cursos1 .categItem:nth-child(2), .cursos1 .categItem:nth-child(3), .cursos1 .categItem:nth-child(4), .cursos1 .categItem:nth-child(5), .cursos1 .categItem:nth-child(6)         {         
    position: relative;
    display: block !important;
    vertical-align: center !important;
    text-align: left !important;
    width: 95% !important;
    padding-bottom: 53% !important;
    margin-bottom: 4% !important;   
    margin-left: 1% !important;
    z-index: 1;   
}

/*===== CCURSOS  ====*/

.cursos .categServItem:nth-child(4), .cursos .categServItem:nth-child(1), .cursos .categServItem:nth-child(3), .cursos .categServItem:nth-child(2) {         
    position: relative !important;
    display: block !important;
    vertical-align: center !important;
    text-align: left !important;
    width: 98% !important;
    padding-bottom: 63% !important;
    margin-bottom: 4% !important;
    margin-right: 1% !important;
    z-index: 1;   
}

.cursos .categServItem:nth-child(5) {         
    position: relative !important;
    display: block !important;
    vertical-align: center !important;
    text-align: left !important;
    width: 98% !important;
    padding-bottom: 63% !important;
    margin-bottom: 4% !important;
    margin-right: 1% !important;
    z-index: 1;   
}




/*===== CABECERA DE CATALOGO ====*/
   
.catalogHead{
/    background: transparent;
    margin-top: 15px;
    margin-left: 10%;
    width: 70%;
    margin-bottom: 40px;
    padding:20px;
    display: block;
}

.catalogHead .catalogTitle{
    width: 100%;
}

.catalogHead .catalogTitle .titles .title h1{
/    display:none;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 25px;
    margin-bottom: 8px;
    float:none;
}

.catalogHead .catalogTitle p{
    font-size: 15px;
    font-size: 20px;
    text-align: right;
}


  
.catalogHead .catalogAcces{ 
    text-align: right;
/    margin-right: 10.5%; 
    float: right;
    display: block;
     float: right;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 0;
}

.btnCatalog .menuTitle a{
    padding:20px 10px 20px 10px;
    float: right;
}
    

    
/*===== columnas de catalogo */  
  
.pageBlock .col1Small{
    display:block;
    width:100%;
    padding:0;}  
.pageBlock .col2Big{
    display:block;
    width:100%;}    
    
    


/*===== Categorias de productos despegables en responsive ====*/  

.categProds .wdgTitle {
    display: block;
    padding: 20px 25px;
    background: #eec239 url('/drive/repo/editorweb/menu.png') no-repeat 90% center/auto 10%;
    border: 2px solid #222;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #222;
    cursor: pointer;
    margin:25px 5px 20px 5px;
}
.categProds .wdgContent {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 50px 20px 20px;
    box-sizing: border-box;
    background-color: #000;
    text-align: left;
    overflow-y: scroll;
    z-index: 999;
}
.categProds .categItem {
    display: block;
    position: static;
    margin: 0 0 15px;
    border: 0;
}
.categProds .categItem:nth-child(3) .categTitle{
    color:#fff;}    
.categProds .categItem:nth-child(3) .categTitle a:hover{
    background:none;
    color:#fff;}    
    

.categProds .categItem:nth-child(3) .categTitle{
    color:#333;}   
.categProds .categItem:nth-child(3) .categTitle a:hover{
    background:none;
    color:#333;}    


.categProds .categTitle a {
    display: block;
    color: #fff;
    padding: 0;
}
.categProds .categTitle a:hover {
    background-color: transparent;
} 
.categProds .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    background: url('/drive/repo/editorweb/icon_close.png') no-repeat center/60%;
    cursor: pointer;
}  
    
/*===== Catálogo de productos */   
    

.catalog.homeCatalog .wdgProd {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin: 0 -4px 2% 2%;
    outline:0;
    box-sizing:border-box;
}

.catalog .wdgProd{
    display: inline-block;
    vertical-align: top;
    width: 69%;
    margin: 0 0 3% 0;
    outline:0;
    box-sizing:border-box;
}

.catalog .wdgProd:nth-child(2n+1) {
    margin-left: 0;
}
.catalog .wdgProd .ProdDetails{
    height:auto;    }
.catalog .wdgProd .ProdDetails .title {
    display: block;
    height: 3rem;
    margin-top: 10px;
    overflow: hidden;
}
.catalog .wdgProd .ProdDetails .title a {
    display: block;
    padding: 0;
    line-height: 1rem;
}  



.jorge{
    margin-top: -25px;  
}

.categBlock .contCateg {
    margin-top: -5px;  
} 

.categBlock .categItem {
    display: block;
    vertical-align: top;
    margin-left: 10%;
    width: 80%;   
}  



.categBlock .categItemCont  {
    margin-top:5px; 
    margin-bottom: 9px; 
    border-radius: 15px; 
    border: 15px solid #FEAA26;
}

.categBlock .categItemCont .categPic img {
    top: 100;
    bottom: 100;   
}


.categBlock .wdgTitle{
    padding:3px 0 1px;}
  
     
.categBlock .categItemCont .categTitle > div a {
    background: #FEAA26;
    font-size: 1rem;
}   
   
.cookiesBanner p  { 
    margin-left: 5%;
}

.cookiesBanner h1  { 
    margin-left: 10%;
}

.cookiesBanner .seeMoreButton   { 
    margin-left: 3px; 
}

.cookiesBanner button   {
    margin-left: 5%;
    margin-top: 20px; 
}

.container-dashboard {
  top: 30px;
  left: 50px;
}

header.fixed .container-dashboard {
  top: 30px !important;
  left: 1px !important;
}

} /* FIN MEDIA QUERIES 1023 */

    
/* -------------------------------------------------

                MEDIA QUERIES LANDSCAPES

------------------------------------------------- */
@media (min-width: 801px) and (max-width: 1023px) and (orientation: landscape)   {
    .header .logo{
        width: 10%;
    }
    .header.fixed .logo{
        width: 10%!important;
    }
    .header.fixed .navmobil .logo img {
        width: 55%;
    }
}
@media (max-width: 800px) and (orientation: landscape)   {

.header{
    height: 65px!important;
}
.header.fixed{
    height: 70px!important;
}
.header .logo{
    width: 10%!important;
    margin: 0 !important;
}
.header.fixed .navmobil .logo{
    width: 10%!important;
}
.header .logo img{
        width: 65%;
}

.header.fixed .logo img{
        width: 65%;
}

.parallax{
    height: 245px;
    background-attachment: inherit;
    background-size: cover;
    background-position: bottom;
}

header  {
    height: 45vh !important;
    background: transparent;
}

header .headBox{
    margin-left: 0;
    width: 100%;
    display: block;
    clear: both;
    margin-top: 0px;
    background: transparent !important;
    padding-bottom: 10px;
}
    
.headCont{
     width:100%;
     margin-left: 0%;
     padding:10px 0 0 0;
} 


    
header .logo {
    width: 80% !important;
    display: block;
    margin-left: 10% !important;
    margin-bottom: 15px !important;
}

header .logo img{
    width: 100%;
} 
    
header .logo  .img_logo_claro{
   display:none;
}

header .logoGB{
    display: block;
} 
  
header .logoGB-black{
    display: block;
}
    
header .logoGB-icon{
    display: none;
}  

header .contMovil {
    display: none !important;
}

.contMovil .acc {
    margin-left: 28% !important;
}

.categProds{
    width: 20% !important;
}

.headCont.headBox.contNavs{
    float:right;
    width: 1%;
} 

.acc .menuItem .menuPic img {
    margin-top: 7px;
    width: 33px;
    height: 33px;
}

 

.lang .menuItem .MenuImg {
    margin-top: 8px;
    width: 32px;
    height: 32px;
}
 


.btnMovil{
     display:block;    
}
    
    
        

/* -------------------------------------------------

                HEADER FIXED LANDSCAPE

------------------------------------------------- */   

  
  
header.fixed  .logo {
    margin-bottom: 6px !important;
    margin-left: 35% !important;
    margin-top: 2px;
    width: 30%;
}

header.fixed .logo img{
    width: 80% !important;
} 
    
header.fixed .logo .img_logo_oscuro{
       display: block;
}    

header.fixed .logo  .img_logo_claro{
       display:none;
}

header.fixed  .logoGB{
    display: none;}   
    
header.fixed  .logoGB-black{
    display: none;}
    
header.fixed  .logoGB-icon{
    display: none;
}  
 
      
header.fixed .headBox{
/    margin-top: 5px;
    width: 60%} 
    
header.fixed  .contMovil {
    display: block !important;
}     

header.fixed .categProds .wdgTitle {
    display: inline-block;
    padding: 0 0 0 0;
    background: transparent;
    border: none;
    margin:0 0 0 0;
    background: transparent url('/drive/repo/editorweb/menu2t.png') no-repeat 80% center/auto 70%;
    padding: 5px 5px 5px 5px;
    border-radius: 0px;
}

header.fixed .ob .appsCont{
    top: 40px;
    left:100px;
}

header.fixed .ob .appsCont:before{    
    display: none;  
}

header.fixed .ob .userCont {
    top: 50px;
    left: 100px;
}
       
header.fixed .ob .userCont:before{
    display: none;
}

header.fixed  .ob .appMenu{
    padding:10px 0 10px 0;
}
    
header.fixed  .contNavs{
    float:right;
    position:fixed;
    z-index:90;
    height:100%;
    width:50%;
    top:100px;
    left:-100%;
    right:0;
    bottom;
    background: rgba(0,0,0,0.95);
    
    box-sizing:border-box;
    } 
    
header.fixed  .contNavFix{
    position:relative;
    width:100%;
    height:50%;}
    
/*===== Menu Superior  ====*/

header.fixed .nav1{
/    display: none;
    display: inline-block;
/    position:absolute;
    clear:none;
    float: none;
    margin-top:3%;
    left:0;
    right:0;}
header.fixed .nav2{
    clear: none;
    float:none;
    margin-top: 5%;
    display: inline-block;}
header.fixed .searchHead {
    clear: none;
    float:none;
    display: block;
    width: 90%;
    margin-top:-11%;}    
    
header.fixed .nav1 .menuItem,header.fixed .nav2 .menuItem, header.fixed .searchHead .menuItem{
    float:none;
    display: inline-block;
}
header.fixed .nav1 .menuItem  a, header.fixed .nav2 .menuItem  a, header.fixed .searchHead .menuItem a{
    display:block;
    color:#fff;
    text-decoration:none;
    width:100%;
    outline:0;}
header.fixed .nav1 .menuItem  a:hover, header.fixed .nav2 .menuItem, header.fixed .searchHead .menuItem a:hover{
    color:#FEAA26;
/    background:#111;
}
    

header.fixed .nav1 .menuItem{
    float:none;}
header.fixed .nav1 .menuItem  a{
    padding:10px;
    font-size:14px;}
    
header.fixed .nav2 .menuItem{
    float:none;}
header.fixed .nav2 .menuItem  a{
    padding:10px;
    font-size:16px;}
    
header.fixed .contNavs {
    width: 88%;
}  

header.fixed .contNavFix{
    width: 88%;
}   

/* -------------------------------------------------

                FIN HEADER - SIGO CON EL RESTO

------------------------------------------------- */

/*===== LOGIN ====*/
    
.headLogin .logo{
    width: 90%;
    margin:0 0 5px;}
.headLogin .logo img{
    max-width:90%;}

.cookiesBanner p  { 
    margin-left: 5%;
}

.cookiesBanner h1  { 
    margin-left: 10%;
}

.cookiesBanner .seeMoreButton   { 
    margin-left: 3px; 
}

.cookiesBanner button   {
    margin-left: 5%;
    margin-top: 20px; 
}

/* -------------------------------------------------

                AJUSTES RESPONSIVE

------------------------------------------------- */


.header .grid-container .nav-container .nav .derecha{   
    display: block !important; 
}

header.fixed .responsiveMenu2{
    display:inline-block;
    vertical-align:middle;
    float: right;
}


.header.fixed .grid-container .nav-container .nav .centro{
    float: right;
    position: fixed;
    z-index: 90;
    height: 100%;
    width: 100%;
    top: 65px;
    left: -100%;
    right: 0;
    background: rgba(136, 0, 0, 0.85);
    box-sizing: border-box;
    padding-bottom: 20px;
    padding-top: 20px;
/    border-top: 20px solid #800;
/    border-bottom: 20px solid #800;
/    border-top-right-radius: 15px;
/    border-bottom-right-radius: 15px;
/    border-right: 20px solid #800;
}

.header.fixed .grid-container .nav-container .nav .centro .menuItem  a{
/    color: #000;
    font-size: 18px;
}
.header.fixed .grid-container .nav-container .nav .centro .menuItem  {
    float: none;
    padding-bottom: 15px;
}
header.fixed .grid-container .nav-container .nav .centro {
    width: 58%;
} 

.header.fixed .grid-container .nav-container .nav .centro{    
/    display: none;   
}

.header .navmobil .btns{
    display: block;
    justify-content: center;
    align-items: center;
}

.header .grid-container .nav-container .nav .izquierda .logoyletras img{
    width: 40%;
}
.header.fixed .grid-container .nav-container .nav .izquierda .logoyletras .logito{
    width: 19%;
    margin-left: 1%;
}

.container-dashboard {
  top: 30px;
  left: 50px;
}

header.fixed .container-dashboard {
  top: 30px !important;
  left: 150px !important;
}

.faq .PostDescription ul li h3 {
        font-size: .7rem;  
}



} /* FIN MEDIA QUERIES 800 landscape */

.contjp{
    display: none;
}

/* -------------------------------------------------

                CATEGORIAS HOME

------------------------------------------------- */

.categProds{
/    background: #FEAA26;
    width: 100%;
    margin-top: 10px;
}

.categProds .wdgTitle {
    padding-left: 0px;
    border-top-left-radius: 40px !important;
}

.categProds .wdgTitle .title{
    font-size: 12px;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10%;
    text-align: left;
    background: transparent url('/drive/repo/editorweb/menu.png') no-repeat 90% center/auto 40%;
    cursor: pointer;
}

.categProds .wdgTitle .description {
    background: rgba(0,0,0,0.35);
    text-align: center;
    border-top-left-radius: 30px;
    font-size: 12px;
    padding: 4px 0 4px;
}




.categProds .wdgContent {
    display: none;
    position: fixed;
    top: 18%;
    left: 0;
    bottom: 0;
    width: 18%;
    padding: 50px 20px 20px;
    box-sizing: border-box;
    background-color: #fdee93;
    text-align: left;
    overflow-y: scroll;
    list-style-type: none;
    z-index: 999;
    border-top-right-radius: 70px;
}

.categProds .wdgContent::-webkit-scrollbar {
    -webkit-appearance: none;
}

.categProds .categItem {
    display: block;
    position: static;
    margin: 0 0 15px;
    border: 0;
}

.categProds .closeBtn {
    position: absolute;
    top: 19px;
    right: 19px;
    width: 25px;
    height: 25px;
    background: red url('/drive/repo/editorweb/icon_close.png') no-repeat center/40%;
    cursor: pointer;
    border-radius: 50%;
} 

/* -------------------------------------------------

                RESTO

------------------------------------------------- */ 


.setupTitle h1  {
    display: none;
}

header {
/    background: rgba(0,0,0,0.65);
/    padding-bottom: 15px;
    background: url('/drive/repo/general/slide_272.png') no-repeat center/cover;
}



.contj {
    position: relative;
    background: transparent;
    margin-top: 220px;
    width: 92%;
/    height: 250vh;
    margin-left: 8%;    
    max-width: 1366px;
}

.contj1 {
    position: relative;
    background: transparent;
    width: 85%;
    margin-left: 7%;
    padding: 0 0 0 0;
    clear:both;
}



.serviceView {
    padding-bottom: 60px;
    width: 100%;
}


.serviceView .serviceProvider {
    text-align: center;
    width: 90%;
    padding-bottom: 30px;
}

.serviceView .providerImage {
    text-align: center;
    padding-bottom: 30px;
}

.serviceView  .providerImage img {
    width: 500px;
}


.serviceViewHead .serviceBack,
.serviceViewHead .viewProvide,
.serviceViewHead .serviceOpen,
.serviceViewHead .viewservice {
    position: absolute;
    top: 101px;
    right: 130px;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    padding: 12px 18px;
    border-radius: 3px;
    font-size: 1rem;
    color: #fff;
    transition: background-color .2s, background-position .2s;
}


.serviceViewHead .viewProvide,
.serviceViewHead .serviceOpen,
.serviceViewHead .viewApp {
    width: 140px;
    text-align: center;
}
.serviceViewHead .serviceBack {
    right: 310px;
    top: 181px;
    padding-left: 35px;
    background: #880000 url('/drive/repo/editorweb/leftArrow.png') no-repeat 14px center/auto 30%;
    color: #fff;
    cursor: pointer;
}
.serviceViewHead .serviceBack:hover {
    background-color: #eec239;
    background-position: 10px center;
}
.serviceViewHead .viewProvide {
    text-decoration: none;
    background-color: #fdee93;
    color: #000;
}
.serviceViewHead .viewProvide:hover {
    background-color: #95bfa2;
}
.serviceViewHead .serviceOpen,
.serviceViewHead .viewservice {

    text-decoration: none;
    background-color: #7eb2ae;
}
.serviceViewHead .serviceOpen:hover,
.serviceViewHead .viewservice:hover {
    background-color: #95bfa2;
}
.serviceViewHead .viewservice {
    padding: 12px 18px;
}
.serviceViewHead .serviceIcon,
.serviceViewHead .serviceFirst {
    display: inline-block;
    vertical-align: middle;
}
.serviceViewHead .serviceIcon {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    position: relative;    
}
.serviceViewHead .serviceIcon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.serviceViewHead .serviceFirst {
    font-size: 1.8rem;
    letter-spacing: 2px;
    font-weight: bold;
}


.serviceFirst .titleName {
    color: #000;
    font-size: 36px;
    font-weight: bold;   
}


.serviceDescription {
    border-top: 1px solid #d1d4c8;
}

.serviceDescription .serviceShortDescription  {
    margin-top: 20px;
    font-size: 2rem !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px !important;
/    margin-bottom: 50px !important;
    font-weight: bold;
    vertical-align: top;
}

.serviceDescription .serviceLongDescription {
/    display:none;
/    font-size: 1rem !important;
/    line-height: 1.4 !important;
/    letter-spacing: 1.5px !important;
/    font-weight: bold;
/    text-align: justify;
/    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}



.viewProvide {
    display: none;
    width: 20%;
    margin-left: 880px;
    margin-top: 80px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 20px 10px 20px 10px;
    background: #7eb2ae;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

.serviceDescription  {
    width: 90%;
    margin-top: 30px;
}

.serviceDescription .wdgMenu {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
/    margin: -90px 0 30px;  
    margin: 20px 0 30px;  
/    border-bottom: 5px dotted  #333;
}
.serviceDescription .wdgMenu .menuItem {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
    z-index: 1;
}
.serviceDescription .wdgMenu .menuItem.active {
    display: block;
}
.serviceDescription .wdgMenu .menuItem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 2;
}
.serviceDescription .wdgMenu .menuItemCont {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: center;
    z-index: 3;
}

.serviceDescription .wdgMenu .menuItemCont .menuPic img {
    width: 100px;
}

.arrowNav div {
    position: absolute;
    top: 50%;
    bottom: 0;
/    margin: auto 0;
/    margin-top: 650px;
    width: 45px;
    height: 45px;
    z-index: 9;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: center;
    z-index: 3;
    border-radius: 50%;
}
.arrowNav div.prev {
    left: 2%;
    background-image: url('/drive/repo/editorweb/toLeft.png');
    background-color: rgba(0,0,0,0.45);
}
.arrowNav div.next {
    right: 2%;
    background-image: url('/drive/repo/editorweb/toRight.png');
    background-color: rgba(0,0,0,0.45);
}
.selectorNav {
    display: none;
    position: absolute;
    top: 64%;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
}
.selectorNav li {
    display: inline-block;
    margin: 0 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
}
.selectorNav li.active {
    background-color: #FEAA26;
}

.serviceCol::after {
    content: " ";
    display: table;
    clear: both;
}


.servicecol1  {
    float: left;
    width: 17%;
    text-align: center;
}
.servicecol2  {
    float: right;
    width: 80%;
    display:block;
}


.service2Col {
    float: left;
    width: 80%;
    margin-left: 7%;
/    margin-top: -50px;
    padding-bottom: 20px;
}
.servicecol1 > div  {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 3px;
}
.servicecol1 > div > div:first-child  {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.servicecol1 .serviceFiles {
    background-color: #fdee93; 
}

.servicecol1 .serviceFiles .serviceFilesHead {
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    line-height: 3.4;
    background-color: #eec239; 
    border-bottom: 2px solid #fff;
    text-align: center;
}


.servicecol1 .serviceFiles .serviceFileItem {
    padding-bottom: 15px;
    margin-top: 8px;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff;
    text-align: center;
}

.servicecol1 .serviceFiles  .fileIcon {
    display: none;    
}
.servicecol1 .serviceFiles .fileName {
    font-size: .8rem;
    font-weight: bold;
    margin-bottom: 10px;
    
}
.servicecol1 .serviceFiles .btnDownload {
    display: inline-block;
    padding: 10px 15px 10px 40px;
    background: #880000 url('/drive/repo/editorweb/60338437file.png') no-repeat 15px center/auto 1rem;
    border-radius: 3px;
    font-size: .8rem;
/    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s;
}
.servicecol1 .serviceFiles .btnDownload:hover {
    color: #000;
    background-color: #FEAA26; 
}
.servicecol1 .serviceStoreCont {
    margin-top: 10px;
    border: 1px solid #f2f2f2;
}

.servicecol1 .serviceStoreCont .serviceStoreHead{
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    line-height: 3.4;
    background-color: #eec239; 
    border-bottom: 2px solid #fff;
    text-align: center;
}



.servicecol1 .serviceStoreCont .serviceItem {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #7eb2ae;
}



.servicecol1 .serviceStoreCont .servicePic {
    position: relative;
    width: 100%;
    padding-bottom: 40%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.servicecol1 .serviceStoreCont .servicePic img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.servicecol1 .serviceStoreCont .serviceTitle {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    width: 65%;
}
.servicecol1 .serviceStoreCont .serviceDescription {
    display: none;
}
.servicecol1 .serviceStoreCont .serviceOptions a {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 15px;
    border-radius: 3px;
    font-size: .9rem;
    color: #fff;
    transition: background-color .2s;
    text-align: center;
}
.servicecol1 .serviceStoreCont .serviceOptions a.serviceSee {
    text-decoration: none;
    color: #000;
    background-color: #FEAA26;
}
.servicecol1 .serviceStoreCont .serviceOptions a.serviceSee:hover {
    background-color: #eec239;
}
.servicecol1 .serviceStoreCont .serviceOptions a.serviceConfig {
    display: none;
    text-decoration: none;
    background-color: #7eb2ae;
}
.servicecol1 .serviceStoreCont .serviceOptions a.serviceConfig:hover {
    background-color: #6da77f;
}
.servicecol1 .serviceStoreCont .serviceOptions a.serviceOpen {
    background-color: #65b928;
}
.servicecol1 .serviceStoreCont .serviceOptions a.serviceOpen:hover {
    background-color: #78d038;
}
.servicecol2 .serviceTabsHead {
    /*background-color: #FEAA26;*/
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.servicecol2 .serviceTab {
    display: inline-block;
    vertical-align: top;
    padding: 12px;
    margin-right: -2px;
    background-color: #feb94e;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    color: #fff;
    font-size: .9rem;
}
.servicecol2 .serviceTab.active {
    background-color: #fed594;
    border-bottom: 3px solid #333;  
    color: #333;
}
.servicecol2 .serviceTabsCont {
    padding: 50px 25px 25px;
    border: 1px solid #f2f2f2;
    border-top: 0;
    font-size: 1rem;
}
.servicecol2 .serviceTabsCont h1 {
    font-size: 2rem;
    color: #880000;
    margin-bottom: 25px;
}
.servicecol2 .serviceTabsCont h2 {
    font-size: 1.5rem;
    color: #548ab2;
    line-height: 1.4;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}
.servicecol2 .serviceTabsCont h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.servicecol2 .serviceTabsCont p {
    line-height: 1.5;   
    font-size: 1.1rem; 
    letter-spacing: 1.5px;
    padding-bottom: 10px;
}
.servicecol2  .serviceTabsCont ul {
    list-style-position: inside;
    padding-left: 10px;
    margin-bottom: 20px;
}
.servicecol2 .serviceTabsCont img {
    max-width: 100%;
    // width: 100%;
    //margin: 10px 0 25px;
}
.servicecol2 .serviceTabsCont .quote:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.servicecol2 .serviceTabsCont .quotePic,
.servicecol2 .serviceTabsCont blockquote {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}
.servicecol2 .serviceTabsCont .quotePic {
    width: 25%;
}
.servicecol2 .serviceTabsCont .quotePic img {
    width: 100%;
    margin: 0;
}
.v.serviceTabsCont blockquote {
    width: 75%;
    padding-left: 10px;
    position: relative;
    quotes: '\201D' '"';
}
.servicecol2 .serviceTabsCont blockquote::before {
    content: open-quote;
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 5rem;
    font-weight: bold;
    color: #ccc;
}
.servicecol2 .serviceTabsCont blockquote p {
    font-style: italic;
    color: #555;
}
.servicecol2 .serviceTabsCont blockquote p:first-child {
    text-indent: 1.5rem;
}
.servicecol2 .serviceTabsCont .quoteAuthor {
    margin-top: 15px;
    font-size: .8rem;
    color: #222;
}
.servicecol2 .serviceTabsCont .quoteAuthor a {
    color: #222;
    text-decoration: underline;
}
.servicecol2 .serviceTabsCont .serv {
    margin-bottom: 20px;
}
.servicecol2 .serviceTabsCont .servPic {
    display: inline-block;
    vertical-align: top;
}
.servicecol2 .serviceTabsCont .servPic {
    width: 160px;
    height: 80px;
    margin-bottom: 10px;
    position: relative;
}
.servicecol2 .serviceTabsCont .servPic img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}

.setupIAM {
    margin-top: 20px;
    position: relative;
}

.setupIAM .servViewHead {
    margin-bottom: 5px;
    margin-top: 0px;
}

.setupIAM .servViewHead .servIcon{
    text-align: center;
}

.setupIAM .servViewHead .titleName{
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 15px;
}

.setupIAM .setupDescription {
    text-align: justify;
    font-size: 1.2rem;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 25px;
    background: rgba(0,0,0,0.65);
    color: #fff;
    padding: 3% 3% 3% 3%;
}

/* -------------------------------------------------

                FORMULARIO DINAMICO

------------------------------------------------- */ 



.formMIG{
    width:90%;
/    height: 113vh;
    vertical-align: middle;
    margin-left: 10%;
/    margin-bottom: 20px;
    margin-top: -17px;
}
    
.formMIG .formTitle{
    display: none;
    margin: 10px;
    text-align:right;
    font-size:18px;
    background: url(/drive/repo/general/form1.png) top left no-repeat;
    width:100%;
    height:280px;
    padding:15px 0 20px 15px;}
    
.formMIG .formTitle h1{
    margin: 10px;
    margin-top:100px;
    overflow:hidden;
}
    
.formMIG .wFormCont{
    width: 90%;
    margin-left: 3%;
}

    

.formGroup {

}

.field1 {
    width: 370px;
    padding:45px 0 0 0;
    padding-right: 30px;
    margin-right: 30px;
    text-align:left;
    height: 60px;
    display: inline-block;
    background-color: transparent;
    font-size:14px;
    border-bottom: 2px solid #fff;
}



.field2 {
    width: 170px;
    padding:45px 0 0 0;
    padding-right: 30px;
    margin-right: 30px;
    text-align:left;
    height: 60px;
    display: inline-block;
    background-color: transparent;
    font-size:14px;
    border-bottom: 2px solid #fff;    
}

.field3 {
    width: 270px;
    padding:45px 0 0 0;
    padding-right: 30px;
    margin-right: 30px;
    text-align:left;
    height: 60px;
    display: inline-block;
    background-color: transparent;
    font-size:14px;
    border-bottom: 2px solid #fff;    
}

.field4 {
    width: 432px;
    margin-right: 51px;
    padding:45px 0 0 0;
    padding-right: 30px;
    margin-right: 30px;
    text-align:left;
    height: 60px;
    display: inline-block;
    background-color: transparent;
    font-size:14px;   
}

.field5 {
    width: 432px;
    margin-right: 49px;
    display: inline-block;
    width: 432px;
    margin-right: 51px;
    padding:45px 0 0 0;
    padding-right: 30px;
    margin-right: 30px;
    text-align:left;
    height: 60px;
    display: inline-block;
    background-color: transparent;
    font-size:14px;     
}

.field6 { 
    width: 432px;
    margin-right: 49px;
    display: inline-block;
    border:none;
    width: 432px;
    margin-right: 51px;
    padding:45px 0 0 0;
    padding-right: 30px;
    margin-right: 30px;
    text-align:left;
    height: 60px;
    background-color: transparent;
    font-size:14px;     
}

.field7 label {
    margin-top: -60px;
        width: 432px;
    margin-right: 51px;
    padding:45px 0 0 0;
    padding-right: 30px;
    margin-right: 30px;
    text-align:left;
    height: 56px;
    display: inline-block;
    background-color: transparent;
    font-size:14px; 
}


.input-group-btn {
    margin-top: -10px;
    color: #FEAA26;
    font-size: 10px;
}

.input-group {
/    margin-top: -10px;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}

.field7 {
    padding: 15px 0 0 0;
    width: 332px;
    height: 10px;
    margin-right: 49px;
    display: inline-block;
    margin-bottom: 20px;
}
    
.formMIG .wFormCont .formGroup label{
    margin-bottom: 10px;
    vertical-align: top;
    color: #fff;
    display: inline-block;
}
    
.formMIG .wFormCont  input{
    padding:19px;
    background: transparent;
/    background-color: rgba(48,110,255,0.15);
    width: 100%;
    text-align:left;
    vertical-align: bottom;
    font-size:1rem;
    font-weight: bold;
    color: #000 !important;
    border: none;    
}

.formMIG .wFormCont  select{
    padding:19px;
    background: rgba(255,255,255,0.2);
    width: 220px;
/    height: 20px;
    text-align:left;
    font-size:14px;
    font-weight: bold;
    color: #000 !important;
    vertical-align: top;
    border: none; 
    border: 1px dotted #fff;   
}
    
.formMIG .wFormCont  textarea {
    width: 432px;
    margin-right: 49px;
    display: inline-block;
    height: 40px;
    font-size:1rem;
    color: #000;
    text-align: left;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    resize: none;
}

.formMIG .formButtons{
    display: none;
/    display: block;
    width:90%;
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 15px;
}
.formMIG .formButtons input{
    display: none;
    background: rgba(255,255,255,0.2);
    color: #fff !important;
    width:100%;
    height: 50px;
    cursor:pointer;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin-left: 0;
    text-transform: uppercase;
}
    
.formMIG .formButtons input:hover{
    background:rgba(255,255,255,0.3);   
    color:#000 !important;
    font-weight: 700;
    }







/* -------------------------------------------------

                MEDIA QUERIES 1023 px MIO PORTRAIT

------------------------------------------------- */


@media (max-width: 1023px) {






.contjp{
    display: block;
    width: 50px;
    padding: 0 0 40px 0;
}

.contjp .wdgPicCont {
    padding-top: 190px;
}

.contj, footer, .sWA, .contj1{
    display: none;
}

.sCorporativa{
    top: 90px;
} 

} /* FIN MEDIA QUERIES 1023 portrait */

/* -------------------------------------------------

                MEDIA QUERIES LANDSCAPES

------------------------------------------------- */

@media (max-width: 800px) and (orientation: landscape)   {


.contj, footer, .sWA, .contj1{
    display: block;
}

.contjp, .sCorporativa {
    display: none;
}

.copyGB{
    display: block;
}


header {
    padding-bottom: 20px;
}

header .logo {
    margin-top: 10px;
    width: 65%;
    margin-left: 15%;
}


header.fixed{
    display: none;
}

.contj {
    margin-top: 150px;
}

.contj .setupMain {
    margin-top: 0px;
}


.appViewHead .appFirst {
    display: none;
}

.formMIG{
    margin-top: -1970px;
}




.dav {
    height: 620vh;
} 

.field7 label {
    margin-top: 5px;
}

.contj .appViewHead .appIcon {
    width: 20%;
}

.servicecol1 .serviceFiles .serviceFilesHead, .servicecol1 .serviceStoreCont .serviceStoreHead {
    font-size: 0.8rem;
    line-height: 1.1;
    padding: 20px 10px 20px 10px;
}

.servicecol1 .serviceFiles .btnDownload {
    padding: 10px 1px 10px 20px;
    background: #7eb2ae url('/drive/repo/editorweb/60338437file.png') no-repeat 2px center/auto 1rem;
}


.servicecol1  {
    width: 19%;
}

.service2Col {
    width: 90%;
    margin-left: 1%;
}

 

} /* FIN MEDIA QUERIES 800 landscape */