@font-face {
    font-family: "MyriadPro-Light";
    src: url(cobaed_FONTS/MyriadPro-Light.otf);
}

@font-face {
    font-family: "MyriadWebPro-Bold";
    src: url(cobaed_FONTS/MyriadWebPro-Bold.ttf);
}

@font-face {
    font-family: "Material-Design-Icons";
    src: url(material-design-icons/Material-Design-Icons.ttf);
}


@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

body {
    font-size: 100%;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            left: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /*width: 15%;*/
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=20);
    opacity: .2;
}

    .carousel-control.left {
        left: 30px;
        right: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 30px;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:hover,
    .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

a.carousel-control:visited {
    color: white !important;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

#videoCCS {
    width: 100%;
}

.bg-sinimg {
    /* The image used */
    /*background-image: url("../images/landing/reelBG.png");*/
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    /*background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    position: relative;
}


.bg-SinImgPlantilla {
    /* The image used */
    /*margin-bottom: 40px;*/
    /*min-height: 586px;*/
    min-height: 110px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgPlantilla {
    /* The image used */
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-img {
    /* The image used */
    background-image: url("../images/landing/reelBG.png");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-img1 {
    /* The image used */
    background-image: url("../images/landing/COBAEDgrunge.png");
    background-color: #000000 !important;
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.bg-img2 {
    /* The image used */
    background-image: url("../images/landing/reel2bg.png");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.bg-img21 {
    /* The image used */
    background-image: url("../images/landing/reelyoSigo.jpg");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.bg-img3 {
    /* The image used */
    /*background-image: url("../images/landing/reel3bBG.jpg");*/
    background-image: url("../images/landing/reel3bBGmodded.jpg");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.bg-imgEnca2 {
    /* The image used */
    /*background-image: url("../images/landing/HeroImageBecas.png");*/
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 40px;
}


.bg-img4 {
    /* The image used */
    background-image: url("../images/landing/HeroImageBecas.png");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 40px;
}

.bg-img5 {
    /* The image used */
    background-image: url("../images/landing/HeroTutoModded.png");
    /*margin-bottom: 40px;*/
    min-height: 830px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 40px;
}


.bg-img6 {
    /* The image used */
    background-image: url("../images/landing/CobaedMASHeroNOTEXT.jpg");
    /*margin-bottom: 40px;*/
    min-height: 496px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    /*margin-bottom: 40px;*/
}

.bg-imgTra {
    /* The image used */
    background-image: url("../images/landing/HeroTrámitesSinCuadroVerde.jpg");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgUJED {
    /* The image used */
    background-image: url("../images/landing/UJEDreelFondo.png");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgOra2019 {
    /* The image used */
    background-image: url("../images/landing/Convocatorias2019notext.jpg");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgCl2019 {
    /* The image used */
    background-image: url("../images/landing/OrgulloexicanoHeroSinLetrasDOradas.jpg");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgCAM2019 {
    /* The image used */
    background-image: url("../images/landing/altareshero.jpg");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgSOF2020 {
    /* The image used */
    background-image: url("../images/landing/FilosofíaHeroShot.jpg");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgESCO2020 {
    /* The image used */
    background-image: url("../images/landing/FotoEscolta.png");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgInd2021 {
    /* The image used */
    background-image: url("../images/landing/Imagenconvo.jpg");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: left;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    position: relative;
}

.bg-imgBienND {
    /* The image used */
    background-image: url("../images/landing/dir.png");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imgPrein2023 {
    /* The image used */
    background-image: url("../images/landing/Preins01completa.png");
    /*margin-bottom: 40px;*/
    min-height: 586px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.beca-presentacion {
    padding: 0px 40px 40px 40px;
    color: white;
}

    .beca-presentacion p {
        color: white !important;
    }

.tarjeta-interna-fin p {
    color: #6D6E71;
}

.tarjeta-madre h2 {
    color: #58595B;
}

.tarjeta-MAS h3 {
    color: #58595B;
}

.contenido-MAS p {
    color: #6D6E71;
}

.tarjeta-MAS-fin {
    /*border-left: #2bb673 20px solid;*/
    border-left: #474B55 20px solid;
    margin-bottom: 0px !important;
}

#masCartas {
    cursor: pointer;
    text-align: right;
    margin-right: calc(50% - 150px);
    margin-right: 40px;
}

    #masCartas p {
        color: #58595B;
        font-size: 1.2em;
        font-weight: 900;
    }

        #masCartas p:hover {
            text-decoration: underline;
        }

        #masCartas p:active {
            text-decoration: underline;
        }

.vistas {
    display: inline-block;
}

.paraDescrip p {
    color: #6D6E71;
}

.paraDescrip h2 {
    color: #58595B;
}


/* The progress container (grey background) */
.progress-container {
    width: 100%;
    height: 8px;
    background: #ccc;
    position: fixed;
    bottom: 0px;
}

/* The progress bar (scroll indicator) */
.progress-bar {
    height: 8px;
    background: #137C57;
    width: 0%;
}

/* Hide the images by default */
/*.mySlides {
    display: none;
}*/
/* Next & previous buttons */
/*.prev, .next {
  cursor: pointer;
  position: relative;
 
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
	
  bottom:300px;
}
*/
/* Position the "next button" to the right */
/*.next {
 
  border-radius: 3px 0 0 3px;
    
    float: right;

}
*/
/* permanent gray background */
/*.prev, .next{
	color:#B3B3B3;
	
}
*/
/* On hover, add a black background color with a little bit see-through */
/*.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}*/

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

#dotnav {
    margin-bottom: 40px;
}
/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active, .dot:hover {
        background-color: #717171;
    }

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        left: -1000px;
        opacity: .4;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@keyframes fade {
    from {
        left: -1000px;
        opacity: .4;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

/* Fading animation */
.fadeN {
    -webkit-animation-name: fadeN;
    -webkit-animation-duration: 1.5s;
    animation-name: fadeN;
    animation-duration: 1.5s;
}

@-webkit-keyframes fadeN {
    from {
        left: -1000px;
        opacity: .4;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@keyframes fadeN {
    from {
        left: -1000px;
        opacity: .4;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

/* Fading animation */
.fadeP {
    -webkit-animation-name: fadeP;
    -webkit-animation-duration: 1.5s;
    animation-name: fadeP;
    animation-duration: 1.5s;
}

@-webkit-keyframes fadeP {
    from {
        right: -1000px;
        opacity: .4;
    }

    to {
        right: 0;
        opacity: 1;
    }
}

@keyframes fadeP {
    from {
        right: -1000px;
        opacity: .4;
    }

    to {
        right: 0;
        opacity: 1;
    }
}


/* Add styles to the form container */
.container {
    position: absolute;
    right: 0;
    margin: 20px;
    max-width: 300px;
    padding: 16px;
    background-color: white;
}

.conten2 {
    position: relative;
    font-family: Arial;
}

.text-blockGTF {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 98%;
    height: 11vh;
    max-height: 93px;
    background: rgb(0,0,0);
    background: rgba(0,0,0, 0.87);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0,0.65);
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.text-blockGT {
    position: absolute;
    top: 34%;
    left: 0%;
    width: 95%;
    height: 16vw;
    max-height: 93px;
    background: rgb(0,0,0);
    background: rgba(0,0,0, 0.72);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0,0.65);
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    z-index: 1;
}

.text-blockGT2 {
    position: absolute;
    top: 29%;
    right: 0%;
    width: 120%;
    height: 25%;
    /*max-height: 93px;
    max-width:474px;*/
    background: rgb(0,0,0);
    background: rgba(0,0,0, 0.72);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0,0.65);
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    z-index: 1;
    text-align: center;
}

.text-blockSofos {
    position: absolute;
    top: 70%;
    left: 0%;
    width: 72%;
    height: 16vw;
    max-height: 70px;
    background: rgb(0,0,0);
    background: rgba(0,0,0, 0.72);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0,0.65);
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .65);
    z-index: 1;
}

.text-block {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: 100%;
    /*background: rgb(6,61,44); Fallback for older browsers without RGBA-support */
    /*background: rgba(16,61,44, 0.72);*/
    background: rgb(71, 75, 85);
    background: rgb(71, 75, 85, 0.72);
}

.text-block1 {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: 100%;
    background: rgb(0,0,0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0,0,0, 0.72);
}

.text-block2 {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    background-color: #474B55;
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: 100%;
    /*background: rgb(77,116,53);*/ /* Fallback for older browsers without RGBA-support */
    /*background: rgba(77,116,53);*/
    background: #A6ABAF;
}

.text-block21 {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    background-color: #474B55;
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: 100%;
    background: #3c4363; /* Fallback for older browsers without RGBA-support */
    /*background: rgba(77,116,53);*/
}

.text-block3 {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    background-color: #474B55;
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: 100%;
    background: rgb(46,45,43); /* Fallback for older browsers without RGBA-support */
    background: rgba(46,45,43, 0.72);
}

.text-block4 {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    background-color: #474B55;
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: 100%;
    background: #385073; /* Fallback for older browsers without RGBA-support */
}

.text-block5 {
    position: absolute;
    top: 560px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*max-width: 300px;*/
    max-width: 700px;
    /*height:100%;*/
    text-align: justify;
    /*background: #385073; Fallback for older browsers without RGBA-support */
}

.text-block6 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    /*background-color: #137C56;*/
    /*background-color: green;*/
    opacity: 0.65; /* 50% de transparencia */
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*width:100%;
    max-width: 300px;
    max-width:474px;
	height:100%;*/
    /*background: rgb(16,61,44);
    background: rgba(16,61,44, 0.72);*/ /* Fallback for older browsers without RGBA-support */
    /* background: rgb(71, 75, 85);
    background: rgb(71, 75, 85, 0.72);*/
    /*background-color: rgba(255, 0, 0, 0.65);  Rojo con 50% de transparencia */
    font-size: 2em;
}

.text-blockUJED {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    /*max-width: 300px;*/
    /*max-width:474px;*/
    width: 1290px;
    height: 100%;
    background-image: url("../images/landing/FrenteSINTítulo.png");
    background-position: right;
    /*background-repeat: no-repeat;*/
    background-size: cover;
    text-align: right;
}

.text-blockBlanco {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: -webkit-fill-available;
    /*height:100%;*/
    background: rgb(255,255,255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255,255,255, 0.72);
}


.text-blockVerdeBandera {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding: 40px;
    max-width: 474px;
    height: -webkit-fill-available;
    /*height:100%;*/
    background-image: url("../images/convoca/texturaverde.jpg");
    background-position: right;
    /*background-repeat: no-repeat;*/
    background-size: cover;
}

.text-blockRojoBandera {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: -webkit-fill-available;
    /*height:100%;*/
    background: #AD0E2A; /* Fallback for older browsers without RGBA-support */
    /*background: rgba(255,255,255, 0.72);*/
}

.text-blockAzulMar {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: -webkit-fill-available;
    /*height:100%;*/
    background: #1A293F; /* Fallback for older browsers without RGBA-support */
    /*background: rgba(255,255,255, 0.72);*/
}

.text-blockAzulGris {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #137C56;*/
    color: white;
    padding: 40px;
    /*max-width: 300px;*/
    max-width: 474px;
    height: -webkit-fill-available;
    /*height:100%;*/
    background: #4481A1; /* Fallback for older browsers without RGBA-support */
    /*background: rgba(255,255,255, 0.72);*/
}

.text-blockPrein2023 {
    position: absolute;
    top: -20px;
    right: 0px;
    /*background-color: #137C56;*/
    background-color: #474B55;
    color: white;
    padding-left: 0px;
    padding-right: 0px;
    /*max-width: 300px;*/
    max-width: 741px;
    height: 100%;
    background: #3c4363; /* Fallback for older browsers without RGBA-support */
    /*background: rgba(77,116,53);*/
    /*background-image: url("../images/landing/Preins02.png") !important;*/
}

.portSofos {
    font-size: 1.3em;
    padding: 0.5em 2em 0em 2em;
}

    .portSofos p {
        margin-top: 1.5em !important;
        margin-bottom: 1.5em !important;
    }

.text-block h4, .text-block1 h4, .text-block p, .text-block1 p, .text-block2 h4, .text-block21 h4, .text-block2 p, .text-block21 p, .text-block3 h4, .text-block3 p, .text-block4 h4, .text-block4 p, .text-block5 h4, .text-block5 p, .text-block6 p, .text-block6 h4 {
    color: white;
}


.text-block #Bienvenida, .text-block2 #Bienvenida, .text-block21 #Bienvenida, .text-block4 #Bienvenida, .text-block5 #Bienvenida, .text-block6 #Bienvenida {
    font-size: 2.5em;
    font-style: italic;
    margin-top: 30px;
    margin-left: 40px;
}

.text-block1 #Bienvenida {
    font-size: 2.5em;
    font-style: italic;
    margin-top: 30px;
    margin-left: 40px;
    line-height: .8em;
}

.text-block3 #Bienvenida {
    font-size: 2em;
    font-style: italic;
    margin-top: 30px;
    margin-left: 40px;
}

.text-block21 #Bienvenida {
    line-height: 1.2em;
    margin-bottom: .8em;
}

.text-block1 a {
    color: white !important;
}

.text-block21 a {
    color: yellow !important;
}

.text-block3 a {
    color: yellow !important;
}

.text-block p, .text-block2 p, .text-block1 p, .text-block21 p, .text-block3 p, .text-block4 p, .text-block5 p, .text-block6 p {
    margin-left: 40px;
}

.text-block2 p, .text-block1 p {
    font-size: smaller;
}

.text-block5 p {
    font-size: 0.9em;
    margin-top: 20px;
}

.text-block6 p {
    margin: 40px 10px 30px;
}

.text-block4 h1 {
    margin-top: 100px;
    margin-left: 40px;
}

.bg-imgTra h1 {
    font-size: 1.5em;
    text-align: center;
    margin-top: 3em;
}

.text-blockBlanco h3 {
    color: #6D6E71;
    text-align: right;
    margin: 0px;
    margin-top: 2em;
    font-size: 2vmax;
}

.text-blockBlanco h1 {
    color: #F6921E !important;
    text-align: right;
    margin: 0px;
    font-size: 3.5vmax;
    line-height: 1.2em;
}

.text-blockBlanco p {
    color: #6D6E71;
    text-align: justify;
    margin: 12px 0px;
}

.text-blockAzulMar p {
    color: white;
    text-align: justify;
    margin: 12px 0px;
}

.text-blockRojoBandera p {
    color: white;
    text-align: justify;
    margin: 12px 0px;
}

.text-blockAzulGris p {
    color: white;
    text-align: justify;
    margin: 12px 0px;
}

.text-blockGTF p {
    color: white;
    text-align: right;
    font-size: 2.6em;
    margin: 0px;
}

.bg-imgTra a {
    color: yellow !important;
}

.becaloca .titulo-interno {
    background-color: !important;
    background-color: #385073 !important;
    font-size: 1.8em;
    padding-right: 40px;
}

    .becaloca .titulo-interno h1 {
        font-size: 0.7em;
        line-height: unset;
    }

.becaloca .tarjeta h4 {
    color: #385073 !important;
    font-size: 1em;
}

.becaloca .tarjeta ul {
    color: #6D6E71;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.lemaAbajoDer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    float: right;
    margin: 16px;
}

#menPorSofos {
    position: absolute;
    top: 60%;
    width: 94%;
    color: white;
    left: 2%;
    font-size: 1.5em;
}

#imgurlsofos {
    position: absolute;
    bottom: 2%;
    /* width: 94%; */
    color: white;
    right: 42%;
    font-size: 0.7em;
    float: right;
}

    #imgurlsofos a {
        color: white !important;
    }

#lema {
    position: absolute;
    float: right;
    top: 20px;
    right: 20px;
    max-width: 100px;
    top: 20px;
    text-align: right;
}

#TituInd {
    position: relative;
    /* float: right; */
    bottom: 30px;
    left: 100px;
    font-size: 1.5em;
    text-shadow: 8px 8px 4px #000000;
}

#parraInd {
    position: relative;
    top: 170px;
    /*width: 150px;*/
}

    #parraInd p {
        color: white;
    }

#lemavideo {
    color: #6D6E71;
    float: right;
    max-width: 100px;
    text-align: right;
}

#enero21-30 {
    margin-left: 40px;
    font-size: 1.4em;
}

