/* @import must be at top of file, otherwise CSS will not work */
/*@import 'https://fonts.googleapis.com/css?family=FontMedium:400,700';*/
@font-face {
    font-family: 'Denton-Light';
    src: url('../../fonts/Denton-Light.woff') format('woff'), url('../../fonts/Denton-Light.eot') format('embedded-opentype'), url('../../fonts/Denton-Light.otf') format('opentype'), url('../../fonts/Denton-Light.ttf') format('truetype');
}

@font-face {
    font-family: "ITC-Franklin-Gothic-LT-Demi-Compressed";
    src: url('../../fonts/ITC_Franklin_Gothic_LT_Pro_Demi_Compressed.woff') format('woff'), url('../../fonts/ITC_Franklin_Gothic_LT_Pro_Demi_Compressed.eot') format('embedded-opentype'), url('../../fonts/ITC_Franklin_Gothic_LT_Pro_Demi_Compressed.otf') format('opentype'), url('../../fonts/ITC_Franklin_Gothic_LT_Pro_Demi_Compressed.ttf') format('truetype');
}

@font-face {
    font-family: "ITC_Franklin_Gothic_LT_Pro_Book_Compressed";
    src: url('../../fonts/ITC_Franklin_Gothic_LT_Pro_Book_Compressed.woff') format('woff'), url('../../fonts/ITC_Franklin_Gothic_LT_Pro_Book_Compressed.eot') format('embedded-opentype'), url('../../fonts/ITC_Franklin_Gothic_LT_Pro_Book_Compressed.otf') format('opentype'), url('../../fonts/ITC_Franklin_Gothic_LT_Pro_Book_Compressed.ttf') format('truetype');
}


/*
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../../fonts/Poppins-Regular.woff') format('woff'), url('../../fonts/Poppins-Regular.eot') format('embedded-opentype'), url('../../fonts/Poppins-Regular.otf') format('opentype'), url('../../fonts/Poppins-Regular.svg') format('svg'), url('../../fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'ITC-Franklin-Gothic-LT-Demi-Compressed';
    src: url('../../fonts/ITC-Franklin-Gothic-LT-Demi-Compressed.woff') format('woff'), url('../../fonts/ITC-Franklin-Gothic-LT-Demi-Compressed.eot') format('embedded-opentype'), url('../../fonts/ITC-Franklin-Gothic-LT-Demi-Compressed.otf') format('opentype'), url('../../fonts/ITC-Franklin-Gothic-LT-Demi-Compressed.svg') format('svg'), url('../../fonts/ITC-Franklin-Gothic-LT-Demi-Compressed.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../../fonts/Poppins-Medium.woff') format('woff'), url('../../fonts/Poppins-Medium.eot') format('embedded-opentype'), url('../../fonts/Poppins-Medium.otf') format('opentype'), url('../../fonts/Poppins-Medium.svg') format('svg'), url('../../fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../../fonts/Poppins-SemiBold.woff') format('woff'), url('../../fonts/Poppins-SemiBold.eot') format('embedded-opentype'), url('../../fonts/Poppins-SemiBold.otf') format('opentype'), url('../../fonts/Poppins-SemiBold.svg') format('svg'), url('../../fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../../fonts/Poppins-ExtraBold.woff') format('woff'), url('../../fonts/Poppins-ExtraBold.eot') format('embedded-opentype'), url('../../fonts/Poppins-ExtraBold.otf') format('opentype'), url('../../fonts/Poppins-ExtraBold.svg') format('svg'), url('../../fonts/Poppins-ExtraBold.ttf') format('truetype');
}
*/


body {
    background: white;
    color: #000;
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed !important;
    /*line-height: 24px;*/
    width: 100%;
    margin: 0 0 0 0;
    position: relative;
    padding-bottom: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0px;
    left: 0px;
}

.modal-backdrop {
     position:initial !important;
 }
.modal-content {
    width: 100% !important;
    overflow-y: hidden !important;
}

.box {
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(10px);
   /* font-weight: bold;*/
}


/* Base styles for both types of inputs */
input[type="radio"],
input[type="checkbox"] {
    appearance: none;
    background: transparent;
    border: 1px solid #000;
    height: 1.3em;
    width: 1.3em;
    margin: 0 10px 0 0px;
    border-radius: 100%;
    vertical-align: text-bottom;
    position: relative;
}

/* Remove the circular shape from checkboxes */
input[type="checkbox"] {
    border-radius: 0;
}

    /* Styles for the pseudo-elements */
    input[type="radio"]::before,
    input[type="checkbox"]::before {
        content: "";
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        top: 0;
    }

/* Center of the checked radio button */
input[type="radio"]:checked::before {
    border: 4px solid transparent;
    border-radius: 100%;
    background: #000;
    margin: 3px;
}

/* The checkmark shape */
input[type="checkbox"]:checked::before {
    border-right: 5px solid hotpink;
    border-bottom: 6px solid hotpink;
    height: 90%;
    width: 30%;
    transform: rotate(50deg) translateY(-20%) translateX(-10%);
}

/* Some focus styles for accessibility */
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: solid 1px;
    outline-offset: 2px;
}




#pnliz {
    border-style: solid;
    border-color: white;
}
#pnlde {
    border-style: solid;
    border-color: white;
}

.rRed input[type='radio']::after {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    accent-color:black;
}

.rRed input[type='radio']:checked::after {
    accent-color: black;
}

.rRed input[type='radio']:hover::after {
    accent-color: black;
}

.topRecupera {
    margin-top: 100px;
}
.margincar1 {
    margin-top: -100px;
    z-index:100;
}
.modalhome{
    width:100%;
}

.heightFormHome {
    height: 280px;
}
.heightFormHomeSinLogo {
    height: 480px;
}
.fontLala {
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed !important;
}

.textLala{
    vertical-align: middle !important;
}

a {
    color: #FFFFFF !important;
    font-family: 'ITC_Franklin_Gothic_LT_Pro_Book_Compressed' !important;
    line-height: 24px;
    text-transform: uppercase !important;
}

/********************/
/* Custom container */
/********************/
.container-full {
    margin: 0 0 0 0;
    width: 100%;
    padding: 0 0 0 0;
}
.margenSup5 {
    margin-top: 5px;
}
.margenSup10 {
    margin-top: 10px;
}
.margenSup20{
    margin-top:20px;
}
.form-labelLogin{
    text-align:left;
}

.h10 {
    font-size: 10px;
}

.h12 {
    font-size: 12px;
}

.h16 {
    font-size: 16px !important;
}


.TablaImpar {
    background-color: #F2F2F2;
    color: #707070;
}

.TablaPar {
    background-color: #ffffff !important;
    color: #707070;
}


