/*======================================================*/

html, body {
    height: 100%;
    background-color: #fff
}

html {
    font-size: 100%;
    height: 100%
}
dediacss
body {
    font-family: Arial, Helvetica, sans-serif;
}

.base_v2 .base_v1_opc1 {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../Imagenes/logog.jpg") !important;
    background-position: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-attachment: fixed !important;
    height: 100% !important;
    z-index: 0;
    animation: f17imgfade 0.5s 0s 1 cubic-bezier(0, 0, 0.2, 1) forwards;
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.base_v2 {
    padding: 0;
    margin: 0;
}


    .base_v2 .base_v1_opc1 {
        padding: 0;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        /*flex-direction:column;
height:100%;*/
    }

        


    .base_v2 .dediacss {
        background-image: url("../Imagenes/login.jpg") !important;
    }

    .base_v2 .tardecss::before {
        background-image: url("../Imagenes/Tarde2.jpg") !important;
    }

    .base_v2 .nochecss::before {
        background-image: url("../Imagenes/anochecer3.jpg") !important;
    }

/*! base_Principal */
.base_v3_p1 {
    margin:30px 0 0 0;
    clear: both;
    position: relative;
    z-index:1
}

    .base_v3_p1 h2 {
        text-align: center;
        font-weight: normal;
        margin: 0 0 30px 0;
        font-size: 2rem
    }

.base_v3_p1w1 h3 {
    text-align: center;
    font-weight: normal;
    font-size: 1.1rem;
    margin: 0 0 0.7em 0;
}

.base_v3_p1w1 h4 {
    text-align: center;
    font-weight: bold;
    font-size: 1.9rem;
    /*margin:1 0 0 0;*/
    position: fixed;
    top: 40px;
    bottom: 0;
    left: 125px;
    /*left:40px;
right:0;*/
}

.base_v3_p1 li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    clear: both
}

.base_v3_p1error {
    color: #c00
}




.base_v3_p1w1 {
    width: 380px;
    max-width: 380px;
    max-height: 340px;
    padding: 10px;
    background: rgba(255,255,255,0.85);
    animation: base_v3_p1FadeIn 1.2s 0s 1 cubic-bezier(0, 0, 0.2, 1) forwards;
    margin: 1em auto 0 auto;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}



.base_v3_p1w2_2 {
    padding: 110 73 !important;
    width: 400px !important;
}

    .base_v3_p1w2_2 h3 {
        text-align: center;
        font-weight: bold;
        font-size: 1.9rem;
        /*margin:1 0 0 0;*/
        position: fixed;
        top: -40px;
        bottom: 0;
        left: 30px;
        right: 0;
    }

    .base_v3_p1w2_2 h5 {
        text-align: center;
        font-weight: bold;
        font-size: 1.7rem;
        /*margin:1 0 0 0;*/
        position: fixed;
        top: 90px;
        bottom: 0;
        left: 60px;
        right: 0;
    }

    .base_v3_p1w2_2 .base_v3_p1w2_2_1 {
        text-align: right;
        font-weight: bold;
        font-size: 1.7rem;
        /*margin:1 0 0 0;*/
        position: fixed;
        top: 160px;
        bottom: 0;
        right: 30x;
        z-index: 1;
    }

.base_v3_p1w2_2_1 {
    margin-left: -40px;
}

    .base_v3_p1w2_2_1:hover {
        text-align: right;
        font-weight: bold;
        font-size: 1.7rem;
        /*margin:1 0 0 0;*/
        position: fixed;
        top: 160px;
        bottom: 0;
        right: 30x;
        cursor: pointer;
        text-decoration: underline;
        color: #FFCC00 !important;
    }

    .base_v3_p1w2_2_1 a:hover {
        color: #FFCC00 !important;
    }



.base_v3_p1w1_2_3 {
    /*margin:-200px 150px!important;*/
    max-width: 380px;
    min-width: 380px;
    position: absolute;
}

.base_v3_p1w4_v1 a {
    margin-left: 35px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*---Combo*/

#modulo_chosen {
    /*position:fixed;*/
    top: -20px;
    left: 10px;
    font-size: 0.8rem;
    z-index: 10;
}

    #modulo_chosen .chosen-drop {
        height: 300px;
        !important;
        overflow: hidden;
    }

    #modulo_chosen .chosen-results {
        max-height: 260px !important;
    }

    #modulo_chosen input {
        text-align: center;
        background: none;
        color: #001d26;
        /*width:80%;*/
        width: 100%;
        border: none;
        height: 1.8em;
        position: relative;
        outline: 1;
        font-size: 0.9rem;
        top: 36%;
        z-index: 3;
    }



/*fin combos*/


.base_v3_p1w1 + .base_v3_p1w1 {
    animation: base_v3_p1FadeIn2 1.6s 0s 1 cubic-bezier(0, 0, 0.2, 1) forwards
}



.base_v3_p1w1 li + li {
    margin-top: 24px
}

