@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html{
    position: relative;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    color: none;
    border: 0;
    background: none;
}

*label{
    cursor: pointer;
    display: none;
}

.bottom-inicio{
    z-index: 1;
    position: fixed;
    padding: 10px;
    bottom: 20px;
    right: 20px;
}


body{
    font-family: "Montserrat", sans-serif;
    min-height: 100vh;
    padding-bottom: 50px;
}

img{
    max-width: 1920px;
}

.container{
    float: center;
}

header{
    background-color: rgba(238, 238, 238, 1);
    padding: 40px 0 45px 0;
    min-height: 10vh;
    display: flex;
    align-items: center;
}

/*SLIDER*/

/* W3.CSS 5.01 March 14 2025 by Jan Egil and Borge Refsnes */
html {
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit;
}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
    display: block
}

summary {
    display: list-item
}

audio,canvas,progress,video {
    display: inline-block
}

progress {
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

figure {
    margin: 1em 40px
}

img {
    border-style: none
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,input,select,textarea,optgroup {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: bold
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

/* End extract */


.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top
}

.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child {
    padding-left: 16px
}

.w3-btn,.w3-button {
    border: none;
    /* display:inline-block; */
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.w3-btn:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.w3-btn,.w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.w3-disabled,.w3-btn:disabled,.w3-button:disabled {
    cursor: not-allowed;
    opacity: 0.3
}

.w3-disabled *,:disabled * {
    pointer-events: none
}

.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover {
    box-shadow: none
}

.w3-badge,.w3-tag {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center
}

.w3-badge {
    border-radius: 50%
}

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

.w3-ul li {
    padding: 8px 16px;
    border-bottom: 1px solid #ddd
}

.w3-ul li:last-child {
    border-bottom: none
}

.w3-tooltip,.w3-display-container {
    position: relative;
}

.w3-tooltip .w3-text {
    display: none
}

.w3-tooltip:hover .w3-text {
    display: inline-block
}

.w3-ripple:active {
    opacity: 0.5
}

.w3-ripple {
    transition: opacity 0s
}

.w3-input {
    padding: 8px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.w3-select {
    padding: 9px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc
}

.w3-dropdown-click,.w3-dropdown-hover {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.w3-dropdown-hover:hover .w3-dropdown-content {
    display: block
}

.w3-dropdown-hover:first-child,.w3-dropdown-click:hover {
    background-color: #ccc;
    color: #000
}

.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child {
    background-color: #ccc;
    color: #000
}

.w3-dropdown-content {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1
}

.w3-check,.w3-radio {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px
}

.w3-sidebar {
    height: 100%;
    width: 200px;
    background-color: #fff;
    position: fixed!important;
    z-index: 1;
    overflow: auto
}

.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click {
    width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
    min-width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button {
    width: 100%;
    text-align: left;
    padding: 8px 16px
}

.w3-main,#main {
    transition: margin-left .4s
}

.w3-modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4)
}

.w3-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px
}

.w3-bar {
    width: 100%;
    overflow: hidden
}

.w3-center .w3-bar {
    display: inline-block;
    width: auto
}

.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0
}

.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click {
    position: static;
    float: left
}

.w3-bar .w3-button {
    white-space: normal
}

.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0
}

.w3-bar-block.w3-center .w3-bar-item {
    text-align: center
}

.w3-block {
    display: block;
    width: 100%
}

.w3-responsive {
    display: block;
    overflow-x: auto
}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after {
    content: "";
    display: table;
    clear: both
}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter {
    float: left;
    width: 100%
}

.w3-col.s1 {
    width: 8.33333%
}

.w3-col.s2 {
    width: 16.66666%
}

.w3-col.s3 {
    width: 24.99999%
}

.w3-col.s4 {
    width: 33.33333%
}

.w3-col.s5 {
    width: 41.66666%
}

.w3-col.s6 {
    width: 49.99999%
}

.w3-col.s7 {
    width: 58.33333%
}

.w3-col.s8 {
    width: 66.66666%
}

.w3-col.s9 {
    width: 74.99999%
}

.w3-col.s10 {
    width: 83.33333%
}

.w3-col.s11 {
    width: 91.66666%
}

.w3-col.s12 {
    width: 99.99999%
}

@media (min-width: 601px) {
    .w3-col.m1 {
        width:8.33333%
    }

    .w3-col.m2 {
        width: 16.66666%
    }

    .w3-col.m3,.w3-quarter {
        width: 24.99999%
    }

    .w3-col.m4,.w3-third {
        width: 33.33333%
    }

    .w3-col.m5 {
        width: 41.66666%
    }

    .w3-col.m6,.w3-half {
        width: 49.99999%
    }

    .w3-col.m7 {
        width: 58.33333%
    }

    .w3-col.m8,.w3-twothird {
        width: 66.66666%
    }

    .w3-col.m9,.w3-threequarter {
        width: 74.99999%
    }

    .w3-col.m10 {
        width: 83.33333%
    }

    .w3-col.m11 {
        width: 91.66666%
    }

    .w3-col.m12 {
        width: 99.99999%
    }
}

@media (min-width: 993px) {
    .w3-col.l1 {
        width:8.33333%
    }

    .w3-col.l2 {
        width: 16.66666%
    }

    .w3-col.l3 {
        width: 24.99999%
    }

    .w3-col.l4 {
        width: 33.33333%
    }

    .w3-col.l5 {
        width: 41.66666%
    }

    .w3-col.l6 {
        width: 49.99999%
    }

    .w3-col.l7 {
        width: 58.33333%
    }

    .w3-col.l8 {
        width: 66.66666%
    }

    .w3-col.l9 {
        width: 74.99999%
    }

    .w3-col.l10 {
        width: 83.33333%
    }

    .w3-col.l11 {
        width: 91.66666%
    }

    .w3-col.l12 {
        width: 99.99999%
    }
}

.w3-rest {
    overflow: hidden
}

.w3-stretch {
    margin-left: -16px;
    margin-right: -16px
}

.w3-content,.w3-auto {
    margin-left: auto;
    margin-right: auto;
}

.w3-content {
    width: 100%;
    height: 80%;
    display: flex;
    object-fit: cover;
    justify-content: center;
}

.w3-content img{
    object-fit: cover;
    display: flex;
}

.mySlides{
    display: flex;
    width: 100%;
}

.w3-auto {
    max-width: 1140px
}

.w3-cell-row {
    display: table;
    width: 100%
}

.w3-cell {
    display: table-cell
}

.w3-cell-top {
    vertical-align: top
}

.w3-cell-middle {
    vertical-align: middle
}

.w3-cell-bottom {
    vertical-align: bottom
}

.w3-hide {
    display: none!important
}

.w3-show-block,.w3-show {
    display: block!important
}

.w3-show-inline-block {
    display: inline-block!important
}

@media (max-width: 1205px) {
    .w3-auto {
        max-width:95%
    }
}

@media (max-width: 600px) {
    .w3-modal-content {
        margin:0 10px;
        width: auto!important
    }

    .w3-modal {
        padding-top: 30px
    }

    .w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content {
        position: relative
    }

    .w3-hide-small {
        display: none!important
    }

    .w3-mobile {
        display: block;
        width: 100%!important
    }

    .w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile {
        text-align: center
    }

    .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button {
        width: 100%
    }
}

@media (max-width: 768px) {
    .w3-modal-content {
        width:500px
    }

    .w3-modal {
        padding-top: 50px
    }
}

@media (min-width: 993px) {
    .w3-modal-content {
        width:900px
    }

    .w3-hide-large {
        display: none!important
    }

    .w3-sidebar.w3-collapse {
        display: block!important
    }
}

@media (max-width: 992px) and (min-width:601px) {
    .w3-hide-medium {
        display:none!important
    }
}

@media (max-width: 992px) {
    .w3-sidebar.w3-collapse {
        display:none
    }

    .w3-main {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .w3-auto {
        max-width: 100%
    }
}

.w3-top,.w3-bottom {
    position: fixed;
    width: 100%;
    z-index: 1
}

.w3-top {
    top: 0
}

.w3-bottom {
    bottom: 0
}

.w3-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2
}

.w3-display-topleft {
    position: absolute;
    left: 0;
    top: 0
}

.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0
}

.w3-display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0
}

.w3-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0
}

.w3-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%)
}

.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%)
}

.w3-display-topmiddle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}

.w3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}

.w3-display-container:hover .w3-display-hover {
    display: block
}

.w3-display-container:hover span.w3-display-hover {
    display: inline-block
}

.w3-display-hover {
    display: none
}

.w3-display-position {
    position: absolute
}

.w3-circle {
    border-radius: 50%
}

.w3-round-small {
    border-radius: 2px
}

.w3-round,.w3-round-medium {
    border-radius: 4px
}

.w3-round-large {
    border-radius: 8px
}

.w3-round-xlarge {
    border-radius: 16px
}

.w3-round-xxlarge {
    border-radius: 32px
}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col {
    padding: 0 8px
}

.w3-container,.w3-panel {
    padding: 0.01em 16px
}

.w3-panel {
    margin-top: 16px;
    margin-bottom: 16px
}

.w3-grid {
    display: grid
}

.w3-grid-padding {
    display: grid;
    gap: 16px
}

.w3-flex {
    display: flex
}

.w3-text-center {
    text-align: center
}

.w3-text-bold,.w3-bold {
    font-weight: bold
}

.w3-text-italic,.w3-italic {
    font-style: italic
}

