@import 'init.css';
@import 'fonts/todayshop/fonts.css';
* {
    padding: 0px;
    margin: 0px;
}

body,
html {
    font-family: 'Montserrat', Helvetica, sans-serif;
    background-color: var(--color-background-first);
    color: var(--color-text-par);
    font-weight: 300;
    line-height: 1.75em;
}

b {
    font-weight: 500;
}

b.b-m {
    font-weight: 700;
}

p {
    font-size: 1.4em;
    line-height: 1.65em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-bold), Helvetica, sans-serif;
}

.text-mark-regular {
    color: var(--color-text-mark);
    font-weight: 300;
}

.text-mark-bold {
    color: var(--color-text-mark);
    font-weight: 500;
}

.init-container-fluid {
    padding-left: initial;
    padding-right: initial;
}

.banner-home {
    height: 100vh;
    position: relative;
    background-image: url('../img/2020/banner_principal.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.banner-home-caption {
    position: absolute;
    top: 1%;
    bottom: 25%;
    left: 0%;
    right: 0%;
}

.img-banner {
    height: 50vh;
}

.title-banner {
    font-size: 1.63em;
    color: var(--color-text-second);
    font-family: var(--font-normal), Helvetica, sans-serif;
}

.row {
    position: relative;
}

.row-init {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.row-m {
    margin-top: 5em;
    margin-bottom: 4em;
}

.row-padding {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 5em;
    padding-right: 5em;
}

.row-p {
    padding-top: 10em;
    padding-bottom: 10em;
}

.t-asl {
    font-size: 2.5em;
    color: var(--color-text-title);
    font-weight: 500;
}

.t-ff {
    font-family: var(--font-regular), Helvetica, sans-serif;
}

.c-w {
    color: var(--color-text-second);
}

.c-b {
    color: var(--color-text-mark);
}

.fz-1 {
    font-size: 1.2em;
}

.t-m-t {
    margin-top: 2em !important;
}

.t-m-b {
    margin-bottom: 1em;
}

.t-m-l {
    margin-left: 2em;
}

.st-asl {
    font-size: 2em;
    color: var(--color-text-title);
    font-weight: 500;
}

.mt-asl {
    font-size: 1em;
    font-weight: 300;
    font-family: var(--font-regular), Helvetica, sans-serif;
}

.well-asl {
    background-color: var(--color-background-first);
    margin-top: -10%;
    border: none;
    -webkit-box-shadow: 0px -25px 25px -3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px -25px 25px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -25px 25px -3px rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    padding: 3em 1em;
}

.img-center {
    margin: 0px auto;
}

.background-row {
    background-color: var(--color-background-second);
}

.background-image-row {
    background-image: url('../img/2020/banner_secundario.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background-image-row-foros {
    background-image: url(https://picsum.photos/id/1033/2048/600);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.my-media-object {
    background-color: var(--color-background-first);
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}

.media-par {
    font-size: 1em;
}

.my-media {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em;
}

.background-left {
    position: absolute;
    top: -15%;
    left: 0%;
    width: 15%;
    z-index: 1;
}

.background-position-left-3 {
    top: 20%;
    width: 11%;
}

.background-right {
    position: absolute;
    top: 10%;
    right: 0%;
    width: 15%;
    z-index: 1;
}

.background-position-right-4 {
    top: 55%;
}

.btn-asl {
    color: var(--color-text-second);
    background-color: var(--color-pink-buttom);
    text-decoration: none;
    padding: .7em 2em;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    font-family: var(--font-bold), Helvetica, sans-serif;
    font-size: 1em;
    cursor: pointer;
    display: inline-block;
    border: none;
}

.btn-asl:hover {
    text-decoration: none;
    background-color: var(--color-text-second);
    color: var(--color-pink-buttom);
}

.img-icon {
    height: 35px;
    margin-top: 10px;
}

.my-list-inline {
    margin-bottom: 2em;
}

.my-list-inline li {
    padding-left: 0px;
    padding-right: 0px;
}

.text-mark {
    font-size: 1.3em;
    font-family: var(--font-bold), Helvetica, sans-serif;
    font-weight: 500;
}

.my-list-unstyled li {
    color: var(--color-text-second);
    font-size: 1.2em;
    margin-top: .5em;
    margin-bottom: .5em;
    display: flex;
}

.my-list-unstyled li img {
    margin-right: 10px;
    margin-top: -1px;
    height: 5vh;
}

.title-number {
    font-family: var(--font-normal), sans-serif;
    font-size: 7.5em;
}

.subtitle-number {
    font-family: var(--font-regular), sans-serif;
    font-size: 1em;
}

.thumbnail-number {
    border-radius: 35px;
    margin-bottom: 5em;
    border: none;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.thumbnail-number:hover {
    text-decoration: none;
}

.thumbnail-number-disable {
    background-color: var(--color-background-three);
}

.number-active {
    color: var(--color-text-mark);
}

.number-disable {
    color: var(--color-text-disable);
}

.fz-number-disable {
    font-size: 3em;
}

.fz-title-number-disable {
    font-size: 9em;
}

.fz-subtitle-number-disable {
    font-size: 1.6em;
}

.img-number-logo {
    max-width: 50%;
}

.thumbnail-foros {
    border: none;
    padding: 0px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}

.thumbnail-foros img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.thumbnail-foros .caption {
    padding: .5em 1em;
}

.thumbnail-foros .caption h3 {
    font-size: 1.5em;
    margin-top: .5em;
}

.thumbnail-foros .caption p {
    font-size: 1em;
}

.img-oficina {
    margin-top: 5em !important;
    margin-bottom: 10em !important;
}

.background-row-footer {
    background-image: url('../img/2020/footer.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
}

.line-footer {
    margin-top: 5em;
}

.caption-banner-foro-virtual {
    position: absolute;
    top: 5%;
    bottom: 5%;
    left: 5%;
    right: 5%;
}

.background-image-slick {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    background-color: rgba(255, 255, 255, 0.5);
    width: auto;
    height: auto;
}

.img-galeria {
    width: 100%;
}

.content-slick-image {
    position: relative;
    margin: 0em 1em;
}

.background-image-row-form {
    background-image: url('../img/2020/form.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em 2em 2em 2em;
}

.p-p {
    padding: 0em 1.1em;
}

.fz-responsable {
    font-size: .7em;
}

.p-m-b {
    margin-bottom: 2em;
}

.input-asl {
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
    box-shadow: none;
}

.input-asl:focus {
    box-shadow: none;
    border-color: var(--color-text-mark);
}

#enviarcontactos label {
    color: #676767;
}

.well-asl-form {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-top: 20px;
    padding-right: 10px;
}

.well-foros {
    min-height: 20px;
    padding: 4em 3em;
    margin-bottom: 20px;
    border-radius: 4px;
}

.fz-p-modal {
    font-size: 1em;
}

.t-modal {
    font-size: 1.6em;
}

.st-modal {
    font-size: 1.1em;
}

.modal-header {
    border-bottom: none;
}

.fz-email {
    font-size: .7em;
}

.my-modal-body {
    padding: 1em 3em;
}

@media (min-width: 768px) {
    .well-asl {
        padding: 3em 4em;
        margin-top: -15%;
    }
}

.img-noticias {
    /*height: 20vh;*/
}

.slick-next {
    right: 25px;
    z-index: 100;
}

.slick-prev {
    left: 25px;
    z-index: 100;
}

.slick-prev,
.slick-next {
    width: 30px;
    height: 30px;
}

.slick-prev:before,
.slick-next:before {
    color: var(--color-pink-buttom);
    font-size: 30px;
}

.well-barrio {
    background-color: var(--color-background-first);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    border: none;
}

.img-barrio {
    margin-top: 2em;
    margin-left: 3em;
}

.list-modal {
    margin-left: 3em;
}

.st-modal-m-l {
    margin-left: 3em;
}

.m-lelft {
    margin-left: 15px !important;
}

.mancha_2{
    position: absolute;
    top: 46.3%;
    left: 1%;
}

.mancha_1{
    position: absolute;
    right: 1%;
    top: 4.2%;
}

.list-unstyled-pd li {
    color: var(--color-text-mark);
    font-weight: 700;
}

.par-xs{
    font-size: .8em;
    font-weight: 700;
    color: var(--color-text-par-mark);
}

.title-pa-asl{
    color: var(--color-pink-buttom);
    font-weight: 700;
}

.img-pa-asl{
    margin-top: 1.5em;
}

.col-pa-asl{
    margin-top: 1em;
    margin-bottom: 3em;
}

.mt-par{
    margin-top: 2em;
}

.mt-subpar{
    margin-top: 1em;
}

.line-pa-asl{
    border-right: 1px solid var(--color-pink-buttom);
}