.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/images/loader.gif) top left no-repeat;
        background-size: contain;
        width: 12%;
        height: 12%;
        position: absolute;
        top: 50%;
        left: 50%;}

/* ================== 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: 'Lato', sans-serif;
    

}    

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

/*===== SLIDER ====*/
.slide .menuItem {
    background-size: 100% 100% !important;
}

*, :before, :after{
    margin:0;
    padding:0;
    outline:0;
    box-sizing: border-box;
}
    
input, select, textarea{.infoBanner .menuItemoutline:0;}
input::-moz-focus-inner { border:0; padding:0 }
img{
    border:0; 
    outline:0;}
a{
    text-decoration:none;}
    
/*===== 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{}


/*=====Header */ 

.w2 header{
    background:#fff;
    
    -webkit-box-shadow: -4px 10px 5px -8px rgba(204,204,204,1);
    -moz-box-shadow: -4px 10px 5px -8px rgba(204,204,204,1);
    box-shadow: -4px 10px 5px -8px rgba(204,204,204,1);} 
    

    
    
.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;}
    
.pageCenter{
    width:100%;
    padding:10px 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:19%;
    padding:0 25px 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{
    position:relative;
    top:0;
    left:0;
    right:0;
    z-index:900;
    overflow:hidden;}
header.fixed{
    background:#fff;
    position:fixed;
    -webkit-box-shadow: -4px 10px 5px -8px rgba(204,204,204,1);
    -moz-box-shadow: -4px 10px 5px -8px rgba(204,204,204,1);
    box-shadow: -4px 10px 5px -8px rgba(204,204,204,1);}    
    
    
.headCont{
     width:94%;
     margin:0 auto;
     padding:15px 3%;
     overflow:hidden;}   

 
    
    
.logo{
    float:left;}
.headBox{
    float:right;
    overflow:hidden;} 

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

.contMovil{
    float:right;
    overflow:hidden;
    padding:0 0 0 20px;
    z-index:900;}

.contMovil .carrito{
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;}
.contMovil .responsiveMenu{
    display:inline-block;
    vertical-align:middle;}
    
.btnMovil{
    cursor:pointer;
    display:none;}

    
.bannerMensaje{
    background-color: #009e32;
    padding: 10px 0;}    
.bannerMensaje .PostTitle{
    width:94%;
    margin:0 auto;}
.bannerMensaje h1{
    font-size: 1.1rem;
    font-weight: 700;
    font-weight:normal;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
}

.bannerMensaje h1 span{
    color:#e9e9e9;
    text-transform:inherit;}    
    
    
/* -------------------------------------------------

                BANNER INFORMATIVO

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

.infoBanner {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.infoBanner .wdgMenu{
    width:94%;
    margin:0 auto;}


.infoBanner .menuItem {
    display: inline-block;
    box-sizing:border-box;
    vertical-align: top;
    padding: 10px 15px;
    margin-right: -4px;
    width: 20%;
    border-left: 1px solid #ccc;
}
.infoBanner .menuItem:first-child {
    width: 40%;
    border: 0;
}
.infoBanner .menuPic {
    float: left;
    margin-right: 10px;
}
.infoBanner .menuPic img {
    max-height: 40px;
}
.infoBanner .menuTitle a,
.infoBanner .menuDescription a {
    display: block;
    font-size: .9rem;
    line-height: 1.3;
}
.infoBanner .menuTitle a {
    color: #444;
}
.infoBanner .menuDescription a {
    font-weight: 700;
    color: #00AE37;
}
.infoBanner .menuDescription a:hover {
    text-decoration: underline
}    


@media only screen and (device-width: 768px),
only screen and (max-width: 768px) {
    .infoBanner .contMenu {
        display: flex;
        flex-flow: column wrap;        
    }
    .infoBanner .contMenu .menuItem {
        flex: 1;
        width: inherit;
        border-left: 0;
        border-bottom: 1px solid #ccc;
    }
    .infoBanner .contMenu .menuItem:nth-child(1) .menuPic img {
        max-height: inherit;
        max-width: 100%;
    }
    .infoBanner .contMenu .menuItem:nth-child(1) .menuTitle,
    .infoBanner .contMenu .menuItem:nth-child(1) .menuDescription {
        text-align: center;
    }
    .infoBanner .contMenu .menuItem .menuItemCont {
        display: flex;
        flex-flow: column wrap;
        align-items: center;
    }
    .infoBanner .contMenu .menuItem .menuItemCont .menuPic {
        float: inherit;
        margin-right: inherit;
        margin-bottom: 10px;
    }
}



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

                CATEGORÍAS DE PRODUCTOS - HOME

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

.categsHome {
    background-color: #f2f2f2;
    text-align:center;
}
.categsHome .wdgTitle .title{
    font-size: 42px;
    font-family: 'Hello Avocado', sans-serif;
    color: #52AE34;
                                                
}
.categsHome .categItem {
    display: inline-block;
    vertical-align: top;
    width: 11%;
    margin: 25px 0 25px 1.5%;
    text-align: center;
}
.categsHome .categItem:first-child {
    margin-left: 0;
}
.categsHome .categPic a {
    position: relative;
    display: block;
    padding-bottom: 100%;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    transition: background-color .5s;
}
.categsHome .categItem:hover .categPic a {
    background-color: #ccc;
}
.categsHome .categPic a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 93%;
    height: 93%;
    margin: auto;
    border-radius: 50%;
    object-fit: cover;
}
.categsHome .categTitle a {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
}

@media only screen and (device-width: 768px),
only screen and (max-width: 768px) {
    .categsHome .contCateg {
        /* display: flex;
        flex-flow: column wrap;
        align-items: center; */
        display: grid;
        grid-template-columns: 48% 48%;
        grid-gap: 1rem;
        justify-items: center;
    }
    .categsHome .contCateg .categItem {
        /* flex: 1; */
        width: 100%;
        display: inherit;
        margin: 0 0 1rem;
        justify-self: center;
    }
    .categsHome .contCateg .categItem .categPic a {
        width: 100%;
    }
}
    
    
/*===== Apartado de Mercado Pago */     

.mp{
    overflow:hidden;
    width:94%;
    margin:0 auto;
    padding:45px 3%;}
.mp .logoMp{
    float:left;
    width:25%;}