.w3-code,.w3-codespan {
    font-family: Consolas,"courier new";
    font-size: 16px
}

.w3-code {
    width: auto;
    background-color: #fff;
    padding: 8px 12px;
    border-left: 4px solid #4CAF50;
    word-wrap: break-word
}

.w3-codespan {
    color: crimson;
    background-color: #f1f1f1;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 110%
}

.w3-card,.w3-card-2 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.w3-card-4,.w3-hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

.w3-spin {
    animation: w3-spin 2s infinite linear
}

@keyframes w3-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.w3-animate-fading {
    animation: fading 10s infinite
}

@keyframes fading {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.w3-animate-opacity {
    animation: opac 0.8s
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.w3-animate-top {
    position: relative;
    animation: animatetop 0.4s
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.w3-animate-left {
    position: relative;
    animation: animateleft 0.4s
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.w3-animate-right {
    position: relative;
    animation: animateright 0.4s
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.w3-animate-bottom {
    position: relative;
    animation: animatebottom 0.4s
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.w3-animate-zoom {
    animation: animatezoom 0.6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.w3-animate-input {
    transition: width 0.4s ease-in-out
}

.w3-animate-input:focus {
    width: 100%!important
}

.w3-opacity,.w3-hover-opacity:hover {
    opacity: 0.60
}

.w3-opacity-off,.w3-hover-opacity-off:hover {
    opacity: 1
}

.w3-opacity-max {
    opacity: 0.25
}

.w3-opacity-min {
    opacity: 0.75
}

.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover {
    filter: grayscale(100%)
}

.w3-greyscale,.w3-grayscale {
    filter: grayscale(75%)
}

.w3-greyscale-min,.w3-grayscale-min {
    filter: grayscale(50%)
}

.w3-sepia {
    filter: sepia(75%)
}

.w3-sepia-max,.w3-hover-sepia:hover {
    filter: sepia(100%)
}

.w3-sepia-min {
    filter: sepia(50%)
}

.w3-tiny {
    font-size: 10px!important
}

.w3-small {
    font-size: 12px!important
}

.w3-medium {
    font-size: 15px!important
}

.w3-large {
    font-size: 18px!important
}

.w3-xlarge {
    font-size: 24px!important
}

.w3-xxlarge {
    font-size: 36px!important
}

.w3-xxxlarge {
    font-size: 48px!important
}

.w3-jumbo {
    font-size: 64px!important
}

.w3-left-align {
    text-align: left!important
}

.w3-right-align {
    text-align: right!important
}

.w3-justify {
    text-align: justify!important
}

.w3-center {
    text-align: center!important
}

.w3-border-0 {
    border: 0!important
}

.w3-border {
    border: 1px solid #ccc!important
}

.w3-border-top {
    border-top: 1px solid #ccc!important
}

.w3-border-bottom {
    border-bottom: 1px solid #ccc!important
}

.w3-border-left {
    border-left: 1px solid #ccc!important
}

.w3-border-right {
    border-right: 1px solid #ccc!important
}

.w3-topbar {
    border-top: 6px solid #ccc!important
}

.w3-bottombar {
    border-bottom: 6px solid #ccc!important
}

.w3-leftbar {
    border-left: 6px solid #ccc!important
}

.w3-rightbar {
    border-right: 6px solid #ccc!important
}

.w3-section,.w3-code {
    margin-top: 16px!important;
    margin-bottom: 16px!important
}

.w3-margin {
    margin: 16px!important
}

.w3-margin-top {
    margin-top: 16px!important
}

.w3-margin-bottom {
    margin-bottom: 16px!important
}

.w3-margin-left {
    margin-left: 16px!important
}

.w3-margin-right {
    margin-right: 16px!important
}

.w3-padding-small {
    padding: 4px 8px!important
}

.w3-padding {
    padding: 8px 16px!important
}

.w3-padding-large {
    padding: 12px 24px!important
}

.w3-padding-16 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
}

.w3-padding-24 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
}

.w3-padding-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
}

.w3-padding-48 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
}

.w3-padding-64 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
}

.w3-padding-top-64 {
    padding-top: 64px!important
}

.w3-padding-top-48 {
    padding-top: 48px!important
}

.w3-padding-top-32 {
    padding-top: 32px!important
}

.w3-padding-top-24 {
    padding-top: 24px!important
}

.w3-left {
    float: left!important
}

.w3-right {
    float: right!important
}

.w3-button:hover {
    color: #000!important;
    background-color: #ccc!important
}

.w3-transparent,.w3-hover-none:hover {
    background-color: transparent!important
}

.w3-hover-none:hover {
    box-shadow: none!important
}

/* Colors */
.w3-amber,.w3-hover-amber:hover {
    color: #000!important;
    background-color: #ffc107!important
}

.w3-aqua,.w3-hover-aqua:hover {
    color: #000!important;
    background-color: #00ffff!important
}

.w3-blue,.w3-hover-blue:hover {
    color: #fff!important;
    background-color: #2196F3!important
}

.w3-light-blue,.w3-hover-light-blue:hover {
    color: #000!important;
    background-color: #87CEEB!important
}

.w3-brown,.w3-hover-brown:hover {
    color: #fff!important;
    background-color: #795548!important
}

.w3-cyan,.w3-hover-cyan:hover {
    color: #000!important;
    background-color: #00bcd4!important
}

.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover {
    color: #fff!important;
    background-color: #607d8b!important
}

.w3-green,.w3-hover-green:hover {
    color: #fff!important;
    background-color: #4CAF50!important
}

.w3-light-green,.w3-hover-light-green:hover {
    color: #000!important;
    background-color: #8bc34a!important
}

.w3-indigo,.w3-hover-indigo:hover {
    color: #fff!important;
    background-color: #3f51b5!important
}

.w3-khaki,.w3-hover-khaki:hover {
    color: #000!important;
    background-color: #f0e68c!important
}

.w3-lime,.w3-hover-lime:hover {
    color: #000!important;
    background-color: #cddc39!important
}

.w3-orange,.w3-hover-orange:hover {
    color: #000!important;
    background-color: #ff9800!important
}

.w3-deep-orange,.w3-hover-deep-orange:hover {
    color: #fff!important;
    background-color: #ff5722!important
}

.w3-pink,.w3-hover-pink:hover {
    color: #fff!important;
    background-color: #e91e63!important
}

.w3-purple,.w3-hover-purple:hover {
    color: #fff!important;
    background-color: #9c27b0!important
}

.w3-deep-purple,.w3-hover-deep-purple:hover {
    color: #fff!important;
    background-color: #673ab7!important
}

.w3-red,.w3-hover-red:hover {
    color: #fff!important;
    background-color: #f44336!important
}

.w3-sand,.w3-hover-sand:hover {
    color: #000!important;
    background-color: #fdf5e6!important
}

.w3-teal,.w3-hover-teal:hover {
    color: #fff!important;
    background-color: #009688!important
}

.w3-yellow,.w3-hover-yellow:hover {
    color: #000!important;
    background-color: #ffeb3b!important
}

.w3-white,.w3-hover-white:hover {
    color: #000!important;
    background-color: #fff!important
}

.w3-black,.w3-hover-black:hover {
    color: #fff!important;
    background-color: #000!important
}

.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover {
    color: #000!important;
    background-color: #9e9e9e!important
}

.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover {
    color: #000!important;
    background-color: #f1f1f1!important
}

.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover {
    color: #fff!important;
    background-color: #616161!important
}

.w3-asphalt,.w3-hover-asphalt:hover {
    color: #fff!important;
    background-color: #343a40!important
}

.w3-crimson,.w3-hover-crimson:hover {
    color: #fff!important;
    background-color: #a20025!important
}

.w3-cobalt,w3-hover-cobalt:hover {
    color: #fff!important;
    background-color: #0050ef!important
}

.w3-emerald,.w3-hover-emerald:hover {
    color: #fff!important;
    background-color: #008a00!important
}

.w3-olive,.w3-hover-olive:hover {
    color: #fff!important;
    background-color: #6d8764!important
}

.w3-paper,.w3-hover-paper:hover {
    color: #000!important;
    background-color: #f8f9fa!important
}

.w3-sienna,.w3-hover-sienna:hover {
    color: #fff!important;
    background-color: #a0522d!important
}

.w3-taupe,.w3-hover-taupe:hover {
    color: #fff!important;
    background-color: #87794e!important
}

.w3-danger {
    color: #fff!important;
    background-color: #dd0000!important
}

.w3-note {
    color: #000!important;
    background-color: #fff599!important
}

.w3-info {
    color: #fff!important;
    background-color: #0a6fc2!important
}

.w3-warning {
    color: #000!important;
    background-color: #ffb305!important
}

.w3-success {
    color: #fff!important;
    background-color: #008a00!important
}

.w3-pale-red,.w3-hover-pale-red:hover {
    color: #000!important;
    background-color: #ffdddd!important
}

.w3-pale-green,.w3-hover-pale-green:hover {
    color: #000!important;
    background-color: #ddffdd!important
}

.w3-pale-yellow,.w3-hover-pale-yellow:hover {
    color: #000!important;
    background-color: #ffffcc!important
}

.w3-pale-blue,.w3-hover-pale-blue:hover {
    color: #000!important;
    background-color: #ddffff!important
}

.w3-text-amber,.w3-hover-text-amber:hover {
    color: #ffc107!important
}

.w3-text-aqua,.w3-hover-text-aqua:hover {
    color: #00ffff!important
}

.w3-text-blue,.w3-hover-text-blue:hover {
    color: #2196F3!important
}

.w3-text-light-blue,.w3-hover-text-light-blue:hover {
    color: #87CEEB!important
}

.w3-text-brown,.w3-hover-text-brown:hover {
    color: #795548!important
}

.w3-text-cyan,.w3-hover-text-cyan:hover {
    color: #00bcd4!important
}

.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover {
    color: #607d8b!important
}

.w3-text-green,.w3-hover-text-green:hover {
    color: #4CAF50!important
}

.w3-text-light-green,.w3-hover-text-light-green:hover {
    color: #8bc34a!important
}

.w3-text-indigo,.w3-hover-text-indigo:hover {
    color: #3f51b5!important
}

.w3-text-khaki,.w3-hover-text-khaki:hover {
    color: #b4aa50!important
}

.w3-text-lime,.w3-hover-text-lime:hover {
    color: #cddc39!important
}

.w3-text-orange,.w3-hover-text-orange:hover {
    color: #ff9800!important
}

.w3-text-deep-orange,.w3-hover-text-deep-orange:hover {
    color: #ff5722!important
}

.w3-text-pink,.w3-hover-text-pink:hover {
    color: #e91e63!important
}

.w3-text-purple,.w3-hover-text-purple:hover {
    color: #9c27b0!important
}

.w3-text-deep-purple,.w3-hover-text-deep-purple:hover {
    color: #673ab7!important
}

.w3-text-red,.w3-hover-text-red:hover {
    color: #f44336!important
}

.w3-text-sand,.w3-hover-text-sand:hover {
    color: #fdf5e6!important
}

.w3-text-teal,.w3-hover-text-teal:hover {
    color: #009688!important
}

.w3-text-yellow,.w3-hover-text-yellow:hover {
    color: #d2be0e!important
}

.w3-text-white,.w3-hover-text-white:hover {
    color: #fff!important
}

.w3-text-black,.w3-hover-text-black:hover {
    color: #000!important
}

.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover {
    color: #757575!important
}

.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover {
    color: #f1f1f1!important
}

.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover {
    color: #3a3a3a!important
}

.w3-border-amber,.w3-hover-border-amber:hover {
    border-color: #ffc107!important
}

.w3-border-aqua,.w3-hover-border-aqua:hover {
    border-color: #00ffff!important
}

.w3-border-blue,.w3-hover-border-blue:hover {
    border-color: #2196F3!important
}

.w3-border-light-blue,.w3-hover-border-light-blue:hover {
    border-color: #87CEEB!important
}

.w3-border-brown,.w3-hover-border-brown:hover {
    border-color: #795548!important
}

.w3-border-cyan,.w3-hover-border-cyan:hover {
    border-color: #00bcd4!important
}

.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover {
    border-color: #607d8b!important
}

.w3-border-green,.w3-hover-border-green:hover {
    border-color: #4CAF50!important
}

.w3-border-light-green,.w3-hover-border-light-green:hover {
    border-color: #8bc34a!important
}

.w3-border-indigo,.w3-hover-border-indigo:hover {
    border-color: #3f51b5!important
}

.w3-border-khaki,.w3-hover-border-khaki:hover {
    border-color: #f0e68c!important
}

.w3-border-lime,.w3-hover-border-lime:hover {
    border-color: #cddc39!important
}

.w3-border-orange,.w3-hover-border-orange:hover {
    border-color: #ff9800!important
}

.w3-border-deep-orange,.w3-hover-border-deep-orange:hover {
    border-color: #ff5722!important
}

.w3-border-pink,.w3-hover-border-pink:hover {
    border-color: #e91e63!important
}

.w3-border-purple,.w3-hover-border-purple:hover {
    border-color: #9c27b0!important
}

.w3-border-deep-purple,.w3-hover-border-deep-purple:hover {
    border-color: #673ab7!important
}

.w3-border-red,.w3-hover-border-red:hover {
    border-color: #f44336!important
}

.w3-border-sand,.w3-hover-border-sand:hover {
    border-color: #fdf5e6!important
}

.w3-border-teal,.w3-hover-border-teal:hover {
    border-color: #009688!important
}

.w3-border-yellow,.w3-hover-border-yellow:hover {
    border-color: #ffeb3b!important
}

.w3-border-white,.w3-hover-border-white:hover {
    border-color: #fff!important
}

.w3-border-black,.w3-hover-border-black:hover {
    border-color: #000!important
}

.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover {
    border-color: #9e9e9e!important
}

.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover {
    border-color: #f1f1f1!important
}

.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover {
    border-color: #616161!important
}

.w3-border-pale-red,.w3-hover-border-pale-red:hover {
    border-color: #ffe7e7!important
}

.w3-border-pale-green,.w3-hover-border-pale-green:hover {
    border-color: #e7ffe7!important
}

.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover {
    border-color: #ffffcc!important
}

.w3-border-pale-blue,.w3-hover-border-pale-blue:hover {
    border-color: #e7ffff!important
}


/*END SLIDER*/

/* Menu */

.menu-container{
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-container .navbar{
    z-index: 1;
}

.menu-container .navbar ul li{
    position: relative;
    float: left;
}

.menu-container .navbar ul li ul{
    position: absolute;
    right: 0px;
    left: 0px;
    width: 130px;
    background: rgb(221, 221, 221);
    display: none;
    height: 40px;
}

.menu-container .navbar ul li:hover ul{
    display: block;
}

.menu-container .navbar ul li ul a{
    left: 0;
    width: 130px; 
    background: rgb(221, 221, 221);
}

.menu-container .navbar ul li ul a:hover{
    width: 130px;
}

.menu-container .navbar ul li a{
    font-size: 16px;
    font-weight: medium;
    text-align: center;
    padding: 20px;
    color: rgba(0, 0, 0, 1);
    display: block;
}

.menu-container .navbar ul li a:hover{
    color: rgba(1, 141, 180, 1);
    background: linear-gradient(180deg, rgba(221, 221, 221, 50) 87%, #018DB4 100%);
}

.logo{
    width: auto;
}

#menu{
    display: none;
}

.menu-icon{
    width: 25px;
    cursor: pointer;
    display: none;
}

.menu label{
    cursor: pointer;
    display: none;
}

/* Pie de página */

footer{
    position: relative;
    bottom: 0;
    width: 100%;
}

.redes-container{
    background: #001E44;
    width: 100%;
    height: 80px;
    float: right;
}

.redes-container nav.redes-enlaces ul li{
    background: #001E44;
    float: left;
    display: flex;
    margin-left: 10px;
    padding: 10px;
    padding-top: 22px;
    align-items: center;
    justify-content: space-between;
}

.redes-containernav.redes-legales ul{
    float: left;
}

.redes-container nav.redes-legales ul li{
    color: rgb(255, 255, 255);
    width: 100%;
    font-size: 14px;
    text-align: right;
    padding-right: 40px;
    padding-top: 3px;
}

br.espacio{
    display: none;
}

/* Inicio */

.inicio-container{
    width: 100%;
}

.inicio-carrusel{
    position: relative;
    background: red;
    width: 100%;
    overflow: hidden;
}

.carrusel{
    position: relative;
    width: 500%;
    display: flex;
}

.slider-section{
    width: calc(100%/5);
}

.slider-section img{
    object-fit: cover;
    min-width: 500px;
    max-width: 1920px;
    max-height: 400px;
}

.btn-carrusel{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.btn-left{
    cursor: pointer;
    margin-left: 20px;
    float: left;
}

.btn-right{
    cursor: pointer;
    margin-right: 20px;
    float: right;
}

.inicio-logros{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 5%;
}

.inicio-logros img{
    background-color: white;
    box-shadow: 0px 5px 10px 0px gray;
    border-radius: 100%;
    object-fit: scale-down;
    padding: 10px;
    width: 250px;
    height: 250px;
}

.inicio-logros .logros p{
    text-align: center;
    width: 250px;
    margin-top: 10px;
    padding: 10px;
    font-size: medium;
}

.inicio-encabezado h2{
    text-align: center;
    color: #a4ca23;
    font-size: x-large;
}

.inicio-proveedores{
    width: 100%;
}

.proveedores-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 20px;
    margin-top: 40px;
    margin-bottom: 100px;
}

.proveedores-box{
    background: white;
    box-shadow: 0px 5px 10px 0px gray;
    border-radius: 20px;
    width: 30%;
    height: 400px;
    margin: 10px;
    padding: 40px;
}

.proveedores-box img{
    width: 100%;
    scale: .7;
}

.proveedores-box p{
    text-align: center;
    margin: 5px;
    font-size: large
}


/* Nosotros */

.nosotros-encabezado img{
    object-fit: cover;
    display: flex;
    width: 100%;
    height: 200px;
    top: 0;
}

.nosotros-container{
    position: relative;
    width: 100%;
    float: left;
    padding: 40px;
    margin: 0;
    display: initial;
}

.nosotros-box{
    display: flex;
    margin-top: 60px;
}

.nosotros-general-title{
    max-width: 600px;
    text-align: justify;
    font-size:xx-large;
    margin-top: -150px;
}

.nosotros-general{
    margin: auto;
    max-width: 600px;
    text-align: justify;
    padding: 20px;
}

.nosotros-general p{
    font-size: medium;
}

.nosotros-container-general{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 15px;
    padding: 30px;
    padding-top: 0%;
    margin-bottom: 50 px;
}

.nosotros-container-general-02{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 15px;
    padding: 30px;
    padding-bottom: 0%;
}

.marcas-nosotros{
    background-color: white;
    display: flex;
    justify-content: center;
    padding: 10px;
    margin: 10px;
    box-shadow: 0px 5px 20px 0px gray;
}

.nosotros-img{
    margin: auto;
}

.nosotros-img img{
    width: 300px;
}

.title-valores{
    font-weight: bold;
}

.principios-box{
    background-color: white;
    box-shadow: 0px 2px 10px 0px gray;
    max-width: 500px;
    border-radius: 20px;
    padding: 10px;
    margin: 20px;
}

.principios-box-valores{
    box-shadow: 0px 2px 10px 0px gray;
    background-color: white;
    max-width: 90%;
    border-radius: 20px;
    padding: 10px;
    margin: 3% 5% 6% 5%;
}

.principios-esfera{
    display: flex;
    padding: 10px;
    justify-content: space-between;
}

 .valores-individuales{
     width: 180px;
 }


.principios-box h3{
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-size: xx-large;
}

.principios-box-valores  h3{
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-size: xx-large;
}

.principios-box p{
    height: 50%;
    display: flex;
    align-items: center;
    padding: 10px 40px 10px 40px;
    text-align: center;
    margin: 10px;
}

.principios-box-valores p{
    text-align: center;
    margin: 10px;
}

.nosotros-container-general p{
    font-size: medium;
}

.filosofia-hexa{
    width: 400px;
    display:flex;
    flex-direction: column;
    align-items: center;
    margin-top: -200px;
}

.box-hexa{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 75px;
}

.filosofia-hexa h2{
    position: relative;
    top: 250px;
    text-align:center;
    margin: auto;
    font-size: x-large;
    color: rgba(1, 141, 180, 1);


}

.filosofia-hexa p{
    position: relative;
    width: 200px;
    top: 280px;
    margin: auto;
    font-size:small;
    font-weight: 300;
    text-align: center;
}

.filosofia-hexa img{
    objet-fit; content;
    width: 400px;
    margin: auto;
}

h2{
    color: rgba(164, 202, 35, 1);
    font-weight: 700;
}

h3{
    color: rgba(164, 202, 35, 1);
}

/* Productos */

.productos-container{
    float: left;
    padding: 40px;
    margin: 0;
    display: initial;
}

.productos-general{
    width: 40%;
    margin-top: 20%;
}

nav.productos-empresas{
    float: left;
    display: flex;
    width: 40%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
}

.btn{
    z-index: 1;
    padding-left: 5%;
    padding-right: 5%;
    cursor: pointer;
    opacity: 50%;
}

.btn img{
    width: 100%;
}

.btn:hover{
    opacity: 100%;
}

.productos-container-general{
    background:  rgba(1, 141, 180, 0.6);
    color: white;
    max-width: 40%;
    min-height: 500px;
    float: right;
    padding: 30PX;
}

.mapa-mundial{
    position: absolute;
    float: right;
    top: 10%;
    right: 0;
    max-width: 80%;
    width: 70%;
    margin: 2%;
    display: initial;
}

.mapa-mundial02{
    display: none;
}

h2{
    color: rgba(164, 202, 35, 1);
    font-weight: 700;
}

.productos-empresas-texto{
    width: 40%;
    color: black;
    text-align: justify;
}

.productos-box-implantcast{
    display: none;
}

/* Productos - Nuevas marcas */

.menu-instrucciones{
    position: fixed;
    top: 50px;
    width: 300px;
    height: 250px;
    margin: 50px;
    padding: 20px;
    background-color: #018DB4;
    float: left;
}
.menu-instrucciones h2{
    padding: 10px;
    color: white;
}

.menu-instrucciones p{
    padding: 10px;
    color: white;
    font-weight: 500;
}

.menu-interactive-container{
    background-color: whitesmoke;
    transform-box: fill-box;
    padding: 10px;
    padding-bottom: 20px;
}

.menu-interactive-container path{
    fill: white;
    fill-opacity: 1%;
    stroke: #018DB4;
}

.menu-interactive-container path:hover{
    stroke: #000;
    stroke-width: 2px;
}

#menu-hombro{
    background-color: red;
}

.menu-interactive-container svg{
    display: flex;
    margin: auto;
    padding: 20px;
    width: 500px;
}

.menu-interactive-container .pie{
    display: block;
    background-color: #008a00;
    color: red;
    border-color: #000;
}
.menu-interactive-container .pie :hover{
    background-color: #0050ef;
    display: none;
}

.sistema-oseo{
    max-height: 720px;
    display: flex;
    justify-content: center;
    margin: auto;
    padding: 25px;
}

.box-maxilofacial{
    background-color: white;
    position: absolute;
    border-radius: 10px;
    padding: 10px;
    width: auto;
    box-shadow: #777777;
    left: 58%;
    top: 180px;
}

.box-maxilofacial li{
    background-color: white;
    padding: 2px;
}

.box-maxilofacial li a{
    color: black;
}

/**/

.menu-products area:hover{
    background-color: red;
    border: #008a00 2px;
}

#prueba{
    border: 2px dotted red !important;
    width: 50px;
    height: 50px;
    border-radius: 100%;top: 200px;
}

ul.menu-mapaoseo{
    list-style: none;
    background-color: aquamarine;
}

ul.menu-mapaoseo li.maxilofacial{
    position: absolute;
    left: 45%;
    top: 150px;
}

ul.menu-mapaoseo li.maxilofacial a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.maxilofacial ul.MENU01{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: 55px;
    top: -100px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
}

ul.menu-mapaoseo li.maxilofacial ul.MENU01 li{
    padding: 3px;
}

ul.menu-mapaoseo li.maxilofacial ul.MENU01 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.maxilofacial a:hover{
    
}

ul.menu-mapaoseo li.maxilofacial:hover ul.MENU01{
    display: block;
}

/**/

ul.menu-mapaoseo li.hombro{
    position: absolute;
    left: 55%;
    top: 220px;
}

ul.menu-mapaoseo li.hombro a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.hombro ul.MENU02{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: 55px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
}

ul.menu-mapaoseo li.hombro ul.MENU02 li{
    padding: 3px;
}

ul.menu-mapaoseo li.hombro ul.MENU02 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.hombro a:hover{
    
}

ul.menu-mapaoseo li.hombro:hover ul.MENU02{
    display: block;
}

/**/

ul.menu-mapaoseo li.codo{
    position: absolute;
    left: 42%;
    top: 320px;
}

ul.menu-mapaoseo li.codo a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.codo ul.MENU03{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: -200px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
}

ul.menu-mapaoseo li.codo ul.MENU03 li{
    padding: 3px;
}

ul.menu-mapaoseo li.codo ul.MENU03 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.codo a:hover{
    
}

ul.menu-mapaoseo li.codo:hover ul.MENU03{
    display: block;
}

/**/

ul.menu-mapaoseo li.columna{
    position: absolute;
    left: 49%;
    top: 350px;
}

ul.menu-mapaoseo li.columna a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.columna ul.MENU10{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: 55px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
    z-index: 1;
}

ul.menu-mapaoseo li.columna ul.MENU10 li{
    padding: 3px;
}

ul.menu-mapaoseo li.columna ul.MENU10 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.columna a:hover{
    
}

ul.menu-mapaoseo li.columna:hover ul.MENU10{
    display: block;
}

/**/

ul.menu-mapaoseo li.cadera{
    position: absolute;
    left: 53%;
    top: 380px;
}

ul.menu-mapaoseo li.cadera a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.cadera ul.MENU04{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: 55px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
    z-index: 1;
}

ul.menu-mapaoseo li.cadera ul.MENU04 li{
    padding: 3px;
}

ul.menu-mapaoseo li.cadera ul.MENU04 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.cadera a:hover{
    
}

ul.menu-mapaoseo li.cadera:hover ul.MENU04{
    display: block;
}

/**/

ul.menu-mapaoseo li.pelvis{
    position: absolute;
    left: 45%;
    top: 400px;
}

ul.menu-mapaoseo li.pelvis a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.pelvis ul.MENU05{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: -200px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
}

ul.menu-mapaoseo li.pelvis ul.MENU05 li{
    padding: 3px;
}

ul.menu-mapaoseo li.pelvis ul.MENU05 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.pelvis a:hover{
    
}

ul.menu-mapaoseo li.pelvis:hover ul.MENU05{
    display: block;
}

/**/

ul.menu-mapaoseo li.dedo{
    position: absolute;
    left: 59%;
    top: 445px;
}

ul.menu-mapaoseo li.dedo a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.dedo ul.MENU06{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: 55px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
}

ul.menu-mapaoseo li.dedo ul.MENU06 li{
    padding: 3px;
}

ul.menu-mapaoseo li.dedo ul.MENU06 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.dedo a:hover{
    
}

ul.menu-mapaoseo li.dedo:hover ul.MENU06{
    display: block;
}

/**/

ul.menu-mapaoseo li.rodilla{
    position: absolute;
    left: 45%;
    top: 540px;
}

ul.menu-mapaoseo li.rodilla a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.rodilla ul.MENU07{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: -200px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
}

ul.menu-mapaoseo li.rodilla ul.MENU07 li{
    padding: 3px;
}

ul.menu-mapaoseo li.rodilla ul.MENU07 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.rodilla a:hover{
    
}

ul.menu-mapaoseo li.rodilla:hover ul.MENU07{
    display: block;
}

/**/

ul.menu-mapaoseo li.tobillo{
    position: absolute;
    left: 52%;
    top: 700px;
}

ul.menu-mapaoseo li.tobillo a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.tobillo ul.MENU08{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: 55px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
}

ul.menu-mapaoseo li.tobillo ul.MENU08 li{
    padding: 3px;
}

ul.menu-mapaoseo li.tobillo ul.MENU08 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.tobillo a:hover{
    
}

ul.menu-mapaoseo li.tobillo:hover ul.MENU08{
    display: block;
}

/**/

ul.menu-mapaoseo li.pie{
    position: absolute;
    left: 45%;
    top: 730px;
}

ul.menu-mapaoseo li.pie a{
    display: block;
    padding: 2px;
    color: black;
}

ul.menu-mapaoseo li.pie ul.MENU09{
    width: 200px;
    background-color: rgb(241, 241, 241);
    border-style: 2px black solid;
    border-radius: 5px;
    position: relative;
    display: none;
    left: -200px;
    top: -55px;
    padding: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
    z-index: 1;
}

ul.menu-mapaoseo li.pie ul.MENU09 li{
    padding: 3px;
}

ul.menu-mapaoseo li.pie ul.MENU09 li:hover{
    padding: 3px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 100%) 87%, #018DB4 100%);
}