.TablaPar{

}
/*
.carousel-indicators li {
    background-color: #000 !important;
}
.carousel-indicators {
    bottom: 0px !important;
}*/
/********************/
/*TITULOS PRINCIPAl*/
/********************/
.IngresoPrincipal {
    /*background-color: #194B72;*/
    /*color: #FFFFFF;*/

    background-image: url('MaskGroup3.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.TituloSubeteAlBarco {
    /* Layout Properties */
    /* UI Properties */
    color: var(--unnamed-color-0574a6);
    text-align: center;
    font: normal normal normal 30px/43px Satisfy;
    letter-spacing: 0px;
    color: #f5f6fa;
    opacity: 1;
}
.TituloCrece {
    /* Layout Properties */
    /* UI Properties */
    color: var(--unnamed-color-0574a6);
    text-align: center;    
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    letter-spacing: 0px;
    color: #f5f6fa;
    opacity: 1;
}

.TituloSeccionPrincipalHome {
    color: var(--unnamed-color-0574a6);
    text-align: center;
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    letter-spacing: 0px;
    color: #0574A6;
    opacity: 1;
    
}

.fondoprincipalizquierdo {
    /* background-image: url('FONDO.png');
    background-size: cover;*/
    background-color:white;
    background-position: left;
    margin-right: -10px !important;
}

.fondoprincipalderecho {
    /*background-image: url('backder.png');*/
    background-color: white;
   /* background-size: cover;*/
    background-position: right;
    opacity: 0.8;
/*    filter:blur(2rem);*/
}

.input-group-addon {    
    text-align: center;
    background-color: #ffffff;

}


.subtitulosmenu {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    font-size: 16px;
    color: #707070 !important;
}

.subtitulosmenu a:hover {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    font-size: 16px;
    color: #0584C4 !important;
}


.TituloMecanicaHome {
    color: var(--unnamed-color-d63640);
    text-align: left;
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    letter-spacing: 0px;
    color: #707070;
    font-size: 24px;
    text-align: left;
}

.TextoMecanicaHome {
    color: #707070;
    font-size: 18px;
    font-family: Poppins-Regular;
    font-weight: normal;
    text-align:left;

}

.TituloMecanicaHomeXS {
    color: #707070 !important;
    font-size: 20px !important;
    font-family: myriad-pro, sans-serif !important;
    font-weight: bold !important;
}

.TextoMecanicaHomeXS {
    color: #707070;
    font-size: 18px;
    font-family: Poppins-Regular;
    font-weight: normal;
}

.TituloXS4Css {
    color: #0e4064;
    font-size: 18px;
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed;
    font-weight: normal;
}


.TituloSeccionTienda {
    color: #194B72;
    font-size: 20px;
    /*font-family: 'Segoe UI';*/
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed;
    font-style: normal;
    font-weight: 700;
}

.PuntajeMenu {
    font-size: 17px !important;
    color: var(--unnamed-color-315a7e);
    text-align: left;
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    margin-top: -10px !important;
}

.TitulosHome {
    color: var(--unnamed-color-0574a6);
    text-align: center !important;
    font: normal normal bold 25px/96px;
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 24px;
}

.TitulosHomeXS {
    color: #FFF !important;
    font-size: 26px !important;
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed;
    font-style: normal !important;
    font-weight: bold !important;
}



.ButtonHablemos {
    color: #ffffff !important;
    font-size: 20px !important;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    background-color: #194B72 !important;
    height: 35px !important;
    width: 140px !important;
    border-radius: 12px !important;
}


.ButtonHome {
    background: transparent linear-gradient(90deg, #3AF3AD 2%, #DC6FF9 98%) 0% 0% no-repeat padding-box;
    opacity: 1;
    border-color: #FFF !important;
    border-radius: 18px;
    font: normal normal medium 14px/16px ITC-Franklin-Gothic-LT-Demi-Compressed;
    text-transform: none !important;
    font-weight: normal !important;
    width: 216px !important;
    height: 36px;
    font-family: Poppins-SemiBold;
}

    .ButtonHome:hover {
        background: transparent linear-gradient(90deg, #FFFFFF 2%, #FFFFFF 98%) 0% 0% no-repeat padding-box;
        opacity: 1;
        border-color: #707070 !important;
        border-width: 1;
        border-radius: 18px;
        font: normal normal medium 14px/16px ITC-Franklin-Gothic-LT-Demi-Compressed;
        text-transform: none !important;
        font-weight: normal !important;
        width: 216px !important;
        height: 36px;
        font-family: Poppins-SemiBold;
        color: #707070;
    }

.ButtonPaginacion {
    color: #ffffff;
    font-size: 35px;
    font-family: Poppins-Regular;
    background-color: #000;
    height: 35px;
    width: 35px;
    border-radius: 12px;
}
.ButtonDeleteCanjes {
    color: #ffffff !important;
    font-size: 15px !important;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    background-color: #000 !important;
    height: 25px !important;
    width: 25px !important;
    border-radius: 12px !important;
}

.BtnIngresoPrincipalWhite {
    background: #FFFFFF;
    opacity: 1;
    border-color: #707070 !important;
    border-width: 1;
    border-radius: 0px;
        text-transform: none !important;
    font-weight: normal !important;
    width: 150px !important;
    height: 30px;    
    color: #000000 !important;
    text-transform: uppercase !important;
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    letter-spacing: 0.8px;
    font-size: 16px;
}


.BtnIngresoPrincipal {
    background: #000;
    opacity: 1;
    border-color: #707070 !important;
    border-width: 1;
    border-radius: 0px;
    font-family:ITC-Franklin-Gothic-LT-Demi-Compressed;
    text-transform: none !important;
    font-weight: normal !important;
    width: 150px !important;
    height: 30px;    
    color: #FFF !important;
    text-transform: uppercase !important;    
    letter-spacing: 0.8px;
    font-size: 16px;
}

    .BtnIngresoPrincipal:hover {
        /* UI Properties */
        background: transparent;
        opacity: 1;
        border-color: #000 !important;
        border-width: 1;
        border-radius: 0px;        
        text-transform: none !important;
        font-weight: normal !important;
        width: 150px !important;
        height: 30px;        
        color: #000 !important;
        text-transform: uppercase !important;
        font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
        letter-spacing: 0.8px;
        font-size: 16px;
    }



.BtnIngresoPrincipal2 {
    background: transparent;
    opacity: 1;
    border-color: #000 !important;
    border-width: 1;
    border-radius: 0px;    
    text-transform: none !important;
    font-weight: normal !important;
    width: 150px !important;
    height: 30px;
    color: #000 !important;
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    letter-spacing: 0.8px;
    font-size: 16px;
    text-transform: uppercase !important;
}

    .BtnIngresoPrincipal2:hover {
        background: #000;
        opacity: 1;
        border-color: #707070 !important;
        border-width: 1;
        border-radius: 0px;        
        text-transform: none !important;
        font-weight: normal !important;
        width: 150px !important;
        height: 30px;
        color: #FFF !important;
        font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
        letter-spacing: 0.8px;
        font-size: 16px;
        text-transform: uppercase !important;
    }


.BtnIngresoPrincipal2selected {
    background: #000;
    opacity: 1;
    border-color: #707070 !important;
    border-width: 1;
    border-radius: 18px;    
    text-transform: none !important;
    font-weight: normal !important;
    width: 216px !important;
    height: 36px;
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    color: #FFF !important
}


.DivCapacitaciones {
    position: relative;
}

    .DivCapacitaciones .DivCapacitacionesButton {
        background-color: transparent !important;
        border: 0px;
        text-align: center;
        position: absolute;
        bottom: 35%;
        right: 5%;
        width: auto;
        height: auto;
        font-size: xx-large !important;
    }

    .DivCapacitaciones .DivCapacitacionesButtonXS {
        background-color: transparent !important;
        border: 0px;
        text-align: center;
        position: absolute;
        bottom: 40%;
        right: 5%;
        width: auto;
        height: auto;
        font-size: small;
    }

.BordeGana {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000029;
    opacity: 1;
   padding: 10px;
   /*  margin:10px;*/
}

.BordeGanaActivo {
   /* background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #0574A6 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    box-shadow: 0px 0px 10px #00000029;
    opacity: 1;
   padding: 10px;*/
   /* margin: 10px;*/
}


.textPaso {
    color: var(--unnamed-color-707070);
    text-align: center;
    font-family:ITC-Franklin-Gothic-LT-Demi-Compressed;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    font-size:25px;
}




.textPasoActivo {
    background: transparent linear-gradient(90deg, #FFFFFF 2%, #FFFFFF 98%) 0% 0% no-repeat padding-box;
    opacity: 1;
    border-color: #707070 !important;
    border-width: 1;
    border-radius: 18px;
    font: normal normal medium 14px/16px ITC-Franklin-Gothic-LT-Demi-Compressed;
    text-transform: none !important;
    font-weight: normal !important;
    width: 216px !important;
    height: 36px;
    font-family: Poppins-Medium;
    color: #707070 !important;
}

    .textPasoActivo:hover {
        background: #000;
        opacity: 1;
        border-color: #707070 !important;
        border-width: 1;
        border-radius: 18px;
        font: normal normal medium 14px/16px ITC-Franklin-Gothic-LT-Demi-Compressed;
        text-transform: none !important;
        font-weight: normal !important;
        width: 216px !important;
        height: 36px;
        font-family: Poppins-Medium;
        color: #FFF !important
    }

.TextosHome {
    color: #ffffff;
    font-size: 25px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
}

.TextosHomeXSSM {
    color: #ffffff;
    font-size: 25px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: 700 !important;
}

.ComoVasTexto {
    color: #0e4064;
    font-size: 25px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.TituloSeccionTiendaHomeTitulos {
    color: #194B72;
    font-size: 30px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.TituloSeccionTiendaHome {
    color: #ffffff;
    font-size: 40px;
    /*font-family: 'Segoe UI';*/
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.TituloSeccionTiendaHomeXSSM {
    color: #ffffff;
    font-size: 45px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.TitulosMetasHome {
    color: #ffffff;
    font-size: 25px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.MontosHome {
    color: #ffffff;
    font-size: 30px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.TituloSeccionTiendaRes {
    color: #707070;
    font-size: 19px;
    /*font-family: 'Segoe UI';*/
    font-family:Poppins-Regular !important;
    font-style: normal;
    font-weight: 400;
}

.SubTituloSeccionPrincipalHome {
    color: var(--unnamed-color-0584c4);
    text-align: left;
    font: normal normal normal 16px/19px Poppins-Medium;
    letter-spacing: 0px;
    color: #0584C4;
    opacity: 1;
}


.DropDownLala {
    background-color: #FFFFFF !important;
    border-color: #194B72 !important;
    color: #194B72 !important;
    height: 30px !important;
    font-size: 16px !important;
    align-items: center !important;
    border-radius: 5px !important;
    font-family: myriad-pro-condensed, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    width: auto;
}

.BtnPrincipal {
    background: #000;
    opacity: 1;
    border-color: #707070 !important;
    border-width: 1;
    border-radius: 0px;
    font: normal normal medium 14px/16px ITC-Franklin-Gothic-LT-Demi-Compressed;
    text-transform: none !important;
    font-weight: normal !important;
    width: 150px !important;
    height: 30px;
    font-family: Poppins-Medium;
    color: #FFF !important;
    text-transform: uppercase !important;
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
    letter-spacing: 0.8px;
    font-size: 16px;
}

.LknPrincipal {
    font-family: myriad-pro-condensed, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF !important;
    font-size: 16px !important;
}


.ImgInfoPuntos {
    font-family: myriad-pro-condensed, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF !important;
    font-size: 18px !important;
    position:relative;
    padding-top:20px;
}

.InfoPuntos {
    position: absolute;
    top: 55%;
    left: 0%;
    width: 100%;
}

.InfoPuntosTitle {
    position: absolute;
    top: 35%;
    left: 0%;
    width: 100%;
}



.TituloSeccionPrincipal {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
    color: #000;
    text-align: center;
}
.TitulosLanding {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
    color: #000;
    text-align: center;
    font-size: 34px;
}

.TitulosLandingXS {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
    color: #000;
    text-align: center;
    font-size: 24px;
}

.FontBold {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
}

.FontAdinue {
    font-family: adineuePROCyr-BoldWeb !important;
}

.FontTextoTitulos {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
}

.FontTextoNormal {
    font-family: Poppins-Medium !important;
}

.FontfuturaBook {
    font-family: Futura-Book;
}

/********************/
/* Colors*/
/********************/

.azul {
    color: #0584C4 !important;
}


.gris {
    color: #707070 !important;
}
.white{
    color: #FFF !important;
}


.GridviewPaging {
    color: #0584C4 !important;
}

/********************/
/* start footer */
/********************/
.footer {
    background-color: blue;
    text-align: center;

}

    .footer > p {
        color: #194B72;
        margin: 0;
    }

    .footer a {
        color: #194B72;
    }

        .footer a:hover,
        .footer a:focus {
            text-decoration: underline;
        }

.footerMP {
    position: relative;
    clear: both;
    
    min-height: 220px;
    margin-bottom: -20px;
}

.Footerbgimg {
    background-color: #fff !important;
    color: #BBBCBC !important;
    margin-bottom: 0px;
    bottom: 0px;
}


.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    color: #BBBCBC;
    padding: 5px;
    background-color: #FFFFFF !important;
}


.form-controlPrincipalL {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    /*  background: #FFFFFF 0% 0% no-repeat padding-box;*/
    background-color: white !important;
    box-shadow: 0px 0px 6px #0000001A;
    border-start-start-radius: 0px !important;
    border-end-start-radius: 0px !important;
    opacity: 1;
    border: 1px solid #000;
    font-size: 12px !important;
}
.form-controlPrincipalR {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    box-shadow: 0px 0px 6px #0000001A;
    border-start-end-radius: 0px !important;
    border-end-end-radius: 0px !important;
    border-start-start-radius: 0px !important;
    border-end-start-radius: 0px !important;
    opacity: 1;
    border: 1px solid #000;
    font-size: 12px !important;
}

    .form-controlPrincipalR::-webkit-input-placeholder {
        color: #707070;
        font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed;
    }

    .mi-inputR::-webkit-input-placeholder {
        color: white;
        font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed;
    }
.mi-inputR::placeholder {
    color: white;
    opacity: 1; /* Firefox */
}

/********************/
/* start contact */
/********************/
.controlContacto {
    animation: none;
    color: #000 !important;
    background-color: #fff;
    border-color: #32B8FC;
    vertical-align: middle;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
    outline: none !important;
    outline-width: 0 !important;
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom-color: #BBBCBC !important;
    border-bottom-width: 2px !important;
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed !important;
}

    
    .control-labeltitle {
        font-size: 15px;
        font-family: Poppins-SemiBold;
    }
#FooterSection {
    background-color: #f6f6f6 !important;
    color: #fff;
    min-height: 220px;
    padding: 0px 0 0px 0;
}

    #FooterSection h2 {
        font-weight: bold;
        letter-spacing: 1px !important;
        padding-top: 30px;
        font-size: 15px;
        color: white;
    }

    #FooterSection h3 {
        padding-top: 30px;
        font-size: 12px;
        color: white;
    }


/* start contact */

#btnHablemos {
    background-color: #000;
    color: #fff;
    min-height: 30px;
    padding: 5px;
}


/********************/
/* Triauning */
/********************/
.margenToptraining{
    margin-top:-150px;
}
/********************/
/* Contacto */
/********************/
#contact {
    background-color: #00b6b9;
    color: #000;
    min-height: 250px;
    padding: 20px 0 0px 0;
}

    #contact p {
        font-weight: 400;
        padding: 20px 0 40px 0;
    }

    #contact .form-control {
        background: #404040;
        border: none;
        border-radius: 2px;
        box-shadow: none;
        color: #000;
        margin: 0 0 0 0;
        opacity: 0.9;
    }

        #contact .form-control::-moz-placeholder {
            color: #BBBCBC;
            opacity: 1;
        }

        #contact .form-control:-ms-input-placeholder {
            color: #BBBCBC;
        }

        #contact .form-control::-webkit-input-placeholder {
            color: #BBBCBC;
        }

    #contact input {
        /*height: 50px;*/
        color: #000;
    }

    #contact img {
        position: relative;
        width: 100%;
    }

    #contact textarea {
        height: 120px;
        color: #000;
    }

    #contact input[type="submit"] {
        background: #00b6b9;
        border: none;
        color: #FFFFFF;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        margin: 10px 0 40px 0;
    }

        #contact input[type="submit"]:focus,
        #contact input[type="submit"]:hover {
            background: #FFFFFF;
            border-color: transparent;
            color: #66AF33;
        }

    #contact .control-label {
        font-size: 18px;
        color: black;
    }

