@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
.awesome {
    font-family: FontAwesome;
}


/**********/


/*ALICE
/**********/

#btn-cerrar {
    z-index: 999;
}

.modal_navidad {
    z-index: 998;
}

.modal_navidad {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    animation: modal_navidad 2s 3s forwards;
    visibility: hidden;
    opacity: 0;
}

.contenido_navidad {
    margin: 10vh 0vh 0 33vh;
}

#cerrar {
    display: none;
}

#cerrar+label {
    position: absolute;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    z-index: 999;
    background: #0c0c0c;
    height: 50px;
    width: 50px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    right: 30vh;
    top: 10vh;
    cursor: pointer;
    animation: modal_navidad 2s 3s forwards;
    visibility: hidden;
    opacity: 0;
}

#cerrar:checked+label,
#cerrar:checked~.modal_navidad {
    display: none;
}

@keyframes modal_navidad {
    100% {
        visibility: visible;
        opacity: 1;
    }
}


/*********************************************************************************/


/* Basic                                 /*                                        */


/*********************************************************************************/


/*jssor slider loading skin spin css carrusel */

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*jssor slider bullet skin 053 css*/

.jssorb053 .i {
    position: absolute;
    cursor: pointer;
}

.jssorb053 .i .b {
    fill: #fff;
    fill-opacity: 0.5;
}

.jssorb053 .i:hover .b {
    fill-opacity: .7;
}

.jssorb053 .iav .b {
    fill-opacity: 1;
}

.jssorb053 .i.idn {
    opacity: .3;
}


/*jssor slider arrow skin 093 css*/

.jssora093 {
    display: block;
    position: absolute;
    cursor: pointer;
}

.jssora093 .c {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
}

.jssora093 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
}

.jssora093:hover {
    opacity: .8;
}

.jssora093.jssora093dn {
    opacity: .6;
}

.jssora093.jssora093ds {
    opacity: .3;
    pointer-events: none;
}


/* Sections/Articles */

section,
article {
    margin-bottom: 3em;
}

section> :last-child,
article> :last-child {
    margin-bottom: 0;
}

section:last-child,
article:last-child {
    margin-bottom: 0;
}

.row>section,
.row>article {
    margin-bottom: 10;
}


/* Images */

.image {
    display: inline-block;
}

.image img {
    display: block;
    width: 100%;
}

.image.featured {
    display: block;
    width: 100%;
    margin: 0 0 2em 0;
}

.image.full {
    display: block;
    width: 100%;
    margin-bottom: 2em;
}

.image.left {
    float: left;
    margin: 0 2em 2em 0;
}

.image.centered {
    display: block;
    margin: 0 0 2em 0;
}

.image.centered img {
    margin: 0 auto;
    width: auto;
}


/* Lists */