#lema2 {
    font-size: 1em;
    text-align: center;
    padding: 4em;
}

#img-bienv {
    position: relative;
    top: 20px;
    left: -10px;
    /*width:108px;*/
    height: 105px;
    clear: both;
    display: block;
}

#img-bienvideo {
    float: left;
    width: 108px;
    height: 105px;
    clear: both;
    display: block;
    position: relative;
    top: -10px;
}

#img-bienv3 {
    position: relative;
    top: 130px;
    left: -110px;
    clear: both;
    display: block;
}

#img-bienv2 {
    position: relative;
    top: 20px;
    left: -10px;
    /*width:92px;*/
    height: 90px;
    clear: both;
    display: block;
}

#img-bienvSofos {
    /* position: relative; */
    /* top: 20px; */
    /* left: -10px; */
    width: 92px;
    height: 90px;
    /*clear: both;
    display: block;*/
}

#img-UJED {
    float: right;
}

#img-bienvUJED {
    float: right;
    position: relative;
    right: 150px;
    width: 92px;
    height: 90px;
    clear: both;
    display: block;
}


#titulo-seccion ul {
    display: inline-flex;
    float: right;
}

#titulo-seccion li {
    position: relative;
    right: 100px;
    font-size: 0.5em;
    margin-right: 2em;
    color: #6D6E71;
}

#eodsm {
    position: absolute;
    top: -40%;
    width: 103%;
}

#eodsm5 {
    /*position: absolute;
    top: -40%;*/
    width: 93%;
}


#eodsm2 {
    position: absolute;
    top: -20%;
    width: 94%;
}

.Footer > ul {
    list-style-type: none;
    margin: 40px;
    padding: 0;
    margin-right: 14em;
}

.opcprincipal > ul {
    margin: 0px;
    padding: 0px;
}

#conv1 {
    width: 5em;
    margin-right: 2em;
}

#conv2 {
    width: 10em;
}

#conv {
    width: 20em;
}

