body{margin:0;  font-family: 'Fjalla One', sans-serif; color:black;}

    /* PORTADORES ------------- */
    .B1-icoSTANDAR{background-position: center center; background-size: contain; background-repeat: no-repeat; }
    .B1-ico20{ width: 20px; height: 20px; margin: 0px 6px;
        display: flex;
        background-image: url(); background-position: center center; background-size: contain; background-repeat: no-repeat;
        cursor: pointer; }
    .B1-ico30{ width: 30px; height: 30px; margin: 0px 3px;
        display: flex;
        background-image: url(); background-position: center center; background-size: contain; background-repeat: no-repeat;
        cursor: pointer; }
    .B1-ico40{ width: 40px; height: 40px; margin: 0px 3px;
        display: flex;
        background-image: url(); background-position: center center; background-size: contain; background-repeat: no-repeat;
        cursor: pointer; }
    .B1-ico60{ width: 60px; height: 60px; margin: 0px 3px;
        display: flex;
        background-image: url(); background-position: center center; background-size: contain; background-repeat: no-repeat;
        cursor: pointer; }
    .B1-ico90{ width: 90px; height: 90px; margin: 10px 3px;
        display: flex;
        background-image: url(); background-position: center center; background-size: contain; background-repeat: no-repeat;
        cursor: pointer; }
    
    .B1-icoHor130{ width: 90px; height: 20px; margin: 1px 3px;
        display: flex; background-position: center center; background-size: 100%; background-repeat: no-repeat;
        cursor: pointer;    }
    .B1-icoHor160{ width: 160px; height: 160px; margin: 1px 3px;
        display: flex; background-position: center center; background-size: 100%; background-repeat: no-repeat;
        cursor: pointer;  }
    

    /*--- iconos REDONDOS -------------------------------------------------------------- */
    .B1-icoFACEBOOK{background-image: url(/ADD/B1ONE/facebook/icoFACE-CirculoSolido-Blanco.png);}
    .B1-icoFACEBOOK:hover{background-image: url(/ADD/B1ONE/facebook/icoFACE-CirculoLinea-Blanco.png);}
    .B1-icoWHATSAPP{background-image: url(/ADD/B1ONE/whatsapp/icoWA-CirculoSolido-Blanco.png);}
    .B1-icoWHATSAPP:hover{background-image: url(/ADD/B1ONE/whatsapp/icoWA-CirculoLineal-Blanco.png);}
    .B1-icoYOUTUBE{background-image: url(/ADD/B1ONE/youtube/icoYOUTUBE-CirculoSolido-Blanco.png);}
    .B1-icoYOUTUBE:hover{background-image: url(/ADD/B1ONE/youtube/icoYOUTUBE-blanco.png);}
    .B1-icoEMAIL{background-image: url(/ADD/B1ONE/email/icoEMAIL-CirculoSolido-Blanco.png);}    
    .B1.icoEMAIL:hover{background-image: url(/ADD/B1ONE/youtube/icoYOUTUBE-CirculoSolido-Blanco.png);     }
    .B1-icoTWITTER{background-image: url(/ADD/B1ONE/twitter/icoTWITTER-ROBblanco.png);}    
    .B1-icoTWITTER:hover{background-image: url(/ADD/B1ONE/twitter/icoTWITTER-blanco.png);}

    /*----webtns----*/
    .B1-icoHORARIO{background-image: url(/ADD/B1ONE/webtns/icoHORARIO-B.png);}
    .B1-icoTOFICINA{background-image: url(/ADD/B1ONE/teloffice/icoPHONE-B.png);}
    .B1-icoUBICACION{background-image: url(/ADD/B1ONE/webtns/icoGPS-Blanco.png);}
    .B1-icoRECARGA{background-image: url(/ADD/B1ONE/webtns/icoRECARGA-solido-BLANCO.png);}
    .B1-icoRECARGA:hover{background-image: url(/ADD/B1ONE/webtns/icoRECARGA-solido-VERDE.png); transition: .9s; transform: rotate(360deg);  }

   
    /*--- iconos REDONDOS BLANCO / ORIGINAL -------------------------------------------- */
    .B1-icoFACEBOOK-B     {background-image: url(/ADD/B1ONE/facebook/icoFACE-CirculoSolido-Blanco.png);}
    .B1-icoFACEBOOK-B:hover {background-image: url(/ADD/B1ONE/facebook/icoFACE-CirculoSolido-Azul.png);}
    .B1-icoWHATSAPP-B      {background-image: url(/ADD/B1ONE/whatsapp/icoWA-CirculoSolido-Blanco.png);}
    .B1-icoWHATSAPP-B:hover {background-image: url(/ADD/B1ONE/whatsapp/icoWA-CirculoSolido-Verde.png);}
    .B1-icoYOUTUBE-B       {background-image: url(/ADD/B1ONE/youtube/icoYOUTUBE-CirculoSolido-Blanco.png);}
    .B1-icoYOUTUBE-B:hover {background-image: url(/ADD/B1ONE/youtube/icoYOUTUBE-blanco.png);}
    .B1-icoEMAIL-B      {background-image: url(/ADD/B1ONE/email/icoEMAIL-CirculoSolido-Blanco.png);}    
    .B1.icoEMAIL-B:hover{background-image: url(/ADD/B1ONE/youtube/icoYOUTUBE-CirculoSolido-Blanco.png);}
    .B1-icoTWITTER-B       {background-image: url(/ADD/B1ONE/twitter/icoTWITTER-ROBblanco.png);}    
    .B1-icoTWITTER-B:hover {background-image: url(/ADD/B1ONE/twitter/icoTWITTER-ROBUazul.png);}
      

    /*---- iconos HORIZONTALES --------------------------------------------------------- */
    .B1-icoFACEBOOK-hor{background-image: url(/ADD/B1ONE/facebook/icoFACE-Letras-Blanco.png);}
    .B1-icoFACEBOOK-hor:hover{background-image: url(/ADD/B1ONE/facebook/icoFACE-Letras-Azul.png);}
    .B1-icoWHATSAPP-hor{background-image: url(/ADD/B1ONE/whatsapp/icoWHATSAPP-SoloLetras-Blanco.png);}
    .B1-icoWHATSAPP-hor:hover{background-image: url(/ADD/B1ONE/whatsapp/icoWHATSAPP-SoloLetras-Verde.png);}
    .B1-icoTWITTER-hor{background-image: url(/ADD/B1ONE/twitter/icoTWITTER-SoloLetras-Blanco.png);}
    .B1-icoTWITTER-hor:hover{background-image: url(/ADD/B1ONE/twitter/icoTWITTER-SoloLetras-Acul.png  );}
    
    
    /*--- botones HORIZONTALES --------------------------------------------------------- */
    .bBTN-HO1{ 
        background-color: rgba(0, 0, 0, 0);
        width: 100%; height: auto; margin:0px; padding: 6px;
        display: flex; flex-flow: row wrap; 
        justify-content: flex-start; align-items: flex-start;
        font-size: 19px; cursor: pointer;   }
    .bBTN-HO1:hover{ background-color: rgba(53, 53, 53, 0.849);}
    
    .bBTN-HO2 { 
        background-color: rgb(29, 67, 85);
        width: 60%; height: 39px; margin:30px auto 5px auto; padding: 0px auto; 
        border: 0px; border-radius: 19px; 
        display: flex; flex-flow: row wrap; 
        justify-content: center; align-items: center; 
        font-family: 'Lobster', sans-serif; font-style: normal; font-weight: normal;        
        font-size: 26px; color: white;  cursor: pointer;  }
    .bBTN-HO2:hover{ background-color: rgb(73, 158, 17); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
    
    .bBTN-HO3 { 
        width: auto; height: auto; margin:0px; padding: 0px 20px; 
        display: flex; flex-flow: row wrap; 
        justify-content: center; align-items: center;      
        font-size: 26px; color: white;  cursor: pointer;  }
    .bBTN-HO3:hover{ 
        color: rgb(255, 255, 255); 
        background-color: rgba(149, 172, 47, 0.76); }

    .bBTN-HO4 { 
        width: 80%; height: auto; margin-TOP:20PX ; padding: 5px 0px; 
        display: flex; flex-flow: row wrap; 
        justify-content: center; align-items: center;      
        font-size: 23px; color: white;
        background-color: rgb(72, 107, 49);  cursor: pointer;  }
    .bBTN-HO4:hover{ 
        color: rgb(255, 255, 255); 
        background-color: rgb(103, 184, 49); }

    .bBTN-SELEC{
        animation: bounce .85s;
        color: rgb(255, 255, 255); 
        background-color: rgb(40, 85, 9);    }    

    .B1btn-HORvb{ 
        background-color: rgb(73, 102, 54);
        width: 60%; height: 39px; margin:30px auto 5px auto; padding: 0px auto; 
        border: 0px; border-radius: 9px; 
        display: flex; flex-flow: row wrap; 
        justify-content: center; align-items: center; 
        font-family: 'Lobster', sans-serif; font-style: normal; font-weight: normal;        
        font-size: 20px; color: white;  cursor: pointer;  }
    .B1btn-HORvb:hover  { background-color: rgb(73, 158, 17); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}



    /*---NEW botones HORIZONTALES ------------------------------------------------------ */
    .bBTN-H { background-color: rgb(29, 67, 85);
        width: 60%; height: 39px; margin:30px auto 5px auto; padding: 0px auto; 
        border: 0px; border-radius: 19px; 
        display: flex; flex-flow: row wrap; 
        justify-content: center; align-items: center; 
        font-family: 'Lobster', sans-serif; font-style: normal; font-weight: normal;        
        font-size: 26px; color: white;  cursor: pointer;  }
    .bBTN-H:hover{ background-color: rgb(73, 158, 17); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
   

    /* -- TEXTO ------------------------------------------------------------------------ */
    h1{ 
        width: auto; height: auto; margin: 0px;
        font-family: 'Fjalla One', sans-serif; 
        font-style: normal; font-weight: normal; font-size:59px;       }
    h2{
        width: auto; height: auto; margin: 0px;
        font-family: 'Fjalla One', sans-serif; 
        font-style: normal; font-weight: normal; font-size:49px;
        line-height: 50px;}
    h3{
        width: auto; height: auto; margin: 0px;
        font-family: 'Be Vietnam', sans-serif;  
        font-style: normal; font-weight: normal; font-size:39px;
        line-height: 40px;}
    h4{
        width: auto; height: auto; margin: 0px;
        font-family: 'Be Vietnam', sans-serif; 
        font-style: normal; font-weight: normal; font-size:29px;
        line-height: 30px;}
    h5{ 
        width: auto; height: auto; margin: 0px;
        font-family: 'Be Vietnam', sans-serif; 
        font-style: normal; font-weight: normal; font-size:19px;
        line-height: 20px;}
    h6{ 
        width: auto; height: auto; margin: 0px;
        font-family: 'Be Vietnam', sans-serif; 
        font-style: normal; font-weight: normal; font-size:16px;
        line-height: 17px;}
    .txtSM{
        width: auto; height: 24px; margin: 0px;
        font-family: 'Lobster', sans-serif; 
        font-style: normal; font-weight: normal; font-size:23px;
        line-height: 20px;      }
    .txtTSM{
        width: auto; height: 24px; margin: 0px;
        font-family: 'Raleway', sans-serif; 
        font-style: normal; font-weight: normal; font-size:18px;
        line-height: 20px;      }


    /* --- ESPACIOS -------------------------------------------------------------------- */
    .blinea100{
        width:100% ; height: 2px; margin: 8px 0px; 
        display: flex;
        background-color: white ;     }
    .blinea90{
        width:90% ; height: 2px; margin: 8px 0px; 
        display: flex;
        background-color: rgb(21, 66, 138) ;     }
    .blinea70{
        width:70% ; height: 3px; margin: 10px auto 20px auto; 
        display: flex;
        background-color: rgb(255, 255, 255) ;     }
    .blinea60{
        width:60% ; height: 2px; margin: 8px 0px; 
        display: flex;
        background-color: rgb(21, 66, 138) ;     }
    .B1LINEA-40{
        width:60% ; height: 2px; margin: 10px 0px; 
        display: flex;
        background-color: rgb(99, 206, 28) ;     }
    .B1LINEA-10{
            width:100% ; height: 90px; margin: 0px auto; 
            display: flex;
            background-color: rgba(106, 138, 17, 0.2) ;     }
        
    
    /* --- ESTYLOSS -------------------------------------------------------------------- */
    .mv-auto{margin-top:auto; margin-bottom: auto;}

        /* -- Espacios Margen -------------------------------- */
        .bM-Hcentro { margin-left: auto; margin-right: auto; }
        .bMT-10 { margin-top: 10px; } .bMB-10 { margin-bottom: 10px; } .bMR-10 { margin-right: 10px; }  .bML-10 { margin-right: 10px; }
        .bMT-20 { margin-top: 20px; } .bMB-20 { margin-bottom: 20px; } .bMR-20 { margin-right: 20px; }  .bML-20 { margin-right: 20px; }
        .bMT-30 { margin-top: 30px; } .bMB-30 { margin-bottom: 30px; } .bMR-30 { margin-right: 30px; }  .bML-30 { margin-right: 30px; }
        .bMT-40 { margin-top: 40px; } .bMB-40 { margin-bottom: 40px; } .bMR-40 { margin-right: 40px; }  .bML-40 { margin-right: 40px; }
        .bMT-50 { margin-top: 50px; } .bMB-50 { margin-bottom: 50px; } .bMR-50 { margin-right: 50px; }  .bML-50 { margin-right: 50px; }
        .bMT-60 { margin-top: 60px; } .bMB-60 { margin-bottom: 60px; } .bMR-60 { margin-right: 60px; }  .bML-60 { margin-right: 60px; }
        .bMT-70 { margin-top: 70px; } .bMB-70 { margin-bottom: 70px; } .bMR-70 { margin-right: 70px; }  .bML-70 { margin-right: 70px; }
        .bMT-80 { margin-top: 80px; } .bMB-80 { margin-bottom: 80px; } .bMR-80 { margin-right: 80px; }  .bML-80 { margin-right: 80px; }
        .bMT-90 { margin-top: 90px; } .bMB-90 { margin-bottom: 90px; } .bMR-90 { margin-right: 90px; }  .bML-90 { margin-right: 90px; }
        .bMT-100{ margin-top: 100px;} .bMB-100{ margin-bottom: 100px;} .bMR-100{ margin-right: 100px;}  .bML-100{ margin-right: 100px;}