.mp .logoMp img{
    max-width:90%;}
.mp .imgMp{
    float:left;
    width:25%;}
.mp .imgMp img{
    max-width:90%;
    max-height:80px;
    }
.mp .accesMp{
    float:right;
    width:50%;}
    
    
.mp .accesMp{}
.mp .accesMp .menuItem{
    position:relative;
    border:3px solid #666;
    cursor:pointer;}
.mp .accesMp .menuItem:hover{
    background:#e9e9e9;}
.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 de Formas de Contacto */    

.bgContacts{
    overflow:hidden;
    width:100%;
    background:#e9e9e9;
    padding:20px 3%;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;}
.bgContacts .navContact{
    float:left;
    width:70%;}
.bgContacts .navSocial{
    float:right;
    width:30%;}
    
    
/*===== Footer + Mapa */


.map{
    width:100%;}
.map iframe{
    width:100% !important;
    height:400px !important;}
    
footer{
    background:#222;}
 
.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{
    margin:20px 0 0;
    border-top:1px solid #222;
    padding:20px 0 0;}

    
    
/*=====Home====*/     
    
.web{}


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

.slide {
    width: 100%;
    height: 65vh;
    position: relative;
    overflow: hidden;
}
.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: center;
    text-align: center;
}
.slide .menuItem.active {
    display: table;
}
.slide .menuItemCont {
    display: table-cell;
    vertical-align: middle;
    padding: 0 7.5%;
   
    z-index: 2;
}
.slide .menuTitle a {

    display: inline-block;
    width: 60%;
    margin-bottom: 15px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
}
.slide .menuDescription {
    margin-bottom: 25px;
}
.slide .menuDescription a {
    display: inline-block;
    width: 50%;
    font-size:1.4rem;
    color: #fff;
    
}
.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 {
    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: auto 0;
    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: 7.5%;
    background-image: url('/drive/repo/editorweb/arrowL.png');
}
.slide .arrowNav div.next {
    right: 7.5%;
    background-image: url('/drive/repo/editorweb/arrowR.png');
}
.slide .selectorNav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    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: #00ae37;
}
    
 
/*===== Logo superior ====*/
.logoGB{
    display:block;}   
.logoGB img{
max-width: 340px;}
.logoGB-black{
    display:none;}

header.fixed .logoGB,
.w2 .logoGB{
    display:none;}   
header.fixed .logoGB-black,
.w2 .logoGB-black{
    display:block;}    
header.fixed .logoGB-black img, 
.w2 .logoGB-black img {
    max-width:180px;}
    
    
.logoGB-icon{
    display:none;}

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

.nav1,.nav2{
    float:right;
    display:block;
    clear:both;
    overflow:hidden;}
.nav1 .menuItem,.nav2 .menuItem{
    float:left;}
.nav1 .menuItem  a, .nav2 .menuItem  a{
    display:block;
    color:#000;
    text-decoration:none;}
   