ul.default {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.default li {
    display: block;
    padding: 2em 0em 1.25em 0em;
    border-top: 1px solid #303030;
}

ul.default li:first-child {
    padding-top: 0em;
    border-top: none;
}

ul.default a {
    text-decoration: none;
    color: rgba(255, 255, 255, .5);
}

ul.default a:hover {
    text-decoration: underline;
}

ul.style1 {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.style1 li {
    padding: 0.60em 0em;
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, .1);
}

ul.style1 li:first-child {
    padding-top: 0;
    border-top: 0;
}

ul.style1 img {}

ul.style2 {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.style2 li {
    padding: 1.90em 0em 1.60em 0em;
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, .1);
}

ul.style2 li:first-child {
    padding-top: 0;
    border-top: 0;
}

ul.style2 img {
    float: left;
    padding-right: 1em;
}

ul.style5 {
    overflow: hidden;
    margin: 0em 0em 1em 0em;
    padding: 0em;
    list-style: none;
}

ul.style5 li {
    float: left;
    padding: 0.25em 0.25em;
    line-height: 0;
}

ul.style5 a {}


/* Buttons */

.button {
    position: relative;
    display: inline-block;
    margin-top: 0.5em;
    padding: 0.50em 1.5em;
    background: #e95d3c;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFF;
    -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    cursor: pointer;
}

.button:hover {
    background: #de3d27;
    color: #FFF !important;
}


/*********************************************************************************/


/* Icons                                                                         */


/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */


/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */


/*********************************************************************************/

.fa {
    text-decoration: none;
    font-family: Poppins, sans-serif;
    color: rgb(130, 130, 131);
    margin: 0.5em;
}

.fa:hover {
    color: rgb(251, 251, 255);
}

.fa.solo {}

.fa.solo span {
    display: none;
}

.fa:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.3333333333333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.2857142857142858em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    top: .14285714285714285em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.8571428571428572em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-move:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-resize-full:before {
    content: "\f065"
}

.fa-resize-small:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-resize-vertical:before {
    content: "\f07d"
}

.fa-resize-horizontal:before {
    content: "\f07e"
}

.fa-bar-chart-o:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-fullscreen:before {
    content: "\f0b2"
}

.fa-group:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-asc:before {
    content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-desc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building:before {
    content: "\f0f7"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-expand-o:before {
    content: "\f116"
}

.fa-collapse-o:before {
    content: "\f117"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-mail-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-o:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-horizontal:before {
    content: "\f141"
}

.fa-ellipsis-vertical:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}

.fa-won:before,
.fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}


/*********************************************************************************/


/* Header                                                                        */


/*********************************************************************************/

#header {
    position: relative;
    background: #FFF;
}

#header .container {
    position: relative;
    padding: 4em 0em;
}


/*********************************************************************************/


/* Logo                                                                          */


/*********************************************************************************/

#logo {
    position: absolute;
    left: -1em;
    top: 1em;
}

#logo h1 {}

#logo a {
    display: block;
    text-decoration: none;
    font-size: 20px;
    color: black;
    left: 10px;
}


/* menu anidado diplomados*/

.menu {
    font-family: Poppins, sans-serif;
    font-size: medium;
    text-align: center;
    Width: 15vh;
}

.menuCSS3 ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
    height: 6vh;
}

.menuCSS3 a {
    display: block;
    font-family: Poppins, sans-serif;
    font-size: medium;
    text-align: center;
    text-decoration: none;
    margin: 1vh 1vh 0 1vh;
    color: rgb(255, 255, 255);
}

.menuCSS3 ul li ul {
    display: none;
    float: right;
}

.menuCSS3 ul li a:hover+ul,
.menuCSS3 ul li ul:hover {
    display: block;
    position: absolute;
    font-family: Poppins, sans-serif;
    font-size: medium;
    text-align: center;
    background-color: rgb(32, 39, 59);
    Width: 20vh;
}


/*********************************************************************************/


/* Banner                                                                        */


/*********************************************************************************/

#banner {
    position: relative;
    padding: 12em 0em;
    background: url(../images/banner.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
}


/*********************************************************************************/


/* Main                                                                          */


/*********************************************************************************/

#page {
    position: relative;
    background: #fff;
}

#main {
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, .2);
}

.sidebar header h2 {
    font-size: 1.6em;
}


/*********************************************************************************/


/* Footer                                                                        */


/*********************************************************************************/

#footer {
    position: relative;
    background-color: black;
    width: 100%;
}

.domicilio {
    width: 50%;
    display: inline-block;
    margin: 40px 0px 50px 0px;
    padding: 0;
    text-align: center;
    font-family: Poppins, sans-serif;
    line-height: 1.4em;
    color: rgb(139, 139, 139);
    background-color: black;
    text-decoration: none;
}

.webs {
    width: 100%;
    height: 480px;
    display: inline-block;
    padding: 0px;
    background-color: black;
    text-align: center;
    font-family: Poppins, sans-serif;
    line-height: 1.4em;
    color: rgb(204, 202, 202);
    text-decoration: none;
}