.base_v3_p1w1 label {
    display: block;
    text-align: center;
    color: #405f73;
    width: 100%;
    position: absolute;
    font-size: 0.8rem;
    bottom: 55%;
    transition: font-size 0.2s cubic-bezier(0.4, 0, 0.2, 1),bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

    .base_v3_p1w1 label.base_v3_p1focus {
        font-size: 0.8rem;
        bottom: 85% !important;
        opacity: 1 !important;
        color: #405f73
    }

.base_v3_p1w1 input[type="text"], .base_v3_p1w1 input[type="password"] {
    text-align: center;
    background: none;
    color: #001d26;
    width: 80%;
    border: none;
    height: 1.7em;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    outline: 0;
    font-size: 1.2rem;
    top: 36%;
    z-index: 3
}

.base_v3_p1w1 .base_v3_p1notescontent {
    font-size: 1.4rem;
    line-height: 1.4;
    position: relative;
    left: 315px;
    top: -31px;
    display: none;
    opacity: 0;
    width: 250px;
    padding: 25px;
    margin: 0;
    background: #324b5c;
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    float: right;
    z-index: 5;
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2)
}

    .base_v3_p1w1 .base_v3_p1notescontent a {
        color: #FFF;
        font-weight: bold;
        text-decoration: underline
    }

        .base_v3_p1w1 .base_v3_p1notescontent a:focus {
            outline: 1px dotted #b7cdd9
        }

    .base_v3_p1w1 .base_v3_p1notescontent .base_v3_p1arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -16px;
        width: 16px
    }

        .base_v3_p1w1 .base_v3_p1notescontent .base_v3_p1arrow:before {
            content: "";
            position: absolute;
            top: 35px;
            left: auto;
            right: 0;
            width: 5px;
            height: 0;
            border-style: solid;
            border-width: 10px 11px 10px 0;
            border-color: transparent #324b5c transparent transparent
        }

.base_v3_p1w1 .base_v3_p1noteshoverbtn {
    font-size: 1.5rem;
    width: 27px;
    height: 27px;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 0 74%;
    background-size: 430%;
    display: inline-block;
    position: relative;
    z-index: 3;
    cursor: pointer;
    outline-offset: 0;
    transition: outline-offset .1s linear
}

    .base_v3_p1w1 .base_v3_p1noteshoverbtn:focus {
        outline: 1px dotted #324B5C;
        outline-offset: 3px
    }

    .base_v3_p1w1 .base_v3_p1noteshoverbtn:hover {
        outline: 0;
        outline-offset: 0
    }

.base_v3_p1w1 + .base_v3_p1w1 {
    margin-top: 8px;
    padding-bottom: 24px
}

.base_v3_p1w1 .base_v3_p1create-btn {
    background: #FFF;
    padding: 17px;
    border: 0;
    margin: 0;
    height: 24px;
    width: auto;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    transition: background .2s linear,color .3s linear;
    outline: 0;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.08)
}

    .base_v3_p1w1 .base_v3_p1create-btn:hover, .base_v3_p1w1 .base_v3_p1create-btn:focus {
        text-decoration: none;
        background: #7e7e7e;
        outline: 1px solid #FFF;
        color: #FFF
    }




.base_v3_p1w2, .base_v3_p1w3 {
    border-bottom: 1px solid #b7cdd9;
    position: relative;
    padding: 1.4rem 0 1rem 0;
    height: .7rem;
    text-align: center;
    width: 300px;
}

    .base_v3_p1w2:before, .base_v3_p1w3:before {
        content: "";
        background-position: 0 0;
        background-size: 360%;
        width: 0.5rem;
        height: .4rem;
        position: absolute;
        left: 0
    }

    .base_v3_p1w2.base_v3_p1focus, .base_v3_p1w3.base_v3_p1focus {
        /*border-color:#324B5C;*/
        border-color: #f2c40f;
        /*border-bottom:none;*/
    }

.base_v3_p4w5 {
    margin-left: 0px;
    margin-right: 35px;
}


/* BOTTOM BARS ================================= */
.barrita {
    position: relative;
    display: block;
    width: 300px;
}

    .barrita:before, .barrita:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #f2c40f;
        transition: 0.2s ease all;
        top: 26px;
    }

    .barrita:before {
        left: 50%;
    }

    .barrita:after {
        right: 50%;
    }

/* active state */
.base_v3_p1w2 input:focus ~ .barrita:before, .base_v3_p1w2 input:focus ~ .barrita:after {
    width: 50%;
}

.base_v3_p1w3 input:focus ~ .barrita:before, .base_v3_p1w3 input:focus ~ .barrita:after {
    width: 50%;
}




.base_v3_p1w2.base_v3_p1focus:before, .base_v3_p1w3.base_v3_p1focus:before {
    background-position: 42% 0
}

.base_v3_p1w2 {
    z-index: 100
}

    .base_v3_p1w2 .base_v3_p1active {
        top: -5px
    }

        .base_v3_p1w2

        .base_v3_p1active .base_v3_p1noteshoverbtn {
            top: 32px
        }

