body{
    margin:0;
    padding:0;
    
/    font-family: 'Open Sans', sans-serif;
    font-family: 'Questrial', sans-serif;
/    font-family:'banks-miles-single' !important;

}    

/*=====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;}
    
@font-face{
    font-family:"banks-miles-single";
    src:url("/drive/repo/editorweb/banks-miles-single.ttf") format("woff"),
    url("/drive/repo/editorweb/banks-miles-single.ttf") format("opentype"),
    url("/drive/repo/editorweb/banks-miles-single.ttf") format("truetype");
}
    
/*===== 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;
    width:94%;
    margin:0 auto;
    padding:50px 3%;
}

.mp .logoMp{
    margin-top: -5px;
    float:left;
    width:25%;
}
    
.mp .logoMp img{
    max-width:90%;
}

.mp .imgMp{
    margin-top: -30px;
    margin-left: -3px;
    float:left;
    width:25%;
}
    
.mp .imgMp img{
    max-width:100%;
}


.mp .accesMp{
    margin-top: 3px;
    float:right;
    width:50%;}
    
    
.mp .accesMp{}

.mp .accesMp .menuItem{
    position:relative;
    background: #fff;
    border:3px solid transparent;
    cursor:pointer;
}
    
.mp .accesMp .menuItem:hover{
    background: #eec239;
}

.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);
/    background: rgba(50,153,247,0.85);
}
 
.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%;}

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

    
 
/*===== 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;}


    


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

                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;
}






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

                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;
}   



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

                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/fondoA_v.png') no-repeat center/cover;
/     background: rgba(0,0,0,0.65);
/    background:#88ad94;}
    
    
.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%;}     
    
    


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

                BUTTON TO TOP

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

.toTop {
    display: none;
    position: fixed;
    bottom: 7%;
    left: 1%;
    width: 45px;
    height: 45px;
    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.65);; 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: #f2d600; 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(0,0,0,0.65);; 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: #f2d600; color: #000; padding: 7px 20px 7px 7px;}


.sWA {
    position: fixed; right:1%; bottom:8%;
    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:20%;}

.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:#f2d600; 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; }




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

                TITULOS NO MACOIX

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

.titjp {
    width: 100%;
    text-align: center;
    margin-top: 20px;   
    margin-bottom: 30px;
     background: #F1F1F1;
}

.titjp .title h1{
    font-family: 'banks-miles-single' !important;
    text-transform: uppercase;
    text-align: center;
    font-size: 2rem;
    letter-spacing: normal;
    color: #000;
    padding-top: 15px;
}
.titjp .subtitle h3 p {
    font-family: 'banks-miles-single' !important;
    text-transform: uppercase;
    color: #999;
    font-size: 16px;
    padding-bottom: 15px;
}


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

               MENU PIE VOLVER

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

.volverm {   
    background: rgba(0,0,0,0.65);
    width: 100%;
    overflow:hidden;    
}

.volverm .wdgTitle{
    text-align: center;
    padding:7px 0 7px;
}
    
.volverm .wdgTitle .title{
    margin-top: 80px;
    font-size: 2.3rem;
    font-weight: 800;
    line-height: 2.3;
    text-align: center;
}    


.volverm .contMenu {
    width: 100%;
    text-align: center;
}

.volverm .menuItem {
    display: inline-flex;
    width: 20%;
    padding: 0;
    font-size: 1.4rem;
    font-weight: 600;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    cursor: pointer;
/    margin-left: 2%;
    padding: 0 0 0 0;
}

.volverm .menuItemCont {
    width: 95%;
}

.volverm .menuPic {
    float: left;
    width: 20%;
    margin: 0 auto;
}
.volverm .menuItem img {
    width: 80%;
    height: 80%;    
/    padding-bottom: 15px;
}

.volverm .menuItem .menuTitle  {
    float: right;
    text-align: left;
    width: 80%;
    margin-top: 7%;
    padding-bottom: 2px;
    border-bottom: 1px dotted white;
}

.volverm .menuItem .menuTitle a {
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    color: white;   
}

.volverm .menuItem .menuTitle a:hover {
    color: aquamarine;
}
.volverm .menuPic img:hover {
    width: 90%;
    height: 90%;   
    padding-bottom: 5px;
}
.volverm p {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 500;
}



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

                MEDIA QUERIES

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

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

                MEDIA QUERIES 1023 px MIO PORTRAIT

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


@media (max-width: 1023px) {

.titjp {
/    width: 90%;
/    margin-left: 5%;
}
.titjp .title h1{
    font-size: 1.5rem !important;
}
.titjp .subtitle h3 p {
    font-size: 11px !important;
    margin: 0 1% 0 1%;
}

.copyGB{
    font-size:8px;
}



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


.mp {
    padding: 0 3%;
}

.mp .logoMp{
    margin-top: 0px;
    float: none;
    width:80%;
    margin-left: 12%;
    display: block;
    margin-bottom: 20px;
}

.mp .imgMp{
    margin-top: 0px;
    float: none;
    width:80%;
    margin-left: 10%;
    display: block;
    margin-bottom: 20px;
}

.mp .accesMp{
    margin-top: 0px;
    float: none;
    width:80%;
    margin-left: 10%;
    display: block;
    margin-bottom: 20px;
}




} /* FIN MEDIA QUERIES 1023 */

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

                MEDIA QUERIES LANDSCAPES

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

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



.titjp {
/    width: 90%;
/    margin-left: 5%;
}
.titjp .title h1{
    font-size: 1.5rem !important;
}
.titjp .subtitle h3 p {
    font-size: 13px !important;
    margin: 0 1% 0 1%;
}


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

                FIN HEADER - SIGO CON EL RESTO

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



} /* FIN MEDIA QUERIES 800 landscape */