#tituConv {
    font-size: 1.5em;
    color: #58595B !important;
    text-align: center;
    margin-top: 18px;
}

#tituConv2 {
    font-size: 1.3em;
    color: #58595B !important;
    /*text-align:center;*/
    /*margin-top: 18px;*/
    margin-bottom: .9em;
}

.tituPie {
    font-size: 1.3em;
    color: #FFFFFF !important;
    /*text-align:center;*/
    /*margin-top: 18px;*/
    /*margin-bottom:.9em;*/
}

#convoca1 {
    padding: 8px;
}

.fuentemenor {
    font-size: 1em;
}

    .fuentemenor p {
        color: #6D6E71 !important;
    }

.fuentePie {
    font-size: 1em;
    color: #FFFFFF !important;
}

.cuerpoConv {
    display: inline-flex;
}

.cuerpoConv3 {
    display: grid;
}

.pieConv {
    padding: 20px;
    border-left: #f6921e 10px solid;
    border-top: #58595B 1px solid;
}

.imgResponsive {
    width: 100%;
    height: auto;
}

#navFooter {
    float: right;
}

    #navFooter > li {
        float: left;
        /*margin-right:0.8em;*/
        height: 15em;
        width: 10em;
    }

        #navFooter > li:hover {
            background-color: inherit;
        }

#button_inicio {
    font-size: 1.1em;
}

.opcprincipal #button_inicio2 {
    font-size: 0.9em;
}

#menuFootInicio {
    margin-top: 4px;
    font-weight: bold;
    /*height: 14em !important;*/
}

.estilo1 {
    padding: 40px;
    padding-bottom: 20px;
}

    .estilo1 p {
        color: #6D6E71;
        text-align: justify;
    }

    .estilo1 h3 {
        color: #58595B;
    }

.text-block3 a:visited {
    color: yellow !important;
}

.modal-header h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.row [class*="col-"] {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

.col-unTercio {
    width: 30%;
}

.col-dosTercios {
    width: 60%;
}

.col-dise1Left {
    width: 50%;
}

.col-dise1right {
    width: 49%;
    border-left: 1px solid gray;
    margin-left: 1%;
    padding-bottom: 50px;
}

.col-dise1right2 {
    width: 50%;
}

.col-dise1Left #img-bienv {
    top: -40px;
    left: -40px;
}

.col-dise1Left #colegioTitulo {
    clear: both;
    position: relative;
    float: right;
    right: 5%;
    width: 50%;
}

.col-dise1Left #colegioTitulo {
    text-align: right !important;
}

.col-dise1Left h1 {
    clear: both;
    position: relative;
    /*color: #F6921E;*/
    color: #D2D3D5;
    float: right;
    right: 5%;
    font-size: 500%;
    margin-top: 20px;
}

.colunMedio {
    float: left;
    width: 50%;
    padding: 0px;
    box-sizing: border-box;
}

.colunTercio {
    float: left;
    width: 33%;
    padding: 0px;
    box-sizing: border-box;
}

.coldosTercio {
    float: left;
    width: 66%;
    padding: 0px;
    box-sizing: border-box;
}

.colunCuarto {
    float: left;
    width: 25%;
    padding: 0px;
    box-sizing: border-box;
}

.coldosCuarto {
    float: left;
    width: 50%;
    padding: 0px;
    box-sizing: border-box;
}

.coltresCuarto {
    float: left;
    width: 75%;
    padding: 0px;
    box-sizing: border-box;
}

.colmenTercioCuarto {
    float: left;
    width: 42%;
    padding: 0px;
    box-sizing: border-box;
}

.colUnOctavo {
    float: left;
    width: 12.5%;
    padding: 0px;
    box-sizing: border-box;
}

.colTresOctavo {
    float: left;
    width: 37.5%;
    padding: 0px;
    box-sizing: border-box;
}

.col35porc {
    float: left;
    width: 35%;
    padding: 0px;
    box-sizing: border-box;
}

.col40porc {
    float: left;
    width: 39%;
    padding: 0px;
    box-sizing: border-box;
}

.saltoR {
    height: 1em;
}

.textoCentrado {
    text-align: center !important;
}

.textoJustificado {
    text-align: justify !important;
}

.misionGob {
    float: right;
    position: relative;
    right: -20px;
    margin-bottom: 95px;
    width: 162px;
    top: -20px;
}

.mensajeGob {
    float: right;
    position: relative;
    right: -20px;
    margin-bottom: 20px;
    width: 162px;
    top: -20px;
}

.nobiliarioMensaje {
    position: relative;
    float: right;
    text-align: right;
    color: #58595B;
    margin-top: 0px;
    width: 50%;
    line-height: 1em;
}

.nombreMensaje {
    right: 0% !important;
    font-size: 2em !important;
    margin-bottom: 0px;
    text-align: right;
}

.introMensajes {
    color: #58595B;
}

.oratoria2019, .cl2019, .cepci2019, .presentaTra3, .cam2019, .escoltas2020, .sofos2020, .JM2021 {
    cursor: pointer;
}

    .oratoria2019 p, .cl2019 p, .cepci2019 p, .presentaTra3 p, .escoltas2020 p, .sofos2020 p {
        color: #6D6E71;
        padding: 24px;
        margin-top: 6px;
    }

    .JM2021 p {
        padding: 0.6em 0em 0em 1em;
    }

.citaJM2021 {
    color: #6D6E71;
    padding: 24px !important;
    margin-top: 24px;
}

.secepci2019 ol {
    list-style: initial;
    list-style-type: decimal;
}

.secepci2019 li {
    margin: 10px 0;
}

.secepci2019 {
    text-align: justify !important;
}

.tituOratoria h3 {
    color: #6D6E71;
    margin: 1.2em 0em 0em 24px;
}

.tituOratoria h1 {
    color: #F6921E !important;
    margin: 0em 0em 0em 24px;
}

.titucl2019 h3 {
    /*color: #137C56;*/
    color: #474B55;
    margin: 1.2em 0em 0em 24px;
}

.titucl2019 h1 {
    color: #AD0E2A !important;
    margin: 0em 0em 0em 24px;
    font-size: 2.7em;
}

.titucam2019 h3 {
    color: black;
    margin: 1.5em 48px 0em 1.2em;
    text-align: right;
}

.titucam2019 h1 {
    color: #F15A29 !important;
    margin: 0em 48px 0em 1.2em;
    font-size: 2.7em;
    text-align: right;
}


.titucepci2019 h1 {
    color: #6D6E71;
    text-align: center;
    font-size: 3em;
    margin: 1em 0px;
}

.pJM2021 p {
    color: #0099b6;
    font-size: 1.5em;
}

.pJM2021 span {
    display: block;
    font-weight: bold;
}

.titupresentaTra3 h1 {
    /*color: #137C56;*/
    color: #474B55;
    text-align: left;
    font-size: 1.5em;
    margin: 0.7em 0em 0.7em 1em;
    line-height: 1.5em;
}

.titusf2020 h3 {
    color: #6D6E71;
    margin: 3em 0em 0em 32px;
    font-weight: normal;
    line-height: 0.5em;
    font-size: 1em;
}

.titusf2020 h1 {
    color: #4481A1 !important;
    margin: 0em 0em 0em 32px;
    font-size: 1.8em;
}

.cita2019 p, .citacepci2019 p, .citapresentaTra3 p {
    font-size: 0.8em;
}

.sofos2020 p {
    margin-top: 2em;
}

.citaEsco2020 {
    margin-top: 2em;
    padding: 1em;
}

.cabecepci2019 h1 {
    color: #6D6E71;
    font-size: 3.5em;
    margin: 0;
    position: relative;
    top: -16px;
}

#imgcabecepci2019 {
    width: 30em;
    position: relative;
    top: -16px;
    left: -24px;
}

#imgcam2019 {
    display: block;
    width: 100%;
}

#ceo2019aat {
    color: #F6921E !important;
    line-height: 1em;
    text-align: center;
    margin-top: 1.3em;
}

#pcci2021 {
    color: #2A6B1F !important;
    line-height: 1em;
    text-align: center;
    margin-top: 1.3em;
}

#xIXCdE {
    color: #F15A29 !important;
    line-height: 1em;
    text-align: center;
    margin-top: 1em;
    font-size: 1.5em;
}

#cl2019aat {
    color: #AD0E2A !important;
    line-height: 1em;
    text-align: center;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    font-size: 1.5em;
}

#cam2019t {
    color: #F15A29 !important;
    line-height: 1em;
    text-align: center;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    font-size: 1.5em;
}

#sofo2020t {
    color: #4481A1 !important;
    line-height: 1em;
    text-align: center;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    font-size: 1.5em;
}


#imgcepci2019 {
    width: 100%;
    display: block;
    margin: 21px 0px;
}

#imgJM2021 {
    width: 100%;
    display: block;
    /* margin: 21px 0px; */
}

#imgpresentaTra3 {
    width: 100%;
    display: block;
    /*margin: 21px 0px;*/
}

#basesOra2019 ul, #transiOra2019 ul {
    list-style-position: outside;
    list-style-type: disc;
}

#basesOra2019 li, #transiOra2019 li {
    margin: 10px 0;
}