.base_v3_p1w3 {
    z-index: 99
}

    .base_v3_p1w3 .base_v3_p1active {
        top: -5px
    }

        .base_v3_p1w3 .base_v3_p1active .base_v3_p1noteshoverbtn {
            top: 32px
        }

    .base_v3_p1w3:before {
        background-position: 0 36%
    }

    .base_v3_p1w3.base_v3_p1focus:before {
        background-position: 42% 36%
    }

.base_v3_p1w4 {
    margin-top: 6px;
}

.base_v3_p1w5 {
    display: block;
    position: absolute;
    left: 373px;
    top: 27px;
    text-align: left
}

    .base_v3_p1w5 .base_v3_p1mobbtn {
        position: absolute;
        top: -10px;
        left: 0;
        width: 27px;
        height: 27px;
        z-index: 99
    }

    .base_v3_p1w5.base_v3_p1active .base_v3_p1w6 {
        width: 340px
    }

        .base_v3_p1w5.base_v3_p1active .base_v3_p1w6 .base_v3_p1notescontent {
            opacity: 1;
            display: inline-block
        }

    .base_v3_p1w5.base_v3_p1active .base_v3_p1noteshoverbtn {
        background-position: 39% 74%
    }

    .base_v3_p1w5.base_v3_p1active .base_v3_p1mobbtn {
        top: 22px;
        left: auto;
        right: 0
    }

.base_v3_p1w6 {
    display: inline-block;
    position: relative;
    font-size: 0
}

.base_v3_p1w7 {
    height: auto;
    padding: 0 20px;
    margin: 20px 0;
    width: 100%;
    box-sizing: border-box;
    float: left;
    text-align: center
}

.base_v3_p1error {
    position: relative;
    padding: 0
}

    .base_v3_p1error > span {
        vertical-align: middle
    }

    .base_v3_p1error:before {
        content: " ";
        background-repeat: no-repeat;
        width: 23px;
        height: 23px;
        padding: 0;
        margin: -2px 5px 0 0;
        position: relative;
        background-position: 78% 0;
        background-size: 430%;
        display: inline-block;
        vertical-align: middle
    }

.base_base_all btnIngresar {
    width: 100%;
    /*background:#1f4f82;*/
    /*verde: 347C2C*/
    /*background:#b99a31 ;*/
    /*background:#347C2C ;*/
    /*background:#800000;*/
    /*background:#1f4f82;*/
    /*background:#1f4f82;*/
    background: #B11526;
    padding: 15px;
    margin: 0;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #FFF;
    transition: background .2s linear;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: 0;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.18)
}

    .base_base_all btnIngresar:hover, btnIngresar:focus {
        /*background:#007cba;*/
        background: #B11526;
        outline: 1px solid #FFF
    }

    .base_base_all btnIngresar::-moz-focus-inner {
        border: 0
    }

.base_base_all a, a:link, a:visited {
    color: #1f4f82;
    text-decoration: none
}

/*! U17 */
.u17 {
    position: relative
}

    .u17 .u17w1 {
        padding: 0;
        margin: 0
    }

    .u17 ul {
        width: 300px;
        text-align: center;
        font-size: 0;
        margin-top: 20px
    }

        .u17 ul li {
            display: inline-block;
            position: relative;
            padding: 3px 0 0 8px;
            margin: 0 0 0 6px !important;
            color: #324b5c
        }

            .u17 ul li:before {
                content: "|";
                position: absolute;
                left: 0
            }

            .u17 ul li:first-child:before {
                content: ""
            }

    .u17 li, .u17 a {
        color: #324b5c;
        font-size: 1rem;
        font-weight: normal
    }

        .u17 li:focus, .u17 a:focus {
            outline: 1px dotted #999;
            outline-offset: 3px
        }

    .u17 ul li:first-child {
        margin-left: 0;
        padding-left: 0
    }

.cwidth.u17w1 {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}


/*! base_icons */
.base_icons {
    position: relative
}

    .base_icons .base_icons_v1 {
        padding: 10;
        margin: 0 -20px
    }

.base_icon_icons {
    margin-top: 10px;
}

.base_icons .base_icons_v1 span a img {
    padding: 10px;
    margin: 0;
    width: 24px;
    height: 24px;
}

/*
.base_icons_v4{
   background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    margin: 0 auto;
    padding-left:10px;
	padding-top:30px;
    width: 48px;
}
*/
.base_icons_v4 + .base_icons_v4 {
    /*margin-left:5px;	*/
}

.base_icons_v1 span {
    margin-left: 23px;
}

.base_icons_v1 .base_icons_v4 a img:hover {
    outline: 2px solid #FFCC00;
}

.base_icons_v1 {
    width: 380px;
    padding: 30px;
    margin: 0 auto;
    background: rgba(255,255,255,0.85);
}


.base_icon_icons {
    background: none;
    width: 100%;
    min-width: 320px;
    max-width: 380px;
    padding: 10px 10px 0 10px !important;
    margin: 0 auto;
    box-sizing: border-box;
    animation: base_v3_p1FadeIn 0s 0s 1 ease forwards
}




/*! MISC */
.hideFromScreen {
    position: absolute;
    left: -9999px;
    text-indent: -9999px
}

.error-hide {
    display: none
}

.error-show {
    display: block
}