.form-control-InputTextArea {
    height: 130px !important;
}

.form-control-InputText {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000 !important;
    background-image: none;
    border: 1px solid #000 !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control-InputText::-webkit-input-placeholder {
        color: white;
    }
/* end contact */


.fontMenu a {
    color: var(--unnamed-color-315a7e);
    text-align: left;
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
    letter-spacing: 0px;
    color: #FFF !important;
    opacity: 1;
    text-transform: uppercase !important;
}

    .fontMenu a:focus, a:hover {
        color: var(--unnamed-color-315a7e);
        text-align: left;
        font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
        letter-spacing: 0px;
        color: #FFF !important;
        opacity: 1;
        text-transform: uppercase !important;
    }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFF !important;
    background-color: transparent;
}


.seccionMecanica {
    height: 100%;    
    justify-content: center;
    display: flex;
    align-items: center;
}


/********************/
/*Mecanica Secciones*/
/********************/

.SeccionImagenMec {
    height: 100% !important;
}

.btn-flotante {
   /* background-color: #3AF3AD;  Color de fondo */

    padding: 18px 30px; /* Relleno del boton */

    position: fixed;
    bottom: 50%;
    right: 0px;
    transition: all 300ms ease 0ms;
    z-index: 99;
    /* box-shadow: 0px 0px 10px #00000069;*/
    border-start-start-radius: 10px;
    border-end-start-radius: 10px;
    opacity: 1;
}

    .btn-flotante:hover {
      /*    background-color: #3AF3AD;Color de fondo */

        padding: 18px 30px; /* Relleno del boton */

        position: fixed;
        bottom: 50%;
        right: 0px;
        transition: all 300ms ease 0ms;
        z-index: 99;        
        /* box-shadow: 0px 0px 10px #00000069;*/
        border-start-start-radius: 10px;
        border-end-start-radius: 10px;
        opacity: 1;
    }