.premiosOra2019 {
    color: #6D6E71;
}

.titulo-etica {
    /*background-color:rgb(58, 179, 221) !important;*/
    background: linear-gradient(to right, #86c6d8 0%, #0b8eb2 100%) !important;
}

.contEtica h3, .contEtica h5 {
    color: #58595B;
}

.contEtica ol {
    color: #6D6E71;
    list-style-type: decimal !important;
    list-style-position: outside !important;
}

#convoca1 {
    cursor: pointer;
}

.veda {
    background-color: #939598 !important;
}

.presentaPreins {
    /*background-color:rgb(255, 128, 0) !important;*/
    background-color: #12A924 !important;
    /*background-color:#D2D3D5;*/
    cursor: pointer;
}

.proxpreins {
    background-image: url("../images/tarjetapreinscripciones.png") !important;
}

.presentaDiagno {
    /*background-color:#137C56 !important;*/
    background-color: #474B55 !important;
    cursor: pointer;
}

.EDIEMS {
    /*background-color:#137C56 !important;*/
    background-color: #474B55 !important;
    cursor: pointer;
}

.presentaContra {
    background-color: #00AEEF !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaPrinPreins {
    /*background-color:rgb(255, 128, 0) !important;*/
    background-color: #D2D3D5 !important;
    cursor: pointer;
    padding: 16px !important;
}

.preabier {
    cursor: pointer;
}

.presentaSimula {
    background-color: #FFC41C !important;
    cursor: pointer;
    padding: 16px !important;
}

.tarjetaBase {
    /*background-color:#BA007C !important;*/
    cursor: pointer;
    padding: 16px !important;
}

.presentaOE {
    background-color: #BA007C !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaPVDA {
    background-color: #87025E !important;
    cursor: pointer;
    padding: 16px !important;
}

.promocion2021T {
    background-color: #52C6CC !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaCD {
    background-color: gray !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaCD2, .presentaCD2-1 {
    background-color: gray !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaCD3 {
    background-color: gray !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaCD4 {
    background-color: gray !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaCD5 {
    background-color: gray !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaCD6 {
    background-color: gray !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaCD7 {
    background-color: gray !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaCD8 {
    background-color: gray !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaTra {
    /*background-color:#137C56 !important;*/
    background-color: #474B55 !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaTra2 {
    /*background-color:#137C56 !important;*/
    background-color: #474B55 !important;
    cursor: pointer;
    padding: 16px !important;
}

.presentaEtica {
    /*background-color:rgb(58, 179, 221) !important;*/
    background-color: #0B8EB2 !important;
    cursor: pointer;
}

.presentaEtica2 {
    /*background-color:#e87252 !important;*/
    background-color: #00A79B !important;
    cursor: pointer;
}

.contrato {
    /*background-color:rgb(58, 179, 221) !important;*/
    background-color: #0B8EB2 !important;
    cursor: pointer;
}

.errata {
    /*background-color:#e87252 !important;*/
    background-color: #00A79B !important;
    cursor: pointer;
}

.presentaFC2019 {
    background-color: #EC008C !important;
    cursor: pointer;
    padding: 10px;
}

.presentaJD2019 {
    background-color: #39B54A !important;
    cursor: pointer;
    padding: 10px;
}
/*
.presentaEtica2 {
	
	background-color:#e87252 !important;
	cursor: pointer;
}
*/
.presentaTuto {
    /*background-color:#f6921e !important;*/
    background-color: #D2D3D5 !important;
    cursor: pointer;
}

.presentaTuto2 {
    background-color: #55768f !important;
    cursor: pointer;
}

.presentaTramites {
    /*background-color:rgb(58, 179, 221) !important;*/
    /*background-color:#137C56 !important;*/
    background-color: #474B55 !important;
    cursor: pointer;
}

    .presentaTramites h3 {
        color: white !important;
    }

.veda .titu {
    color: white !important;
    font-size: 2.5em;
    /*font-style: italic;*/
    text-align: center;
}

.presentaPreins .titu {
    color: white !important;
    font-size: 2.5em;
    font-style: italic;
    text-align: center;
}

.presentaDiagno .titu {
    color: white !important;
    font-size: 2em;
    font-style: italic;
    text-align: center;
}

.EDIEMS .titu {
    color: white !important;
    font-size: 2em;
    font-style: italic;
    text-align: center;
}

.presentaContra .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaPrinPreins .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaSimula .titu {
    color: white !important;
    font-size: 2em;
    font-style: italic;
    text-align: center;
}

.presentaTra .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaTra2 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.tarjetaBase .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}


.presentaOE .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaPVDA .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.promocion2021T .titu {
    color: white !important;
    font-size: 2em;
    font-style: italic;
    text-align: center;
}

.presentaCD .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaCD2 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaCD2-1 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaCD3 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaCD4 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaCD5 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaCD6 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaCD7 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaCD8 .titu {
    color: white !important;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}

.presentaEtica h3, .presentaEtica2 h3, .contrato h3, .errata h3 {
    color: white !important;
}

.contrato h3, .errata h3 {
    text-align: center;
}

.presentaContra p, .presentaPrinPreins p, .presentaSimula p, .presentaPreins p, .presentaDiagno p, .presentaEtica p, .presentaEtica2 p, .veda p, .presentaTramites p, .presentaTra p, .presentaTra2 p, .presentaOE p, .tarjetaBase p, .presentaPVDA p, .presentaCD p, .presentaCD2 p, .presentaCD2-1 p, .presentaCD3 p, .presentaCD4 p, .presentaCD5 p, .presentaCD6 p, .presentaCD7 p, .presentaCD8 p, .promocion2021T p, .EDIEMS p, .contrato p, .errata p {
    color: white !important;
}

.presentaContra a, .presentaPrinPreins a, .presentaSimula a, .presentaPreins a, .presentaDiagno a, .presentaEtica a, .presentaEtica2 a, .veda a, .presentaTramites a, .presentaTra a, .presentaTra2 a, .presentaOE a, .tarjetaBase a, .presentaPVDA a, .presentaCD a, .presentaCD2 a, .presentaCD2-1 a, .presentaCD3 a, .presentaCD4 a, .presentaCD5 a, .presentaCD6 a, .presentaCD7 a, .presentaCD8 a, .promocion2021T a, .EDIEMS a, .contrato a, .errata a {
    color: white !important;
}

.veda p {
    text-align: justify;
}

.presentaTuto h3, .presentaTuto2 h3 {
    /*color: white !important;*/
}

.presentaTuto p, .presentaTuto2 p {
    /*color: white !important;*/
}

.presentaTuto a, .presentaTuto2 a {
    /*color: white !important;*/
}

#abreMenu {
    cursor: pointer;
}

ol.preinStyle {
    list-style: none !important;
    counter-reset: my-awesome-counter;
    width: 70%;
    margin-left: 15%;
}

    ol.preinStyle li {
        counter-increment: my-awesome-counter;
        margin-bottom: 20px;
    }

        ol.preinStyle li::before {
            content: counter(my-awesome-counter) ". ";
            color: purple;
            font-weight: bold;
            /*margin-right: 10px;*/
            margin-left: -20px;
        }

.lineaPreins {
    position: relative;
    top: 0.5em;
    background-color: purple;
    width: 25%;
    height: 3px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.lineaPreins2 {
    position: relative;
    top: 0.5em;
    background-color: purple;
    width: 100%;
    height: 3px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}


.circulo {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: white;
    line-height: 2;
    margin-right: 20px;
}

h3.tituPreins {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 0px;
    line-height: 0em;
    float: left;
    color: #58595B;
}

h3.tituPreins2 {
    position: relative;
    top: -0.8em;
    text-align: center;
    font-size: 1.5em;
    color: #58595B;
    background-color: white;
    /*width: 50%;
    margin-left: auto;
    margin-right: auto;*/
    display: table;
    margin: auto;
}

.cabezPreins {
    margin-top: 15px;
}

p.subtituPreins {
    text-align: center;
    margin-top: 10px;
}

i.comentario {
    color: #6D6E71;
    font-size: .9em;
    display: table;
}

ol#two-columns {
    /* -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -o-column-count: 2; 
    -o-column-gap:20px;
    column-count: 2;
    column-gap: 20px;*/
    color: #6D6E71;
    list-style-type: decimal;
    list-style-position: outside;
}

    ol#two-columns li {
        padding-left: 1em;
    }

#mision {
    clear: both;
}

#misionp1 {
    /*font-size: 1.3em;*/
    text-align: justify;
}

#lemapie {
    font-size: 1.5em;
    color: lightgrey;
    text-align: right;
    padding-bottom: 10px;
}

#barra1 {
    /*border-bottom: 10px solid #137C57;*/
    border-bottom: 10px solid #474B55;
    width: 93%;
    float: left;
}

#barra2 {
    border-bottom: 10px solid white;
    width: 2%;
    float: left;
}

#barra3 {
    /*border-bottom: 10px solid #F6921E;*/
    border-bottom: 10px solid #D2D3D5;
}

.verMas {
    width: calc(50% - 90px);
    float: right;
    background-color: orange !important;
    color: white;
    padding: 20px 40px 20px 40px !important;
}

    .verMas a:visited {
        color: white;
    }