/*contenedores de links*/
#siiactsa_container {
    position: fixed;
    width: 50px;
    height: 50px;
    top: 140px;
    right: 20px;
    z-index: 60;
}

/*
#siiactsa_container div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
*/

#siiactsa_enable {
    display: block;
}

#siiactsa_interior_v1 {
    line-height: 1;
}

#siiactsa_interior_v2 {
    position: absolute;
    top: 20;
    left: 0;
    width: 60px;
    height: 60px;
    background: #2392ec;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.siiactsa_interior_v2_active_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAAAXNSR0IArs4c6QAAAr5JREFUWAntVz2MEkEUluXnTuGQwxAwV2ihMRcLicTSaywwdhZezsbKmtrKikQajN0lhsLC2JlcYujBGEJBIZ5iAwnEkJCYEORfWBa/b8Pc7S23d7kTttqXPObtvDfv++bN7DJju3Aotpkp2kPPYq3pLJ1o1UeCSv1+f1tRlO/T6VSGLlpk5N4HxhNiQQ8mqoJ3Op3tRSMa5QPWERIk4JxMJvtGAxbdD6xvxGQV1NnzASBdtA6oGSLbbDYPgMZcCwpbs8CJRywVWxA42BD0miQqpiBgEuY8jEXAqoBVAasCVgWsChhWQJblOs4I8vzfx9l7cABpGI06lsB4PC47nc576XT64Wg0+mE0+LR+5KkVCoWnDofjLuyKUTxJXNIeu8D4TyaTuY9+XygUCpRKpec4TH5mRbRxBrYyHA4L5XI5FolEriLHejab3WJObTwxoWoB5gjMAv92u93k7u7uBgIvQ6/EYrGbxWLxWb1ef9VsNt+32+096CfYHxqNxmsSTSQStxkL9aVSqWvI8Qb5Rlpw2vCfSkAdg6N0ezAYvK1UKg/C4bAPA0mGrV+n6/RFo1F/tVp9hDHvMLanBxbPiFUJiEPpKhw9dJ4oiGmhlF+xQX9Cf8PuYIAdsoZ1DkE3Yd/BgdN9YiI4ZzFDQWAFyX5JksTSmSKCgHgLpr1eb88UZB0ICXBDKPF4/CV27xedf+mPXAKxDC7Yq/l8fisYDN5Cic5zT7B7vd5Nt9sdcblcN5BPVHhuImIJBAEGMJjXJXFpoO+sIiYjJZPJjR1IIBDYwUftuj6RICD6BRGSIAESOY+yiivQi1BevXwejyeQy+Uet1qtj3gtB/rXEDFHRBD5n5aTEBMhIZJZg/r5IavVai/weefllP0SgZYh2ryCkCBlB6ACHUFlbeAyiDCnwGBLJREKSSjCqfYs+edYrH/16LJPC4LGtQAAAABJRU5ErkJggg==);
    background-size: 32px 36px;
    opacity: 0;
    -webkit-transform: rotate(30deg) scale(0);
    -ms-transform: rotate(30deg) scale(0);
    transform: rotate(30deg) scale(0);
}

.siiactsa_interior_v2_active_close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAAD///////////////////////////8AAADr8xjQAAAAB3RSTlMAM7cPx7jIAE21/gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAABESURBVAjXYxAyYGBgYFZkUHcG0ialDCYlBgzM7slA7MxgUgaUNCkzdgfJMbunlIDUMpiUg7hwGiYOVQfTBzMHZi7UHgCB3RAZ7HszogAAAABJRU5ErkJggg==);
    background-size: 14px 14px;
}

.rotate_imagen_v1 {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: opacity .08s linear,-webkit-transform .16s linear;
    transition: transform .16s linear,opacity .08s linear;
    transition: transform .16s linear,opacity .08s linear,-webkit-transform .16s linear;
}

.rotate_imagen_v2 {
    opacity: 1;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: opacity .08s linear,-webkit-transform .16s linear;
    transition: transform .16s linear,opacity .08s linear;
    transition: transform .16s linear,opacity .08s linear,-webkit-transform .16s linear;
}


.rotate_imagen {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}


#siiactsa_icon_open {
    background-repeat: no-repeat;
    background-position: center 14px;
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    transition: opacity .08s linear,-webkit-transform .16s linear;
    transition: transform .16s linear,opacity .08s linear;
    transition: transform .16s linear,opacity .08s linear,-webkit-transform .16s linear;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
}



/*---div contenedor de links*/
#siiactsa_enable {
}

.siiactsa_enable_activate {
    position: fixed;
    width: 90%;
    height: 90%;
    top: 110px;
    right: 60px;
    z-index: 60;
}


/*link corp v1*/
#siiactsa_links_varios {
    /*background: rgba(255,255,255,0.85) none repeat scroll 0 0;*/
    background: rgba(255,255,255) none repeat scroll 0 0;
    position: absolute;
    top: 0px;
    right: 10px;
}