.webs-faceb {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    font-family: Poppins, sans-serif;
    line-height: 1.4em;
    color: rgb(204, 202, 202);
    text-decoration: none;
}


/*********************************************************************************/


/* Copyright                                                                     */


/*********************************************************************************/

#copyright {
    position: relative;
    padding: 3em 0em;
    border-top: 1px solid #303030;
    letter-spacing: 1px;
    text-align: center;
    color: rgba(255, 255, 255, .4);
}


/*********************************************************************************/


/* Marketing                                                                     */


/*********************************************************************************/

#marketing {
    position: relative;
}

#marketing header h2 {
    font-size: 1.6em;
}


/*********************************************************************************/


/* Featured                                                                      */


/*********************************************************************************/

#featured {
    position: relative;
    /*		overflow: auto;*/
    width: 100%;
    height: auto;
}

#featured .divider {
    border-bottom: 1px solid #303030;
}

#featured .box {
    background: #FFF;
    padding: 1.4em;
}

blockquote {
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
}

.balloon {
    padding: 1.87em;
    background: url(images/img08.jpg) repeat left top;
    border-radius: 5px;
    line-height: 180%;
    font-size: 1.2em;
    color: #333;
}

.ballon-bgbtm {
    height: 1.87em;
}

.balloon strong {
    color: #333 !important;
}

@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600");

/*
		Industrious by TEMPLATED
		templated.co @templatedco
		Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
	*/


/* Basic */


/* CTA */

#cta {
    background-color: #ce1b28;
    color: rgba(255, 255, 255, 0.75);
    background-attachment: fixed;
    background-image: linear-gradient(rgba(206, 27, 40, 0.25), rgba(206, 27, 40, 0.25)), url(../../images/cta01.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    z-index: 1;
}

#cta input,
#cta select,
#cta textarea {
    color: #ffffff;
}

#cta a {
    color: #ffffff;
}

#cta strong,
#cta b {
    color: #ffffff;
}

#cta h1,
#cta h2,
#cta h3,
#cta h4,
#cta h5,
#cta h6 {
    color: #ffffff;
}

#cta blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

#cta code {
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25);
}

#cta hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

#cta input[type="submit"],
#cta input[type="reset"],
#cta input[type="button"],
#cta button,
#cta .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #ffffff !important;
}

#cta input[type="submit"]:hover,
#cta input[type="reset"]:hover,
#cta input[type="button"]:hover,
#cta button:hover,
#cta .button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#cta input[type="submit"]:hover:active,
#cta input[type="reset"]:hover:active,
#cta input[type="button"]:hover:active,
#cta button:hover:active,
#cta .button:hover:active {
    background-color: rgba(255, 255, 255, 0.25);
}

#cta input[type="submit"].primary,
#cta input[type="reset"].primary,
#cta input[type="button"].primary,
#cta button.primary,
#cta .button.primary {
    box-shadow: none;
    background-color: #ffffff;
    color: #ce1b28 !important;
}

#cta input[type="submit"].primary:hover,
#cta input[type="reset"].primary:hover,
#cta input[type="button"].primary:hover,
#cta button.primary:hover,
#cta .button.primary:hover {
    background-color: rgba(255, 255, 255, 0.875);
    box-shadow: none;
}

#cta input[type="submit"].primary:hover:active,
#cta input[type="reset"].primary:hover:active,
#cta input[type="button"].primary:hover:active,
#cta button.primary:hover:active,
#cta .button.primary:hover:active {
    background-color: rgba(255, 255, 255, 0.5);
}

#cta label {
    color: #ffffff;
}

#cta input[type="text"],
#cta input[type="password"],
#cta input[type="email"],
#cta input[type="tel"],
#cta input[type="search"],
#cta input[type="url"],
#cta select,
#cta textarea {
    background-color: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25);
}

