@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/Light/OpenSans-Light.eot?v=1.1.0");
    src: url("fonts/opensans/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("fonts/opensans/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
    src: url("fonts/opensans/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("fonts/opensans/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/Regular/OpenSans-Regular.eot?v=1.1.0");
    src: url("fonts/opensans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("fonts/opensans/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/Italic/OpenSans-Italic.eot?v=1.1.0");
    src: url("fonts/opensans/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("fonts/opensans/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/Semibold/OpenSans-Semibold.eot?v=1.1.0");
    src: url("fonts/opensans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("fonts/opensans/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
    src: url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/Bold/OpenSans-Bold.eot?v=1.1.0");
    src: url("fonts/opensans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("fonts/opensans/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
    src: url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
    src: url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
    src: url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
    font-weight: 800;
    font-style: italic;
}

body {
    background: rgb(243, 245, 251) !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 1em !important;
    line-height: 1.4285em;
    color: #71777f;
}

h2 {
    font-weight: 600;
}

body.pushable > .pusher {
    background: rgb(243, 245, 251) !important;
}

a {
    background: 0 0;
    color: inherit !important;
    text-decoration: none !important;
}

.menu_icon {
    display: inline-block;
    text-align: center;
}

.publicaciones_cont {
    display: table;
}

.ui.inverted.segment, .ui.primary.inverted.segment {
    background-image: url('../img/fondo.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 0;
}

.hidden.menu {
    display: none;
}

.masthead.segment {
    height: 400px;
    padding: 1em 0;
}

.masthead .logo.item img {
    margin-right: 1em;
}

.masthead .ui.menu .ui.button {
    margin-left: 0.5em;
}

.masthead h1.ui.header {
    margin-top: 3em;
    margin-bottom: 0;
    font-size: 4em;
    font-weight: normal;
}

.masthead h2 {
    font-size: 1.7em;
    font-weight: normal;
}

.ui.vertical.stripe {
    padding: 8em 0;
}

    .ui.vertical.stripe h3 {
        font-size: 1.4em;
    }

    .ui.vertical.stripe .button + h3,
    .ui.vertical.stripe p + h3 {
        margin-top: 3em;
    }

    .ui.vertical.stripe .floated.image {
        clear: both;
    }

    .ui.vertical.stripe p {
        text-align: justify;
    }

    .ui.vertical.stripe .horizontal.divider {
        margin: 3em 0;
    }

.quote.stripe.segment {
    padding: 0;
}

    .quote.stripe.segment .grid .column {
        padding-top: 5em;
        padding-bottom: 5em;
    }

.footer.segment {
    padding: 4em 0 3em;
    background: #595b69;
    color: #b2b5bc;
}

.secondary.pointing.menu .toc.item {
    display: none;
}

@media only screen and (max-width: 800px) {
    .ui.fixed.menu {
        display: none !important;
    }

    .secondary.pointing.menu .item,
    .secondary.pointing.menu .menu {
        display: none;
    }

    .secondary.pointing.menu .toc.item {
        display: block;
    }

    .masthead.segment {
        min-height: 350px;
    }

    .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
    }

    .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
    }
}

.ui.secondary.pointing.menu .item {
    padding: 7px;
    font-size: 12px;
    top: -4px;
    color: aliceblue !important;
}

.ui.menu .item {
    padding: 10px;
    font-size: inherit;
}

.ui.secondary.inverted.pointing.menu .active.item {
    border: none;
    background: rgba(255,255,255,.2);
    color: #fff;
}

.ui.menu .item:before {
    background: none;
}

.ui.secondary.inverted.pointing.menu {
    border: none;
}

.masthead .ui.menu .ui.button {
    margin-left: 0.5em;
    background: #E0E1E2;
    color: rgba(0,0,0,.6);
}

    .masthead .ui.menu .ui.button:hover {
        background-color: #CACBCD;
        background-image: none;
        box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
        color: rgba(0,0,0,.8);
    }

.masthead.segment {
    height: 500px !important;
}

.masthead h1.ui.header {
    margin-top: 1.5em !important;
    font-size: 36px !important;
}

.masthead h2 {
    margin-top: -8px;
    font-size: 16px !important;
    margin-bottom: 18px;
}

.ui.principal.button, .ui.principal.buttons .button {
    background-color: transparent;
    border: 1px solid #fff;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    margin-bottom: 3em !important;
}

    .ui.principal.button:hover {
        background-color: rgba(255,255,255,.2);
    }

.ui.vertical.stripe {
    padding: 3em 0 !important;
}

.ui.header {
    color: #9A8147;
    margin-bottom: 15px !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

.ui.segment {
    padding: 0.5em;
    margin: 0;
}

.ui.segments {
    border: none;
    box-shadow: none;
}

p {
    margin: 0 0em 1em;
}

/*post*/

@charset "utf-8";
/* CSS Document */
h4 {
    font-size: 14px;
}

.title-content-secc {
    width: 100%;
    display: table;
}

.title-secc {
    width: 60%;
    display: table;
    color: #835C13;
    font-size: 25px;
    padding-top: 10px;
    float: left;
    position: relative;
}

.icon-title {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    margin-right: 15px;
}

.blog-post-title {
    width: 87%;
    margin-bottom: 5px;
    font-size: 19px;
    text-align: left;
    float: left;
    position: relative;
}

.blog-post-numbercomments {
    background: url(../img/comments.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: right;
    height: 28px;
    width: 35px;
    float: right;
    position: relative;
}

.buscador {
    width: 85%;
    border-radius: 5px;
    border: 1px solid #cccccc;
    font-size: 12px;
    padding-left: 10px;
    margin-bottom: 15px;
}

.data-post {
    width: 100%;
    display: table;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #d5dce2;
    border-bottom: 1px solid #d5dce2;
    border-left: none;
    border-right: none;
}

.data-post-1 {
    width: 33%;
    float: left;
    position: relative;
}

.data-post-2 {
    width: 33%;
    float: left;
    position: relative;
}

.facebook-like {
    float: right;
    position: relative;
    margin-left: 10px;
}

.Twitter-tweet {
    float: right;
    position: relative;
}

.facebook-boton {
    width: 73px;
    height: 20px;
    background: url(../img/facebook-boton.png);
    background-size: contain;
    float: left;
    position: relative;
}

.twitter-boton {
    width: 56px;
    height: 20px;
    background: url(../img/twitter-boton.png);
    background-size: contain;
    float: left;
    position: relative;
}

.number-social {
    background-image: url(../img/number-22.png);
    width: 27px;
    height: 20px;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    float: left;
    position: relative;
}

.image-post {
    padding: 10px;
    width: 33%;
    float: left;
}

.content-post {
    width: 67%;
    float: left;
    position: relative;
    text-align: justify;
    padding-top: 15px;
}

.content-post-2 {
    width: 100%;
    font-size: 15px;
    float: left;
    position: relative;
    text-align: justify;
}

.title-post {
}

.video-mes {
    background-color: #000;
    width: 100%;
    height: auto;
}

.icon-secc {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
    position: relative;
}

.name-secc {
    float: left;
    position: relative;
}

.follow-secc {
    height: 35px;
    margin-bottom: 10px;
}

.follow {
    padding-top: 5px;
    font-size: 19px;
    text-align: left;
    width: 130px;
    float: left;
}

.facebook-icon {
    width: 35px;
    height: 35px;
    float: left;
    position: relative;
}

.twitter-icon {
    width: 35px;
    height: 35px;
    float: left;
    position: relative;
}

.list-post {
    width: 100%;
    display: table;
    margin-bottom: 20px;
    margin-top: 10px;
}

.list-post-image {
    width: 30%;
    float: left;
    position: relative;
}

.list-post-content {
    width: 70%;
    float: left;
    position: relative;
    font-size: 13px;
    margin-top: 0;
    line-height: 16px;
    padding: 3px 8px 3px 8px;
}

.list-title-post {
    margin-top: 0;
    margin-bottom: 15px;
}

.list-post-date {
    color: #000;
    margin: 0;
}

.list-post-secc {
    color: #9A8147;
    margin: 0;
}

.list-twitter {
    width: 100%;
    display: table;
    margin-bottom: 25px;
    font-size: 13px;
    margin-top: 10px;
    line-height: 16px;
}

.list-twitter-title {
    width: 70%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.list-twitter-date {
    width: 30%;
    float: left;
    position: relative;
    margin-bottom: 7px;
    text-align: right;
}

.list-twitter-content {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 7px;
}

.list-twitter-gallery {
    width: 100%;
    float: left;
}

.further-information {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.further-information-tags {
    width: 70%;
    float: left;
    position: relative;
}

.further-information-tags-post {
    width: 100%;
    float: left;
    position: relative;
    text-align: left;
}

.further-information-more {
    width: 30%;
    float: left;
    position: relative;
    text-align: right;
}

.videos-title {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 25px;
    font-weight: normal;
    color: #b3b3b3;
}

.photo-caption {
    color: #4D4D4D;
    font-size: 12px;
    text-align: center;
}

.compartir {
    background: url(img/compartir-boton-27.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 96px;
    height: 26px;
    float: right;
    margin-bottom: 60px;
}

.comentarios-facebook {
    width: 100%;
    float: left;
    position: relative;
}

.sangria {
    margin-left: 60px;
    color: #808080;
}

@media (max-width: 1000px) {
    .follow {
        padding-top: 5px;
        font-size: 17px;
        color: #808080;
        text-align: left;
        width: 110px;
        float: left;
    }
}

@media (max-width: 767px) {
    .data-post-1 {
        width: 100%;
        float: left;
        position: relative;
        text-align: left;
    }

    .data-post-2 {
        width: 200px;
        float: left;
        position: relative;
    }

    .Twitter-tweet {
        width: 50%;
        float: right;
        position: relative;
    }

    .image-post {
        padding: 10px;
        width: 70%;
        margin: 0 auto;
        float: none;
    }

    .content-post {
        width: 100%;
        font-size: 16px;
        float: left;
        position: relative;
        text-align: justify;
    }

    .sangria {
        margin-left: 20px;
        color: #808080;
    }
}

.logos_footer {
    margin-bottom: 25px;
    display: table;
    width: 100%;
    opacity: 0.3;
}

.lateral {
    background: #f0f2f7;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}

.menu_icon {
    text-align: center;
}

.ui.large.button, .ui.large.buttons .button, .ui.large.buttons .or {
    font-size: 0.8rem;
}

.blog-post {
    display: table;
    margin-bottom: 80px;
}

.ui.secondary.inverted.pointing.menu .link.item:hover, .ui.secondary.inverted.pointing.menu a.item:hover {
    background: rgba(255,255,255,.2);
}

.background-white {
    padding-top: 8em;
    padding-bottom: 5em;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .ui.grid.container.login {
        width: calc(500px + 2em) !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .ui.grid.container.login {
        width: calc(500px + 2em) !important;
    }
}

.ui.grid.container.login {
    width: calc(600px + 2em) !important;
}

.login_input {
    width: 100%;
    margin-bottom: 5px;
}

.ui.facebook.button, .ui.facebook.buttons .button {
    background-color: #455897;
    color: #fff;
    text-shadow: none;
    background-image: none;
}

.ui.facebook.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
}

    .ui.facebook.button:hover, .ui.facebook.buttons .button:hover {
        background-color: #28396e;
        color: #fff;
        text-shadow: none;
    }

    .ui.facebook.button:focus, .ui.facebook.buttons .button:focus {
        background-color: #28396e;
        color: #fff;
        text-shadow: none;
    }

    .ui.facebook.button:active, .ui.facebook.buttons .button:active {
        background-color: #28396e;
        color: #fff;
        text-shadow: none;
    }

.ui.facebook.active.button, .ui.facebook.buttons .active.button {
    background-color: #28396e;
    color: #fff;
    text-shadow: none;
}

.ui.secondary.button, .ui.secondary.buttons .button {
    background-color: #9A8147;
    color: #fff;
    text-shadow: none;
    background-image: none;
}

.ui.secondary.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
}

    .ui.secondary.button:hover, .ui.secondary.buttons .button:hover {
        background-color: #6D582D;
        color: #fff;
        text-shadow: none;
    }

    .ui.secondary.button:focus, .ui.secondary.buttons .button:focus {
        background-color: #6D582D;
        color: #fff;
        text-shadow: none;
    }

    .ui.secondary.button:active, .ui.secondary.buttons .button:active {
        background-color: #6D582D;
        color: #fff;
        text-shadow: none;
    }

.ui.secondary.active.button, .ui.secondary.buttons .active.button {
    background-color: #6D582D;
    color: #fff;
    text-shadow: none;
}

.right {
    float: right;
}

.segment {
    width: 100%;
    padding: 8%;
}

.white_menu {
    display: fixed;
    padding: 1em 0;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    border-radius: 0;
    margin-bottom: 0;
    padding: 10px;
    position: fixed !important;
    z-index: 10001;
}

.ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item.menu_text {
    color: #8B8B8B !important;
}

    .ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item.menu_text:hover {
        background: #f9f8f7;
        border-bottom: 2px solid #9A8147;
    }

.ui.menu .item {
    color: #333;
}

.justify {
    text-align: justify;
}

.video_cont {
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
    position: absolute;
}

.flecha-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent; /* izquierda flecha */
    border-right: 25px solid transparent; /* derecha flecha */
    border-top: 25px solid #00FF00; /* base flecha y color*/
    font-size: 0;
    line-height: 0;
}

/*video*/

/* Settings - feel free to play with these */
$overlay_opacity: 0.3; // 0-1 $overlay_pattern: 'https://d3k5xyayaartr5.cloudfront.net/_assets/pattern-overlays/patterns/black-medium-checks.png'; // Grab the url of a png from here - http://html5backgroundvideos.com/pattern-overlays/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
/**
 * This part should be set separately for each video
 * if there are multiple videos in your site.
 * I.e. '.demo-video-wrapper' is the name of this particular video
 */
.demo-video-wrapper {
    background-image: url();
}

/* Video overlay and content */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none; /* Allows right click menu on the video */
    background: url($overlay_pattern) left top repeat;
    opacity: $overlay_opacity;
}

.video-hero--content {
    position: relative;
    text-align: center;
    color: #FFF;
    margin: 0;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    background: rgba(0,0,0,0.6);
    display: flex;
    padding: 20px;
}

    .video-hero--content h2 {
        font-size: 34px;
        margin: 0;
    }

    .video-hero--content p {
        font-size: 20px;
        margin: 0;
    }

/* Other stuff */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.page-width {
    width: 130px;
    float: right;
    /* max-width: 960px; */
    margin: 0 auto;
    opacity: initial;
    /* margin: 0; */
}

#header {
    background: #2c2d33;
    padding: 2em 0;
}

    #header a {
        color: #FFF;
    }

#site-title {
    float: left;
    margin: 0;
}

#content {
    padding: 40px 0;
}

/* CSS from jQuery Background Video plugin */
/**
 * Set default positioning as a fallback for if the plugin fails
 */
.jquery-background-video-wrapper {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.jquery-background-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
/**
 * Fade in videos
 * Note the .js class - so non js users still
 * see the video
 */
.js .jquery-background-video {
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

    .js .jquery-background-video.is-visible {
        opacity: 1;
    }

/**
 * Pause/play button
 */
.jquery-background-video-pauseplay {
    position: absolute;
    background: transparent;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
    padding: 0;
    cursor: pointer;
    outline: none !important;
}

    .jquery-background-video-pauseplay span {
        display: none;
    }

    .jquery-background-video-pauseplay:after,
    .jquery-background-video-pauseplay:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .jquery-background-video-pauseplay.play:before {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #FFF;
    }

    .jquery-background-video-pauseplay.pause:before,
    .jquery-background-video-pauseplay.pause:after {
        border-top: 10px solid #FFF;
        border-bottom: 10px solid #FFF;
        border-left: 5px solid #FFF;
    }

    .jquery-background-video-pauseplay.pause:after {
        left: 10px;
    }

/*panel*/
#slideout {
    position: absolute;
    top: 70px;
    right: 0;
    padding: 8px;
    font-size: 12px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    color: #aaa;
    writing-mode: vertical-lr;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

#slideout_inner {
    position: absolute;
    display: flex;
    overflow-y: auto;
    top: 0;
    right: -120px;
    background: rgba(0,0,0,0.6);
    width: 120px;
    height: 450px;
    padding: 10px;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#slideout:hover {
    right: 120px;
}

    #slideout:hover#slideout_inner {
        right: 0;
    }

.View_mini {
    margin-bottom: 4px;
    display: table;
    width: 100%;
}
/*eventos*/

.event {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 3px -1px rgba(151, 171, 187, 0.7);
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

    .event:hover {
        box-shadow: 0 5px 20px -1px rgba(84, 79, 70, 0.7);
    }

.header_event {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #ebeff2;
    padding: 0 15px;
    text-align: center;
    font-size: 600;
    position: relative;
}

.dates {
    border: 1px solid #ebeff2;
    border-radius: 5px;
    padding: 10px;
    margin: 15px;
    color: #adb8c2;
    font-size: 12px;
    overflow: auto;
}

    .dates div {
        float: left;
        width: 50%;
        text-align: center;
        position: relative;
        overflow: hidden; /* Escondemos la parte sobrante */
        white-space: nowrap; /* Indicamos que no realice salto de linea si no cabe en la anchura indicada */
        text-overflow: ellipsis; /* Ponemos los dos puntos */
    }

    .dates strong,
    .stats strong {
        display: block;
        color: #adb8c2;
        font-size: 11px;
    }

    .dates span {
        width: 1px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        background: #ebeff2;
    }

.date_event {
    width: 25%;
    float: left;
    color: #9A8147;
    border-right: 1px solid #ebeff2;
    padding-left: 0;
}

.txt_event {
    width: 75%;
    float: left;
    padding-right: 0;
}

.lugar {
    border-right: 1px solid #ebeff2;
}

.table_event {
    width: 100%;
}

    .table_event td {
        padding: 10px;
    }

.event_cont {
    background: #e6e6e6;
    background-position-x: center;
    background: url(../img/triangle.png) !important;
    background-size: cover !important;
    height: 450px;
    overflow-y: auto;
}

@media only screen and (max-width: 737px) {
    .event {
        margin-bottom: 0;
    }

    .ui.grid > .stackable.stackable.row > .column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column:not(.row), .ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column {
        padding-bottom: 0 !important;
    }
}

/*boton */
#maintitle {
    height: 200px;
    margin-bottom: -100px;
    padding-top: 30px;
    background-color: #3f51b5;
    color: #fff;
    font-size: 40px;
}

#quotecontainer {
}

    #quotecontainer b {
        font-size: 20px;
    }

.accent {
}

.center {
    text-align: center;
}

.pop-down {
    margin-bottom: -35px;
}

.round-button {
    font-size: 16px;
    height: 150px;
    width: 150px;
    margin-top: -140px;
    border-radius: 50%;
    border: none;
    background-color: rgb(154, 129, 71);
    border-radius: 50%;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .3);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    color: #eee7db;
}

    .round-button:active {
        width: 170px;
        height: 170px;
    }

    .round-button:hover {
        width: 170px;
        height: 170px;
    }