.siiactsa_links_varios_active {
    display: block;
    /*position: fixed;  */
    width: 100%;
    height: 90%;
    transform-origin: center center 0;
    transition-property: width;
    transition-duration: 1.2s;
    /*transition: opacity .75s ease .75s;
  transition: transform 10s ease .2s,opacity .5s ease,z-index 0s ease 0s;*/
    -webkit-transition-property: width;
    -webkit-transition-duration: 1.2s;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 20px;
}

.siiactsa_links_varios_incative {
    display: none;
    width: 0;
    height: 0;
}


/*Efecto links corporativos*/
#siiactsa_links_varios h3 {
    position: relative;
    top: 10px;
    text-align: center;
    font-size: 30px;
}





/*-----------------------------------------------------------------*/
/*----------------Inicia Videos------------------------------------*/
/*-----------------------------------------------------------------*/
/*contenedores de links*/
#siiactsa_videos {
    position: fixed;
    width: 50px;
    height: 50px;
    top: 190px;
    right: 20px;
    z-index: 60;
}



#siiactsa_videos_v1 {
    line-height: 1;
}

#siiactsa_videos_v2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: #2392ec;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.siiactsa_videos_interior_v2_active {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAJBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////aGOOCAAAAC90Uk5TAFLq61Dp6Cu19vWzKfLxsvQymdv62pgwFqsKnQlWw8GW2PmuFbEXGFXXlC6Vvwiz+RTOAAAAAWJLR0QAiAUdSAAAASFJREFUWMPtldcSgjAQRaPYsAMKFpRiA9v+/99pUEKCAkl8cTT3gSFM7tlN7syCkJLSV6lWhwJpDS5AoR+gzgVoFgOAC9BofQgo0t8D2h0dA7q9vqR/kOYwlCN0siRHUgA9A4xLNxqmNYEKTaa28+qcze+PxbLKnMp0c/6Vdk9oseb1A3guWz6JmLs+ls2WxwBDxA/gMOUxwBQD+Ex5DLDEAAFTHgMq82MVMuUxgLzkhL9ttuTEO3ofTSwFbLPlXgowy5YHKcBuT/w9KcA7KYAC/CpAZqBE9ECZigHipD16pNligOPzhKQJ5IgBTukdkbEuNtfP1DU/mkDI9fj9lysd1PPXhlzuHs7XXNaR9ojf8YOwyhzGxxN6UfJ7V1L6At0AWGIrRg8EGd0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDUtMzBUMjA6NDI6MzErMDI6MDClAxR/AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTMwVDIwOjQyOjMxKzAyOjAw1F6swwAAAABJRU5ErkJggg==');
    background-size: 32px 36px;
    opacity: 0;
    -webkit-transform: rotate(30deg) scale(0);
    -ms-transform: rotate(30deg) scale(0);
    transform: rotate(30deg) scale(0);
}

.siiactsa_videos_interior_v2_close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAAD///////////////////////////8AAADr8xjQAAAAB3RSTlMAM7cPx7jIAE21/gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAABESURBVAjXYxAyYGBgYFZkUHcG0ialDCYlBgzM7slA7MxgUgaUNCkzdgfJMbunlIDUMpiUg7hwGiYOVQfTBzMHZi7UHgCB3RAZ7HszogAAAABJRU5ErkJggg==);
    background-size: 14px 14px;
}

.rotate_imagen_video_v1 {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: opacity .08s linear,-webkit-transform .16s linear;
    transition: transform .16s linear,opacity .08s linear;
    transition: transform .16s linear,opacity .08s linear,-webkit-transform .16s linear;
}

.rotate_imagen_video_v2 {
    opacity: 1;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: opacity .08s linear,-webkit-transform .16s linear;
    transition: transform .16s linear,opacity .08s linear;
    transition: transform .16s linear,opacity .08s linear,-webkit-transform .16s linear;
}


.rotate_imagen_video {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}


#siiactsa_videos_icon_open {
    background-repeat: no-repeat;
    background-position: center 14px;
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    transition: opacity .08s linear,-webkit-transform .16s linear;
    transition: transform .16s linear,opacity .08s linear;
    transition: transform .16s linear,opacity .08s linear,-webkit-transform .16s linear;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
}



/*---div contenedor de videos*/
#siiactsa_enable {
}

.siiactsa_videos_enable_activate {
    position: fixed;
    width: 90%;
    height: 90%;
    top: 110px;
    right: 60px;
    z-index: 60;
}


/*link corp v1*/
#siiactsa_videos_varios {
    /*background: rgba(255,255,255,0.85) none repeat scroll 0 0;*/
    background: rgba(255,255,255) none repeat scroll 0 0;
    position: absolute;
    top: 0px;
    right: 10px;
}

.siiactsa_videos_varios_activate {
    display: block;
    /*position: fixed;  */
    /*width:100%;*/
    height: 90%;
    transform-origin: center center 0;
    transition-property: width;
    transition-duration: 1.2s;
    /*transition: opacity .75s ease .75s;
  transition: transform 10s ease .2s,opacity .5s ease,z-index 0s ease 0s;*/
    -webkit-transition-property: width;
    -webkit-transition-duration: 1.2s;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 20px;
}

.siiactsa_videos_varios_inactive {
    display: none;
    width: 0;
    height: 0;
}