#cta input[type="text"]:focus,
#cta input[type="password"]:focus,
#cta input[type="email"]:focus,
#cta input[type="tel"]:focus,
#cta input[type="search"]:focus,
#cta input[type="url"]:focus,
#cta select:focus,
#cta textarea:focus {
    border-color: #ffffff;
    box-shadow: 0 0 0 1px #ffffff;
}

#cta select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
}

#cta select option {
    color: rgba(255, 255, 255, 0.75);
    background-color: #ce1b28;
}

#cta input[type="checkbox"]+label,
#cta input[type="radio"]+label {
    color: rgba(255, 255, 255, 0.75);
}

#cta input[type="checkbox"]+label:before,
#cta input[type="radio"]+label:before {
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25);
}

#cta input[type="checkbox"]:checked+label:before,
#cta input[type="radio"]:checked+label:before {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #ce1b28;
}

#cta input[type="checkbox"]:focus+label:before,
#cta input[type="radio"]:focus+label:before {
    border-color: #ffffff;
    box-shadow: 0 0 0 1px #ffffff;
}

#cta ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

#cta :-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

#cta ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

#cta :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

#cta ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25);
}

#cta table tbody tr {
    border-color: rgba(255, 255, 255, 0.25);
}

#cta table tbody tr:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.075);
}

#cta table th {
    color: #ffffff;
}

#cta table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

#cta table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25);
}

#cta table.alt tbody tr td {
    border-color: rgba(255, 255, 255, 0.25);
}

#cta .highlights .content {
    background: #ce1b28;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025);
}

#cta .testimonials .content {
    background: #ce1b28;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025);
}

#cta .testimonials .content .credit strong {
    color: #ce1b28;
}

#cta .inner {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 980px) {
    #cta {
        background-attachment: scroll;
    }
}


/*Para el modal de  diplomados */

.modalDialog {
    position: fixed;
    /*	font-family: Arial, Helvetica, sans-serif;*/
    color: white;
    top: -80px;
    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;
}

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

.modalDialog>div {
    width: 800px;
    height: 70%;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    border-color: white;
    border-style: solid;
    border-width: 4px;
    background: -moz-linear-gradient(rgb(30, 84, 235), rgb(64, 94, 175));
    background: -webkit-linear-gradient(rgb(30, 84, 235), rgb(64, 94, 175));
    background: -o-linear-gradient(rgb(30, 84, 235), rgb(64, 94, 175));
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.close:hover {
    background: #00d9ff;
}

.diplomados {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.diplomados:hover {
    color: rgb(93, 250, 224);
}

#deg_oro {
    height: 100px;
    background: rgba(241, 231, 103, 1);
    background: -moz-linear-gradient(45deg, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241, 231, 103, 1)), color-stop(100%, rgba(254, 182, 69, 1)));
    background: -webkit-linear-gradient(45deg, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%);
    background: linear-gradient(45deg, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=1);
}


/*inicio imecca*/

p {
    font-size: 11px;
    font-family: Verdana, Arial, 'Times New Roman'
}

//.Estilo1 {font-family: Arial, Helvetica, sans-serif}
.Estilo2 {
    color: #FF0000;
    font-weight: bold;
}

.Estilo3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.Estilo4 {
    font-size: 12px
}

.Estilo5 {
    font-size: 12
}

.Estilo6 {
    font-family: "Times New Roman", Times, serif
}

.Estilo8 {
    color: #FF6600
}

.Estilo9 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF6600;
}

