/* CSS Document */
body {
    padding-top: 72px;
    font-family: myriad, sans-serif;
}
h1, h2, h3, h4 {
    font-family: myriad, sans-serif;
    font-weight: 400;
    margin-top: 0;
}
a {
    color: #006072;
}
svg {
    vertical-align: middle;
}
.mgcbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .95);
    z-index: 1;
    box-shadow: 0 2px 4px rgba(91, 102, 112, 0.12);
}
.mgcbar button {
    margin-bottom: 0;
    background-color: #006072;
}
.mgcbar .logo img {
    height: 24px;
    margin: 14px 0 14px 14px;
}
.menubar span {
    display: inline-block;
}
.langswitch {
    padding: .5rem 2.8rem .7rem 1.2rem;
    background-color: #999;
}
.headstitol {
    background-color: #bc290a;
    color: #fff;
    font-size: 2rem;
    font-weight: 200;
    padding: 2rem;
    height: inherit;
    height: calc(100% - 1.25rem);
}
.headstitol strong {
    font-size: 120%;
    line-height: 1.2;
    font-weight: 400;
}
#form_contacte {
    margin-bottom: 0;
    padding: 1rem;
    height: inherit;
    height: calc(100% - 1.25rem);
}
h1.head {
    color: #006072;
    font-size: 3.5rem;
    font-weight: 400;
    margin-bottom: 0.9375rem;
}
h1.head img {
    width: 100%;
}
h2 {
    color: #006072;
    font-size: 2.5rem;
    text-align: center;
    font-weight: 200;
    margin: 2rem 0;
}
.fact {
    text-align: center;
    background-color: #d3e2e6;
    background: linear-gradient(-4deg, #d3e2e6 9%, #e5eef0 52%, #d3e2e6 55%, #d3e2e6 72%, #e5eef0 82%, #d3e2e6 83%);
    background-attachment: fixed;
    color: #006072;
    padding: 1.25rem;
    height: inherit;
    height: calc(100% - 1.97rem);
    margin-bottom: 0.9375rem;
}
.fact h3 {
    color: #006072;
    font-size: 1.5rem;
    font-weight: 200;
}
.tarjeta {
    background-color: #d3e2e6;
    color: #006072;
    padding: 2%;
    height: inherit;
    height: calc(100% - 1.97rem);
    margin-bottom: 0.9375rem;
}
.tarjeta table {
    background: transparent;
    border: none;
}
.tarjeta table tr td {
    color: #006072;
}
.tarjeta table tr td:first-of-type {
    text-align: center;
}
.tarjeta table tr td p {
    margin-bottom: 0;
}
.tarjeta table tr td h3 {
    color: #006072;
    font-size: 1.5rem;
    font-weight: 200;
}
footer {
    background-color: #eee;
    color: #555;
    margin-top: 2rem;
}
footer p {
    font-size: .9rem;
}
.animate-box {
    opacity: 0;
}
#panel_info p {
    font-size: 2rem;
    font-weight: 200;
    color: #bc290a;
}
#panel_info p a {
    color: #BC290A !important;
    text-decoration: underline;
}
@media only screen and (min-width: 40.063em) {
    body {
        padding-top: 80px;
    }
    .fact, h1.head {
        margin-bottom: 1.97rem;
    }
    .headstitol {
        font-size: 2.6rem;
        padding: 3rem;
    }
    .headstitol strong {
        
    }
    #form_contacte {
        padding: 3rem;
    }
}