/*Efecto videos*/
#siiactsa_videos_varios h3 {
    position: relative;
    top: 10px;
    text-align: center;
    font-size: 30px;
}


/*------------------------------------------------------------------*/
/*----------------Fin Videos----------------------------------------*/
/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/*----------------Sitios Corporativos-------------------------------*/
/*------------------------------------------------------------------*/
.fondoSitiosCorporativos {
    position: absolute;
    width: 400px;
    height: 400px;
    top: 190px;
    right: 20px;
    /* background  : rgba(255,255,255,0.4);
  animation: base_v3_p1FadeIn 1.2s 0s 1 cubic-bezier(0, 0, 0.2, 1) forwards;
  border-radius: 200px 200px 200px 200px;
  -moz-border-radius: 200px 200px 200px 200px;
  -webkit-border-radius: 200px 200px 200px 200px;
  border: 0px solid #302730;
  opacity:0.8;*/
}

.fondoTituloSitiosCoporativos {
    text-decoration: none;
    line-height: 1em;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    background-color: #0099CC;
    color: #fff;
    z-index: 70;
    width: 200px;
    position: relative;
    margin-left: 5px;
}

.cabeceraSitiosCorporativos_v1 {
    text-align: left;
    font-family: ProximaNova-Light,Helvetica,Roboto,Arial,sans-serif;
    color: #fff;
    line-height: 1em;
    margin-bottom: 0;
    position: relative;
    z-index: 56;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 18px;
    /*font-size: 1.2rem !important;
  padding: 10px 30px;
  font-weight: 700;*/
}

.conenedorSitiosCorporativos_v1 {
    position: fixed;
}

.contenedorLinksCorporativos {
    padding-left: 10px;
    text-align: left;
    margin-left: 0;
    margin-right: 10;
    clear: both;
    position: relative;
    z-index: 10;
}


    .contenedorLinksCorporativos a {
        margin: 5px;
        white-space: pre-line;
        cursor: pointer;
        white-space: nowrap;
    }


    .contenedorLinksCorporativos ul li {
        list-style: none !important;
    }


.linksIndividualSitios_v1 {
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 6px;
    transition: all .1s ease-in-out;
    background-color: #e1e1e1;
    color: #000 !important;
    font-size: 14px;
    z-index: 70;
    width: 220px;
    position: relative;
    font-weight: bold;
}



    .linksIndividualSitios_v1:hover {
        position: relative;
        transition-property: background-color, color;
        transition-duration: 1s;
        transition-timing-function: ease-out;
        -webkit-transition-property: background-color, color;
        -webkit-transition-duration: 1s;
        -o-transition-property: background-color, color;
        -o-transition-duration: 1s;
        -moz-box-shadow: 2px 2px 1px black;
        background-color: #0099CC;
        color: #fff !important;
        font-weight: bold;
    }



.linksIndividualSitios_chat {
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 6px;
    transition: all .1s ease-in-out;
    background-color: #e1e1e1;
    color: #000 !important;
    font-size: 14px;
    z-index: 70;
    width: 127px;
    position: relative;
    font-weight: bold;
}



    .linksIndividualSitios_chat:hover {
        position: relative;
        transition-property: background-color, color;
        transition-duration: 1s;
        transition-timing-function: ease-out;
        -webkit-transition-property: background-color, color;
        -webkit-transition-duration: 1s;
        -o-transition-property: background-color, color;
        -o-transition-duration: 1s;
        -moz-box-shadow: 2px 2px 1px black;
        background-color: #0099CC;
        color: #fff !important;
        font-weight: bold;
    }





/*------------------------------------------------------------------*/
/*----------------Fin sitios corporativos---------------------------*/
/*------------------------------------------------------------------*/


.principalCombo {
    padding: 0;
    margin: 200px 100px;
    display: flex;
    justify-content: letf;
}

.contenedorPrincipal {
    margin: 0px 0 0 0;
    clear: both;
    position: relative;
    z-index: 1;
    width: 580px;
    max-width: 580px;
    max-height: 580px;
}

.contenedorSecundarios {
    width: 350px;
    max-width: 350px;
    max-height: 440px;
    padding: 20px;
    margin-top: 10px;
    background: rgba(255,255,255,0.85);
    animation: base_v3_p1FadeIn 1.2s 0s 1 cubic-bezier(0, 0, 0.2, 1) forwards;
    border-radius: 6px;
}


    .contenedorSecundarios h4 {
        margin-top: 1px;
        margin-left: 30px;
        margin-bottom: 50px;
        font-size: 1.2rem;
    }

.linkCambioContrasenia {
    margin-left: 11px;
}


    .linkCambioContrasenia a {
        color: #1f4f82;
        font-weight: bold;
    }

        .linkCambioContrasenia a:hover {
            text-decoration: underline;
            color: #FFCC00;
        }


.base_v3_p1w1 input[type="text"], .base_v3_p1w1 input[type="password"] {
    top: 38%
}

.base_v3_p1w5 .base_v3_p1noteshoverbtn {
    top: 0;
    width: 27px;
    height: 27px;
    background-size: 430%;
    background-position: 0 74%
}