.Estilo10 {
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.Estilo11 {
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.Estilo12 {
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #AC1F18;
}

.Estilo13 {
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    color: #AC1F18;
}

.Estilo14 {
    font-family: Verdana;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.Estilo15 {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.Estilo16 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}


/* START HIDE DIV*/

.showme {
    display: none;
}

.showhim:hover .showme {
    display: block;
}


/* END HIDE DIV*/


/*Clase Izquierda*/

.izquierda {
    padding: 15px;
    /* Espacio entre la imagen y el borde */
    background: #FFF;
    /* Color de fondo que se ve entre el espacio */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.izquierda:hover {
    border-radius: 0% 50%;
    /* Borde redondeado */
    box-shadow: 0px 0px 15px #000;
    /* Sombra */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    cursor: pointer;
}


/*derecha*/

.derecha {
    border-radius: 50% 0;
    /* Borde redondeado */
    box-shadow: 0px 0px 15px #000;
    /* Sombra */
    padding: 15px;
    /* Espacio entre la imagen y el borde */
    background: #FFF;
    /* Color de fondo que se ve entre el espacio */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.derecha:hover {
    border-radius: 0;
    /* Con esto quitamos el borde redondeado */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    cursor: pointer;
}


/*Centro*/

.centro {
    padding: 0;
    border: 0;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.centro:hover {
    border-radius: 50%;
    /* Borde redondeado */
    box-shadow: 0px 0px 15px #000;
    /* Sombra */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    cursor: pointer;
}


/*hacie afuera*/

.fuera {
    border-radius: 50%;
    /* Borde redondeado */
    box-shadow: 0px 0px 15px #000;
    /* Sombra */
    padding: 0;
    border: 0;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.fuera:hover {
    box-shadow: 0;
    /* Con esto eliminamos la sombra */
    border-radius: 0;
    /* Con esto eliminamos el borde redondeado */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    cursor: pointer;
}

.cuadrito {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
}


/* esquinas*/

.esquinas {
    border-radius: 45% / 20%;
    /* Borde redondeado */
    box-shadow: 0px 0px 15px #000;
    /* Sombra */
    padding: 0;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.esquinas:hover {
    border-radius: 0;
    /* Con esto eliminamos el borde redondeado */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    cursor: pointer;
}

.double-border {
    border: 5px solid #ddd;
    padding: 5px;
    /*Inner border size*/
    background: #fff;
    /*Inner border color*/
}


/* para el color de las listas*/

#listamenu li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #333;
}

#listamenu li a {
    display: block;
    width: 100%;
    padding: 3px 0px;
    color: #000;
    background-color: #ffffff;
    text-decoration: none;
}

#listamenu li a:hover {
    display: block;
    width: 100%;
    padding: 3px 0px;
    color: #36506C;
    background-color: #EBF7FD;
    text-decoration: none;
}

.myButton {
    background-color: #3e71c9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #4e6096;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 17px;
    padding: 8px 16px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #283966;
    margin: 10px 30px 10px 0px;
}

.myButton:hover {
    background-color: #476e9e;
}

.myButton:active {
    position: relative;
    top: 2px;
}


/* BOTÓN GPEA 2019*/

.myButtonGPEA {
    background-color: #44c767;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 21px;
    padding: 16px 31px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.myButtonGPEA:hover {
    background-color: #5cbf2a;
}

.myButtonGPEA:active {
    position: relative;
    top: 1px;
}


/* BOTON 2*/

.myButton2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding: 5px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
    width: 100px;
}

.myButton2:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
    background-color: #ffab23;
}

.myButton2:active {
    position: relative;
    top: 1px;
}


/* BOTON 3*/

.myButton3 {
    -moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
    box-shadow: inset 0px 1px 0px 0px #f29c93;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
    background: -moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100', GradientType=0);
    background-color: #fe1a00;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d83526;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #b23e35;
}

.myButton3:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
    background: -moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background: -webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background: -o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background: -ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background: linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00', GradientType=0);
    background-color: #ce0100;
}

.myButton3:active {
    position: relative;
    top: 1px;
}


/* BOTON 4*/

.myButton4 {
    -moz-box-shadow: inset 0px 1px 0px 0px #fbafe3;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fbafe3;
    box-shadow: inset 0px 1px 0px 0px #fbafe3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
    background: -moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d', GradientType=0);
    background-color: #ff5bb0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ee1eb5;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #c70067;
}

.myButton4:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
    background: -moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
    background: -webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
    background: -o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
    background: -ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
    background: linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0', GradientType=0);
    background-color: #ef027d;
}

.myButton4:active {
    position: relative;
    top: 1px;
}


/* BOTON 6*/

.myButton6 {
    -moz-box-shadow: inset 0px 1px 0px 0px #e88c41;
    -webkit-box-shadow: inset 0px 1px 0px 0px #e88c41;
    box-shadow: inset 0px 1px 0px 0px #e88c41;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffbe5c), color-stop(1, #ed6c03));
    background: -moz-linear-gradient(top, #ffbe5c 5%, #ed6c03 100%);
    background: -webkit-linear-gradient(top, #ffbe5c 5%, #ed6c03 100%);
    background: -o-linear-gradient(top, #ffbe5c 5%, #ed6c03 100%);
    background: -ms-linear-gradient(top, #ffbe5c 5%, #ed6c03 100%);
    background: linear-gradient(to bottom, #ffbe5c 5%, #ed6c03 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffbe5c', endColorstr='#ed6c03', GradientType=0);
    background-color: #ffbe5c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffa21f;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #c70067;
}

.myButton6:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ed6c03), color-stop(1, #ffbe5c));
    background: -moz-linear-gradient(top, #ed6c03 5%, #ffbe5c 100%);
    background: -webkit-linear-gradient(top, #ed6c03 5%, #ffbe5c 100%);
    background: -o-linear-gradient(top, #ed6c03 5%, #ffbe5c 100%);
    background: -ms-linear-gradient(top, #ed6c03 5%, #ffbe5c 100%);
    background: linear-gradient(to bottom, #ed6c03 5%, #ffbe5c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ed6c03', endColorstr='#ffbe5c', GradientType=0);
    background-color: #ed6c03;
}

.myButton6:active {
    position: relative;
    top: 1px;
}

.myButton8 {
    display: inline-block;
    line-height: 10px;
    margin: 0px 5px 0px 0px;
    background-color: #2B4450;
    -moz-border-radius: 13px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0px solid #233142;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    font-family: Poppins, sans-serif;
    font-size: small;
    padding: 15px 10px 15px 10px;
    text-decoration: none;
}

.myButton8:hover {
    background-color: #497285;
}

.myButton8:active {
    position: relative;
    top: 1px;
}

.myButton9 {
    background-color: #F78536;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    border: 0px solid #233142;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Verdana;
    font-size: 13px;
    padding: 9px 22px;
    text-decoration: none;
}

.myButton9:hover {
    background-color: #F78530;
}

.myButton9:active {
    position: relative;
    top: 1px;
}

.myButton10 {
    font-family: Poppins, sans-serif;
    display: inline-block;
    position: float;
    line-height: 1.2em;
    margin: 5vh 10vh 3vh 10vh;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffb845;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: MEDIUM;
    padding: 15px 25px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}

.myButton10:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
    background-color: #ffab23;
}

.myButton10:active {
    position: relative;
    top: 1px;
}

.myButton11 {
    display: inline-block;
    line-height: 1.2em;
    margin: 10px 0px 20px 0px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 3px;
    border: 2px solid #d1cccc;
    cursor: pointer;
    color: #000000;
    font-family: Poppins, sans-serif;
    font-size: medium;
    text-align: center;
    padding: 2vh 2vh;
    text-decoration: none;
}

strong {
    font-weight: bold;
}

.disco {
    font-family: Poppins, sans-serif;
    line-height: 1.9em;
    font-size: large;
}

.disco-titulo {
    font-family: Poppins, sans-serif;
    line-height: 1.5em;
    font-size: xx-large;
    font-weight: bold;
    margin: 8vh;
}

.myButton11:hover {
    background-color: #ebeaea;
}

.myButton11:active {
    position: relative;
    top: 1px;
}

.descripcion-imagen {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-family: Poppins, sans-serif;
    font-size: small;
    text-align: center;
    line-height: 1.5em;
}

.descripcion-imagen-titulo {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-family: Poppins, sans-serif;
    font-weight: bold;
    font-size: larger;
    text-align: center;
}

.premioinfantil {
    background-color: rgb(255, 255, 255);
    text-align: center;
    width: 60vh;
    height: 80vh;
    margin: 10vh 2vh 5vh 10vh;
    padding: 0 0 2vh 0;
    display: inline-block;
}

.premio_img {
    object-fit: cover;
    width: 60vh;
    height: 50vh;
}

#galeria {
    background: rgb(255, 255, 255);
    max-width: 50vh;
    margin: 5vh 10vh 1vh 10vh;
    height: 70vh;
    max-height: 70vh;
    display: inline-block;
}

.buttonAlice {
    background-color: #0130C6;
    /* Green */
    border: none;
    font-family: Verdana;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {
    width: 250px;
}

.button2 {
    width: 50%;
}

.button3 {
    width: 100%;
}

.buttonAlice:hover {
    background-color: #000879;
}

.myButton9:active {
    position: relative;
    top: 1px;
}


/*clase null para no tener margenes de ningun tipo*/

.null {
    margin-top: 0px;
    margin-left: 0px;
}


/* agranda imagen al hacer click*/

#myImg {
    border-radius: 0px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {
    opacity: 0.7;
}


/* The Modal (background) */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 3;
    /* Sit on top */
    padding-top: 200px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/ opacity */
}


/* Modal Content (image) */

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}


/* Caption of Modal Image */

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}


/* Add Animation */

.modal-content,
#caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0.1)
    }
    to {
        transform: scale(1)
    }
}


/* The Close Button */

.close {
    position: absolute;
    z-index: 3;
    top: 200px;
    right: 350px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}


/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}


/*fin de click agrandar imagen*/


/*esquinas redondeadas para un div*/

.esquinas_superiores,
.esquinas_inferiores {
    display: block;
}

.esquinas_superiores *,
.esquinas_inferiores * {
    display: block;
    height: 1px;
    overflow: hidden;
}

.r1 {
    margin: 0 5px;
}

.r2 {
    margin: 0 3px;
}

.r3 {
    margin: 0 2px;
}

.r4 {
    margin: 0 1px;
    height: 2px;
}


/* fin de esquinas redondeadas para un div*/


/*clase para cambiar de una a otra imagen con hover */

.contenedor {
    position: relative;
    height: 200px;
    width: 290px;
    margin: 20px auto;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
}

.contenedor img {
    position: absolute;
    left: 0;
    transition: opacity 1.5s ease-in-out;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
}

.contenedor img.top:hover {
    opacity: 0;
}


/*lista*/

.active {
    background-color: #4CAF50;
}


/* transparencia para una imagen class="transparencia"*/

img.transparente {
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
}


/*/intercalar colores en tabla*/

.ciudad {
    color: white;
    font-family: Poppins, sans-serif;
    font-size: large;
    color: white;
    margin: 1vh 1vh 2vh 1vh;
    line-height: 1.2em;
}

.TFtable {
    width: 100%;
    border-collapse: collapse;
}

.proximos {
    font-weight: bold;
    font-family: Poppins, sans-serif;
    font-size: SMALL;
    line-height: 1.5em;
    color: black;
    text-decoration: none;
}

.encabezado1 {
    font-family: Poppins, sans-serif;
    line-height: 1.4em;
    font-size: large;
    text-align: justify;
}

.contenido1 {
    font-family: Poppins, sans-serif;
    line-height: 1.4em;
    font-size: medium;
    text-align: justify;
}

.TFtable td {
    padding: 7px;
    border-collapse: collapse;
    font-family: Poppins, sans-serif;
    font-size: small;
    line-height: 1.1em;
    text-decoration: none;
    color: black;
    font-weight: normal;
    border: #4e95f4 1px solid;
}


/* provide some minimal visual accomodation for IE8 and below */

.TFtable tr {
    background: #b8d1f3;
}


/*  Define the background color for all the ODD background rows  */

.TFtable tr:nth-child(even) {
    background: #ffffff;
}


/*  Define the background color for all the EVEN background rows  */

.TFtable tr:nth-child(odd) {
    background: #eeeeee;
}


/*superposicion de objetos*/

#capa2 {
    position: absolute;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0);
    width: fill
}

#capa1 {
    position: absolute;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0);
    width: fill
}