h35 {
    font-size: 35px !important;
}


/******/
/*tU CUETNA*/
.cuentaHeader {    
    background-color:black;
    background-repeat: no-repeat;
    border-radius: 0px;    
/*    height: 100%;*/
}

.container-cuenta {    
    height: 370px;    
    background: var(--unnamed-color-32b8fc) 0% 0% no-repeat padding-box;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 35px;
    opacity: 1;
    margin-top: 10px;
}
.cuenta-title {
    color: var(--unnamed-color-000);
    text-align: center;
    font: normal normal bold 18px/96px ITC_Franklin_Gothic_LT_Pro_Book_Compressed;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
}
.lblPerfilTexto {
    color: #707070;
    font-size: 30px;    
    font-weight: bold;
    text-align:center !important;
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed !important;
}
.lblPerfilTextoDet {
    color: #707070;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    text-align: left !important;
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed;
}
.TituloSeccioncuenta {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    font-size: 40px;    
    margin-top: 30px;
    text-align:center;
}
.TituloSeccioncuenta2 {
    font-family: ITC_Franklin_Gothic_LT_Pro_Book_Compressed;
    font-size: 30px;
    color: #000;
    margin-top: 30px;
    letter-spacing: 3.6px;
    text-align: center;
}
.TituloSeccioncuenta3 {
    font-family: ITC-Franklin-Gothic-LT-Demi-Compressed;
    color: #000;
    margin-top: 30px;    
    text-align: center;
}

.imgsizehome{
    max-width:400px;
}


/***HOME*/
.logoleftsize{
    max-height:70px;
    margin-top:15px
}
/*********/
/*Media query test*/
/*********/

/*
.fondotest {
    background-color: purple;
}

@media screen and (max-width: 767px) {
    .fondotest {
        background-color: green;
    }
}

@media screen and (min-width: 768px){
    .fondotest {
        background-color: red;
    }
}
@media screen and (min-width: 1024px) {
    .fondotest {
        background-color: blue;
    }
}

@media screen and (min-width: 1280px){
    .fondotest {
        background-color:yellow;
    }
}

@media screen and (min-width: 1536px) {
    .fondotest {
        background-color: magenta;
    }
}

*/

.margenSupesp {
    margin-top: 50px;
}