.base_v3_p1w5 .base_v3_p1notescontent {
    left: auto;
    right: -15px;
    padding: 20px;
    margin: 75px 0 0 0;
    width: 340px
}

    .base_v3_p1w5 .base_v3_p1notescontent .base_v3_p1arrow {
        position: absolute;
        top: -17px;
        left: auto;
        right: 0;
        width: 80px;
        height: 20px
    }

        .base_v3_p1w5 .base_v3_p1notescontent .base_v3_p1arrow:before {
            width: 0;
            height: 6px;
            border-style: solid;
            border-width: 0 10px 11px 10px;
            border-color: transparent transparent #324b5c transparent;
            right: 18%;
            left: auto;
            top: auto
        }

.base_v3_p1w5.base_v3_p1active .base_v3_p1noteshoverbtn {
    background-position: 39% 74%
}

.base_v3_p1w5.base_v3_p1active .base_v3_p1w6 {
    width: auto
}

.base_v3_p1w6 {
    float: right
}


.base_v3_p1w1_cambioPassword {
    /*width:460px;
max-width:460px;*/
    max-height: 440px;
    padding: 10px;
    margin-top: 120px;
    margin-right: 0px !important;
    background: rgba(255,255,255,0.85);
    animation: base_v3_p1FadeIn 1.2s 0s 1 cubic-bezier(0, 0, 0.2, 1) forwards;
    justify-content: center;
}

    .base_v3_p1w1_cambioPassword p {
        font-size: 11px;
    }


    .base_v3_p1w1_cambioPassword .etiquetaRoja {
        font-size: 12px;
        font-weight: bold;
        color: #D01228;
    }

    .base_v3_p1w1_cambioPassword .etiquetaInputs {
        font-size: 12px;
        font-weight: bold;
        color: #08c;
        ;
    }

    .base_v3_p1w1_cambioPassword h3 {
        text-align: center;
        font-weight: normal;
        font-size: 1.1rem;
        margin: 0 0 0.7em 0;
    }

    .base_v3_p1w1_cambioPassword btnIngresar {
        margin: 5px;
    }

#impresora_chosen, #impresoraLaser_chosen, #impresoraPagados_chosen, #impresoraEtiquetas_chosen {
    width: 300px !important;
}




/*------------------------------------------------------------------*/
/*----------------Mision Vision Valores-------------------------------*/
/*------------------------------------------------------------------*/
.fondofilosofia {
    position: absolute;
    width: 800px;
    height: 100px;
    top: 850px;
    /*right: 700px;  
  background  : rgba(255,255,255,0.4);
  animation: base_v3_p1FadeIn 1.2s 0s 1 cubic-bezier(0, 0, 0.2, 1) forwards;
  border-radius: 200px 200px 200px 200px;
  -moz-border-radius: 200px 200px 200px 200px;
  -webkit-border-radius: 200px 200px 200px 200px;
  border: 0px solid #302730;
  opacity:0.8;*/
}



.conenedorFilosofia_v1 {
    position: fixed;
}

.contenedorLinksFilosofia {
    padding-left: 10px;
    text-align: left;
    margin-left: 0;
    margin-right: 10;
    clear: both;
    position: relative;
    z-index: 10;
}


    .contenedorLinksFilosofia a {
        margin: 5px;
        white-space: pre-line;
        cursor: pointer;
    }


    .contenedorLinksFilosofia ul li {
        list-style: none !important;
    }


.linksFilosofia_v1 {
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 6px;
    transition: all .1s ease-in-out;
    background-color: #0099CC;
    color: #fff !important;
    font-size: 14px;
    z-index: 70;
    width: 50px;
    position: relative;
    font-weight: bold;
    border-radius: 50%;
    padding-right: 40px;
}



    .linksFilosofia_v1:hover {
        position: relative;
        /*transition-property: background-color, color;
  transition-duration: 1s;
  transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color;
  -o-transition-duration: 1s;
  -moz-box-shadow: 2px 2px 1px black;*/
        background-color: #407294;
        color: #fff !important;
        font-weight: bold;
    }



/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    color: #000;
    background: #f3961c;
    border-radius: 10px;
    background: linear-gradient(top, #f9d835, #f3961c);
}

    /* creates triangle */
    .triangle-isosceles:after {
        content: "";
        display: block; /* reduce the damage in FF3.0 */
        position: absolute;
        bottom: -15px;
        left: 50px;
        width: 0;
        border-width: 15px 15px 0;
        border-style: solid;
        border-color: #f3961c transparent;
    }