.columnaboxA {
    margin-bottom: 0px !important;
    ;
    border-bottom: 1px solid gray;
    border-left: gray 5px solid;
}

#redesSociales {
    position: absolute;
    top: 44px;
    right: 40px;
    /*font-size:x-large;*/
}

.columnaboxB {
    border-left: #ffb600 5px solid;
    margin-bottom: 0px !important;
    border-bottom: 1px solid gray;
}

.columnaboxC {
    border-left: #2bb673 5px solid;
    margin-bottom: 0px !important;
    border-bottom: 1px solid gray;
}

.columnaboxD {
    border-left: #27aae1 5px solid;
}

a {
    color: #6D6E71;
    text-decoration: none;
    cursor: pointer;
}

    a:visited {
        color: #609;
    }

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

figure.articulo {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
    /*width: 120px;*/
}

.logofondo {
    background-image: url("../images/newstyle/LogoBar-02.png"), url("../images/newstyle/Sloganbar.png"), url("../images/newstyle/BusquedabarNOicon.png");
    /*  background-image: url("../images/newstyle/LogoBarExtralong.png"), url("../images/newstyle/Sloganbar.png"), url("../images/newstyle/BusquedabarNOicon.png");
*/
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left center, center center, right center;
    background-size: 180px, auto, auto;
    /*background: url('img/flower.jpg');*/
}

.COBAEDfondo {
    background-image: url("../images/newstyle/COBAEDbar.png");
    background-repeat: no-repeat;
}

.enlacesbarra {
    margin-top: 5px;
    margin-left: 16%;
    width: 130px;
}

.tarjeta-beca {
    padding: 0px !important;
    width: calc(50% - 10px);
    display: inline-block;
    float: left;
    cursor: pointer;
}


.contenido-beca {
    display: none;
    padding: 40px 40px 20px 40px;
}

    .contenido-beca ul, .contenido-beca ol {
        color: #6D6E71;
        list-style-type: disc !important;
    }

    .contenido-beca ol {
        color: #6D6E71;
        list-style-type: decimal !important;
        list-style-position: outside;
    }

.tarjeta-plan-materia {
    padding: 0px !important;
    margin-bottom: 0px !important;
}

    .tarjeta-plan-materia ol {
        color: #6D6E71;
        list-style-type: decimal !important;
        list-style-position: outside;
    }

    .tarjeta-plan-materia > div {
        color: #6D6E71;
        padding: 20px;
        border-bottom: #6D6E71 1px solid;
    }

.titulo-beca {
    font-size: 1.5em;
    padding: 40px 40px 20px 40px;
    margin: 0px;
    color: white;
}


.contenido-beca h4 {
    font-size: 1em;
    color: #6D6E71;
    /*	border-top: 4px solid #137C56;*/
}

figcaption.caption {
    /* Make the caption a block so it occupies its own line. */
    display: block;
}

.enlinea p {
    display: inline;
}

.front-breadcums {
    margin: 0px;
    margin-top: 2px;
}

    .front-breadcums a {
        color: white;
        font-size: 2em;
        float: left;
        cursor: pointer;
        text-align: left;
    }

a:hover {
    text-decoration: underline;
}

body {
    /*background: #545050;*/
    /*background: linear-gradient(85deg, #000000, #00b800);*/
    background: #F1F2F2;
    /*font-family: "MyriadPro-Light";*/
    font-family: 'Open Sans', sans-serif;
    /*font-size: 18px;*/
    font-size: 16px;
    text-align: -webkit-center;
    overflow-x: hidden;
}

header {
    background: #1B5E20;
    height: 50px;
    text-align: right;
    padding: 12px;
}

h1 {
    color: white;
    /*font-family: "MyriadPro-Light";*/
    font-family: 'Open Sans', sans-serif;
    /*font-size: 2em;*/
    font-size: 90% margin: 5px 0 0 12px;
    text-align: left;
}

h2 {
    color: white;
    font-size: 24px;
    margin: 0;
    margin-bottom: 20px;
}

h3 {
    color: black;
    font-size: 18px;
}

h4 {
    color: black;
}

p {
    color: black;
}

#left {
    /*background: #4CAF50;*/
    background: #A6ABAF;
    color: white;
    float: left;
    height: 80px;
    text-align: left;
    width: 50%;
}

#right {
    /*background: #4CAF50;*/
    background: #A6ABAF;
    color: white;
    float: left;
    height: 80px;
    text-align: right;
    width: 50%;
}

#left > p {
    color: white;
    font-size: 20px;
    margin-left: 60px;
    position: absolute;
    top: 32px;
    left: 36px;
}

#right > p {
    color: white;
    font-size: 20px;
    margin-right: 60px;
    position: absolute;
    top: 32px;
    right: 36px;
}

#a-left {
    color: white;
    font-size: 24px;
}

#a-rigth {
    color: white;
    font-size: 24px;
}

.button-seccion {
    background: transparent;
    border: none;
    display: block;
    color: black;
    height: 32px;
    font-size: 1.1em;
    font-weight: 300;
    text-align: left;
    width: 100%;
    outline: none;
    padding-left: 6px;
}

footer .button-seccion {
    padding-left: 0px;
}

.button-seccion span {
    font-weight: bold;
}

#button_contacto {
    font-size: 1.1em;
    font-weight: bold;
}

#menuFootContacto {
    margin-top: 4px;
}

.border-bottom {
    border-bottom: 1px solid gray;
}


.capacitaciones-contenedor {
    width: 100%;
}

.cobaed {
    border: none;
    color: white;
    float: left;
    text-decoration: none;
    margin-top: 3px;
}

    .cobaed img {
        height: 40px;
    }

#transDgo {
    cursor: pointer;
}

#img-bienv2 {
    margin-bottom: 15px;
}

#fotogober {
    width: 125px;
    float: right;
}

.columna {
    margin-left: 0px;
    margin-right: 0px;
}

.columna0 {
    width: 40%;
    border-left: gray 5px solid;
}

.columnaA {
    float: left;
    margin-left: 0px;
    margin-right: 36px;
    width: 42%;
}

.columnaB {
    margin-left: 0px;
    margin-right: 0px;
    width: 42%;
}

#img-capacitacion {
    max-height: 768px;
}

#img-paraescolar {
    width: 100%;
}

.columnas {
    -webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    -o-box-flex: 1;
}

.tarjeta-interna-fin .columnas {
    margin-left: 4em;
}

.columnas section {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    page-break-inside: avoid;
    display: block;
}

.contenedor {
    background: #545050;
    height: 100%;
    max-width: 1366px;
    overflow: auto;
}

.contenido {
    display: block;
    height: 100%;
    max-width: 1366px;
    margin: 40px;
    text-align: left;
    overflow: visible;
}

.fb-activity {
    height: 100px;
}

.button-menu {
    /*background-image: url("/themes/website/images/prueba.png");*/
    background-size: 44px 39px;
    /*	background-color: #4CAF50;*/
    background-color: transparent;
    color: #FFFFFF;
    border: 0;
    float: left;
    height: 46px;
    margin-top: 0px;
    width: 46px;
    outline: none;
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.contenido-institucion, .tarjeta {
    background: white;
    border-radius: 2px;
    margin-top: 0px;
    margin-left: 18px;
    margin-bottom: 36px;
    margin-left: 0px;
    text-align: left;
    padding: 40px;
    overflow: hidden;
}


.tarjeta-noticias {
    display: inline-block;
    width: calc(50% - 90px);
    float: left;
    cursor: pointer;
    /*    margin: 18px 10px;
    padding:0px;	*/
}



.cbp-spmenu {
    background: #7DCA2D;
}

.enlaces {
    display: inline-block;
    margin-top: -3px;
}

    .enlaces figure {
        float: left;
        margin: 0.2em;
    }

        .enlaces figure a img {
            border: 5px solid #7DCA2D;
            border-radius: 50%;
            float: left;
            height: 40px;
            margin-left: 10px;
        }

.formulario input, textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}

    .formulario input:focus, textarea:focus {
        border-bottom: 1px solid #932f25;
        box-shadow: 0 1px 0 0 #932f25;
    }

.formulario textarea {
    height: 206px;
    width: 87%;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none;
    }

    .waves-effect.waves-light .waves-ripple {
        background-color: rgba(255, 255, 255, 0.45);
    }

    .waves-effect.waves-red .waves-ripple {
        background-color: rgba(244, 67, 54, 0.7);
    }

    .waves-effect.waves-yellow .waves-ripple {
        background-color: rgba(255, 235, 59, 0.7);
    }

    .waves-effect.waves-orange .waves-ripple {
        background-color: rgba(255, 152, 0, 0.7);
    }

    .waves-effect.waves-purple .waves-ripple {
        background-color: rgba(156, 39, 176, 0.7);
    }

    .waves-effect.waves-green .waves-ripple {
        background-color: rgba(76, 175, 80, 0.7);
    }

    .waves-effect.waves-teal .waves-ripple {
        background-color: rgba(0, 150, 136, 0.7);
    }