ul.menu-mapaoseo li.pie a:hover{
    
}

ul.menu-mapaoseo li.pie:hover ul.MENU09{
    display: block;
}

/* Productos Maquardt */

.maquardt-general{
}

.maquardt-container-box{
    padding: 20px;
}

.maquardt-general-title{
    font-size:x-large;
    padding: 20px;
}

.maquardt-general-title h2{
    color: gray;
    padding: 10px;
}

.maquardt-subtitle{
    
}

.maquardt-subtitle h4{
    text-align: right;
    padding: 20px;
    margin-top: 20px;
    font-size: x-large;
}

.maquardt-data{
    display: flex;
    padding: 20px;
    margin-top: 10px;
}

.maquardt-logo{
    padding: 30px;
}

.maquardt-info{
    padding: 10px;
}

.maquardt-data h4{
    padding: 10px;
}

.maquardt-data p{
    text-align: justify;
    padding: 5px;
}

.box-section-maquardt{
    width: 100%;
    background-color: white;
    padding: 10px;
    margin: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 5px 10px 0px rgb(241, 241, 241);
    border-radius: 10px;
}

.maquardt-marca h3{
    padding: 20px;
    font-size: x-large;
    font-weight: 700;
    text-align: center;
}

.item-maquardt{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
}

.item-maquardt p{
    text-align: left;
}