@media only screen and (max-width: 600px) {
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        bottom: 77px;
        margin-top: 50%;
        /* right: 20px;*/

    }
}

    @media only screen and (min-width: 1200px) {

        .container-cuenta {
            margin-top: 100px;
        }

        .lblPerfilTexto {
            font-size: 30px;
        }

        .lblPerfilTextoDet {
            font-size: 30px;
        }

        .navbar-collapse .navbar-nav.navbar-right:last-child {
            margin-right: 50px !important;
            /*    margin-top: 10px !important;*/
        }



        .margintopMobile {
            margin-top: 0px;
        }

        .col-md-6 {
            width: 49% !important;
            display: inline-block;
            float: none !important;
            vertical-align: middle;
        }

        .fillmeleft {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
        }

        .fillmeright {
            position: absolute;
            top: 0px;
            bottom: 0px;
            right: 0px;
        }

        .margenSup {
            padding-top: 50px;
        }

        .margenSup1 {
            padding-top: 10px;
        }

        .marginSup2 {
            padding-top: 30px;
        }

        .HomeBg {
            /*  padding-top: 50px;*/
        }

        .boxContacto {
            float: left;
        }

        .box {
            float: left;
            overflow: hidden;
        }
        /* Add padding and border to inner content
    for better animation effect */
        .box-inner {
            width: 400px;
            padding: 10px;
        }

        .timeline-item {
            font-size: 14px !important;
        }


        .TituloSeccion {
            font-family: Poppins-Medium;
            font-size: 40px;
            color: #fff;
        }

        .DescripcionSeccion {
            font-family: Poppins-Medium;
            font-size: 21px;
            color: white;
            margin-bottom: 7%;
        }

        .DescripcionSeccionInf {
            font-family: Poppins-Medium;
            font-size: 21px;
            color: #3a5562;
        }

        .timeline-badge {
            display: block;
        }

        ul.timeline > li > .timeline-panel:after {
            display: block;
        }

        ul.timeline > li > .timeline-panel:before {
            display: block;
        }

        .ul.timeline > li {
            width: 100%;
        }



        .NewHeaderImgMarcas {
            max-width: 100%;
            margin-top: 2.5%;
            margin-bottom: 2.5%;
            display: inline;
            text-align: right !important;
        }


        #videoModal {
            padding-right: 0px !important;
            width: 100% !important;
        }

        #modal-content-Video {
            width: 150%;
        }


        #modal-dialog-Video {
            margin-left: 16% !important;
            margin-right: 0px !important;
        }

        #iframeVideo {
            height: 500px !important;
            width: 855px;
        }


        body {
            background-color: white;
        }


        .imglogoFooter {
            width: 100px;
            /*margin-left:33%;*/
        }

        .blueimp-gallery .modal-body img, .blueimp-gallery .modal-body .video-content video, .blueimp-gallery .modal-body .video-content iframe, .blueimp-gallery .modal-body .video-content a {
            top: 55% !important;
        }

        h1 {
            font-size: 60px;
        }

        h2 {
            font-size: 31px;
        }

        h3 {
            font-size: 31px;
        }

        h4 {
            font-size: 25px;
        }
        /*HTC No mover*/
        h5 {
            font-size: 24px;
        }
        /*HTC No mover*/
        h6 {
            font-size: 20px;
        }
        /*HTC No mover*/
        h7 {
            font-size: 32px;
        }
        /*HTC No mover*/
        h8 {
            font-size: 56px;
        }
        /*HTC No mover*/
        h9 {
            font-size: 13px;
        }
        /*HTC No mover*/
        h10 {
            font-size: 12px;
        }
        /*HTC No mover*/
        h11 {
            font-size: 13px;
        }
        /*HTC No mover*/
        h12 {
            font-size: 28px;
        }
        /*HTC No mover*/
        h13 {
            font-size: 14px;
        }
        /*HTC No mover*/
        h14 {
            font-size: 16px;
        }
        /*HTC No mover*/
        h15 {
            font-size: 28px;
        }
        /*HTC No mover*/
        h16 {
            font-size: 18px;
        }
        /*HTC No mover*/
        h17 {
            font-size: 22px;
        }

        h18 {
            font-size: 18px;
        }

        h30 {
            font-size: 40px;
        }

        h35 {
            font-size: 35px !important;
        }



        /*HTC No mover*/
        .FontMedium {
            font-family: FontMedium;
            font-weight: 700;
            font-size: 17px !important;
        }

        .Univers55Roman100 {
            font-family: FontMedium;
            font-weight: 100;
            letter-spacing: 2px;
        }

        .Univers55Roman300 {
            font-family: FontMedium;
            font-weight: bold;
            letter-spacing: 2px;
        }

        /*button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        background-color:#e30614;
        color: white;
        font-weight: bold;
        margin-top: 10px;
        width: 80px;
        height: 40px;
        padding : 8px 20px 8px 20px;        
        font-family: FontMedium, sans-serif;
    }*/



        .RegresivoTitulo1 {
            font-size: 80px;
        }

        .RegresivoTitulo2 {
            font-size: 27px;
        }

        .RegresivoTitulo3 {
            font-size: 19px;
        }

        .RegresivoTitulo4 {
            font-size: 45px;
        }

        .RegresivoTitulo5 {
            font-size: 16px;
        }

        .RegresivoTitulo6 {
            font-size: 40px;
        }

        .control-label {
            font-size: 19px;
        }

        .LabelNotas {
            font-size: 14px;
        }

        .subtitulos {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 16px;
            color: #000000 !important;
        }

        .subtitulosReportes {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 20px !important;
        }

        .btnEstablecimiento {
            font-size: 9px;
        }

        #Tree a, a:focus, a:hover {
            font-size: 18px;
        }

        #Tree .chkboxPerfil {
            font-size: 18px;
        }

        .GridviewPaging a, a:focus, a:hover {
            font-size: 16px;
        }

        .GridviewPaging span {
            font-size: 14px;
        }

        .WucMensaje {
            width: 30%;
            margin: 0 0 5% 0;
        }

        .TitulosPrincipales {
            padding-top: 0.2em;
        }

        .MargenMenu {
            margin-left: 50px;
        }

        .navbar-default .navbar-nav li a {
            font-size: 13px;
            height: 40px;
            line-height: 40px;
        }

        .rombo {
            width: 30px;
            height: 30px;
            margin: 8px;
        }

        .RankinCac {
            font-size: 15px;
        }

        .RankinAlcance {
            font-size: 22px;
            font-weight: bold;
        }

        .RankinTitulo {
            font-size: 18px;
            color: #fff;
        }

        .divRanking {
            font-size: 60px;
            padding-top: 60px;
        }

        .carousel-inner {
            margin-top: 1.3%;
            margin-bottom: 1.3%;
        }
    }

    @media only screen and (max-width: 1199px) {

        .imgsizehome {
            max-width: 230px;
        }

        .timeline-item {
            font-size: 12px !important;
        }

        .margincar1 {
            margin-top: -70px;
        }

        .TituloSeccion2 {
            font-family: Poppins-Medium;
            font-size: 80px;
            color: rgb(255, 255, 255);
            margin-top: 5%;
        }

        .TituloSeccion {
            font-family: Poppins-Medium;
            font-size: 35px;
            color: white;
        }

        .DescripcionSeccion {
            font-family: Poppins-Medium;
            font-size: 22px;
            color: white;
            margin-bottom: 5%;
        }

        .DescripcionSeccionInf {
            font-family: Poppins-Medium;
            font-size: 22px;
            color: #3a5562;
            margin-bottom: 0%;
        }

        .NewHeaderImgMarcas {
            max-width: 100%;
            margin-top: 2.5%;
            margin-bottom: 7%;
            display: inline;
            text-align: right !important;
        }

        #videoModal {
            padding-right: 0px !important;
            width: 1000px !important;
        }

        #modal-content-Video {
            width: 100%;
        }


        #modal-dialog-Video {
            margin-left: 250px !important;
            margin-right: 0px !important;
        }

        #iframeVideo {
            height: 350px !important;
            width: 100%;
        }

        body {
            background-color: white;
        }

        .imglogoFooter {
            width: 100px;
            /*margin-left:33%;*/
        }

        .blueimp-gallery .modal-body img, .blueimp-gallery .modal-body .video-content video, .blueimp-gallery .modal-body .video-content iframe, .blueimp-gallery .modal-body .video-content a {
            top: 2% !important;
        }

        h1 {
            font-size: 91px;
        }

        h2 {
            font-size: 31px;
        }

        h3 {
            font-size: 31px;
        }

        h4 {
            font-size: 25px;
        }
        /*HTC No mover*/
        h5 {
            font-size: 24px;
        }
        /*HTC No mover*/
        h6 {
            font-size: 20px;
        }
        /*HTC No mover*/
        h7 {
            font-size: 30px;
        }
        /*HTC No mover*/
        h8 {
            font-size: 56px;
        }
        /*HTC No mover*/
        h9 {
            font-size: 14px;
        }
        /*HTC No mover*/
        h10 {
            font-size: 12px;
        }
        /*HTC No mover*/
        h11 {
            font-size: 13px;
        }
        /*HTC No mover*/
        h12 {
            font-size: 28px;
        }
        /*HTC No mover*/
        h13 {
            font-size: 14px;
        }
        /*HTC No mover*/
        h14 {
            font-size: 16px;
        }
        /*HTC No mover*/
        h15 {
            font-size: 28px;
        }
        /*HTC No mover*/
        h16 {
            font-size: 18px;
        }
        /*HTC No mover*/
        h17 {
            font-size: 22px;
        }

        h18 {
            font-size: 21px;
        }

        .FontMedium {
            font-family: Poppins-Medium !important;
            font-weight: 700;
        }

        .Univers55Roman100 {
            font-family: FontMedium;
            font-weight: 100;
            letter-spacing: 2px;
        }

        .Univers55Roman300 {
            font-family: FontMedium;
            font-weight: bold;
            letter-spacing: 2px;
        }



        .RegresivoTitulo1 {
            font-size: 80px;
        }

        .RegresivoTitulo2 {
            font-size: 27px;
        }

        .RegresivoTitulo3 {
            font-size: 19px;
        }

        .RegresivoTitulo4 {
            font-size: 45px;
        }

        .RegresivoTitulo5 {
            font-size: 16px;
        }

        .RegresivoTitulo6 {
            font-size: 40px;
        }

        .control-label {
            font-size: 18px;
        }

        .LabelNotas {
            font-size: 14px;
        }

        .subtitulos {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 16px;
            color: #000000 !important;
        }

        .subtitulosReportes {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 20px !important;
        }

        .btnEstablecimiento {
            font-size: 9px;
        }

        #Tree a, a:focus, a:hover {
            font-size: 18px;
        }

        #Tree .chkboxPerfil {
            font-size: 18px;
        }

        .GridviewPaging a, a:focus, a:hover {
            font-size: 16px;
        }

        .GridviewPaging span {
            font-size: 14px;
        }

        .WucMensaje {
            width: 30%;
            margin: 0 0 5% 0;
        }

        .TitulosPrincipales {
            padding-top: 0.2em;
        }

        .MargenMenu {
            margin-left: 50px;
        }

        .navbar-default .navbar-nav li a {
            font-size: 13px;
            height: 40px;
            line-height: 40px;
        }

        .rombo {
            width: 30px;
            height: 30px;
            margin: 8px;
        }

        .RankinCac {
            font-size: 15px;
        }

        .RankinAlcance {
            font-size: 22px;
            font-weight: bold;
        }

        .RankinTitulo {
            font-size: 18px;
            color: #fff;
        }

        .divRanking {
            font-size: 60px;
            padding-top: 60px;
        }
    }

    @media only screen and ( max-width: 965px ) {


        .timeline-item {
            font-size: 12px !important;
        }

        .TituloSeccion {
            font-family: Poppins-Medium;
            font-size: 34px;
            color: white;
        }

        .DescripcionSeccion {
            font-family: MauRdL;
            font-size: 16px;
            color: white;
            margin-bottom: 3%;
        }

        .DescripcionSeccionInf {
            font-family: Poppins-Medium;
            font-size: 20px;
            color: #3a5562;
        }

        .NewHeaderImgMarcas {
            max-width: 75%;
            margin-top: 5.5%;
            margin-bottom: 2.5%;
            display: inline;
            text-align: right !important;
        }

        body {
            background-color: white;
        }

        .TituloSeccion2 {
            font-family: Poppins-Medium;
            font-size: 70px !important;
            color: rgb(255, 255, 255);
        }

        .imglogoFooter {
            width: 100px;
        }


        .MargenMenu {
            margin-left: 50px;
        }

        .navbar-default .navbar-nav li a {
            font-size: 8px;
            height: 40px;
            line-height: 40px;
        }

        .TitulosPrincipales {
            padding-top: 0.2em;
        }

        .seccionMecanica {
            padding-top: 1%;
            height: auto !important;
        }

        #videoModal {
            padding-right: 0px !important;
            width: 1000px !important;
        }

        #modal-content-Video {
            width: 100%;
        }


        #modal-dialog-Video {
            margin-left: 150px !important;
            margin-right: 0px !important;
        }

        #iframeVideo {
            height: 350px !important;
            width: 100%;
        }
    }

    @media only screen and ( max-width: 992px ) {

        .container-cuenta {
            height: 450px;
        }

        .logoleftsize {
            max-height: 50px;
            margin-left: 0px;
            margin-top: 30px;
        }

        .container-cuenta {
            margin-top: 100px;
        }

        .cuentaHeader {
          /*  height: 60%;*/
        }

        .fontMenu{
            font-size:12px !important;
        }
        .fondoprincipalderecho {
            border-radius: 0px !important;
        }

        .textPasoActivo {
            font-size: 15px;
        }

        .textPaso {
            font-size: 15px;
        }

        .TituloMecanicaHome {
            font-size: 15px;
        }

        .TituloMecanicaHomeXS {
            font-size: 15px;
        }

        .TextoMecanicaHome {
            font-size: 15px;
        }

        .TextoMecanicaHomeXS {
            font-size: 14px;
        }

        .margincar1 {
            margin-top: 20px;
        }

        .PuntajeMenu {
            margin-top: 0px;
        }




        .navbar-collapse .navbar-nav.navbar-right:last-child {
            margin-right: 50px !important;
            margin-top: 10px !important;
        }
    }

    @media only screen and ( max-width: 768px ) {


        .container-cuenta {
            height: 410px;
        }

        .lblPerfilTexto {

            font-size: 18px;
  
        }
        .lblPerfilTextoDet {
            font-size: 18px;
        }

        .logoleftsize {
            max-height: 50px;
            margin-left: -21px;
            margin-top: 20px;
        }
        .container-cuenta {
            margin-top: 200px;
            
        }
        .cuentaHeader {
         /*   height: 75%;*/
        }

        .fondoprincipalderecho {
            border-radius: 0px !important;
            height: 590px;
        }

        .margintopMobile {
            margin-top: 50px;
        }

        .nav {
            float: right;
            text-align: right;
        }

        .margenSup {
            padding-top: 25px;
        }

        .marginSup2 {
            padding-top: 15px;
        }

        .TituloSeccion2 {
            font-family: Poppins-Medium;
            font-size: 50px !important;
            color: rgb(255, 255, 255);
            margin-top: 5%;
            margin-left: 5%;
        }


        ul.timeline > li > .timeline-panel:after {
            display: none;
        }

        ul.timeline > li > .timeline-panel:before {
            display: none;
        }

        ul.timeline > li {
            width: 100% !important;
        }


        .timeline-panel::before {
            display: none;
        }

        .timeline-badge {
            display: none;
        }

        .NewHeaderImgMarcas {
            max-width: 90%;
            margin-top: 2.5%;
            margin-bottom: 2.5%;
            display: inline;
            text-align: right !important;
        }

        #videoModal {
            padding-right: 0px !important;
            width: 1000px !important;
        }

        #modal-content-Video {
            width: 100%;
            margin-left: 2%;
        }


        #modal-dialog-Video {
            margin-left: 20px !important;
            margin-right: 0px !important;
        }

        #iframeVideo {
            height: 350px !important;
            width: 100%;
        }

        .TituloSeccionPrincipal {
            font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
            font-size: 21px !important;
            color: #000;
        }

        .TituloSeccion {
            padding-top: 10px;
            font-family: Poppins-Medium;
            font-size: 30px;
            color: white;
        }

        .DescripcionSeccionInf {
            font-family: Poppins-Medium;
            font-size: 17px;
            color: #3a5562;
        }

        .DescripcionSeccion {
            padding-bottom: 10px;
            font-family: Poppins-Medium;
            font-size: 18px;
            color: white;
        }

        body {
            background-color: white;
        }

        .imglogo {
            width: 200px;
        }

        .imglogoFooter {
            width: 100px;
        }

        h1 {
            font-size: 50px;
        }

        h2 {
            font-size: 31px;
        }

        h3 {
            font-size: 31px;
        }

        h4 {
            font-size: 25px;
        }
        /*HTC No mover*/
        h5 {
            font-size: 24px;
        }
        /*HTC No mover*/
        h6 {
            font-size: 20px;
        }
        /*HTC No mover*/
        h7 {
            font-size: 34px;
        }
        /*HTC No mover*/
        h8 {
            font-size: 56px;
        }
        /*HTC No mover*/
        h9 {
            font-size: 18px;
        }
        /*HTC No mover*/
        h10 {
            font-size: 12px;
        }
        /*HTC No mover*/
        h11 {
            font-size: 13px;
        }
        /*HTC No mover*/
        h12 {
            font-size: 28px;
        }
        /*HTC No mover*/
        h13 {
            font-size: 14px;
        }
        /*HTC No mover*/
        h14 {
            font-size: 16px;
        }
        /*HTC No mover*/
        h15 {
            font-size: 28px;
        }
        /*HTC No mover*/
        h16 {
            font-size: 18px;
        }
        /*HTC No mover*/
        h17 {
            font-size: 22px;
        }

        h18 {
            font-size: 15px;
        }

        h30 {
            font-size: 30px;
        }

        h35 {
            font-size: 24px;
        }

        .FontMedium {
            font-family: FontMedium;
            font-weight: 700;
        }

        .Univers55Roman100 {
            font-family: FontMedium;
            font-weight: 100;
            letter-spacing: 2px;
        }

        .Univers55Roman300 {
            font-family: FontMedium;
            font-weight: bold;
            letter-spacing: 2px;
        }

        /*button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        background-color:#e30614;
        color: white;
        font-weight: bold;
        margin-top: 10px;
        width: 80px;
        height: 40px;
        padding : 8px 20px 8px 20px;        
        font-family: FontMedium, sans-serif;
    }*/



        .RegresivoTitulo1 {
            font-size: 80px;
        }

        .RegresivoTitulo2 {
            font-size: 27px;
        }

        .RegresivoTitulo3 {
            font-size: 19px;
        }

        .RegresivoTitulo4 {
            font-size: 45px;
        }

        .RegresivoTitulo5 {
            font-size: 16px;
        }

        .RegresivoTitulo6 {
            font-size: 40px;
        }

        .control-label {
            font-size: 18px;
        }

        .LabelNotas {
            font-size: 14px;
        }

        .subtitulos {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 16px;
            color: #000000 !important;
        }

        .subtitulosReportes {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 20px !important;
        }

        .btnEstablecimiento {
            font-size: 9px;
        }

        #Tree a, a:focus, a:hover {
            font-size: 18px;
        }

        #Tree .chkboxPerfil {
            font-size: 18px;
        }

        .GridviewPaging a, a:focus, a:hover {
            font-size: 16px;
        }

        .GridviewPaging span {
            font-size: 16px;
        }

        .WucMensaje {
            width: 30%;
            margin: 0 0 5% 0;
        }

        .TitulosPrincipales {
            padding-top: 0.2em;
        }

        .MargenMenu {
            margin-left: 50px;
        }

        .navbar-default .navbar-nav li a {
            font-size: 15px;
            height: 40px;
            line-height: 40px;
        }

        .rombo {
            width: 30px;
            height: 30px;
            margin: 8px;
        }

        .RankinCac {
            font-size: 15px;
        }

        .RankinAlcance {
            font-size: 22px;
            font-weight: bold;
        }

        .RankinTitulo {
            font-size: 18px;
            color: #fff;
        }

        .divRanking {
            font-size: 60px;
            padding-top: 60px;
        }

        .MargenMenu {
            margin-left: 50px;
        }

        .navbar-default .navbar-nav li a {
            font-size: 8px;
            height: 40px;
            line-height: 40px;
        }

        .carousel-inner {
            margin-top: 6%;
        }
    }

    @media only screen and (max-width: 640px) {
        .container-cuenta {         
            margin-top: 30px;
        }
        .cuentaHeader {         
           /* height: 88%;*/
        }
        .imgsizehome {
            max-width: 180px;
        }

        #modal-content-Video {
            width: 40%;
        }

        .TituloSeccion2 {
            font-family: Poppins-Medium;
            font-size: 80px !important;
            color: rgb(255, 255, 255);
            margin-top: 5%;
            margin-left: 5%;
        }

        ul.timeline > li > .timeline-panel:after {
            display: none !important;
        }

        ul.timeline > li > .timeline-panel:before {
            display: none !important;
        }

        ul.timeline > li {
            width: 115% !important;
            margin-left: -15%;
        }


        .timeline-panel::before {
            display: none;
        }

        .timeline-badge {
            display: none;
        }

        .NewHeaderImgMarcas {
            max-width: 130%;
            margin-top: 10%;
            margin-bottom: 2.5%;
            display: inline;
            text-align: right !important;
        }

        body {
            background-color: white;
        }

        h1 {
            font-size: 40px;
        }

        h2 {
            font-size: 31px;
        }

        h3 {
            font-size: 31px;
        }

        h4 {
            font-size: 20px;
        }

        h5 {
            font-size: 24px;
        }

        h6 {
            font-size: 17px;
        }

        h7 {
            font-size: 28px;
        }

        h8 {
            font-size: 35px;
        }

        h9 {
            font-size: 13px;
        }

        h10 {
            font-size: 12px;
        }

        h11 {
            font-size: 13px;
        }

        h12 {
            font-size: 28px;
        }

        h13 {
            font-size: 14px;
        }

        h14 {
            font-size: 16px;
        }

        h15 {
            font-size: 28px;
        }

        h16 {
            font-size: 18px;
        }

        h17 {
            font-size: 17px;
        }

        h18 {
            font-size: 18px;
        }

        .Univers65700 {
            font-family: MotoSans-Regular;
            font-weight: 700;
        }

        .Univers55Roman100 {
            font-family: MotoSans-Regular;
            font-weight: 100;
            letter-spacing: 2px;
        }

        .Univers55Roman300 {
            font-family: MotoSans-Regular;
            font-weight: bold;
            letter-spacing: 2px;
        }

        .RegresivoTitulo1 {
            font-size: 40px;
        }

        .RegresivoTitulo2 {
            font-size: 20px;
        }

        .RegresivoTitulo3 {
            font-size: 12px;
        }

        .RegresivoTitulo4 {
            font-size: 25px;
        }

        .RegresivoTitulo5 {
            font-size: 12px;
        }

        .RegresivoTitulo6 {
            font-size: 24px;
        }

        .control-label {
            font-size: 14px;
        }

        .LabelNotas {
            font-size: 10px;
        }

        .subtitulos {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 12px;
            color: #000000 !important;
        }

        .subtitulosReportes {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 14px !important;
        }

        .btnEstablecimiento {
            font-size: 6px;
        }

        #Tree a, a:focus, a:hover {
            font-size: 14px;
        }

        #Tree .chkboxPerfil {
            font-size: 14px;
        }

        .GridviewPaging a, a:focus, a:hover {
            font-size: 14px;
        }

        .GridviewPaging span {
            font-size: 1px;
        }

        .WucMensaje {
            width: 60%;
            margin: 0 0 20% 0;
        }

        .TitulosPrincipales {
            padding-top: 2.5em;
        }

        #home .btn {
            width: auto;
            height: auto;
            padding: 10px 20px;
            margin-top: 10px;
            text-transform: uppercase;
        }

        .rombo {
            width: 12px;
            height: 12px;
            margin: 5px;
        }

        .RankinCac {
            font-size: 9px;
        }

        .RankinAlcance {
            font-size: 16px;
            font-weight: bold;
        }

        .RankinTitulo {
            font-size: 12px;
            color: #fff;
        }

        .divRanking {
            font-size: 25px;
        }

        .carousel-inner {
            margin-top: 12%;
        }
    }

    @media only screen and (max-width: 500px) {

        .cuentaHeader {
          /*  height: 65%;*/
        }
        .margincar1 {
            margin-top: 20px;
        }

        .btnC {
            font-size: 12px !important;
        }

        .btn {
            font-size: 9px !important;
        }

        #modal-content-Video {
            width: 44%;
            margin-left: -28px;
        }


        .div.absolute {
            position: absolute;
            top: 80px;
            right: 0;
            width: 200px;
            height: 100px;
            border: 3px solid #73AD21;
        }

        .BtnHablemos {
            position: absolute !important;
            top: 800px !important;
            right: 0 !important;
            width: 200px !important;
            height: 100px !important;
        }

        .TituloSeccion2 {
            font-family: Poppins-Medium;
            font-size: 50px !important;
            color: rgb(255, 255, 255);
            margin-top: 5%;
            margin-left: 5%;
        }

        .c0 {
            margin-left: 30pt;
            padding-top: 0pt;
            padding-left: 0pt;
            padding-bottom: 0pt;
            line-height: 1.5;
            text-align: left;
        }

        .cf {
            margin-left: 50pt;
            padding-top: 0pt;
            padding-left: 0pt;
            padding-bottom: 0pt;
            line-height: 1.5;
            text-align: left;
        }
    }

    @media only screen and (max-width: 400px) {
        .cuentaHeader {
           /* height: 88%;*/
        }
        #modal-content-Video {
            width: 40%;
            margin-left: -30px;
        }

        .intro-header {
            margin-top: 4%;
        }
    }

    @media only screen and ( max-width: 375px ) {

        .margincar1 {
            margin-top: 10px;
        }

        .textPasoActivo {
            font-size: 10px !important;
        }

        .textPaso {
            font-size: 10px !important;
        }


        .TituloMecanicaHome {
            font-size: 15px;
        }

        .TextoMecanicaHome {
            font-size: 10px !important;
        }


        #modal-content-Video {
            width: 33%;
            margin-left: -20px;
        }


        .TituloSeccion2 {
            font-family: Poppins-Medium;
            font-size: 50px !important;
            color: rgb(255, 255, 255);
            margin-top: 5%;
            margin-left: 5%;
        }

        ul.timeline > li {
            width: 115% !important;
            margin-left: -15%;
        }

        /*Iphone*/
        .NewHeaderImgMarcas {
            max-width: 130%;
            margin-top: 15%;
            margin-bottom: 2.5%;
            display: inline;
            text-align: right !important;
        }

        .c0 {
            margin-left: 8pt;
            padding-top: 0pt;
            padding-left: 0pt;
            padding-bottom: 0pt;
            line-height: 1.5;
            text-align: left;
        }

        .c3 {
            color: #000000;
            font-weight: 700;
            text-decoration: none;
            vertical-align: baseline;
            font-size: 12pt;
            font-family: Poppins-Medium !important;
            font-style: normal;
        }

        .c4 {
            color: #000000;
            font-weight: 700;
            text-decoration: none;
            vertical-align: baseline;
            font-size: 12pt;
            font-family: Poppins-Medium !important;
            font-style: normal;
        }

        .c2 {
            margin-left: 10pt;
            padding-top: 0pt;
            padding-left: 0pt;
            padding-bottom: 0pt;
            line-height: 1.5;
            text-align: left;
        }

        .c13 {
            color: #000000;
            font-weight: 400;
            text-decoration: none;
            vertical-align: baseline;
            font-size: 14pt;
            font-family: Poppins-Medium !important;
            font-style: normal;
            line-height: 2;
        }

        .c1 {
            text-decoration: none;
            vertical-align: baseline;
            font-size: 12pt;
            font-family: Poppins-Medium !important;
            line-height: 1.5;
            font-style: normal;
        }

        .cf {
            margin-left: 20pt;
            padding-top: 0pt;
            padding-left: 0pt;
            padding-bottom: 0pt;
            line-height: 1.5;
            text-align: left;
        }



        .TituloSeccionPrincipal {
            font-family: ITC-Franklin-Gothic-LT-Demi-Compressed !important;
            font-size: 20px !important;
            color: #000;
        }

        .TituloSeccion {
            padding-top: 10px;
            font-family: Poppins-Medium;
            font-size: 30px;
            color: white;
        }

        .DescripcionSeccion {
            font-family: Poppins-Medium;
            font-size: 15px;
            color: white;
        }


        body {
            background-color: white;
        }



        .Univers65700 {
            font-family: MotoSans-Regular;
            font-weight: 700;
        }

        .Univers55Roman100 {
            font-family: MotoSans-Regular;
            font-weight: 100;
            letter-spacing: 2px;
        }

        .Univers55Roman300 {
            font-family: MotoSans-Regular;
            font-weight: bold;
            letter-spacing: 2px;
        }

        .RegresivoTitulo1 {
            font-size: 40px;
        }

        .RegresivoTitulo2 {
            font-size: 20px;
        }

        .RegresivoTitulo3 {
            font-size: 12px;
        }

        .RegresivoTitulo4 {
            font-size: 27px;
        }

        .RegresivoTitulo5 {
            font-size: 12px;
        }

        .RegresivoTitulo6 {
            font-size: 26px;
        }

        .control-label {
            font-size: 12px;
        }

        .LabelNotas {
            font-size: 10px;
        }

        .subtitulos {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 10px;
            color: #000000 !important;
        }

        .subtitulosReportes {
            font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 12px !important;
        }


        .btnEstablecimiento {
            font-size: 5px;
        }

        #Tree a, a:focus, a:hover {
            font-size: 12px;
        }

        #Tree .chkboxPerfil {
            font-size: 12px;
        }

        .GridviewPaging a, a:focus, a:hover {
            font-size: 14px;
        }

        .GridviewPaging span {
            font-size: 14px;
        }

        .WucMensaje {
            width: 70%;
            margin: 0 0 20% 0;
        }

        .TitulosPrincipales {
            padding-top: 2.5em;
        }

        #loginRegistro .team_thumb .team_overlay {
            background: #FFFFFF;
            width: 100%;
            height: 100%;
            line-height: 220px;
            top: 0;
            bottom: 0;
            opacity: 0;
            position: absolute;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

        .bienvenida {
            font-family: MotoSans-Medium;
            font-size: 12px;
            font-weight: bold;
        }

        .rombo {
            width: 8px;
            height: 8px;
            margin: 4px;
        }

        .RankinCac {
            font-size: 7px;
        }

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

        .RankinTitulo {
            font-size: 8px;
            color: #fff;
        }

        .diviz {
            width: 40px;
        }

        .divcen {
            width: 40px;
        }

        .divder {
            width: 40px;
        }

        .divRanking {
            font-size: 20px;
        }

        .carousel-inner {
            margin-top: 14%;
        }
    }



    #form1 {
        margin-bottom: 0 !important;
    }

    .imglogo {
        padding-top: 10px;
    }

    @media (min-width: 768px) {
        .container {
            width: 700px;
        }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 7px;
        }

        .imglogo {
            width: 240px;
        }

        .fontMenu a {
            font-size: 7px !important;
        }

        .MargenMenuizquierdo {
            padding-left: 5%;
        }

        .MargenMenuDerecho {
            margin-left: 5%;
            padding-right: 5%;
        }
    }

    @media (min-width: 890px) {
        .container {
            width: 700px;
        }

        .imglogo {
            width: 280px;
        }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 10px;
        }



        .MargenMenuizquierdo {
            padding-left: 5%;
        }

        .MargenMenuDerecho {
            padding-right: 5%;
        }
    }

    @media (min-width: 992px) {

      
        .container {
            width: 100%;
        }

        .imglogo {
            width: 220px;
        }

        .fontMenu a {
            font-size: 11px !important;
        }

        .MargenMenuizquierdo {
            padding-left: 5%;
        }

        .MargenMenuDerecho {
            padding-right: 5%;
        }
    }

    @media (min-width: 1024px) {
        .container-cuenta {
            margin-top: 10px;
        }

        .cuentaHeader {
           /* height: 38%;*/
        }

    .fontMenu a {
        font-size: 12px !important;
    }


}

    @media (min-width: 1200px) {
        .container {
            width: 100%;
        }

        .imglogo {
            width: 350px;
        }

        .fontMenu a {
            font-size:15px !important;
        }



        .MargenMenuizquierdo {
            padding-left: 5%;
        }

        .MargenMenuDerecho {
            padding-right: 5%;
        }
    }

    @media (min-width: 1366px) {
        .container {
            width: 100%;
        }
        .container-cuenta {
            margin-top: 10px;
        }

        .cuentaHeader {
          /*  height: 70%;*/
        }

    }

    @media (min-width: 1600px) {
        .container {
            width: 1600px;
        }
    }


    .navbar .navbar-nav {
        display: inline-block !important;
        vertical-align: top !important;
        margin-left: 1%;
        margin-right: 2%;
    }

    .navbar .navbar-collapse {
        text-align: center !important;
    }

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }

    @media (min-width: 768px) {
        .container > .navbar-header,
        .container-fluid > .navbar-header,
        .container > .navbar-collapse,
        .container-fluid > .navbar-collapse {
            margin-right: 0px;
            margin-left: 0px;
        }
    }

    @media (min-width: 768px) {
        .navbar > .container .navbar-brand,
        .navbar > .container-fluid .navbar-brand {
            margin-left: 0px;
        }
    }


    .sombra {
        text-shadow: 2px 2px rgba(168, 168, 168, 0.9);
    }


    /*Botones*/

    .btn::after {
        border-right: 1px solid #000 !important;
        border-top: 1px solid #000 !important;
        height: 100% !important;
        right: -3px !important;
        top: 3px !important;
        width: 3px !important;
    }

    .btn::before {
        border-bottom: 1px solid #000 !important;
        border-left: 1px solid #000 !important;
        bottom: -3px !important;
        height: 3px !important;
        left: 3px !important;
        width: 100% !important;
    }


    .gl-cta--primary:not(.gl-cta--disabled):active {
        transform: translate(0);
    }

    .gl-cta--primary {
        transform: translate(-3px,-3px);
    }

        .gl-cta--primary:before {
            border-bottom: 1px solid #000;
            border-left: 1px solid #000;
            bottom: -3px;
            height: 3px;
            left: 3px;
            width: 100%;
        }

        .gl-cta--primary:after {
            border-right: 1px solid #000;
            border-top: 1px solid #000;
            height: 100%;
            right: -3px;
            top: 3px;
            width: 3px;
        }



    /*button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    background-color: #194b72 !important;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}*/