.btn {
    text-decoration: none;
    color: #FFF;
    text-align: center;
    letter-spacing: .5px;
    font-weight: normal;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    background: #932f25;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    margin-left: 3rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

    .btn:hover {
        outline: none;
        background: #932f25 !important;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

}

.mdi-content-send:before {
    content: "\e719";
}

.modal {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    background: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    z-index: 1000;
    border-radius: 2px;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    will-change: top, opacity;
    margin-top: 74px;
}

@media only screen and (max-width : 616px) {
    .lineaPreins2 {
        display: contents;
    }

    .textoEmb {
        width: 400px;
        float: right;
    }

    .textoUJED {
        width: 300px !important;
        text-align: right !important;
    }


    .divUJED1 {
        padding-top: 1em !important;
    }

    .divUJED3 {
        font-size: 1.5em;
    }

    .divUJED4 {
        font-size: 3em;
    }
}

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

    .col-dise1Left, .col-dise1right {
        width: 100%;
    }

    .col-dise1Left, .col-dise1right2 {
        width: 100%;
    }

    .col-unTercio {
        width: 100% !important;
    }

    .col-dosTercios {
        width: 100%;
    }

    .col-dise1Left #colegioTitulo {
        text-align: right !important;
    }

    .coldosCuarto {
        width: 100%;
    }

    .colunCuarto {
        width: 100%;
    }

    .coltresCuarto {
        width: 100%;
    }

    .colunTercio {
        width: 100%;
    }

    .coldosTercio {
        width: 100%;
    }

    .colunMedio {
        width: 100%;
    }

    .colmenTercioCuarto {
        width: 100%;
    }

    .colUnOctavo {
        width: 100%;
    }

    .colTresOctavo {
        width: 100%;
    }

    .col35porc {
        width: 100%;
    }

    .col40porc {
        width: 100%;
    }

    .misionGob {
        float: right;
        position: relative;
        right: -20px;
        width: 209px;
        top: -340px;
    }

    .mensajeGob {
        float: right;
        position: relative;
        right: -20px;
        width: 209px;
        top: -440px;
    }

    #misionGobEspecial {
        top: -380px;
    }

    .modal {
        width: 80%;
    }

    .enlacesbarra {
        margin-top: 5px;
        margin-right: 40px;
        float: right;
    }

    .logofondo {
        background-image: url("../images/newstyle/barraHDshorter-01.png");
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: left center, center center, right center;
        /*background: url('img/flower.jpg');*/
        /*background-size:auto;*/
        background-size: 125px;
    }
}

.modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0;
}

.modal .modal-content {
    padding: 24px;
    text-align: left;
}

.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%;
}

    .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
        float: right;
        margin: 6px 0;
    }

.Footer {
    margin-top: 36px;
    display: inline-block;
    color: white;
    text-align: left;
    width: 100%;
    bottom: 0;
    position: relative;
    bottom: -5px;
    /*background-color:#137C56;*/
    background-color: #474B55;
    /*padding:40px 0px 0px 40px;*/
}

#navFooter a {
    color: white !important;
    /*padding-left: 6px;*/
}

#navFooter span {
    color: white !important;
}

#navFooter span {
    font-size: 0.8em;
}


.Footer-map {
    display: block;
    float: left;
    margin: 0 .5em 0 1em;
    padding-bottom: 20px;
}

.h2-interno {
    margin: 0;
}

.modalmask {
    position: fixed;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalmask:target {
        opacity: 1;
        pointer-events: auto;
    }

.modalbox {
    width: 400px;
    position: relative;
    padding: 5px 20px 13px 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.movedown {
    margin: 0 auto;
}

.rotate {
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
}

.resize {
    margin: 10% auto;
    width: 0;
    height: 0;
}

.modalmask:target .resize {
    margin-top: 5%;
    height: 70%;
    overflow-y: scroll;
    padding: 40px;
    width: 61%;
}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
    font-size: 16px;
}

    .close:hover {
        background: #FAAC58;
        color: #222;
    }

.h2-black {
    color: black;
}

.h2-darkgray {
    color: #58595B;
}

.btn-groupP .buttonT {
    background-color: #52C6CC; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
    width: 50%;
}

    .btn-groupP .buttonT:hover {
        background-color: #2E959A;
    }

.btn-groupP .buttonG {
    background-color: #A7A9AC; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
    width: 50%;
}

    .btn-groupP .buttonG:hover {
        background-color: #727579;
    }

.tarjeta-interna-inicio strong, .tarjeta-interna-fin h4 {
    color: #58595B;
}

.tarjeta-interna-inicio p, .tarjeta-interna-inicio li, .tarjeta p, .plantel a {
    color: #6D6E71;
}

.tarjeta-interna-inicio a {
    color: #137C56;
    color: #474B55;
}

    .tarjeta-interna-inicio a:visited {
        color: #137C56;
        color: #474B55;
    }

.plantel p {
    color: #6D6E71;
}

.lista {
    list-style: none;
}

    .lista li {
        padding-bottom: 10px;
    }

.tarjeta-calendario {
    width: 100%;
}

.img-texto {
    margin-bottom: 36px;
    margin-top: 0px;
    margin-right: 0px;
}

    .img-texto section {
        display: inline-block;
        margin-left: 1.125em;
        margin-top: 4.5em;
        margin-right: 0px;
        width: 42.9%;
    }

.img-texto-abajo {
    height: auto;
    margin-left: 18px;
    margin-right: 0px;
    width: 100%;
}

    .img-texto-abajo figure {
        margin: 0 0 18px 0;
        display: inline-block;
    }

        .img-texto-abajo figure img {
            width: 100%;
        }

.row .col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.75rem;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

#imagen-valor {
    float: left;
    margin-left: 0px;
    margin-right: 18px;
    width: 50%;
}

.Mapa {
    display: inline-block;
    float: left;
    margin-right: 10em;
}

.margenes_centro {
    margin-right: 16px;
    margin-left: 16px;
}

.margenes_izq {
    margin-right: 16px;
}

.margenes_der {
    margin-left: 16px;
}

.migajas {
    color: white;
    /*font-family: "MyriadPro-Light";*/
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    float: left;
    margin-top: 4px;
    text-align: left;
}