/*poner pie a una imagen*/

div.img {
    display: table;
}

div.img img {
    margin: 0;
    padding: 0;
}

div.img span {
    line-height: normal;
    font-size: 11px;
    display: table-caption;
    margin: 0;
    background: #2B4450;
    color: white;
    font-style: normal;
    padding: 5px;
    text-align: center;
}


/*para el menu fijo */

header {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0vh;
}


/*fin menu fijo*/


/*MEDIDA DEL WIDTH DE TODA LA PAGINA COMPLETA DEBAJO DEL MENU*/

#caja {
    width: 100%;
    height: auto;
    margin: 10vh 0 0 0;
    float: center;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
}

#caja2 {
    width: 90%;
    margin: auto;
    float: center;
    overflow: hidden;
    height: auto;
    background-color: rgba(33, 90, 124, 0.8);
}


/*para quitarle el subrayado al hipervinculo*/

a.nounderline:link {
    text-decoration: none;
}

.table-xlvii {
    background-image: url('images/table-xlvii.jpg');
}


/* popup */

.popup {
    z-index: 3;
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
}

#popup-article:target {
    display: flex;
}

.popup:before {
    content: "";
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 50%;
    will-change: height, top;
    animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both;
}

.popup:after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #f0f0f0;
    will-change: width, opacity;
    animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
}