.fa-fw {
    width: 2em;
    color: #BADFFF;
}

    .fa-fw:hover {
        color: #fff;
    }

div#quotebody {
    position: absolute;
    z-index: 20;
    width: 100%;
    margin-top: -50px;
}

div#quotebody {
    position: absolute;
    z-index: 2;
    width: 100%;
    margin-top: -20px;
}

.ui.input {
    font-size: 1em;
    width: 100%;
}

i.icon, i.icons {
    font-size: 1em;
}

.titulos_barra {
    padding: 5px;
}

@media (max-width: 767px) {
    .Twitter-tweet {
        float: left;
        margin-left: 0;
    }

    .facebook-like {
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }
}

.ui.button, .ui.buttons .button, .ui.buttons .or {
    font-size: .95rem;
}

.select {
    width: 100%;
    height: 35px;
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    line-height: 1.2142em;
    padding: .67861429em 1em;
    background: #FFF;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    -webkit-transition: box-shadow .1s ease,border-color .1s ease;
    transition: box-shadow .1s ease,border-color .1s ease;
    box-shadow: none;
}

.background_txt {
    background: #fff;
}

.background_transp {
    background: transparent;
}

.cont_img1 {
    background-image: url(../img/img2.png);
    background-position: center;
    width: 100% !important;
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
}