.modalmask {
    position: fixed;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalmask:target {
        text-align: -webkit-center;
        text-align: -moz-center;
        opacity: 1;
        pointer-events: auto;
    }

.modalbox {
    width: 400px;
    position: relative;
    padding: 5px 20px 13px 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.movedown {
    margin: 0 auto;
}


.modalmask:target .resize {
    margin-top: 5%;
    height: 70%;
    overflow-y: scroll;
    padding: 40px;
    width: 61%;
}

.colus {
    margin: 0 auto;
    width: 100%;
}

.Noticias {
    float: left;
    margin-bottom: 1.2em;
    padding-left: .0em;
}

.Noticias-description {
    /*font-size: 1em;*/
    display: inline-block;
    text-align: justify;
    /*margin:16px;*/
}

    .Noticias-description p {
        color: #6D6E71;
    }

.Noticias-imageContainer {
    float: initial;
    margin: 0 0 0 0;
}

    .Noticias-imageContainer img {
        width: 100%;
        /*max-width: 600px;*/
    }

.Noticias-Title {
    font-weight: 900;
    font-size: 1.2em;
    line-height: 1.2em;
    display: inline-block;
    margin: 16px 0px 16px 0px;
    /*margin: 16px;*/
    text-align: center;
    color: #58595B;
}

.noticias-principales {
    margin-top: 1em;
    display: inline-block;
    width: 100%;
}

.plantel {
    margin-bottom: 5px;
}

.opcprincipal {
    display: inherit;
    margin-left: 6px;
}

.aprincipal {
    padding-left: 6px !important;
    height: 18px !important;
    ;
}

.parrafo_secundario {
    font-size: 14px;
}

.seccion {
    /*	background: #4CAF50;
	background-image: url("paper.png");*/
    background-color: #FFFFFF;
    height: 45px;
    padding: 12px;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 1;
}

.seccion-scroll {
    /*background: #4CAF50;*/
    background-color: #FFFFFF;
    height: 45px;
    text-align: left;
    padding: 12px;
}

.semestre-cap {
    margin-bottom: 36px;
}

.sombra {
    -webkit-box-shadow: 5px -2px 20px 0px rgba(0,0,0,1);
    -moz-box-shadow: 5px -2px 20px 0px rgba(0,0,0,1);
    box-shadow: 5px -2px 20px 0px rgba(0,0,0,1);
}

.sombra-general {
    /*
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
*/
    box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
}

.tarjeta-encabezado-color {
    background: white;
    border-radius: 2px;
    margin-top: 0px;
    margin-left: 18px;
    margin-bottom: 36px;
    margin-left: 0px;
    text-align: center;
    overflow: hidden;
}

.tarjeta-madre {
    background: white;
    border-radius: 2px;
    margin-top: 0px;
    margin-left: 18px;
    margin-bottom: 36px;
    margin-left: 0px;
    text-align: left;
    overflow: hidden;
}

.tarjeta-interna {
    background: white;
    text-align: left;
    padding: 40px;
    overflow: hidden;
}

.tarjeta-interna-inicio {
    border-bottom: 1px solid gray;
    padding: 40px;
}

.tarjeta-interna-media {
    border-bottom: 1px solid;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 40px;
}

.tarjeta-interna-fin {
    margin-top: 0px;
    margin-bottom: 36px;
    padding: 40px;
}

.titulo-seccion {
    color: white;
    /*font-family: "MyriadPro-Light";*/
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    margin-top: 4px;
    text-align: left;
}

.titulo-interno {
    /*background: #4CAF50;*/
    /*background: #A6ABAF;*/
    color: white;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 40px;
}

.tituloColor {
    font-size: 1.8em;
    font-weight: bold;
    color: white;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 40px;
    padding-right: 40px;
}

.tituloColor2 {
    font-size: 1.5em;
    font-weight: bold;
    color: white;
    padding-top: 0.8em;
    padding-bottom: 0.7em;
    padding-left: 40px;
    padding-right: 40px;
}

.verdeCobaed {
    /*background-color: #137C56 !important;*/
    background-color: #474B55 !important;
}

.verdeBandera {
    /*background-color: #2A6B1F !important;*/
    background-color: #727372 !important;
}

.naranjaCobaed {
    /*background-color: #F6921E !important; */
    background-color: #D2D3D5 !important;
}

.grisCobaed {
    background-color: #6D6E71 !important;
}

.negroCobaed {
    background-color: #000000 !important;
}

.magenta {
    background-color: #FF00FF !important;
}

.azulGris {
    background-color: #4481A1 !important;
}

.turquesaToGris {
    background-color: #52C6CC !important; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #52c6cc, #A7A9AC);
}

.textoTurqeusa {
    color: #00A79D;
}

.textoAzulGris {
    color: #4481A1 !important;
}

.textoVerdeBandera {
    color: #2A6B1F !important;
}

.textoUJED {
    width: 35%;
    float: right;
    text-align: left;
    position: relative;
    top: -2.5em;
    right: -1em;
    font-size: 0.9em;
}

    .textoUJED p {
        color: white;
    }

.divUJED1 {
    color: #00A79D;
    padding-top: 2em;
    font-size: 2em;
}

.divUJED2 {
    color: #00A79D;
    font-size: 1.2em;
    position: relative;
    top: -0.5em;
}

.divUJED3 {
    font-size: 2em;
    position: relative;
    top: -0.7em;
}

.divUJED4 {
    font-size: 3.5em;
    position: relative;
    top: -0.8em;
}

.TextoBlanco {
    color: white;
}

.azulMar {
    background-color: #1A293F !important;
}

.pestaGris {
    border-radius: 10px 10px 0px 0px;
    background-color: #6D6E71 !important;
    color: white;
    font-weight: bold;
    display: flex;
    width: 300px;
    height: 2.5em;
    justify-content: center;
    align-items: center;
    position: relative;
}

.textGris p {
    color: #6D6E71 !important;
}

.textGris div {
    color: #6D6E71 !important;
}

.naraFuerte {
    color: #F15A29 !important;
    font-size: 1em;
}

.contTramites h4 {
    /*color: #137C56 !important;*/
    color: #474B55 !important;
    font-size: 1em;
}

.contTramites p {
    color: #6D6E71 !important;
}

.contTramites li {
    color: #6D6E71 !important;
    /*list-style: circle;*/
}

.contTramites > ul > li {
    list-style-type: disc;
}

.contTramites ul.listGuion > li {
    list-style-type: none;
    color: #6D6E71 !important;
}

    .contTramites ul.listGuion > li::before {
        content: "-";
    }

.parraESCO2020 {
    margin-left: 2em;
}

#convCl2019 {
    text-align: center;
    color: #AD0E2A !important;
}

#convCAM2019 {
    text-align: center;
    color: #F15A29 !important;
}

#convsofo2020 {
    text-align: center;
    color: #4481A1 !important;
}

.bCAM2019 b {
    color: #F15A29;
}

.bSOF2020 b {
    color: #4481A1;
}

.marcaTramites {
    /*color:#137C56;*/
    color: #474B55;
}

.titulo-interno h1 {
    font-size: 1.8em;
}

.rotate {
    margin: 10% auto;
    -webkit-transform: scale(-5,-5);
    transform: scale(-5,-5);
}

.resize {
    margin: 10% auto;
    width: 0;
    height: 0;
}

.anio {
    display: inline-block;
    left: 3%;
    position: relative;
}

.tarjeta-galeria {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 4px;
}

    .tarjeta-galeria img {
        height: auto;
        width: 100%;
    }

.secundario {
    height: auto;
    width: 15%;
}

.plantel img {
    width: 100%;
}

.principal {
    display: block;
    margin: -1px 2px 0px 2px;
    width: 31%;
}

#contenido {
    margin-top: 2em;
    text-align: center;
    padding-left: 3em;
    padding-right: 3em;
    overflow: hidden;
}

#tarjeta-mapa {
    float: left;
    margin: 0px 36px 0px 0px;
    width: 39%;
}

#columnas {
    text-align: center;
}

    #columnas > li {
        list-style: none;
        float: left;
        margin-right: 20em;
    }

#columnas-cont > li {
    list-style: none;
    float: left;
    margin-right: 10em;
}

#columnaA {
    width: 40%;
}

    #columnaA > p {
        margin-left: 12px;
    }

#columanB {
    width: 40%;
}

#columanC {
    width: 20%;
}

#columnaA, #columanB #columanC {
    height: 50px;
}

#columnas-becas {
    text-align: center;
}

    #columnas-becas > li {
        list-style: none;
        float: left;
        margin-right: 20em;
    }

#columnas-becas-cont > li {
    list-style: none;
    float: left;
    margin-right: 10em;
}

#columnaA-becas, #columnaB-becas, #columnaC-becas, #columnaD-becas {
    width: 25%;
}

#columnaA-becas, #columnaB #columnaC-becas,
{
    height: 50px;
}


/* Create two equal columns that floats next to each other */
.columnHalf {
    float: left;
    width: 45%;
    padding: 10px;
}

.columnF1 {
    float: left;
    width: 28%;
    padding: 20px;
}

.columnF2 {
    /*float: left;*/
    width: 100%;
    padding: 20px;
}

.columnC1 {
    float: left;
    width: 10%;
    /*padding: 10px;*/
}

.columnC2 {
    /*float: left;*/
    width: 100%;
    padding: 10px;
}


.columnH1 {
    float: left;
    width: 50%;
    /*padding: 10px;*/
}

.columnH2 {
    /*float: left;*/
    width: 100%;
    /*padding: 10px;*/
}

#convoca2 p {
    margin-left: 10px;
    margin-right: 20px;
}

#convoca2 a {
    color: #117c58;
}

#convoca2 #tituConv2 {
    /*margin-bottom:0px;*/
    /*  display: inline;*/
    margin: 0.4em;
}

#convoca2 .tarjeta-interna-inicio {
    padding: 0px;
    /*line-height: 0;*/
    text-align: center;
}

#tituConvLogo {
    /*width:100%;*/
    height: 4.1em;
}

#imgPre2019 {
    width: 100%;
}

#encabezado {
    border-bottom: 1px solid;
}

#fila:nth-child(odd) {
    background: #ded6d4;
}

#imagen_plan {
    width: 50%;
    float: left;
    margin-left: 30px;
}

#menu-enlaces {
    display: inline-block;
    text-align: left;
    width: 100%;
}

#Miagajas {
    text-align: left;
    margin: 0;
    padding-left: 2em;
}

#Migajas-From {
    padding-right: 2em;
}

#Migajas-input {
    border-radius: 10px;
}

#noticia article figure img {
    height: 343px;
}

#noticia article figure {
    display: inline-block;
    float: left;
    margin: 0px 36px 0px 0px;
}

#landing-secciones {
    display: inline-block;
    margin-bottom: 36px;
}

    #landing-secciones figure {
        margin: 0;
    }

    #landing-secciones section {
        text-align: center;
    }

        #landing-secciones section ul {
            display: inline-block;
            padding: 0;
        }

            #landing-secciones section ul li {
                color: white;
                float: left;
                font-size: 24px;
                list-style: none;
                margin-left: 36px;
            }

#mapa {
    margin: 0;
    padding: 0;
}

#tarjeta-tabla > p {
    text-align: center;
    padding-left: 1em;
    padding-bottom: 2em;
}

#titulo-identidad {
    background-color: #7DCA2D;
    color: #FFF;
    float: none;
    font-size: 1em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
}

#titulo-paraescolar {
    border: none;
    /*color: white;*/
    color: #6D6E71;
    text-decoration: none;
    margin: 0;
}

#titulo-sectoriales {
    background-color: green;
    color: white;
    text-align: left;
    padding-left: 40px;
}

#titulo-seccion h1 {
    margin-top: 4px;
}

#sectoriales {
    display: block;
}

#sectorial-0, #sectorial-1, #sectorial-2, #sectorial-3, #sectorial-4 {
    display: inline-block;
    float: left;
    height: 458px;
    margin-top: 36px;
    width: 25%;
}

#sectorial-0, #sectorial-1, #sectorial-2, #sectorial-3 {
    margin-left: 0px;
    margin-right: 36px;
}

#sectorial-4 {
    margin-left: 0px;
    margin-right: 0px;
}

#sectorial-0, #sectorial-1 {
    margin: 0px 36px 7px 0px;
}

#titulo-sectorial-0 {
    background: #117C58;
    /*background: #932257;*/
    text-align: center;
}