.maquardt-sintesis{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}

.maquardt-content{
    box-shadow: 0px 5px 10px 0px rgb(223, 223, 223);
    display: flex;
    justify-content: space-between;
    width: 500px;
    padding: 10px;
    margin: 20px;
}

.maquardt-content-info{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 5px;
}

.maquardt-content-info a{
    text-align: center;
    background-color: #018DB4;
    color: white;
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.maquardt-content-img img{
    max-width: 200px;
    max-height: 150px;
    min-height: 150px;
    object-fit:contain;
    padding: 10px;
}


/* Prodctos Implancast */

.container-box-marca{
    max-width: 1920px;
}

.marca-bienvenida-container{
    position: relative;
    padding: 30px;
    margin: 0;
}

.marca-title{
    margin: 40px;
    height: 40px;
    
}

.marca-menu{
    display: flex;
    justify-content: space-around;
    
}

.title-section{
    justify-content: center;
    
}

.title-section a{
    background-color: white;
    box-shadow: 0px 5px 10px 0px gray;
    max-width: 100px;
    padding: 20px 10px 20px 10px;
    margin: 10px;
    color: black;
    border-radius: 10px;
    text-align: justify;
}


.title-section p{
    font-size: small;
    width: 150px;
    text-align: center;
    margin: auto;
}

.box-max-marcas{
    width: 100%;
}

.box-section-general{
    width: 80%;
    background-color: white;
    padding: 20px;
    margin: auto;
    margin-bottom: 30px;
    box-shadow: 0px 5px 10px 0px gray;
    border-radius: 10px;
}

.categoria-marca h3{
    padding: 20px;
    font-size: x-large;
    font-weight: 700;
    text-align: center;
}

.item-marca{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    background: linear-gradient(180deg, rgba(71.60, 60.26, 60.26, 0) 95%, #989999 100%);
}

.item-marca p{
    text-align: left;
}

#bottom-download{
    background-color: rgba(1, 141, 180, 1);
    padding: 5px;
    border-radius: 5px;
    color: white;
    float: right;
}

/* Contactos */

.container-box-contacto{
    padding: auto;
}

.contactos-container{
    position: relative;
    display: flex;
    justify-content: space-around;
    padding: 20px;
}

.contactos-datos{
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 40%;
    justify-content: center;
}

.contactos-general{
    color: black;
    padding: 5px;
}

.contactos-general p{
    text-align: justify;
    max-width: 600px;
}

.contactos-redes{
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 5px;
}

.contactos-redes img{
    background: #018DB4;
    height: 30px;
    border-radius: 100%;
    margin: 10px;
    padding: 5px;
}

.contactos-redes p{
    color: black;
    font-size: 14px;
}

.contacto-direccion{
    display: flex;
    position: relative;
    padding: 20px;
    align-items: center;
}

.maps{
    width: 100%;
}

.maps-enlace{
    position: relative;
    display: flex;
    padding: 30px;
    justify-content: center;
}

.maps-enlace iframe{
    border-radius: 20px;
    box-shadow: 0px 2px 10px 0px;
}

.maps-direction p{
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.formulario-total{
    position: relative;
    width: 500px;
    padding: 40px;
    box-shadow: 0px 2px 10px 0px gray;
    border-radius: 20px;
}

.formulario-container{
    position: relative;
    display: flex;
    font-family: "Montserrat", sans-serif;
    border-radius: 15px;
    background: white;
}

.formulario-container form{
    width: 100%;
}

form h2{
    width: 100%;
    text-align: center;
    margin: 7px;
}

.input-container{
    width: 90%;
    right: 2%;
    left: 2%;
    position: relative;
}

.input-container > input, textarea{
    padding: 10px 15px 10px 15px;
    width: 100%;
    margin: 7px;
    border: solid;
    border-color: #777777;
    border-radius: 25px;
    border-width: 1px;
}

.btnSend{
    background: #018DB4;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    float: right;
    padding: 2%;
    margin: 1%;
    cursor: pointer;
}

textarea{
    font-family: "Montserrat", sans-serif;
    height: 100px;
}

/* Galeria */

.popup-image{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    display:none;
    justify-content:center;
    align-items:center;
}

.popup-image img{
    max-width:90%;
    max-height:90%;
    transition:.3s;
}

.popup-image span{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}

.popup-image .prev,
.popup-image .next{
    position:absolute;
    color:white;
    font-size:40px;
    cursor:pointer;
    background:none;
    border:none;
}

.popup-image .prev{
    left:20px;
}

.popup-image .next{
    right:20px;
}

.galeria-container{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.galeria-evento{
    margin: 10px;
    width: 80%;
    
}

.galeria-evento img{
    cursor: pointer;
    object-fit: scale-down;
    width: 80%;
    margin: 10 10% 10 10%;
    
}

.galeria-evento img:hover{
    outline: #a4ca23 solid 3px;
    transform: scale(1.05);
}

.galeria-evento-mas{
    position: relative;
    margin: 10px;
    width: 50%;
}

.galeria-evento-mas img{
    background: #bebebe;
    padding: 4%;
    opacity: 30%;
    object-fit: cover;
    max-height: 150px;
    width: 80%;
    margin: 10%;
}

.galeria-evento-mas img:hover{
    outline: #a4ca23 solid 3px;
    transform: scale(1.05);
}

.descripcion-evento{
    padding: 10px;
    justify-content: space-around;
    width: 900px;
    margin:auto;
}

.galeria-box-menu{
    background: #e4e4e4;
    display: flex;
    justify-content: space-around;
    margin: 40px;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 18px;
}

.galeria-fecha{
    background-color: #f3f3f3;
    text-align: center;
    border-radius: 15px;
    padding: 10px;
    min-width: 80px;
    cursor: pointer;
}

.galeria-fecha a{
    color: black;
}

.galeria-encabezado{
    text-align: center;
    margin-top: 100px;
}

.galeria-encabezado h1{
    background: #f7f7f7;
    border-radius: 20px;
    width: 30%;
    height: 70px;
    margin: 20px;
    margin-left: 35%;
    margin-right: 35%;
    padding: 1%;
}

.galeria-box{
    justify-content: space-around;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:center;
}

.galeria-imagen{
    margin: 10px;
    width: 80%;
    
}

.galeria-imagen img{
    cursor: pointer;
    object-fit: scale-down;
    width: 80%;
    margin: 10 10% 10 10%;
    
}

.galeria-imagen img:hover{
    outline: #a4ca23 solid 3px;
    transform: scale(1.05);
}

.galeria-imagen-mas{
    position: relative;
    margin: 10px;
    width: 50%;
}

.galeria-imagen-mas img{
    background: #bebebe;
    padding: 4%;
    opacity: 30%;
    object-fit: cover;
    max-height: 150px;
    width: 80%;
    margin: 10%;
}

.galeria-imagen-mas img:hover{
    outline: #a4ca23 solid 3px;
    transform: scale(1.05);
}

.imagen-texto{
    text-align: center;
}

.imagen-texto-mas{
    position: absolute;
    width: 100%;
    top: 35%;
}

.imagen-texto h3{
    color: black;
    text-align: center;
}

.imagen-texto-mas h3{
    color: #018DB4;
    text-align: center;
    font-size: xx-large;
}

.academia-descripcion{
    width:80%;
    text-align: center;
    margin: auto;
    font-size: x-small;
    padding: 10px;
}

.galeria-general-popup{
    display: none;
    top: 15%;
    position: absolute;
    background-color: #ececec;
    border-radius: 20px;
    padding: 30px;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
    visibility: hidden
}

.galeria-general-popup:target{
    background: rgb(0, 0, 0)0.8;
    visibility: visible;
    opacity: 1;
}

.galeria-general-popup img{
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.btn-popup-close{
    border-radius: 100%;
    position: absolute;
    background: #ffffff;
    color: black;
    width: 20px;
    height: 20px;
    text-align: center;
    top: 0;
    margin-top: 10px;
    margin-right: 10px;
}

/* Blog */

.blog-encabezado{
    display: flex;
    justify-content: center;
}

.blog-encabezado img{
    object-fit: cover;
    display: flex;
    width: 100%;
    height: 300px;
    top: 0;
}

.mega-container-blog{
    align-content: space-between;
    padding: 30px;
}

.blog-selector{
    float: left;
    width: 300px;
}

.box-blog-selector{
    
}

.blog-selector_02{
    display: none;
}
                                                    
.box-blog-selector-encabezado{
    background-color: whitesmoke;
    text-align: center;
    padding: 20px;
    object-fit: cover;
    font-size: small;
    margin-bottom: 20px;
}

.blog-selector .box-blog-selector .blog-selector-articulo{
    background-color: white;
    box-shadow: 6px 3px 20px 0px gray;
    margin: 20px;
    border-radius: 20px;
}

.blog-selector-articulo img{
    width: 100%;
    display: flex;
    object-fit: cover;
    height: 130px;
    border-radius: 10px;
}

.blog-selector-articulo .selector-text{
    padding: 20 0 20 0;
    margin-top: 10;
}

.box-text{
    display: flex;
    align-items: baseline;
    background-color: rgba(0, 0, 0, 0.705);
    position: relative;
    width: 100%;
    height: 40px;
    margin-bottom: 30px;
    margin-top: -70px;
    padding: 0 10 0 10;
}


.blog-selector-articulo .selector-text h2{
    position: relative;
    display: flex;
    width: 100%;
    height: 30px;
    z-index: 1;
    font-size: medium;
    margin: 10px;
    
}

.blog-selector-articulo .selector-text p{
    font-size: small;
    text-align: justify;
    padding: 0 20 0 20;
}

.container-content-blog{
    margin-bottom: 40px;
}

.blog-bienvenida{
    padding: 10 30 10 30;
    margin-left: 300px;
}

.blog-bienvenida .box-encabezado-titulo{
    padding: 30px;
}

.blog-bienvenida .encabezado-titulo{
    background:  linear-gradient(270deg, #ffffff 70%, #cecece 100%);
    font-size: larger;
    padding: 30px;
}


.blog-bienvenida .text-light h2{
    font-size: x-large;
    color: black;
    font-weight: 400;
    text-align: right;
    font-style: oblique;
}

.blog-bienvenida .parrafo{
    color: black;
    margin: 40px;
    text-align: justify;
}

/* Artículos del blog */

.container-general-blog{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px;
    padding-bottom: 50px;
}

.art-destacados{
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px;
}

.blog-title{
    text-align: center;
    padding: 30px;
    color: #018DB4;
}

.art-ind{
    max-width: 300px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin: 10px;
    box-shadow: 6px 3px 20px 0px whitesmoke;
}

.art-ind img{
    max-width: 200px;
    max-height: 150px;
    margin: auto;
    padding-bottom: 20px;
    object-fit: cover;
    border-radius: 5px;
    justify-content: space-between;
}

.art-ind h2{
    font-size: medium;
    padding: 5px;
}

.art-ind p{
    max-height: 80px;
    overflow: hidden;
    font-size: small;
    text-align: justify;
    padding: 10px;
}

.art-ind a p{
    font-size: smaller;
    color: #00bcd4;
    font-weight: 600;
}

article{
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    justify-content: center;
}

article header{
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    background-color: white;
    border-color: #000 1px;
    padding-bottom: 50px;
}

.art-container{
    max-width: 1280px;
    margin: auto;
    display: flex;
    justify-content: space-around;
    padding: 2% 5% 2% 5%;
}



.other-art-title{
    padding: 20px;
    text-align: center;
    font-size: large;
    font-weight: 600;
}

.section-other-art{
    width: 30%;
    height: fit-content;
    padding: 20px;
    box-shadow: 0px 5px 10px 0px gray;
    border-radius: 5px;
}

.section-other-art .art-ind h2{
    font-size: medium;
}

.section-other-art .art-ind p{
    font-size: small;
}



.art-box{
    width: 60%;
    padding: 20px;
}

.art-gancho{
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    color: gray;
    text-align: justify;
    padding: 10px;
    padding-left: 20px;
    padding-bottom: 30px;
    box-shadow: -15px 0px 0px 0px #018DB4;
}

article section{
    padding: 10px 5px 10px 5px;
}

article section p{
    text-align: justify;
    padding: 10px;
}

article section li{
    text-align: justify;
    padding: 2px;
    padding-left: 30px;
}

article section h2{
    color: #343a40;
    padding: 10px 0px 15px 0px;
    font-size: large;
}

section th{
    padding: 10px;
    font-size: large;
    color: #018DB4;
}

section td{
    padding: 10px;
    box-shadow: 0px 1px 1px 0px #018DB4;
}

.referencias{
    margin: 30px 50px 30px 50px;
    color: gray;
    text-align: justify;
    padding: 20px;
    padding-left: 40px;
    padding-bottom: 30px;
    box-shadow: -15px 0px 0px 0px #018DB4;
}

.referencias li{
    padding: 5px;
    padding-left: 20px;
    font-size: small;
}

.art-warning{
    padding: 30px;
    font-style: italic;
    color: grey;
    text-align: center;
}

/* Registro */


.registro-container{
    width: 100%;
    height: 80%;
}

.logo-usuario{
    display: flex;
    justify-content: center;
    width: 100%;
    top: -100px;
}

.logo-usuario img{
    display: flex;
    justify-content: center;
    border-radius: 100%;
    background: #f3f3f3;
    padding: 15px;
}

.registro-box{
    position: relative;
    background: #f4f4f4;
    border-radius: 25px;
    padding: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: auto;
    width: 40%;
    margin-top: 50px;
    margin-bottom: 100px;
}

.signout-input p{
    text-align: center;
    font-size: small;
}

.signout-input a{
    color: #a4ca23;
    font-weight: bold;
}

.signout-input .input-container{
    position: relative;
    width: 80%;
    margin: 10px;
    margin-left: 5%;
    margin-right: 5%;
}


.signout-input .input-container > input, textarea{
    border-radius: 10px;
    text-align: center;
}

.signout-input input{
    padding: 10px;
}

/* Inicio de sesión */

.login-container{
    width: 100%;
    height: 80%;
}

.login-box{
    position: relative;
    background: #f4f4f4;
    border-radius: 25px;
    padding: 20px;
    padding-bottom: 50px;
    margin: auto;
    width: 40%;
    margin-top: 50px;
    margin-bottom: 150px;
}

.signout-input p{
    text-align: center;
    font-size: small;
}

.signout-input a{
    color: #a4ca23;
    font-weight: bold;
}

.signout-input .input-container{
    position: relative;
    width: 80%;
    margin: 10px;
    margin-left: 5%;
    margin-right: 5%;
}


.signout-input .input-container > input, textarea{
    border-radius: 10px;
    text-align: center;
}

.signout-input input{
    padding: 10px;
}

/* CHM */

.chm-box{
    width: 100%;
}

.chm-box h1{
    text-align: center;
    color: #a4ca23;
    margin: 40px;
}

.encabezado-seccion{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 20px;
    padding: 40px;
    margin-right: 100px;
}

.chm-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 2%;
}

.apartados-box{
    object-fit: cover;
    cursor: pointer;
    margin: 10px;
}

.apartados-box img{
    background: rgb(217, 217, 217);
    border-radius: 100%;
    object-fit:contain;
    padding: 15px;
    width: 250px;
    height: 250px;
}

.apartados-box h3{
    text-align: center;
    margin: 15px;
    color: #001E44;
}

/* CHM Carpetas */

.carpeta-container{
    position: relative;
}

.carpeta-encabezado{
    display: flex;
    justify-content: space-around;
    align-items:center;
}

.carpeta-encabezado h1{
    text-align: left;
    color: #a4ca23;
    margin: 40px;
}

.carpeta-encabezado img{
    max-width: 600px;
    float: right;
    margin: 10px;
}

.carpeta-items{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.carpeta-capsula{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    width: 100%;
    margin: 20px;
    margin-bottom: 100px;
}

.carpeta-capsula h3{
    background: #b6b6b6;
    text-align: center;
    color: black;
    border-radius: 10px;
    padding: 7px;
    padding-left: 20px;
}

.capsula-box{
    width: 600px;
    margin-top: 50px;
}

.capsula{
    border-radius: 10px;
    background: rgb(241, 241, 241);
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin: 7px;
}

.capsula .btn-descarga{
    background: #018DB4;
    border-radius: 5px;
    text-align: center;
    width: 20%;
    color: white;
    padding: 2px;
}

/* Implancast */

.implantcast-box{
    width: 100%;
}

.implantcast-box h1{
    text-align: center;
    color: #a4ca23;
    margin: 40px;
}


.implantcast-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 2%;
}

.apartados-box p{
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(217, 217, 217);
    border-radius: 100%;
    padding: 15px;
    width: 250px;
    height: 250px;
    text-align: center;
    font-size: x-large;
    font-weight: bolder;
    color: #001E44;
}

/* Técnicas */

.tecnicas-encabezado h1{
    text-align: center;
    color: #a4ca23;
    padding-top: 80px;
    margin: 50px;
}

.tecnicas-general{
    width: 100%;
    display: flex;
    justify-content: center;
}

.tecnicas-box{
    width: 80%;
    margin-bottom: 150px;
}

.nav-tecnicas{
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 150px;
    bottom: 150px;
    padding: 5px;
}

.nav-tecnicas img{
    background: #e4e4e4;
    border-radius: 100%;
}




@media (min-width:1920px){

    footer{
        position: absolute;
        bottom: 0px;
    }
    
    .menu-instrucciones{
        height: 300px;
    }

    .proveedores-container{
        margin-bottom: 150px;
    }

    .redes-container{
        height: auto;
    }

    .redes-container nav.redes-enlaces ul li{
        margin-right: 25px;
        margin-top: 10px;
    }

    .redes-container nav.redes-enlaces ul li a img{
        width: 30px;
    }

    .productos-container{
        margin-bottom: 200px;
    }

    .maps-enlace{
        margin-bottom: 100px;
    }

    h2{
        font-size: xx-large;
    }

    h3{
        font-size: x-large;
    }

    h4{
        font-size: xx-large;
    }

    .contactos-redes p{
        font-size: larger;
    }

    .maps-direction p{
        font-size: x-large;
    }

    .input-container > input, textarea{
        font-size: large;
    }

    p{
        font-size: medium;
    }
}

@media (max-width:1080px){

    #bottom-download{
        height: fit-content;
    }

    .item-marca p{
        overflow: hidden;
        margin: 10px;
        padding-right: 10px;
    }

    .marca-bienvenida-container{
        padding-bottom: 0px;
    }

    .marca-title{
        height: auto;
        margin: 20px 60px 20px 60px;
    }

    .marca-menu{
        display: flex;
        flex-direction: column;
    }

    .title-section{
        box-shadow: 0px 5px 10px 0px gray;
        height: 10px;
        padding: 25px;
        margin: 10px;
        border-radius: 20px;
        text-align: center;
        
    }

    .title-section a{
        display: contents;
        text-align: center;
    }

    .title-section p{
        height: fit-content;
    }

}

@media (orientation:portrait ){
    
    footer{
        position: absolute;
        bottom: 0;
    }
}

@media (min-height:1000px){

    footer{
        position: absolute;
    }
    
    .filosofia-hexa h2{
        top: 280px;
    }
}

@media (max-width:1080px) and (orientation: landscape){

    footer{
        position: relative;
    }

    .contactos-datos{
        max-width: 100%;
        display: block;
    }
}

@media (max-width:991px){

    .signout-input{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    
    /* Menu */

    header{
    padding: 40px 0 45px 0;
    }

    .menu-container{
        padding: 20px;
    }

    .menu-icon{
        display: initial;
    }

    .menu-container .navbar{
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: rgba(238, 238, 238, 1);
        display: none;
    }


    .menu-container .navbar ul li{
        width: 100%;
    }

    .menu-container .navbar ul li ul{
        position: relative;
    }

    .menu-container .navbar ul li:hover ul{
        width: 100%;
    }

    .menu-container .navbar ul li ul a{
        width: 100%;
    }

    .menu-container .navbar ul li ul a:hover{
        width: 100%;
        color: black;
        background-color: rgba(164, 202, 35, 1);
        
    }

    .menu-container .navbar ul li a:hover{
        color: rgba(238, 238, 238, 1);
        background: rgba(1, 141, 180, 1);
    }

    #menu:checked ~ .navbar{
        display: initial;
    }

    /* Pie de página */

footer{
    position: relative;
    bottom: 0;
}

p.legales{
    text-align: right;
}

.item-maquardt {
    display: flow-root;
}

    /* Nosotros */

.nosotros-container{
    max-width: 1920px;
    float: right;
    padding: 40px;
    min-height: 1080px;
    margin: 0;
    display: initial;
    ;  
}

.nosotros-general{
    width: 100%;
    text-align: center;
}

.nosotros-img img{
    width: 200px;
}

.nosotros-general p{
    text-align:justify;
}


h2{
    font-size: 36px;
}

h3{
    text-align: center;
}

.filosofia-hexa{
    width: 400px;
    display:flex;
    flex-direction: column;
    align-items: center;
    margin-top: -150px;


/* Productos */

.nosotros-general p{
    text-align: justify;
}

.productos-general{
    width: 100%;
    margin-top: 10%;
    text-align: center;
}

nav.productos-empresas{
    width: 100%;
    justify-content: space-between;
    padding-left: 7%;
    padding-right: 7%;
}

.productos-empresas-texto{
    width: 80%;
    margin: 10%;
    padding-top: 10%;
}

.mapa-mundial{
    display: none;
    position: absolute;
    background: red;
}

.mapa-mundial02{
    background: #f3f3f3;
    border-radius: 25px;
    width: 100%;
    padding: 3%;
    display: initial;
}

/* CHM Carpetas*/

.capsula-box{
    width: 80%;
}


/* Contactos */


.contactos-container{
    width: 100%;
    float: right;
    padding: 40px;
    margin: 0;
    display: initial;
    ;  
}

.contactos-general{
    width: 100%;
    margin-top: 10%;
    text-align: center;
}

.contactos-container-general{
    position: absolute;
    background:  rgba(1, 141, 180, 0.8);
    border-radius: 20px;
    color: white;
    max-width: 80%;
    min-height: 500px;
    margin-top: 400px;
    margin-left: 5%;
    margin-right: 5%;
}

.contactos-redes{
    flex-direction: row;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 14px;
}

.contactos-redes img{
    scale: .8;
    padding: 2px;
    margin: 2px;
    margin-bottom: 20px;
}

.contactos-redes p{
    width: 80%;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 15px;
    text-align: center;
}

.contactos-redes img{
    margin-top: 20px;
}

.contactos-redes item01{
    position: relative;
    display: flex;
    flex-direction: row;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}

.item01 p{
    margin-left: 10%;
    margin-right: 10%;
}

.item02{
    position: relative;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}

.item02 p{
    margin-left: 10%;
    margin-right: 10%;
}

.maps-enlace iframe{
    margin-top: 2%;
}
.mapa-total{
    position: relative;
    width: 100%;
}

.formulario-container{
    position: relative;
    border-radius: 20px;
    background: white;
    padding-bottom: 10%;
    width: 80%;
    right: 7%;
    left: 7%;
    margin: 6%;
}


form h2{
    font-size: 24px;
    margin-bottom: 3%;
    margin-top: 3%;
}


.input-container > input, textarea{
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    border-radius: 15px;
}

.btnSend{
    width: 60%;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 4%;
    margin-left: 20%;
    margin-right: 20%;
    cursor: pointer;
}

/* Galeria */

.galeria-encabezado{
    margin-top: 50px;
}

.galeria-box{
    display: flex;
    flex-flow: row wrap;
}
.galeria-box-menu{
    display: flex;
    flex-flow: row wrap;
}

.galeria-fecha{
    margin: 10px;
}

.imagen-texto-mas h3{
    font-size: x-large;
}

/* Registro */

.registro-box{
    width: 60%;
    padding: 10px;
}

.signout-input .input-container{
    width: 90%;
    margin: 0;
    padding: 5 px;
}

.signout-input .input-container > input, textarea{
    border-radius: 10px;
    text-align: center;
}

.signout-input .inputbtnSend{
    margin: 5px;
}


/* Inicio de sesión */

.login-box{
    width: 60%;
    padding: 5px;
    padding-bottom: 100px;
    padding-top: 50px;
}

.signout-input .input-container{
    width: 90%;
    margin: 0;
    padding: 5 px;
}

.signout-input .input-container > input, textarea{
    border-radius: 10px;
    text-align: center;
}

.signout-input .inputbtnSend{
    margin: 5px;
}

/*CHM*/

.encabezado-seccion{
    width: 90%;
}

.proveedores-box{
    width: 50%;
}

.inicio-logros .logros{
    margin: 10px;
}

.menu-instrucciones{
    height: 300px;
    top: 600px;
}

.blog-selector_02{
    display: none;
}

.contactos-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contactos-datos{
    max-width: 100%;
    display: block;
}

.contactos-general{
    padding-left: 40px;
    padding-right: 40px;
}

.contactos-redes{
    padding-left: 80px;
    padding-right: 60px;
}

.formulario-total{
    width: 500px;
    padding: 0%;
}

.formulario-container{
    right: 0px;
    left: 0px;
}

.input-container{
    width: auto;
    right: 0px;
    left: 0px;
}



}

@media(max-width:768px){

    .nosotros-box{
        display: block;
    }

    .nosotros-container{
        position: relative;
    }

    .nosotros-container-general{
        position: absolute;
    }

    .formulario-total{
        margin: auto;
    }

    .formulario-container{
        display: flex;
        align-items: center;
    }

    .input-container{
        margin: auto;
    }

    /* Galeria */

    .galeria-encabezado h1{
        padding: 2%;
    }

    .galeria-box{
        display: flex;
        flex-flow: row wrap;
    }

    .galeria-fecha{
        margin: 10px;
    }

    .galeria-imagen{
        width: 80%;
    }

    .galeria-imagen-mas{
        width: 30%;
    }

    /* CHM */

    .encabezado-seccion{
        flex-flow: column;
        align-items: center;
        width: 100%;
        margin-right: 0;
        margin: 0;
    }

    .encabezado-seccion img{
        margin: 20px;
    }

    .proveedores-box{
        width: 80%;
    }

    .menu-instrucciones{
        width: auto;
        height: auto;
        top: 780px;
    }

    .menu-instrucciones h2{
        font-size:medium;
        padding: 5PX;
    }

    .menu-instrucciones p{
        text-align: justify;
        font-size: small;
    }

    .maquardt-data{
        display: block;
    }

    .blog-bienvenida{
        margin-left: 0%;
    }

    .blog-selector{
        display: none;
    }

    .blog-selector_02{
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .blog-selector_02 .box-blog-sector{
        display: flex;
    }

    .container-general-blog{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px;
    padding-bottom: 50px;
}

.art-destacados{
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px;
}

.blog-title{
    text-align: center;
    padding: 30px;
    color: #018DB4;
}

.art-ind{
    width: 200px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin: 10px;
    box-shadow: 6px 3px 20px 0px whitesmoke;
}

.art-ind img{
    max-height: 70px;
    margin: auto;
    padding-bottom: 20px;
    object-fit: cover;
    border-radius: 5px;
    justify-content: space-between;
}

.art-ind h2{
    font-size: medium;
    padding: 5px;
}

.art-ind p{
    max-height: 80px;
    overflow: hidden;
    font-size: small;
    text-align: justify;
    padding: 10px;
}

.art-ind a p{
    font-size: smaller;
    color: #00bcd4;
    font-weight: 600;

}

article{
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    justify-content: center;
}

article header{
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    background-color: white;
    border-color: #000 1px;
    padding-bottom: 50px;
}

.art-container{
    max-width: 1280px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 5% 5% 5% 5%;
}

.box-art{
    display: flex;
    flex-direction: row;
}



.other-art-title{
    display: none;
    position: none;
    padding: 20px;
    text-align: center;
    font-size: large;
    font-weight: 600;
}

.section-other-art{
    display: flex;
    flex-direction: row;
    width: fit-content;
    height: fit-content;
    padding: 10px;
    box-shadow: 0px 5px 10px 0px gray;
    border-radius: 5px;
}

.section-other-art .art-ind{
    padding: 15px;
    margin: auto;
}

.section-other-art .art-ind h2{
    object-fit: cover;
    font-size: x-small;
    text-align: justify;
}

.section-other-art .art-ind p{
    font-size: xx-small;
    padding: 2px;
}



.art-box{
    width: 90%;
    padding: 20px;
    margin: auto;
}

.art-gancho{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    color: gray;
    text-align: justify;
    padding: 10px;
    padding-left: 20px;
    padding-bottom: 30px;
    box-shadow: -15px 0px 0px 0px #018DB4;
}

article section{
    padding: 10px 5px 10px 5px;
}

article section p{
    text-align: justify;
    padding: 10px;
}

article section li{
    text-align: justify;
    padding: 2px;
    padding-left: 30px;
}

article section h2{
    color: #343a40;
    padding: 10px 0px 15px 0px;
    font-size: large;
}

section th{
    padding: 10px;
    font-size: large;
    color: #018DB4;
}

section td{
    padding: 10px;
    box-shadow: 0px 1px 1px 0px #018DB4;
}

.referencias{
    margin: 30px 50px 30px 50px;
    color: gray;
    text-align: justify;
    padding: 20px;
    padding-left: 40px;
    padding-bottom: 30px;
    box-shadow: -15px 0px 0px 0px #018DB4;
}

.referencias li{
    padding: 5px;
    padding-left: 20px;
    font-size: small;
}

.art-warning{
    padding: 30px;
    font-style: italic;
    color: grey;
    text-align: center;
}



}

@media (max-width:560px) {

    .registro-box{
        width: 300px;
        padding-bottom: 10px;
    }

    .signout-input{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
    }
    
    .input-container{
        justify-content: space-around;
    }

    .maquardt-content{
        display: block;
    }

    .maquardt-container-box{
        padding: 10px;
    }

    .maquardt-general-title{
        padding: 10px;
    }

    .maquardt-general-title h2{
        font-size: large;
    }

    .maquardt-data{
        padding: 10px;
    }

    .maquardt-logo{
        padding: 0px;
    }

    .maquardt-logo img{
        scale: .6;
        padding: 0px;
    }

    .encabezado-titulo{
        height: fit-content;
        padding: 10px;
    }

    .encabezado-titulo h1{
        font-size: x-large;
    }
    .encabezado-titulo h2{
        font-size: xxx-large;
    }

    .mega-container-blog{
        padding: 10px;
    }

    .blog-bienvenida{
        padding: 10px;
    }

    .marca-bienvenida-container{
        padding-bottom: 0px;
    }

    .marca-title{
        height: auto;
    }

    .marca-menu{
        display: block;
    }

    .title-section{
        height: fit-content;
        box-shadow: 0px 5px 10px 0px gray;
        text-align: center;
        margin: 10px;
        padding: 30px;
        border-radius: 15px;
    }
    .title-section a{
        display: contents;
        text-align: center;
    }

    .item-marca p{
        height: auto;
        overflow: hidden;
        padding-right: 20px;
        margin-right: 20px;
    }

    .formulario-total{
        width: 250px;
    }

    .contactos-redes{
        flex-direction: column;
        padding: 10px;
    }

    .contactos-redes img{
        display: none;
    }

    .item01 a{
        align-items: center;
    }

    .item01 p{
        text-align: center;
        padding: auto;
        margin: auto;
    }

    .item02 p{
        text-align: center;
    }

    .nosotros-container{
        padding: 20px;
    }

    .nosotros-container-general-02{
        padding: 20px;
    }

    .principios-box h3{
        padding: 10px;
    }

    .principios-box p{
        align-items: flex-start;
        padding: 10px;
    }

    .menu-interactive-container{}

    .proveedores-box{
        width: 80%;
        margin: 20px;
    }

    /*Pie de página */


    .redes-container{
        position:relative;
        height: 120px;
        bottom: 0;
    }

    .redes-container nav.redes-enlaces ul li{
        margin-left: 5px;
        padding: 5px;
        padding-top: 20px;
        padding-left: 10px;
    }

    .redes-containernav.redes-legales ul{
        margin-top: 20px;
        margin: 0px;
    }

    .redes-container nav.redes-legales ul li{
        color: rgb(255, 255, 255);
        width: 100%;
        font-size: 14px;
        text-align: right;
        margin-top: 10px;
        padding-right: 20px;
    }

    br.espacio{
        display: initial;
    }

    /* Nosotros */

    .nosotros-container{
        position: relative;
    }

    .nosotros-container-general{
        position: absolute;
        margin-top: 400px;
    }

    /* Productos */


    nav.productos-empresas{
        display: table;
        width: 60%;
        margin-right: 20%;
        margin-left: 20%;
    }

    .btn{
        padding-left: 1px;
        padding-right: 1px;
        margin-bottom: 10%;
    }

    .btn img{
        width: 1000px;
    }

    .productos-empresas-texto{
        width: 100%;
        margin: 1%;
        padding-top: 20%;
    }

    .btn img{
        width: 100%;
    }

    /* Contactos */

    .formulario-container{
        position: relative;
        margin-top: 15%;
        margin: 2%;
        padding-bottom: 15%;
        width: 98%;
        left: 2%;
        right: 2%;
    }

    /* Galería */

    .galeria-box-menu{
        justify-content: space-around;
        display: flex;
        flex-flow: row wrap;
    }

    .galeria-fecha{
        width: 20%;
        margin: 10px;
    }

    .galeria-encabezado h1{
        padding: 2%;
    }

    .galeria-box{
        display: flex;
        flex-flow: row wrap; 
        justify-content:center;
    }

    .galeria-imagen{
        width: 80%;
    }

    .galeria-imagen-mas{
        width: 40%;
    }

    .section-other-art{
        margin: auto;
    }

    .section-other-art .art-ind {
        display: flex;
        flex-direction: row;
        padding: 5px;
    }
    .section-other-art .art-ind h2{
        text-align: right;
        justify-content: center;
        font-size: xx-small;
        margin: auto;
        padding-left: 8px;
    }

    .section-other-art .art-ind p{
        display: none;
    }

    .section-other-art .art-ind img{
        object-fit: cover;
        width: 50px;
        padding: 1px;
    }

    .art-box{
        width: 100%;
        padding: 8px;
    }

    .box-art{
        flex-direction: column;
    }

    .referencias{
        padding: 10px;
        margin: 15px;
    }

    .art-warning{
        padding: 10px;
        font-size: small;
    }
}