@keyframes line-animation {
    0% {
        width: 0;
        opacity: 1;
    }
    99% {
        width: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}

@keyframes open-animation {
    0% {
        height: 0;
        top: 50%;
    }
    100% {
        height: 100vh;
        top: 0;
    }
}

.popup__block {
    height: calc(100vh - 40px);
    padding: 5% 15%;
    box-sizing: border-box;
    position: relative;
    margin: auto;
    overflow: auto;
    animation: fade .5s ease-out 1.3s both;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.popup__title {
    font-size: 2.5rem;
    margin: 0 0 1em;
}

.popup__close {
    width: 3.2rem;
    height: 3.2rem;
    text-indent: -9999px;
    position: fixed;
    top: 20px;
    right: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}


/*
* demo page
*/

@media screen and (min-width: 768px) {
    html {
        font-size: 62.5%;
    }
}

@media screen and (max-width: 767px) {
    html {
        font-size: 50%;
    }
}

.open-popup {
    color: #fff;
    text-transform: uppercase;
    padding: 1rem 2rem;
    border: 1px solid;
}

.page {
    min-height: 100vh;
    display: flex;
}

.page__container {
    max-width: 1200px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto;
}


/*carrusel de miembros*/

.principal-i {
    float: left;
    width: 25%;
    -webkit-box-shadow: 4px 0px 5px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 0px 5px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 0px 5px -3px rgba(0, 0, 0, 0.75);
    margin-right: .5vh;
}

.principal-d {
    float: right;
    width: 70%;
    margin-right: 1vh;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

/*.slider {
    background: white;
    height: 20vh;
    width: 30vh;
    margin: 15vh auto 15vh auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}

.slider:hover {
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.068);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.062);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.slider::before,
.slider::after {
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
}

.slider::before {
    left: 0;
    top: 0;
}

.slider .slide-track {
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(250px * 14);
}

.slider .slide {
    height: 100px;
    width: 250px;
}
*/ 
.gallery-flex {
    width: 50vh;
    height: auto;
}

.gallery-cell {
    background: rgb(138, 16, 16);
    width: 200px;
    margin: 5vh 10vh 1vh 10vh;
    height: 70vh;
    height: 70vh;
    display: inline-block;
}