#titulo-sectorial-1 {
    background: #F7941D;
    /*background: #4a8388;*/
    text-align: center;
}

#titulo-sectorial-2 {
    background: #EC008C;
    /*background: #37673c;*/
    text-align: center;
}

#titulo-sectorial-3 {
    background: #00B2CB;
    /*background: #b5c345;*/
    text-align: center;
}

#titulo-sectorial-4 {
    background: #97469A;
    /*background:  #d5822e;*/
    text-align: center;
}

#titulo-sectorial-0, #titulo-sectorial-1, #titulo-sectorial-2, #titulo-sectorial-3, #titulo-sectorial-4 {
    padding: 10px;
}

    #titulo-sectorial-0 > h2 {
        margin-bottom: 0px;
    }

    #titulo-sectorial-1 > h2 {
        margin-bottom: 0px;
    }

    #titulo-sectorial-2 > h2 {
        margin-bottom: 0px;
    }

    #titulo-sectorial-3 > h2 {
        margin-bottom: 0px;
    }

    #titulo-sectorial-4 > h2 {
        margin-bottom: 0px;
    }

#tarjeta-mapa {
    float: left;
    margin: 0px 36px 0px 0px;
    width: 27%;
}

#plan {
    width: 45%;
    float: left;
}

#plan_estudios {
    list-style: none;
    padding-left: 0px;
}

    #plan_estudios li {
        padding: 16px 0;
    }


.tarjeta-interna-inicio ul, .description-orange ul {
    list-style-type: disc;
    margin-top: 0px;
    margin-bottom: 0px;
}

.tarjeta-interna-inicio ol, .description-orange ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin-top: 0px;
    margin-bottom: 0px;
}


.description-orange li, .description-orange ol {
    border-radius: 0px !important;
    display: list-item !important;
    float: none !important;
    margin-top: 0px !important;
    padding: 0px !important;
    position: static !important;
    width: auto !important;
    list-style-position: outside !important;
}

#airplane {
    display: none;
    position: fixed;
    width: 10%;
    /*height: 20%;*/
    left: 50%;
    bottom: 50%;
    /*background-position:0px -178px;*/
    z-index: 99;
}

@media only screen and (max-width : 415px) {
    #navFooter {
        margin-right: 40px !important;
    }

    #redesSociales {
        right: auto;
        top: 100px;
    }
}

@media screen and (max-width: 1350px) {
    #goblinks {
        display: none !important;
    }

    .bg-img5 {
        min-height: 765px;
    }
}

@media screen and (max-width: 1455px) {
    .bg-img6 {
        background-size: cover;
    }
}

@media (min-width: 360px) {
    .columnas {
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    #img-capacitacion {
        display: none;
    }
}

@media (min-width: 300px) {
    .columnas {
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    #a-left {
        color: white;
        font-size: 20px;
    }

    #a-rigth {
        color: white;
        font-size: 20px;
    }

    #left > p {
        left: 0px;
    }

    #right > p {
        right: 0px;
    }

    #tarjeta-mapa {
        display: none;
    }

    #sectorial-0 {
        margin-bottom: 0;
    }

    #sectorial-0, #sectorial-1, #sectorial-2, #sectorial-3, #sectorial-4 {
        height: auto;
        margin: 0 0 36px 0;
        width: 100%;
    }

    .semestre-cap {
        display: block;
    }
}

@media (min-width: 768px) {
    .columnas {
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }

    #img-capacitacion {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    #eodsm {
        position: initial;
    }

    #eodsm2 {
        position: initial;
    }

    .columnHalf {
        width: 100%;
    }

    .cuerpoConv {
        display: block;
    }

    .columnF1 {
        width: 100%;
    }

    .columnC1 {
        display: none;
    }

    .columnH1 {
        width: 100%;
    }

    .presentaPreins .titu {
        font-size: 1em;
    }

    .presentaDiagno .titu {
        font-size: 1em;
    }

    .EDIEMS .titu {
        font-size: 1em;
    }

    .presentaContra .titu {
        font-size: 1em;
    }

    .presentaPrinPreins .titu {
        font-size: 1em;
    }

    .presentaSimula .titu {
        font-size: 1em;
    }

    .presentaTra .titu {
        font-size: 1em;
    }

    .presentaTra2 .titu {
        font-size: 1em;
    }

    .tarjetaBase .titu {
        font-size: 1em;
    }

    .presentaOE .titu {
        font-size: 1em;
    }

    .presentaPVDA .titu {
        font-size: 1em;
    }

    .promocion2021T .titu {
        font-size: 1em;
    }

    .lineaPreins {
        display: none;
    }

    .subtituPreins {
        text-align: left !important;
    }

    .text-block5 {
        top: 0px;
        background: rgb(86,118,143);
        background: rgba(86,118,143, 0.72);
    }

        .text-block5 p {
            margin-top: 30px;
            margin-left: 0px;
        }

    .enlaces {
        display: none;
    }

    .tarjeta {
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        width: auto;
    }

    .tarjeta-beca {
        width: 100%;
    }

    .formulario input, textarea {
        width: auto;
    }

    .mes {
        display: none;
    }

    .migajas {
        display: none;
    }

    .tarjeta, .tarjeta-interna, .tarjeta-interna-inicio, .tarjeta-interna-fin {
        height: auto;
        padding: 12px;
    }

    .img-texto-abajo {
        margin-right: 0px;
        float: none;
        height: auto;
        width: 100%;
    }

    .Noticias-imageContainer img {
        width: 100%;
    }

    #columnaA > p {
        margin-left: 0px;
    }
}

#landing-secciones section {
    text-align: left;
}

    #landing-secciones section ul {
        padding: 0;
    }

        #landing-secciones section ul li {
            color: white;
            float: none;
            font-size: 24px;
            list-style: none;
            margin-left: 36px;
        }

#imagen-valor {
    float: none;
    margin-left: 0px;
    margin-right: 18px;
    width: 100%;
}

#image-plantel img {
    display: none;
}

}

@media screen and (min-width: 1254px) {
    .Noticias {
        display: inline-block;
        float: left;
        margin-bottom: 1.2em;
        width: 48%;
    }

        .Noticias:nth-child(odd) {
            margin-right: 2%;
        }

    .Noticias {
        margin-right: 2%;
    }

    #contenido {
        margin-top: 2em;
        text-align: center;
        padding-left: 3em;
        padding-right: 3em;
        overflow: hidden;
    }
}

@media screen and (min-width: 769px) {
    header, nav, a, img, li {
        transition: all 0.5s;
        -moz-transition: all 1s; /* Firefox 4 */
        -webkit-transition: all 1s; /* Safari and Chrome */
        -o-transition: all 1s; /* Opera */
    }
}

@media screen and (max-width: 1024px) {
    body {
        padding-top: 0px;
    }

    .fotos {
        display: inline-block;
        left: 3%;
        position: relative;
    }

    .tarjeta-galeria {
        display: inline-block;
        float: left;
        margin: 2px;
    }

    .container {
        width: 750px;
    }
    /* .contenido
    {
    	margin:15px;
    }*/
    .Footer-map {
        display: block;
        float: center;
        margin-right: 30px;
        padding-bottom: 20px;
    }

    .secundario {
        height: auto;
        width: 31%;
    }

    .principal {
        display: none;
    }

    .margenes_centro, .margenes_izq, .margenes_der {
        margin: 0px;
    }
}

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

@media (max-width: 830px) {
    .text-blockGTF p {
        font-size: 2em;
    }
}

@media (min-width: 1023px) {
    #tarjeta-mapa {
        display: inline-block;
        float: left;
        margin: 0px 36px 0px 0px;
        width: 30%;
    }

    #sectorial-1 {
        margin-top: 0px;
    }

    #sectorial-0, #sectorial-1, #sectorial-2, #sectorial-3, #sectorial-4 {
        display: inline-block;
        float: left;
        height: 458px;
        margin-right: 36px;
        width: 25%;
    }

    #imagen-valor {
        float: left;
        margin-left: 0px;
        margin-right: 18px;
        width: 50%;
    }
}

@media (max-width: 1023px) {
    .container {
        width: 1170px;
    }

    .img-texto-abajo {
        height: auto;
    }

    .img-texto section {
        display: inline-block;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        width: 100%;
    }

        .img-texto section h3 {
            margin-top: 0px;
        }

    .img-texto figure {
        display: inline-block;
        text-align: center;
    }

    .img-texto-abajo {
        margin-right: 0px;
    }

        .img-texto-abajo:nth-child(odd) {
            margin-right: 0px;
        }

        .img-texto-abajo figure {
        }

        .img-texto-abajo section {
            margin: 0px;
        }
}

@media screen and (max-width: 1439px) and (min-width: 983px) {
    #imgpresentaTra3 {
        height: 142px !important;
        width: auto;
    }

    #centrotitupresenta3 {
        background-color: white;
    }
}

@media screen and (max-width: 745px) {
    .text-blockGT2 {
        width: 100%;
        height: 20vw;
    }
}

@media screen and (max-width: 465px) {
    .text-blockGT2 {
        top: 40%;
    }

    #TituInd {
        position: initial;
        margin-top: 30px;
    }
}