.Mision {
    position: absolute;
    top: -265px;
    left: 30px;
    width: 270px;
    padding: 50px 40px;
    margin: 1em auto 80px;
    text-align: center;
    color: #fff;
    /*background: #075698;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background: -moz-linear-gradient(#2e88c4, #075698);
background: -o-linear-gradient(#2e88c4, #075698);
background: linear-gradient(#2e88c4, #075698);
-webkit-border-top-left-radius: 220px 120px;
-webkit-border-top-right-radius: 220px 120px;
-webkit-border-bottom-right-radius: 220px 120px;
-webkit-border-bottom-left-radius: 220px 120px;
-moz-border-radius: 220px / 120px;*/
    border-radius: 220px / 120px;
    /*
background: rgba(73,155,234,1);
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );*/
    /*
background: rgba(248,80,50,1);
background: -moz-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 17%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 74%, rgba(231,56,39,1) 89%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,1)), color-stop(17%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(74%, rgba(240,47,23,1)), color-stop(89%, rgba(231,56,39,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 17%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 74%, rgba(231,56,39,1) 89%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 17%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 74%, rgba(231,56,39,1) 89%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 17%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 74%, rgba(231,56,39,1) 89%, rgba(231,56,39,1) 100%);
background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 17%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 74%, rgba(231,56,39,1) 89%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
*/



    background: #0099CC;
}

    .Mision::before {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 50px;
        width: 30px;
        height: 30px;
        /*background: #075698;*/
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(0,153,204,1)));
        background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0099cc', GradientType=1 );
    }

    .Mision::after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 30px;
        width: 15px;
        height: 15px;
        /*background: #075698;*/
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(0,153,204,1)));
        background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0099cc', GradientType=1 );
    }

.Mision {
    text-align: center;
    color: #fff;
}



.MisionOcultar {
    display: none;
}

.MisionMostrar {
    display: block;
}

/*--------------------------------------------------*/
.Vision {
    position: absolute;
    top: -265px;
    left: 140px;
    width: 300px;
    padding: 50px 40px;
    margin: 1em auto 80px;
    text-align: center;
    color: #fff;
    /*background: #075698;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background: -moz-linear-gradient(#2e88c4, #075698);
background: -o-linear-gradient(#2e88c4, #075698);
background: linear-gradient(#2e88c4, #075698);*/
    -webkit-border-top-left-radius: 220px 120px;
    -webkit-border-top-right-radius: 220px 120px;
    -webkit-border-bottom-right-radius: 220px 120px;
    -webkit-border-bottom-left-radius: 220px 120px;
    -moz-border-radius: 220px / 120px;
    border-radius: 220px / 120px;
    background: #0099CC;
}

    .Vision::before {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 50px;
        width: 30px;
        height: 30px;
        /*background: #075698;*/
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(0,153,204,1)));
        background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0099cc', GradientType=1 );
    }

    .Vision::after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 30px;
        width: 15px;
        height: 15px;
        /*background: #075698;*/
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(0,153,204,1)));
        background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0099cc', GradientType=1 );
    }

.Vision {
    text-align: center;
    color: #fff;
}



.VisionOcultar {
    display: none;
}

.VisionMostrar {
    display: block;
}

/*--------------------------------------------------*/
.Valores {
    position: absolute;
    top: -250px;
    left: 280;
    width: 270px;
    /*padding: 50px 40px;*/
    padding-left: 50px;
    padding-right: 80px;
    padding-bottom: 40px;
    padding-top: 40px;
    margin: 1em auto 80px;
    text-align: center;
    color: #fff;
    /*background: #075698;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background: -moz-linear-gradient(#2e88c4, #075698);
background: -o-linear-gradient(#2e88c4, #075698);
background: linear-gradient(#2e88c4, #075698);*/
    -webkit-border-top-left-radius: 220px 120px;
    -webkit-border-top-right-radius: 220px 120px;
    -webkit-border-bottom-right-radius: 220px 120px;
    -webkit-border-bottom-left-radius: 220px 120px;
    -moz-border-radius: 220px / 120px;
    border-radius: 220px / 120px;
    /*
background: rgba(252,234,187,1);
background: -moz-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 9%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,234,187,1)), color-stop(9%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 9%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -o-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 9%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -ms-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 9%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: linear-gradient(to right, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 9%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1 );*/
    /*
background: rgba(73,155,234,1);
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
*/

    background: #0099CC;
}

    .Valores::before {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 50px;
        width: 30px;
        height: 30px;
        /*background: #075698;*/
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(0,153,204,1)));
        background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0099cc', GradientType=1 );
    }

    .Valores::after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 30px;
        width: 15px;
        height: 15px;
        /*background: #075698;*/
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(0,153,204,1)));
        background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(0,153,204,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0099cc', GradientType=1 );
    }

.Valores {
    text-align: center;
    color: #fff;
}



.ValoresOcultar {
    display: none;
}

.ValoresMostrar {
    display: block;
}

.listaValores {
    list-style: none !important;
}




.btnIngresar {
    width: 100%;
    background: #1f4f82;
    background: #b99a31;
    background: #347C2C;
    background: #800000;
    background: #1f4f82;
    background: #1f4f82;
    background: #B11526;
    padding: 15px;
    margin: 0;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #FFF;
    transition: background .2s linear;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: 0;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.18);
}

    .btnIngresar:hover, .btnIngresar:focus {
        background: white;
        color: #1f4f82;
        outline: 1px solid #FFF;
    }
/*------------------------------------------------------------------*/
/*----------------Fin mison vision valores---------------------------*/
/*------------------------------------------------------------------*/