.cont_img4 {
    background-image: url(../img/img4.png);
    background-position: center;
    width: 100% !important;
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
}

.content {
    background: white;
}

/*parallax*/
.parallax_content {
    margin: 0;
    padding: 0;
    perspective: 1px;
    transform-style: preserve-3d;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.slide {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    transform-style: inherit;
}

    .slide:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .slide:nth-child(2n) .title {
        margin-left: 0;
        margin-right: auto;
    }

    .slide:nth-child(2n+1) .title {
        margin-left: auto;
        margin-right: 0;
    }

    .slide, .slide:before {
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
    }

#title {
    background-image: url("../img/img1.png");
    background-attachment: fixed;
}

#slide1:before {
    transform: translateZ(-1px) scale(2);
    z-index: -1;
}

#slide2 {
    background-image: url("../img/triangle.png");
    background-attachment: fixed;
}

#slide3 {
    display: table;
    /* height: auto; */
    min-height: inherit;
    background: #595b69;
}

#slide4 {
    display: table;
    /* height: auto; */
    min-height: inherit;
    background: #595b69;
}

#slide5 {
    display: table;
    /* height: auto; */
    min-height: inherit;
}

#slide6 {
    background-image: url("../img/triangle.png");
    background-attachment: fixed;
}

#slide7 {
    display: table;
    /* height: auto; */
    min-height: inherit;
}