.navbar-default {
    background-color: #000 !important;
    border-color: #000 !important;
}

    .navbar {
        border: 0px !important;
    }

    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
        border-top: 0px !important;
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #ffffff !important;
        text-decoration: none;
    }

    .btn {
        align-items: center !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        display: inline-flex !important;
        justify-content: flex-start !important;
        line-height: 29px !important;
        min-height: 30px !important;
        padding: 0 15px !important;
        position: relative !important;
        text-align: left !important;
        text-decoration: none !important;
        transition: transform .1s cubic-bezier(.3, 0, .45, 1), color .1s cubic-bezier(.3, 0, .45, 1), border .1s cubic-bezier(.3, 0, .45, 1), background .1s cubic-bezier(.3, 0, .45, 1) !important;
        white-space: nowrap !important;
        top: 0px;
        left: 0px;
    }


    .form-control:focus {
        border-color: #a9a9a9 !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }
}

.carousel-indicators li {
    background-color: #000 !important;
}


.button-container {
    display: inline-block;
    position: relative;
}

    .button-container button {
        position: absolute;
        width:180px;
        bottom: 0em;
        right: 9.5em;
    }

@media only screen and (max-width:600px) {

    .button-container {
        display: inline-block;
        margin-bottom: 0em;
    }

        .button-container button {
            position: absolute;
            width: 180px;
            bottom: 0em;
            right: 5em;
        }
}