.nav1 .menuItem  a:hover,
.nav2 .menuItem  a:hover
.nav1 .menuItem.selected a,
.nav2 .menuItem.selected a{
    color:#00ae37;}
  
    

.nav1 .menuItem{
    float:left;}
.nav1 .menuItem  a{
    padding:5px 10px 3px;
    font-size:0.6em;
    text-transform:uppercase;}
    
.nav2 .menuItem{
    float:left;}
.nav2 .menuItem  a{
    padding:5px 10px;
    font-size:1em;
    text-transform:uppercase;
    font-weight:bold;}
    
    
header.fixed .nav1 .menuItem  a, 
header.fixed .nav2 .menuItem  a{
    color:#000;}
.w2 .nav1 .menuItem  a, 
.w2 .nav2 .menuItem  a{
    color:#000;}
    
    
/*===== Boton de whatsapp */   

.contMovil .whatsappBtn{
    //display:none;
    display: block;
    float: left;
    }      

.whatBtn{
    width:45px;
    height:50px;
    overflow:hidden;}
.whatBtn img{
    width:40px;
    height:40px;
    margin:7px 5px 0 0;}    


/*===== Carrito ====*/


.cart .productsCartCont {
    display: none;
}
.cart .productsCartTitle {
    font-size: 0;
    width: 40px;
    height: 40px;
    background: url('/drive/repo/editorweb/icon-cart-black.png') no-repeat center;
    background-size: 88%;
    position: relative;    
    cursor: pointer;
    margin:5px;
}
header.fixed .cart .productsCartTitle,
.w2 .cart .productsCartTitle{
    background: url('/drive/repo/editorweb/icon-cart-black.png') no-repeat center;
    background-size: 88%;}
.cart .productsCartTitle .text b {
    position: absolute;
    top: 3px;
    right: -3px;
    width: 1rem;
    height: 1rem;
    padding-top: .15rem;
    background-color: #dd3928;
    border-radius: 50%;
    font-size: .7rem;
    line-height: 1;
    text-align: center;
    color: #fff;
}
.cart .productsCartTitle .text span b:empty {
    display: none;
}
.cartLBCont::before {
    content: "Resumen de su compra";
    display: block;
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    color: #444;
}
.cartLBCont > h4 {
    font-size: 1rem;
    font-weight: 400;
    color: #444;
}
.cartLBCont .productCart {
    width: 100%;
    min-width: 400px;
    padding: 5px 25px 5px 5px;
    margin-bottom: 2px;
    position: relative;
    background-color: #f2f2f2;
}
.cartLBCont .productCart::after {
    content: " ";
    display: table;
    clear: both;
}
.cartLBCont .prodPic {
    float: left;
    width: 25%;
    padding-bottom: 25%;
    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: 1rem;
    font-weight: 400;
    line-height: 1.3;
}
.cartLBCont .prodDesc h3 a {
    color: #444;
}
.cartLBCont .productPrice {
    position: absolute;
    bottom: 5px;
    left: 25%;
    padding: 0 0 5px 10px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
    color: #dd3928;
}
.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: 20px;
}
.cartLBCont .cartButtons div {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    margin: 0 -4px 0 5px;
    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;
    color: #fff;
}
.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: #dd3928;
}
.cartLBCont .cartButtons .closeBtn:hover,
.cartLBCont .cartButtons .comprar a:hover {
    opacity: .9;
}

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

                BUSCADOR DE PRODUCTOS DEL HOME

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

.searchBar_home {
    position: relative;
   
}
.searchBar_home .campoTextSearch input {
    width: 100%;
    padding: 20px 100px 20px 20px;
    border: 2px solid #ccc;
    border-radius: 3px;
    font-size: 1.8rem;
    color: #333;
    box-sizing:border-box;
}
.searchBar_home .campoTextSearch input:hover{
    border:2px solid #999;}
.searchBar_home .campoButtonSearch input {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    border: 0;
    text-indent: -9999px;
    background: transparent url('/drive/repo/editorweb/search.png') no-repeat center/auto 50%;
    cursor: pointer;
}

/*===== Cabecera de catálogo  ====*/

.catalogHead{
    overflow:hidden;
    width:94%;
    margin:0 auto;
    padding:0 3% 45px;}
.catalogHead .catalogTitle{
    float:left;
    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{
    display:block;
    padding:20px;
    font-size:16px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    color:#333;
    border:3px solid #333;}
.btnCatalog .menuTitle a:hover{
    background:#e9e9e9;}

/*===== Catalogo ====*/



.catalog.homeCatalog{
    width:96%;}
.catalog.ofertaCatalog{
    width:100%;}
.catalog.homeCatalog .wdgProd {
    width: 15%;}

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

.catalog .wdgTitle{
    padding:10px 0;}
.catalog .wdgTitle .title{
    font-size: 42px;
    font-family: 'Hello Avocado', sans-serif;
    color: #52AE34;                                            
}
.catalog .wdgTitle .subtitle{
    color: #999;
    font-size: 14px;}


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

.catalog .wdgProd {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    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%;
}
.catalog .wdgProd .ProdPic a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.catalog .wdgProd .ProdPic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.catalog .wdgProd .ProdDetails{
    height:150px;    
    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;
    tet-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;
}
.price{
    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{
    border:2px solid #666;
    margin:0 auto;
    padding:10px;
    font-size:.9em;
    text-transform:uppercase;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    color:#666;
    text-decoration:none; }
.addCart .text:hover{
    border:2px solid #000;
    color:#000;}
    
    
.price_button_info{
    padding:10px;}
.price_button_info a{
    display:block;
    border:2px solid #ccc;
    width:140px;
    margin:0 auto;
    padding:10px;
    font-size:.9em;
    text-transform:uppercase;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    color:#666;
    text-decoration:none;}
.price_button_info a:hover{
    border:2px solid #000;
    color:#000;}


.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 #333;
    border-radius: 50%;
}
.pageCounter ul li.selected {
    background-color: #333;
}
.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;}
    
/*----Correccion de catalogo para ofertas -----*/       
    

.catalog.ofertaCatalog .wdgTitle .title{
    color:#00ae37;
    padding:10px 0;}
.catalog.ofertaCatalog .wdgTitle .subtitle{
    color: #333;
    font-size: 16px;}
        
.catalog.ofertaCatalog{}       
.catalog.ofertaCatalog .wdgProd {
    width: 15%;}
    
    
.catalog.ofertaCatalog .wdgProd .ProdDetails{
    padding-bottom:15px;
    height:125px;}
    
.catalog.ofertaCatalog .price_offer{
    padding-bottom:15px;}
    
    
/*===== Vista de producto ====*/    
    
.product {
    
    width:98%;
    margin:0 auto;
    text-align: center;
}    
    
.prodVista .wdgPicSlider,
.prodVista .ProdDescription {
    display: inline-block;
    vertical-align: top;
    width: 47.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: 70%;
    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 {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.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: #000;
    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/leftW.png');
}
.prodVista .wdgPicSlider .pika-textnav a.next {
    right: 2%;
    background-image: url('/drive/repo/editorweb/rightW.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: 5%;
}
.prodVista .ProdDescription .title {
    font-size: 1.8rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.prodVista .ProdDescription .subtitle {
    font-size: 1.2rem;
    margin-bottom: 40px;
}
.prodVista .ProdDescription .description p {
    font-size: 1rem;
    padding-bottom: 15px;
}

.prodVista .ProdAtributes{
    padding:20px 0;}
.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;
    color:#000;
    padding:5px 10px;}
    
    
.prodVista  .addCart{
    padding:10px 0;
    }
.prodVista  .addCart .text{
    border:2px solid #ccc;
    width:140px;
    margin:0;
    padding:10px;
    font-size:.9em;
    text-transform:uppercase;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    color:#000;
    text-decoration:none; }
.prodVista  .addCart .text:hover{
    border:2px solid #000;
    color:#000;}

/*===== Menú llamador a la acción ====*/

.break{
    background: url(/drive/repo/editorweb/bg-otono.jpg) no-repeat fixed center/cover;
    height:400px;
    width:100%;
    position:relative;
    display:table;}

.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 .contMenu .menuPic a img{
    width:100%;}
    
.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 .contMenu .menuLink{
    z-index:10;
    text-align:center;}
.btnAccion01 .contMenu .menuLink a{
    font-size:22px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    display:inline-block;
    padding:20px 25px;
    border:3px solid #fff;
    background: rgba(0,0,0,0.1);}
.btnAccion01 .contMenu .menuLink a:hover{
    background: rgba(0,0,0,0.6);}




/*===== Menú de contactos ====*/

.menuContacts{}
.menuContacts .contMenu{}
.menuContacts .contMenu .menuItem:first-child{
    padding:20px 20px 20px 0;}
.menuContacts .contMenu .menuItem{
    cursor:pointer;
    float:left;
    padding:20px;
    display:block;
    overflow:hidden;
    font-size:20px;}
.menuContacts .contMenu .menuPic{
    display:inline-block;
    vertical-align:middle;}
.menuContacts .contMenu .menuPic a{
    border:0;outline:0;}
.menuContacts .contMenu .menuTitle{
    display:inline-block;
    vertical-align:middle;}
.menuContacts .contMenu .menuTitle a{}


/*===== Menú de redes ====*/

.redes{
    padding:20px 0 20px 20px;
    float:right;
    font-size:20px;}
.redes .wdgMenu{
    overflow:hidden;}
.redes .wdgTitle{
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;}
.redes .wdgContent{
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;}
.redes .contMenu{
    overflow:hidden;}
.redes .contMenu .menuItem{
    display:inline-block;
    vertical-align:middle;}
.redes .contMenu .menuItem .menuPic{}
.redes .contMenu .menuItem .menuPic a{
    display:block;
    outline:0;
    cursor:pointer;}



/*===== Logo Pie de página ====*/

.logoPie{
    display:block;}
.logoPie2{
    display:none;}

.logoPie img,
.logoPie2 img{
    max-width:90%;}

/*===== Post Pie de página ====*/

.postPie{
    text-align:center;
    color:#fff;
    font-size:16px;}
.postPie h1,.postPie h3{
    font-weight:normal;}

/*===== Botón Pie de página ====*/

.btnUbicacion{
    overflow:hidden;}
.btnUbicacion .menuItem{
    display:inline-block;
    vertical-align:middle;
    border:3px solid #fff;
    position:relative;
    cursor:pointer;}
.btnUbicacion .menuItem .menuPic{
    position:absolute;
    top:20px;
    left:25px;}
.btnUbicacion .menuItem .menuPic a{
    border:0;outline:0;}
.btnUbicacion .menuItem .menuTitle{
    padding:20px 25px 20px 60px;}
.btnUbicacion .menuItem .menuTitle a{
    text-decoration:none;
    font-size:18px;
    text-transform:uppercase;
    font-weight:bold;
    color:#fff;}
.btnUbicacion .menuItem:hover{
    background:rgba(0,0,0,0.5);}


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

.copyGB{
    text-align:center;
    font-size:12px;
    color:#ccc;
    line-height:18px;}
.copyGB .description a{
    font-weight:bold;
    text-decoration:none;
    color:#ccc;}
.copyGB .description a:hover{
    color:#e9e9e9;}
    
    
    
    
.catalogCateg{}
.catalogCateg .categProds{
    text-align:center;}
.categProds .wdgTitle {
    display: none;}
.categProds .wdgCateg{}
.categProds .contCateg{
    padding:0 0 20px;}

.categProds .categItem{
    display:block;
    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:15px;
    font-size:1em;
    text-decoration:none;}
.categProds .categItem.selected .categTitle a,
.categProds .categTitle a:hover{
    background:#222;
    color:#fff;}

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

.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:#999;
    padding:10px 15px;
    font-size:0.9em;
    font-weight:normal;
    text-decoration:none;}
.categProds .categItem .contCateg_nivel0 .categItem.selected .categTitle a,
.categProds .categItem .contCateg_nivel0 .categItem .categTitle a:hover{
     background:#999;
     color:#fff;}
     





/*===== Finalizar pedido o 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: 50px;
}
.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: 50%;
}
.cartOut .wdgFinishSale .finishCont table tr td:nth-child(2),
.cartOut .wdgFinishSale .finishCont table tr td:nth-child(3),
.cartOut .wdgFinishSale .finishCont table tr td:nth-child(4) {
    width: 10%;
    text-align: center;
}
.cartOut .wdgFinishSale .finishCont .tableCont table td.titletop {
    font-size: .9rem;
    color: #222;
    font-weight:bold;
    border-bottom: 2px solid #222;
    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: 1px solid #ccc;
    padding: 15px 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;
}
.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: 1rem;
    line-height: 1.3;
    color: #444;
}
.cartOut .wdgFinishSale .finishCont table tr td:first-child:not(.titletop) {
    position: relative;
}
.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: #00ae37 url('/drive/repo/editorweb/icon_close.png') no-repeat center;
    background-size: 50%;
    border-radius: 3px;
    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;
    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 b {
    font-size: 1.2em;
    font-weight: 400;
    color: #333;
    padding-right: 10px;    
}
.cartOut .wdgFinishSale .finishCont .tableCont table td .SendingOptions select {
    width: 50%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    font-size: 1rem;
}
.cartOut .wdgFinishSale .finishCont .tableCont table .bgtotal {
    padding: 15px 25px;
    background: #ccc;
    color: #00ae37;;
    border: 0;
    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-size: 1.1rem;
    padding-left: 5px;
}
.cartOut .PayForm > h3,
.cartOut .detailsForm > h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;   
    color: #444; 
}
.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;
    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: 16px;
    
    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 #222;
    background: none;
    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:#e9e9e9;
    color:#000;
}

/*=====Formulario dinamico====*/

.mainForm{
    padding:20px 0;}
.mainForm .formTitle h1 {
    font-size: 2rem;
    line-height: 1;
    color: #333;
    font-weight:normal;
    margin-bottom: 15px;
}
.mainForm.noTitle .formTitle,
.mainForm label {
    display: none;
}
.mainForm .formGroup select,
.mainForm .formGroup input,
.mainForm .formGroup textarea {
    width: 100%;
    padding: 10px 15px;
    font-size: .9em;
    border:1px solid #ccc;
    margin:0 0 5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
}
.mainForm .formGroup select,
.mainForm .texto {
    margin-bottom: 1%;
}
.mainForm .formGroup textarea {
    min-width: 100%;
    max-width: 100%;
    height: 100px;
    min-height: 100px;
}
.mainForm .formButtons{
    padding-top: 1%;
    overflow:hidden;
}
.mainForm .formButtons input {
    display: block;
    width: 100%;
    padding: 15px;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    cursor: pointer;
    background:none;
    border:3px solid #666;
    font-weight:bold;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
}
.mainForm .formButtons input:hover {
    border:3px solid #000;
    color:#000;
    background:#e9e9e9;
    
}

/*=====Post Side====*/

.sidePost{
    padding:20px 0;}
.sidePost h1 {
    font-size: 2rem;
    line-height: 1;
    color: #333;
    font-weight:normal;
    margin-bottom: 15px;
}
.sidePost .subtitle h3{
    font-size: 1.3rem;
    line-height: 1;
    color: #333;
    font-weight:normal;
    margin-bottom: 15px;}

.sidePost .description{
    color:#333;}
.sidePost .description ul{
    list-style-type:none;
    margin:0;padding:10px 0;
    font-size:1rem;}
.sidePost .description ul li{
    padding:10px 5px;
    border-bottom:1px solid #e9e9e9;}
.sidePost .description ul li p{
    display:block;
    text-align:left;}
.sidePost .description ul li p strong{
    float:right;}



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

                CUERPO: PROCESO DE COMPRA | NOSOTROS | CONTACTO

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

.procesoCompra{
    text-align:left;
    padding:20px 3%;
    margin:0 auto;
    width:94%;}
.procesoCompra .PostTitle .title,
.aboutUs .PostTitle .title {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
    margin-bottom: 20px;
}
.procesoCompra .PostTitle .subtitle {
    margin-bottom: 50px;
}
.procesoCompra .PostTitle .subtitle ul {
    list-style-type: none;
    
}
.procesoCompra .PostTitle .subtitle ul li{
    display:inline-block;
    }
.procesoCompra .PostTitle .subtitle ul li a {
    font-size: 1.1rem;
    font-weight: 700;
    outline:0;
    border:3px solid #000;
    color: #000; 
    text-decoration:none;
    display:block;
    padding:15px;
    margin:0 0 2px;
}
.procesoCompra .PostTitle .subtitle ul li a:hover{
    background:#000;
    color:#fff;}

.procesoCompra ul {
    list-style-position: inside;
    margin-bottom: 25px;
}
.procesoCompra h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #444;
    margin: 50px 0 15px;
}
.procesoCompra h5 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #444;
    margin: 25px 0 5px;
}
.procesoCompra p,
.aboutUs p {
    padding-bottom: 15px;
    line-height: 1.3;
}
.procesoCompra p a {
    color: #dd3928;
}
.procesoCompra p a:hover {
    text-decoration: underline;
}


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

                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 */    
/* ########################################################################################### */    
   

.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;
    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;}
.logWeb .logCont .logo img{
    max-width:80%;}

.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 .defaultCont .externalLoginOptions img{
    max-height:25px;
}       
    
.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;}
    
/* FIN LOGIN */
/* ########################################################################################### */    


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

                MEDIA QUERIES

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




@media (max-width: 1200px) {

/*===== Apartado de Formas de Contacto */    

.bgContacts{
    padding:20px 3%;}
.bgContacts .navContact{
    float:left;
    width:auto;}
.bgContacts .navSocial{
    float:right;
    width:auto;}  
    
    
/*===== Apartado de Formas de Contacto */  
.menuContacts .contMenu .menuItem:first-child{
    padding:15px 15px 15px 0;}    
.menuContacts .contMenu .menuItem{
    padding:15px;
    font-size:16px;} 
.redes{
    padding:20px 0 20px 20px;
    float:left;
    font-size:16px;} 
    
/*===== columnas de catalogo */    
.pageBlock .col1Small{
    display:inline-block;
    width:29%;
    padding:0 25px 0 0;}  
.pageBlock .col2Big{
    display:inline-block;
    width:70%;}         
    
    

} /* FIN MEDIA QUERIES 1200 */



@media (max-width: 1024px) {


.slide .menuTitle a {
    width: 80%;
    margin-bottom: 15px;
    font-size: 2.6rem;
    line-height: 1;
}
.slide .menuDescription {
    margin-bottom: 25px;
}
.slide .menuDescription a {
    width: 60%;
    font-size:1.2rem;
    
}
.slide .menuLink a {
    font-size: .9rem;
    padding:15px 20px;
}
.slide .menuLink a:hover {
    background: rgba(0,0,0,0.5);
}


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

.mp{
    padding:25px 0;
    text-align:center;}
.mp .logoMp{
    float:none;
    width:49%;
    display:inline-block;
    vertical-align:middle;
    text-align:center;}
.mp .imgMp{
    float:none;
    width:49%;
    display:inline-block;
    vertical-align:middle;
    text-align:center;}
.mp .accesMp{
    float:none;
    text-align:left;
    display:block;
    clear:both;
    margin:25px 0 0;
    width:100%;}
    
 
    
    
/*===== Footer */
  

.col3Cols{
    overflow:hidden;
    padding:20px 0;
    text-align:center;}
.col3Cols .col1{
    display:block;
    vertical-align:top;
    width:100%;
    padding:0 0 20px;
    clear:both;}
.col3Cols .col2{
    display:block;
    vertical-align:middle;
    width:100%;
    padding:0 0 20px;}
.col3Cols .col3{
    display:block;
    vertical-align:middle;
    width:100%;}
    
.logoPie{
    display:none;}
.logoPie2{
    display:block;}   

.copyright{
    margin:20px 0 0;
    border-top:1px solid #222;
    padding:20px 0 0;}    
    
    
.btnAccion01 .contMenu .menuTitle{
    width:80%;}
.btnAccion01 .contMenu .menuTitle a{
    font-size:48px;}
    




} /* FIN MEDIA QUERIES 1024 */


@media (max-width: 1023px) {


header{
    height:80px;}

.btnMovil{
    display:block;}
    
.contNavs{
    float:none;
    position:fixed;
    z-index:90;
    height:100%;
    width:100%;
    top:80px;
    left:-100%;
    right:0;
    bottom;
    background: rgba(0,0,0,0.95);
    
    box-sizing:border-box;
    } 
.contNavFix{
    position:relative;
    width:100%;
    height:100%;}

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

.nav1{
    position:absolute;
    bottom:20%;
    left:0;
    right:0;}
.nav2{
    float:none;}
.nav1 .menuItem,.nav2 .menuItem{
    float:none;}
.nav1 .menuItem  a, .nav2 .menuItem  a{
    display:block;
    color:#fff;
    text-decoration:none;
    width:100%;
    outline:0;}
.nav1 .menuItem  a:hover, .nav2 .menuItem  a:hover{
    color:#00ae37;
    background:#111;}
    

.nav1 .menuItem{
    float:none;}
.nav1 .menuItem  a{
    padding:20px;
    font-size:14px;}
    
.nav2 .menuItem{
    float:none;}
.nav2 .menuItem  a{
    padding:20px;
    font-size:16px;}
    
    
/*===== Footer */
  

footer .col3Cols .col1{
    display:block;
    vertical-align:top;
    width:100%;
    clear:both;}
footer .col3Cols .col2{
    display:block;
    vertical-align:top;
    width:90%;
    margin:0 auto;
    padding:0 0 20px;}
footer .col3Cols .col3{
    display:block;
    vertical-align:top;
    width:100%;}

.copyright{
    margin:20px 0 0;
    border-top:1px solid #222;
    padding:20px 0 0;} 
    
    
/*===== columnas de catalogo */    
.pageBlock .col1Small{
    display:block;
    width:100%;
    padding:0;}  
.pageBlock .col2Big{
    display:block;
    width:100%;}    
    
    
/*===== Menú de contactos ====*/

.menuContacts{}
.menuContacts .contMenu{
    text-align:center;}
.menuContacts .contMenu .menuItem:first-child{
    padding:15px;}
.menuContacts .contMenu .menuItem{
    float:none;
    padding:15px;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    overflow:hidden;
    font-size:16px;}
.menuContacts .contMenu .menuPic{
    display:block;
    padding:0 0 10px;}
.menuContacts .contMenu .menuPic a{
    border:0;
    outline:0;}
.menuContacts .contMenu .menuTitle{
    display:block;
    text-align:center;}
.menuContacts .contMenu .menuTitle a{}


/*===== Menú de redes ====*/

.redes{
    padding:20px 0 20px 20px;
    float:none;
    display:inline-block;
    vertical-align:middle;
    font-size:16px;}
.redes .wdgMenu{
    overflow:hidden;}
.redes .wdgTitle{
    display:block;
    padding:0 0 10px;
    text-align:center;
    overflow:hidden;
    vertical-align:middle;}
.redes .wdgContent{
    display:block;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;}
.redes .contMenu{
    overflow:hidden;}
.redes .contMenu .menuItem{
    display:inline-block;
    vertical-align:middle;}
.redes .contMenu .menuItem .menuPic{}
.redes .contMenu .menuItem .menuPic a{
    display:block;
    outline:0;
    cursor:pointer;}    
 
/*===== Colecciones ====*/   
    
.categBlock .categItem {
    display: inline-block;
    vertical-align: top;
    width: 50%;   
}    
.categBlock .categItemCont .categTitle > div a {

    font-size: 1rem;

}

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

.categProds .wdgTitle {
    display: block;
    padding: 20px 25px;
    background: url('/drive/repo/editorweb/menu.png') no-repeat 90% center/auto 40%;
    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:0 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;
}  
    
    
    
    

} /* FIN MEDIA QUERIES 1023 */



@media (max-width: 800px){



.pageBlock .col1{
    display:lock;
    width:100%;
    padding:0 0 20px 0;
    }  
.pageBlock .col2{
    display:block;
    width:100%;} 
  
.sidePost{
    text-align:center;}
    
.mainForm .formTitle h1{
    text-align:center;}




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

.slide {
    width: 100%;
    height: 60vh;
    position: relative;
    overflow: hidden;
}
.slide .menuItemCont {
    padding: 0 7.5%;
    background-color: rgba(0,0,0,.5);
}
.slide .menuTitle a {
    width: 80%;
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing:-0.01em;
}
.slide .menuDescription {
    margin-bottom: 20px;
}
.slide .menuDescription a {
    width: 50%;
    font-size: .9rem;
    color: #fff;
    
}
.slide .menuLink a {
    font-size: .8rem;
    font-weight: 700;
    padding: 15px 40px;
    border:2px solid #fff;
    padding:20px 25px;
}
.slide .menuLink a:hover {
    background: rgba(0,0,0,0.5);
}

.slide .arrowNav div {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    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: 0.5%;
    background-image: url('/drive/repo/editorweb/arrowL.png');
}
.slide .arrowNav div.next {
    right: 0.5%;
    background-image: url('/drive/repo/editorweb/arrowR.png');
}
.slide .selectorNav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    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: #00ae37;
}

/*===== Buscador de productos  ====*/

  
    .searchBar_home .campoTextSearch input {
        padding: 15px 60px 15px 15px;
        font-size: .9rem;
    }
    .searchBar_home .campoButtonSearch input {
        position: absolute;
        width: 50px;
        background: transparent url('/drive/repo/editorweb/search.png') no-repeat center/auto 50%;
    }

/*===== Cabecera de catálogo  ====*/

.catalogHead{
    width:94%;
    padding:20px 3%;}
.catalogHead .catalogTitle{
    float:none;
    width:100%;
    padding:0 0 20px;}
.catalogHead .catalogAcces{
    float:none;
    overflow:hidden;
    width:100%;}
    
/*===== Titular de catálogo  ====*/   

.titles{
    text-align:center;}
.titles .title h1{
    font-weight:bold;
    font-size:20px;}
.titles .subtitle{
    font-size:14px;}
    

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

.btnCatalog{
    text-align:center;
    float:none;
    margin:0 0 20px;}
.btnCatalog .menuTitle a{
    padding:20px;
    display:inline-block;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    border:3px solid #333;}
.btnCatalog .menuTitle a:hover{
    background:#e9e9e9;}
    
    
.btnAccion01 .contMenu .menuTitle{
    width:85%;
    padding:0 0 20px;}
.btnAccion01 .contMenu .menuTitle a{
    font-size:32px;}

.btnAccion01 .contMenu .menuLink{
    text-align:center;}
.btnAccion01 .contMenu .menuLink a{
    font-size:20px;
    font-weight:bold;}
    
    
    
.bgContacts{
    padding:20px 3%;
    text-align:center;}
.bgContacts .navContact{
    float:none;
    width:100%;
    width:auto;}
.bgContacts .navSocial{
    width:100%;
    float:none;
    width:auto;}  
    
.menuContacts{
    text-align:center;}
/*===== Menú de contactos ====*/


.menuContacts .contMenu .menuItem{
    display:block;
}
/*===== Menú de redes ====*/
.redes{
    display:block;
    padding:15px;}
.redes .contMenu{
    tet-align:center;}
   
 
    
/*===== Catalogo de productos */    

.catalog .wdgProd,
.catalog.ofertaCatalog .wdgProd {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin:0.5%;}
  
.catalog.ofertaCatalog .wdgTitle{
    padding:20px;}    
.catalog.ofertaCatalog .wdgTitle .title{
    font-size:18px;}
    
/*===== Vista de producto */     
    
.prodVista .wdgPicSlider,
.prodVista .ProdDescription {
    display: block;
    vertical-align: top;
    width: 100%;
    margin-right: 0;
    text-align:left;
}
    
    
/*===== Finalizar pedido o compra */  

.cartOut .wdgTitle .subtitle{
    text-align:center;}

.cartOut .wdgTitle .title {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 15px;
        text-align:center;
    }
    .cartOut .wdgFinishSale .finishCont,
    .cartOut .wdgFinishSale .finishCont2 {
        float: none;
        margin-bottom: 50px;
        width: 100%;
    }
    .cartOut .wdgFinishSale .finishCont table .titletop:not(:first-child) {
        display: none;
    }
    .cartOut .wdgFinishSale .finishCont table tr .titletop:first-child,
    .cartOut .wdgFinishSale .finishCont table tr .SendingOptions,
    .cartOut .wdgFinishSale .finishCont table tr .bgtotal,
    .cartOut .wdgFinishSale .finishCont table tr .totalFinalNumber {
        text-align: center !important;
    }
    .cartOut table tr,
    .cartOut .wdgFinishSale .finishCont table tr td:first-child {
        display: block;
        width: 100%;
    }
    .cartOut .wdgFinishSale .finishCont .ProdDetails {
        width: 80%;
    }
    .cartOut .wdgFinishSale .finishCont .tableCont .productCont .title a {
        font-size: 1rem;
        line-height: 1.3;
    }
    .cartOut .wdgFinishSale .finishCont .tableCont .productOptions .productDelete {
        margin:0 10px 0 0;
        background-size: 50%;
        border-radius: 3px;
        cursor: pointer;
    }
    
    
    .cartOut .wdgFinishSale .finishCont .tableCont table td .SendingOptions b {
        font-size: 1rem;
        padding-right: 5px;
    }
    .cartOut .wdgFinishSale .finishCont .tableCont table td .SendingOptions select {
        width: auto;
        font-size: .9rem;
    }
    .cartOut .wdgFinishSale .finishCont table tr:nth-last-child(2) td:last-child {
        display: none;
    }
    .cartOut .wdgFinishSale .finishCont table tr .bgtotal {
        padding: 0 !important;
        border: none;
    }
    .cartOut .wdgFinishSale .finishCont table tr .totalText {
        padding: 10px 0 0;
    }
    .cartOut .wdgFinishSale .finishCont table tr .totalFinalNumber {
        padding: 0 0 10px;
    }
    .cartOut .wdgFinishSale .finishCont .tableCont .productOptions {
        right: 10px;
    }
    .cartOut .wdgFinishSale .finishCont2 .detailsFormCont .campo {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    
    
    
    


} /* FIN MEDIA QUERIES 800 */


@media (max-width: 780px) {


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

.mp{
    padding:20px 0;}
.mp .logoMp{
    float:none;
    display:block;
    width:100%;
    padding:0 0 20px;}
.mp .imgMp{
    float:none;
    display:block;
    width:100%;}
.mp .accesMp{
    float:none;
    display:block;
    width:100%;}
     
.mp .accesMp .menuItem .menuPic{
    position:absolute;
    bottom:20px;
    right:20px;}
.mp .accesMp .menuItem .menuTitle{}
.mp .accesMp .menuItem .menuTitle a{
    font-size:16px;
    padding:20px 60px 20px 25px;}
    
    
/*===== Catálogo de productos */   
    
.catalog .wdgProd,
.catalog.homeCatalog .wdgProd {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin: 0 -4px 2% 2%;
    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;
}
       

.categBlock .categItem {
    display: block;
    width: 100%;   
}          
    
/*Boton de whatsapp*/
    
.contMovil .whatsappBtn{
    display:block;
    float:left;}   
    


} /* FIN MEDIA QUERIES 600 */


@media (max-width: 450px) {

/*===== Logo superior ====*/

.logoGB{
    display:none;}   
.logoGB-black{
    display:none;}
    
header.fixed .logoGB,
.w2 .logoGB{
    display:none;}   
header.fixed .logoGB-black,
.w2 .logoGB-black{
    display:none;}  
           
    
.logoGB-icon{
    display:block;}  
    .logoGB-icon img {
        max-width: 175px;}
    
} /* FIN MEDIA QUERIES 300 */














/* LOGIN */





.loginWeb{
    font-family:Arial, Helvetica, sans-serif;
    width: 80%;
    height:100vh;
    padding:20px;
    margin: auto;
    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;
    overflow:hidden;}
.headLogin .logo{
    margin:0 0 25px;}
.headLogin .logo img{
    max-width:200px;}
.headLogin .title{
    margin:0 0 25px;}
    

.contLog{
    width:40%;
    margin:10px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    padding:20px;
    text-align:left;
    background:#f1f1f1;
    border-radius:3px;
    box-shadow: 2px 2px 2px 2px #ccc;}
.contReg{
    width:40%;
    margin:10px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    padding:20px;
    text-align:left;
    border-radius:3px;
    box-shadow: 2px 2px 2px 2px #ccc;}  
    
    
.changePass{
    width:40%;
    margin:10px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    padding:20px;
    text-align:left;
    background:#f1f1f1;
    border-radius:3px;
    text-align:center;
    box-shadow: 2px 2px 2px 2px #ccc;} 
     
.passCont{
    width:100%;
    display:inline-block;
    box-sizing:border-box;
    padding:20px;}  
    
.passCont .msjForm.okMsj{
    background:none;
    padding:0;
    font-weight:normal;}
    
    
.loginWeb .title{
    font-size:18px;
    font-weight:bold;
    padding:0 0 20px;}
    
.loginWeb .contLog .title{
    color:#0d83dd;}
.loginWeb .contReg .title{
    color:#333;}
    
.loginWeb .contLog .title a{
    color:#000;
    text-decoration:underline;
    font-size:14px;}
.loginWeb .contLog .title a:hover{
    text-decoration:none;}
    

.contForm{}

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

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

.contForm .campo.campoImagen img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
    
.contForm .campo label{
    display:none;}    
.contForm .campo input{
    border:1px solid #ccc;
    border-radius:3px;
    padding:8px;
    width:100%;
    font-size:16px;
    box-sizing:border-box;}
    
.contForm .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;}

    
    

.contForm .campoBtn{
    margin:10px 0 0;
    padding:10px 0;}
.contForm .campoBtn input{
    border:0;
    border-radius:3px;
    padding:15px 20px;
    background:#ccc;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;}
.contForm .campoBtn input:hover{
    background:#999;}
    
.contLog .campoBtn input{
    background:#4d83dd;
    color:#fff;}
.contLog .campoBtn input:hover{
    background:#0a6db9;}
    

    
.changePass .campoBtn input{
    background:#4d83dd;
    color:#fff;}
.changePass .campoBtn input:hover{
    background:#0a6db9;} 
    
    
.contReg .campoBtn input{}    



.options{
    padding:0 0 10px;}
.options a{
    font-size:14px;
    color:#333;
    display:inline-block;
    padding:5px;}

.conectWith{
    padding:15px 0 0;}
.conectWith a{
    display:inline-block;
    padding:8px;
    border-radius:3px;
    background:#e9e9e9;
    color:#000;
    text-decoration:none;
    border:1px solid #ccc;}
.conectWith a:hover{
    background:#ccc;}

.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{}



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

                Perfil de usuario

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


.defaultPerfil{
    padding:20px;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
    display:block;}

.headPerfil{
    padding:10px 15px 10px;
    margin:0 0 5px;
    text-align:center;
    border-bottom:1px solid #e9e9e9;}
.headPerfil .logo{
    margin:0 0 25px;}
.headPerfil .logo img{
    max-width:200px;
    max-height:150px;}
.headPerfil .title{
    padding:0;
    font-size:18px;
    padding:0 0 10px;}
 



.defaultPerfil .contPerfil{
    text-align:center;
    overflow:hidden;
    width:100%;}


.UserDash{
    overflow:hidden;
    width: 33%;
    margin: 10px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding: 20px;
    text-align: left;
    background: #f1f1f1;
    border-radius: 3px;
    box-shadow: 2px 2px 2px 2px #ccc;
    
    
    }
.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:500px;
    width:30%;
    margin:0 auto;
    padding-bottom:30%;
    text-align:center;}
.UserDash .UserPic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
    
.UserDash .campoFile{
    margin:10px 0;
    background:#4d83dd;
    color:#fff;
    border: 0;
    border-radius: 3px;
    width: 200px;
    margin: 20px auto 10px;
    font-size: 16px;
    text-align:center;
    font-weight: bold;
    cursor: pointer;}
    
.UserDash .campoFile:hover{
    background:#0a6db9;
    }
    
.UserDash .campoFile .btn-file input{
    padding: 15px 20px;
    width:100%;}
    
    

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

.UserDash .userInfoPerfil{
    display:block;}
    
.UserDash .userInfoPerfil .campoBtn{
    display:none;}
.UserDash .userInfoPerfil .userMoreInfo .campoBtn{
    display:block;}
    
    
    

.UserDash .userInfoPerfil .campo{
    padding:0 5px 10px 0;
    width:50%;
    box-sizing:border-box;
    float:left;}
.UserDash .userInfoPerfil .campoID{
    padding:0 0 15px;
    font-size:16px;
    text-align:center;}    
.UserDash .userInfoPerfil .campo label,
.UserDash .userInfoPerfil .campoID label{
    display:block;
    font-size:12px;}

.UserDash .userInfoPerfil .campo p,
.UserDash .userInfoPerfil .campoID p{
    fontsize:16px;
    margin:0 0 5px;}
.UserDash .userInfoPerfil .campo input{
    width:100%;
    background:#fff;
    box-sizing:border-box;
    padding:5px;
    border:1px solid #ccc;
    font-size:14px;}
    
.UserDash .userInfoPerfil .campo.campoTel{}
.UserDash .userInfoPerfil .campo.campoTel input.inpSmall{
    width:30%;}
.UserDash .userInfoPerfil .campo.campoTel input.inpMedium{
    width:50%;} 
    
.UserDash .userInfoPerfil .campo select{
    width:100%;
    box-sizing:border-box;
    padding:5px;
    border-1px solid #ccc;
    font-size:14px;}
    
.UserDash .userInfoPerfil .campo.campoNac select{
    width:27%;}
.UserDash .userInfoPerfil .campo.campoNac select:last-child{
    width:37%;}

.UserDash .userInfoPerfil .campoBtn{
    margin:10px 0 0;
    padding:10px 0;}
.UserDash .userInfoPerfil .campoBtn input{
    border:0;
    border-radius:3px;
    background:#ccc;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    
    cursor:pointer;}
.UserDash .userInfoPerfil .campoBtn input:hover{
    background:#999;}
    
    
    
.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{
    width:60%;
    display:inline-block;
    box-sizing:border-box;
    padding:20px;
    text-align:left;
    padding:30px 0;}
.contApps{
    overflow:hidden;
    padding:0 10px 20px;}
.contApps h3{
    border-bottom:1px solid #e9e9e9;
    padding:0 0 10px;
    margin:0 0 20px;}
    
.contApps .itemApp{
    position:relative;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #e9e9e9;
    margin:2px;
    padding:10px;
    width:18%;
    min-height:180px;
    text-align:center;
    }
    
.contApps .itemApp .deleteApp{
    position:absolute;
    z-index:10;
    top:-5px;
    right:-5px;
    width:25px;
    height:25px;
    font-size:12px;
    padding:5px 0 0;

    border-radius:100px;
    background:#999;
    font-weight:bold;
    color:#fff;
    cursor:pointer;}
.contApps .itemApp .deleteApp:hover{
    background:#d92027;}     
    
    
.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:16px;
    text-align:center;
    font-weight:normal;}
.contApps .itemApp .appIntro{
    font-size:12px;}
.contApps .itemApp a{
    position:absolute;
    left:5px;
    bottom:5px;
    right:5px;
    display:block;
    padding:10px;
    background:#4d83dd;
    color:#fff;
    font-weight:bold;
    border-radius:3px;
    text-decoration:none;}




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

                MEDIA QUERIES

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

@media (max-width: 799px) { 



.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{
    margin:0 0 25px;}
.headLogin .logo img{
    max-width:200px;}
.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:#f1f1f1;

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






.UserDash{
    overflow:hidden;
    width: 100%;
    margin: 10px;
    display: block;
    padding: 10px;
    text-align: left;}
    
.userApps{
    width:100%;
    display:block;
    box-sizing:border-box;
    padding:10px;
    text-align:left;
    padding:30px 0;}
    
.contApps .itemApp{
    position:relative;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #e9e9e9;
    margin:2px;
    padding:10px;
    width:47%;
    min-height:180px;
    text-align:center;
    }
.UserDash .userInfoPerfil .campo{
    padding:0 5px 10px 0;
    width:100%;
    box-sizing:border-box;
    float:none;}










  }