.tuliderazgo_txt {
    color: #fff !important;
}

h1 {
    font-size: 37px;
    color: #fff;
    margin-bottom: 0;
}

.background-gray {
    background: #e3e5ea !important;
    padding-top: 15%;
    padding-bottom: 15% !important;
    border-bottom: none !important;
}

.background-grid {
    padding-top: 120px;
    border-bottom: none !important;
}

.background-comments {
    border-bottom: none !important;
    padding: 0;
    margin-top: 50px;
}

.background-registro {
    background: #e3e5ea !important;
    padding-top: 10%;
    padding-bottom: 10% !important;
    border-bottom: none !important;
}

@media only screen and (max-width: 800px) {
    .background-registro {
        padding: 20% 10px !important;
    }

    .segment {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
/*valores*/

.Moneda {
    text-align: right !important;
}

/*== ACCORDION == */
.accordion {
    width: 100%;
    margin-bottom: 1.25em;
}

    .accordion:before, .accordion:after {
        content: " ";
        display: table;
    }

    .accordion:after {
        clear: both;
    }

    .accordion > li {
        list-style: none;
    }

        .accordion > li > a {
            display: block;
            border-bottom: 1px solid #ded9cc;
            background-color: #B2B5BC;
            color: #fff !important;
            padding: 15px;
            font-size: 14px;
            font-weight: 100;
            text-decoration: none;
            clear: both;
        }

            .accordion > li > a.active, .accordion > li > a:hover {
                background-color: #818390;
            }

    .accordion section {
        height: 0;
        float: left;
        background-color: #fff;
        overflow: hidden;
        width: 100%;
    }

        .accordion section > div {
            padding: 20px 40px;
            overflow: hidden;
        }

    /*Themes color*/
    .accordion[class*=blue] {
        /*arrow for tabs mode*/
    }

        .accordion[class*=blue] > li > a {
            background-color: #4A8BF4;
        }

            .accordion[class*=blue] > li > a.active, .accordion[class*=blue] > li > a:hover {
                background-color: #0B51C1;
            }

        .accordion[class*=blue][class*=tabs] > li > a:hover:after, .accordion[class*=blue][class*=tabs] > li > a.active:after {
            color: #0B51C1;
        }

    .accordion[class*=lime] {
        /*arrow for tabs mode*/
    }

        .accordion[class*=lime] > li > a {
            background-color: #B8D992;
        }

            .accordion[class*=lime] > li > a.active, .accordion[class*=lime] > li > a:hover {
                background-color: #94D845;
            }

        .accordion[class*=lime][class*=tabs] > li > a:hover:after, .accordion[class*=lime][class*=tabs] > li > a.active:after {
            color: #94D845;
        }

    .accordion[class*=gray] {
        /*arrow for tabs mode*/
    }

        .accordion[class*=gray] > li > a {
            background-color: #d0ba88;
        }

            .accordion[class*=gray] > li > a.active, .accordion[class*=red] > li > a:hover {
                background-color: #af9a69;
            }

        .accordion[class*=gray][class*=tabs] > li > a:hover:after, .accordion[class*=red][class*=tabs] > li > a.active:after {
            color: #5b5d6b;
        }

/* Force accordion expanded for mobile and small tablet*/
@media only screen and (max-width: 30em) {
    .accordion > li > a {
        cursor: text;
        pointer-events: none;
    }

        .accordion > li > a:after {
            content: "";
        }

    .accordion > li section {
        height: auto;
    }
}
/*gallery-valores*/

.gallery {
    width: 100%;
    height: auto;
    background: #fff;
}

    .gallery li {
        width: 25%;
        position: relative;
        float: left;
        overflow: hidden;
    }

.transform {
    -webkit-transition: all .25s cubic-bezier(.2, .31, .36, 1);
    -moz-transition: all .25s cubic-bezier(.2, .31, .36, 1);
    -o-transition: all .25s cubic-bezier(.2, .31, .36, 1);
    transition: all .25s cubic-bezier(.2, .31, .36, 1);
}

.gallery a {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery img {
    position: relative;
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.gallery .info {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #595b69 !important;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.gallery .title {
    font-size: 20px;
    color: #af9a69 !important;
    position: relative;
    top: 45%;
}

@media only screen and (max-width: 737px) {
    .gallery li {
        width: 50%;
    }
}

.titulos_mv {
    color: #af9a69;
    border-bottom: 1px solid #838592;
    font-size: 26px;
}

.titulos_nosotros {
    color: #fff;
    font-size: 1.28rem;
}

.logo_circle {
    background: url(../img/logo_kybernus.png);
    width: 250px;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto;
}

.directorio_txt {
    border-bottom: 2px solid #9A8147;
    text-align: center;
    padding: 15px;
}

.directorio_puesto {
    color: #979ea7;
    text-align: center;
    padding: 15px;
}

.img_princip {
    background: url(../img/img4.png);
    background-size: cover;
    width: 100%;
    height: 300px;
    background-position: center;
}

.wordcloud {
    border: none;
    height: 5in;
    margin: 0.2in auto 0.3in;
    padding: 0;
    page-break-after: always;
    page-break-inside: avoid;
    width: 100%;
}

.ui.button.pages {
    background: #e0e1e2;
}

.ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled, .ui.form .field.disabled label {
    background: rgb(212,217,232) !important;
    opacity: .4 !important;
}

.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
    padding: 3%;
    border: none;
}

.ui.labeled.icon.button > .icon:after, .ui.labeled.icon.button > .icon:before, .ui.labeled.icon.buttons > .button > .icon:after, .ui.labeled.icon.buttons > .button > .icon:before {
    margin-top: 0;
}

.TituloMapaText {
    text-align: center;
}

.content.fichas {
    padding: 1em !important;
    margin-top: 0.5em;
    border-top: 2px solid #f0f1f4;
    background: transparent;
}

.dorado {
    background: #9A8147 !important;
    color: #fff !important;
}

.ui.dorado.ribbon.label {
    border-color: #7d6839 !important;
}

.ui.styled.accordion {
    margin: 70px auto 0;
    box-shadow: none;
}

.content.data {
    padding-top: .5em !important;
    background: #f0f1f4;
}

.ui.list .list > .item a.header, .ui.list > .item a.header {
    color: rgba(0,0,0,.87) !important;
}

.botones {
    width: 100%;
    padding-top: 20px;
    float: right;
    text-align: right;
}

.color_menu {
    padding: 1em 0;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    -ms-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    border-radius: 0 !important;
    margin-bottom: 0;
    padding: 10px;
    background: #1c314a !important;
}

.HeaderFixed {
    position: fixed !important;
    width: 100%;
    background-color: white;
    z-index: 10001;
}

.ui.ribbon.label {
    left: calc(-1rem - .6em);
}

a.active.item {
    border-bottom: 0.25em solid #1c314a !important;
}

    a.active.item.actividades {
        border-top: 0.3em solid #7d6839 !important;
    }

.ui.attached.tabular.menu {
    overflow-x: auto;
    overflow-y: hidden;
}

.saldos {
    text-align: left;
    background: transparent;
    color: #fff;
    font-size: 14px;
    width: 400px;
    padding: 10px 20px !important;
}

.ui.celled.table tr td:first-child, .ui.celled.table tr th:first-child {
    border-left: 1px solid rgba(34,36,38,.1);
}

.totales {
    color: #1c314a;
}

tr.totales td {
    background: #CED1DB;
    color: #4a4b4b;
}

.img_secc {
    width: 50px;
    text-align: center;
    float: left;
}

.cont_paso {
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.txt_secc {
    padding-top: 6px;
    float: left;
    font-size: 12px;
}

@media only screen and (max-width: 800px) {
    .img_secc {
        width: 100%;
        text-align: center;
    }

    .txt_secc {
        width: 100%;
        text-align: center;
        font-size: 10px;
    }

    .ui.menu .item {
        padding: 10px !important;
    }
}

.ui.form textarea:not([rows]) {
    height: 12em;
    min-height: 4em;
    max-height: 6em;
}

/*.fields {
    margin-bottom: 10px;
}*/

label {
    text-align: left;
    font-size: 1em !important;
    font-weight: 600;
}

.paso {
    background: #1c314a !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: bold !important;
}

.options {
    background: rgb(243, 245, 251);
    padding: 10px;
    margin-bottom: 15px;
}

.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
    background-color: #1c314a !important;
}

.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
    background-color: #1c314a !important;
}

.txtareas {
    color: #6b6b6b;
    padding: 10px;
}

.ui.segment {
    border-radius: 0px;
}

.content.commentstxt {
    background: #fff;
    text-align: left;
}

.field :disabled, .ui.form .field.disabled label {
    background: rgb(212,217,232) !important;
    opacity: .4 !important;
}

.inputTxt {
    float: left;
    width: 85%;
}

.inputBtn {
    float: left;
    width: 15%;
    text-align: left;
}

.ui.comments {
    max-width: 100%;
}
/*add*/

.file-upload {
    background-color: #ffffff;
    margin: 0px auto;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #98a4af;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #7b8792;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
}

    .file-upload-btn:hover {
        background: #7b8792;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .file-upload-btn:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload-content {
    /*display: none;*/
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    border: 1px dashed #2185d0;
    position: relative;
}

    .image-dropping,
    .image-upload-wrap:hover {
        background-color: rgb(243, 245, 251);
        border: 1px dashed #2185d0;
    }

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    font-weight: normal;
    text-transform: uppercase;
    color: #7b8792;
    padding: 10px;
    font-size: 12px;
    margin: 0 !important;
    text-align: center;
}

.file-upload-image {
    margin: auto;
    padding: 20px;
}

.remove-image {
    width: 135px;
    margin: 0 auto;
    color: #fff;
    background: #1c314a;
    border: none;
    padding: 3px;
    border-radius: 4px;
    /* border-bottom: 4px solid #b02818; */
    transition: all .2s ease;
    outline: none;
    /* text-transform: uppercase; */
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .remove-image:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .remove-image:active {
        border: 0;
        transition: all .2s ease;
    }

.bordernone {
    border: none !important;
}

.pasos {
    width: 20%;
    display: table;
    overflow: hidden;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

.icons_table {
    font-size: 1.2em !important;
}

.recorte {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

.clasif_estatus {
    margin-left: 20px;
    padding-top: 20px;
}
/*colors*/
i.blue.icon {
    color: #80bce9 !important;
}

i.orange.icon {
    color: #eba272 !important;
}

i.olive.icon {
    color: #bac471 !important;
}

i.purple.icon {
    color: #c589d9 !important;
}

i.brown.icon {
    color: #b88666 !important;
}

i.green.icon {
    color: #79bc88 !important;
}

i.violet.icon {
    color: #b5a9cd !important;
}

i.red.icon {
    color: #cd6a6a !important;
}

.blue {
    color: #80bce9 !important;
}

.orange {
    color: #eba272 !important;
}

.olive {
    color: #bac471 !important;
}

.purple {
    color: #c589d9 !important;
}

.brown {
    color: #b88666 !important;
}

.green {
    color: #79bc88 !important;
}

.violet {
    color: #b5a9cd !important;
}

.red {
    color: #cd6a6a !important;
}

.left-auto {
    margin-left: auto;
}

.infocarpeta {
    width: 80%;
    margin: 0 auto;
    box-shadow: 1px 1px 6px #bbb;
    padding: 20px;
    margin-top: 15px;
}

.cursorPointer {
    cursor: pointer !important;
}

.ui.table td {
    padding: .4em 1em !important;
    text-align: inherit;
}

.ui.table th {
    /*padding: .4em 1em!important;*/
    text-align: inherit;
}

.ui.form .inline.fields {
    margin: 0em;
}

.twocolumn {
    width: 50%;
}

fieldset {
    border: none !important;
    background: rgba(40, 54, 68, 0.15);
}

.ui.button {
    background: #9aa0b5;
    color: white !important;
}

    .ui.button:hover {
        background-color: #777e98;
    }

/*.ui.button:focus {
        background-color: #777e98;
    }
    .ui.button:visited {
        background-color: #777e98;
    }

    .ui.button:active {
        background-color: #777e98;
    }*/

/*scroll*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgba(34, 36, 38, 0.1);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(34, 36, 38, 0.3);
}

::-webkit-scrollbar-button {
    background-color: rgba(34, 36, 38, 0.2);
}

::-webkit-scrollbar-corner {
    background-color: rgba(34, 36, 38, 0.1));
}
/*carpeta*/
.content.info {
    padding: 30px !important;
    background: white;
}

.title {
    background: #fff !important;
}

    .title.active {
        color: #2185d0 !important;
        font-weight: bold !important;
        border-bottom: 1px solid #2185d0 !important;
        font-weight: 600 !important;
        background: white;
    }

.ui.label {
    text-align: center;
}

    .ui.label.status {
        color: white;
        width: 100%;
        text-align: center;
    }

    .ui.label.percent {
        color: #1c314a !important;
        background: #dfe2ea;
    }

        .ui.label.percent.txt {
            min-width: 80px;
        }

.nueva_accion {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.nueva_situacion {
    display: table;
    width: 100%;
}

.ui.bottom.left.popup:before {
    background: #9aa0b5 !important;
}

.field {
    margin-bottom: .3em !important;
}

.ui.search.dropdown {
    width: 100% !important;
}

.ui.form .field > .selection.dropdown {
    width: 100% !important;
}

.ui.checkbox.disabled {
    background-color: transparent;
    opacity: .4 !important;
}

.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    background: rgb(212,217,232) !important;
    opacity: .4 !important;
}

input.disabled {
    background: rgb(212,217,232) !important;
    opacity: .4 !important;
}

textarea.disabled {
    background: rgb(212,217,232) !important;
    opacity: .4 !important;
}

.addimg {
    float: left;
    width: 20%;
}

.ui.tabular.menu .active.item {
    border: none;
}

.btnedit {
    padding: 0 10px;
}

.btnview {
    padding: 0 10px;
}

.btndelete {
    padding: 0 10px;
}

.ui.pagination.menu .item {
    padding-left: 15px;
}

.ui.grid > * {
    padding-left: 0;
}

@media only screen and (max-width: 767px) {
    .addimg {
        float: left;
        width: 50%;
    }
}

@media only screen and (min-width: 767px) {
    .datos1 {
        padding-right: 40px !important;
    }

    .participantes {
        padding-left: 40px !important;
    }

    .info1 {
        padding-right: 40px !important;
    }

    .info2 {
        padding-left: 40px !important;
    }
}

.OcultaControl {
    display: none;
}

.SubHeaderCont {
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
}

.ui.top.attached.tabular.menu.SubHeader {
    color: #1c314a !important;
    border-radius: 0;
    border: none;
}

.ui.tabular.menu .active.item.tabMaster {
    border-bottom: 0.25em solid #1c314a !important;
    border-radius: 0px !important;
}

.ui.tabular.menu .item.tabMaster {
    text-transform: uppercase;
    font-size: .9em;
}

.titulocedula {
    font-size: 16px;
    padding: 10px 40px;
    background: #bbbeca;
    color: white;
}

.ui.tabular.menu .item.comprobacion {
    width: 50%;
    text-align: center !important;
    border: 1px solid rgba(28, 49, 74, 0.42);
    color: #1c314a !important;
    opacity: .5;
    border-bottom: none;
}

.ui.tabular.menu .active.item.comprobacion {
    border-top: 0.25em solid #1c314a !important;
    color: #1c314a !important;
    background: white !important;
    font-weight: 600 !important;
    border-bottom: none !important;
    border-radius: 0px !important;
    opacity: 1;
}

.ui.attached.tabular.menu.btnscomprob {
    border: none;
    padding: 0;
    width: 500px;
    margin-top: 25px;
    /* border-bottom: 1px solid rgba(33, 133, 208, 0.4); */
}

.btnscomprob_txt {
    text-align: center;
    width: 100%;
}
/**/
.titulomodal {
    color: rgb(154, 129, 71);
    margin-bottom: 0.3em;
}

.gastoslist ul > li {
    list-style: none;
}

.ui.dividing.headermodal {
    padding-bottom: .21428571rem;
    border-bottom: 1px solid rgba(34,36,38,.15);
    text-align: 18px !important;
}

.ui.large.modal > .header {
    font-size: 1.4em !important;
}

.containertable {
    overflow: auto !important;
    display: block !important;
    margin: 30px 0 !important;
}

.datossolicitud {
    width: 70%;
    margin: 0 auto;
}

@media only screen and (max-width: 1023px) {
    .datossolicitud {
        width: 100%;
    }
}

.ui.dimmer {
    z-index: 20000;
}

.ui.modal .actions {
    display: table;
    width: 100%;
}

.ui.tabular.menu {
    border-bottom: none;
}

a.ui.ribbon.label.cedula {
    left: -4.5%;
    bottom: 22px;
    margin-top: 8px;
    background: #909ba7;
    color: #fff !important;
    font-size: 14px;
    padding: 12px 50px;
    font-weight: 600;
}

@media only screen and (max-width: 1023px) {
    a.ui.ribbon.label.cedula {
        left: -8%;
        bottom: 22px;
        margin-top: 30px;
        background: #909ba7;
        color: #fff !important;
        font-size: 12px;
    }
}

a.ui.ribbon.label.cedula:after {
}

a.active.item.pasos {
    border-top: 0.25em solid #1c314a !important;
    border-bottom: none !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: blue !important;
    background-image: none;
    color: rgb(0, 0, 0);
}

.comments_content {
    display: inline-block;
    width: 100%;
    padding: 3% !important;
    box-shadow: none !important;
    border: none !important;
}

.btnseventos {
    float: right;
    margin-bottom: 10px;
    padding: 10px;
    width: auto;
    text-align: right;
    position: fixed;
    top: 108px;
    z-index: 10;
    right: 8%;
    left: 8%;
    background: rgb(243, 245, 251);
    margin-left: -15px;
    margin-right: -15px;
}

.btnseventosAcordion {
    float: right;
    margin-bottom: 10px;
    padding: 10px;
    width: auto;
    text-align: right;
    position: fixed;
    top: 108px;
    z-index: 10;
    right: 8%;
    background: rgba(28, 49, 74, 0.12);
}

.ui.tertiary.segment {
    background: transparent;
}

.selectCapitulo {
    float: left;
    margin-top: -58px;
    width: 25%;
}

.ui.basic.label.percent {
    border-top-left-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
    border-top-right-radius: .28571429rem !important;
    border-bottom-right-radius: .28571429rem !important;
}

.conttable {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.ui.grid {
    margin-left: 0;
    margin-right: 0;
}

    .ui.grid > .column:not(.row), .ui.grid > .row > .column {
        padding-left: 0;
        padding-right: 0;
    }

.ui.feedback.segments.aviso {
    background: white;
    padding: 10px;
    border: 1px solid rgba(34,36,38,.15);
    max-width: 800px;
    margin: 0 auto;
}

.btnaviso {
    text-align: right;
    margin-top: 20px;
    padding-bottom: 15px;
    padding-right: 10px;
    border-top: 1px solid rgba(34,36,38,.15);
    padding-top: 15px;
    background: rgba(243, 245, 251, 0.46);
}

.tabEditar {
    margin-top: 70px;
}

.ui.button.confirmButton {
    width: 19% !important;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .9rem;
}
/*#BtnGuardarActividad {
    box-shadow: 2px 2px 1px #767676;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    padding: 16px 18px;
    background: #1c314a;
}
#BtnSubmit {
    box-shadow: 2px 2px 1px #767676;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    padding: 16px 18px;
    background: #1c314a;
}*/
.botones.btnguardar {
    padding: 10px;
    width: auto;
    text-align: right;
    position: fixed;
    bottom: 0;
    right: 8%;
    background: rgba(28, 49, 74, 0.12);
    z-index: 10;
}

@media only screen and (max-width: 767px) {
    .selectCapitulo {
        width: 100% !important;
        margin-top: 0px !important;
    }

    .btnseventos {
        right: 0 !important;
        left: 0 !important;
        text-align: center !important;
        position: absolute;
        /*top: -105px;*/
        width: 100%;
    }

    .btnseventosAcordion {
        right: 0 !important;
        left: 0 !important;
        text-align: center !important;
        position: absolute;
        width: 100%;
    }

    .btnautosize {
        width: 100%;
    }

    .tabEditar {
        margin-top: 170px;
    }

    .ui.button.confirmButton {
        width: 48% !important;
        float: right;
        margin-bottom: 5px;
        height: 42px;
        font-size: 11px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    a.ui.ribbon.label.cedula {
        padding: 10px;
        left: -5%;
    }
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
    .ui.button.confirmButton {
        width: 24% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .selectCapitulo {
        width: 50%;
        margin-top: -58px;
    }

    .btnseventos {
        right: 2%;
        left: 2%;
    }

    .btnseventosAcordion {
        right: 2%;
        left: 2%;
    }

    .tabEditar {
        margin-top: 85px;
    }

    .botones.btnguardar {
        right: 0%;
        left: 0%;
    }
}

.datoRequerido {
    border: 1px solid red !important;
}

.ui.checkbox.checkRequerido .box:before, .ui.checkbox.checkRequerido label:before {
    border: 1px solid red !important;
}

a.author {
    font-weight: bold;
}

.ui.accordion .title {
    font-size: .8em;
}

.archivo_adj {
    background: white;
    color: #2185d0 !important;
    text-decoration: underline !important;
}

.notifSistema {
    font-style: italic;
    color: #8e8e8e !important;
    font-size: 11px !important;
}

.eliminaBorrador {
    cursor: pointer;
}

@media only screen and (max-width: 1023px) {
    .ui.form .eight.fields > .field, .ui.form .eight.fields > .fields, .ui.form .five.fields > .field, .ui.form .five.fields > .fields, .ui.form .four.fields > .field, .ui.form .four.fields > .fields, .ui.form .nine.fields > .field, .ui.form .nine.fields > .fields, .ui.form .seven.fields > .field, .ui.form .seven.fields > .fields, .ui.form .six.fields > .field, .ui.form .six.fields > .fields, .ui.form .ten.fields > .field, .ui.form .ten.fields > .fields, .ui.form .three.fields > .field, .ui.form .three.fields > .fields, .ui.form .two.fields > .field, .ui.form .two.fields > .fields {
        width: 100% !important;
        margin: 0 0 1em;
        padding-left: 0;
        padding-right: 0;
    }
}

.mrcero {
    margin-right: 0 !important;
}

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #a9a7a1;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}