:root {
	--font-family: "Montserrat", sans-serif;
	--color-1: #58B3E6; /*Azul*/
	--color-1-hover: #3796CB;
	--color-1-inverted: #FFF;
	--color-2: #212A61; /* Azul oscuro */
	--color-2-hover: #161E51; /* Azul muy oscuro */
	--color-2-inverted: var(--color-1-inverted); /* NEGRO */
	--color-3: #6C767F; /* GRIS */
	--color-3-hover: #3E4E5B;
	--color-3-light: #E8EDF4;
	--color-3-superlight: #EDF1F7;
	--main-background: #FFF;
	--footer-background: var(--color-2);
	--footer-color: var(--color-2-inverted);
	--border-radius: 6px;
	--main-spacing: 30px;
	--preheader-height: 36px;
	--header-content-height: 250px;
}

body { font-family: var(--font-family); font-size: 14px; color: var(--color-3); background: var(--footer-background); }
.content { background: var(--main-background); /*padding-bottom: var(--main-spacing);*/ }
.inline-list { display: inline-block; }
p { line-height: 1.7em; color: var(--color-3); }
.preheader { background: rgba(255,255,255,0.9); padding: 5px 0; z-index: 2000; position: relative; height: var(--preheader-height); }
.preheader-menu > li:not(:last-child) { margin-right: 6px; padding-right: 6px; border-right: 1px solid #D4DCE8; }
.preheader-menu > li > a { color: var(--color-3); font-size: 11px; font-weight: 600; }
.preheader-menu > li > a.active, .preheader-menu > li > a:hover, .preheader-menu > li > a:focus, .preheader-menu > li > a:active { text-decoration: none; color: var(--color-3-hover); }
#header-swiper { max-width: 100%; }
.home-swiper { position: absolute; z-index: 100; top: 0; left: 0; right: 0; height: calc(var(--preheader-height) + var(--header-content-height)); }
.home-swiper img { height: calc(var(--preheader-height) + var(--header-content-height)); width: 100%; object-fit: cover; }
.header-container { position: relative; z-index: 200; height: var(--header-content-height); padding-top: 20px; }

.user-control-welcome { font-size: 12px; font-weight: 600; display: inline-block; text-transform: none; margin-right: 7px; margin-bottom: 0; }
.user-control-ul { display: inline-block; list-style: none; padding: 0; margin: 0; text-transform: none; }
.user-control-ul li { display: inline-block; }
.user-control-ul li:not(:last-child) { margin-right: 5px; }
.user-control-ul li a { background: #FFF; display: block; padding: 2px 5px; border-radius: 100px; font-size: 11px; color: var(--color-2); }
.user-control-ul li a.active, .user-control-ul li a:hover, .user-control-ul li a:focus, .user-control-ul li a:active { text-decoration: none; }

.link { color: var(--color-1); text-decoration: underline; }
.link:hover { color: var(--color-1-hover); }
.lightblue { background: var(--color-3-superlight); }
.section { padding: 80px 0; }
.gray-section { background: var(--color-3-superlight); padding: 80px 0; }
.gray-section-small { background: var(--color-3-superlight); padding: 20px 0; }
.main-header { padding: 0; background: /*url(../../../images/default/cna/nadal-header.png) center top no-repeat*/ #FFF; }

.titulo { font-size: 24px; color: var(--color-2); font-weight: 500; margin-bottom: 1rem; }
.block-tickets.titulo { font-size: 18px; }
.titulo.titulo-md { font-size: 18px; text-transform: uppercase; font-weight: 600; }
.titulo.titulo-sm { font-size: 17px; font-weight: 500; }
.titulo.titulo-seccion { font-size: 20px; font-weight: 300; color: var(--color-3);}
.titulo a { color: inherit; }

.instagram-icon { position: relative; top: -2px; margin-right: 6px; }
.summary, .summary p { font-size: 16px; font-weight: 500; line-height: 24px; }
.form-control { font-size: 13px; }

.fotos-destacadas { border-top: 2px solid #EDF1F7; padding: 80px 0; }
.redes-sociales { background: #EDF1F7; padding: 80px 0; }
.social-icon { margin-right: 6px; }
.social-url { color: #6C767F; font-size: 14px; font-weight: 300; margin-bottom: 15px; display: inline-block; }

.stranded-link { display: inline-block; padding: 4px 10px; border-radius: 6px; background: #757e87; color: #FFF; font-weight: 600; font-size: 13px; text-transform: uppercase; }
.stranded-link:not(:last-child) { margin-right: 10px; }
.stranded-link:hover { text-decoration: none; background: #3a4148; color: #FFF; }

.badge { background: #16e062; color: #FFF; border-radius: 5px; padding: 5px 10px; display: block; float: right; }
.badge.badge-red { background-color: #e01653; }
.badge.badge-gray { background-color: #434343; }

.badge-container  { position: absolute; left: 15px; right: 15px; top: 10px; text-align: center; }
.badge-container .badge { display: none; float: none; display: inline-block; }

.user-data { color: var(--color-1); font-weight: 700; }

.inscription-school-steps { list-style: none; padding: 0; margin-bottom: 30px; }
.inscription-school-steps li { display: inline-block; }
.inscription-school-steps li span { background: var(--color-3-light); display: block; padding: 5px 10px; border-radius: 5px; }
.inscription-school-steps li.on span { background: var(--color-3); color: #FFF; }

.table-total { font-size: 20px; margin-bottom: 30px; }

.boat-selector { position: relative; }
.boat-selector .boat-selector-field { background: url(../svg/boat-selector-down.svg) no-repeat center right 10px #FFF; border: 1px solid #A49B94; padding: 3px; margin-bottom: 10px; cursor: pointer; }
.boat-selector.active .boat-selector-field:before {  }
.boat-selector.active .boat-selector-field { background-image: url(../svg/boat-selector-up.svg); }
.boat-selector .boat-tag { background: url(../svg/boat-delete.svg) no-repeat center left 10px #F9F9F9; border: 1px solid #DDD; border-radius: 4px; padding: 3px 10px 3px 25px; display: inline-block; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 2px; }
.boat-selector .boat-tag:hover { background-color: #EEE; }
.boat-selector span { border: 1px solid transparent; padding: 3px 10px; display: inline-block; }
.boat-selector .boat-selector-option.active { background: #E8EFF5; }
.boat-selector .boat-selector-dropdown { display: none; position: absolute; top: 58px; width: 330px; background: #FFF; border: 1px solid #A49B94; box-shadow: 0 2px 4px rgba(0,0,0,0.08); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.08); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.08); z-index: 3000; }
.boat-selector .boat-selector-dropdown .boat-selector-dropdown-scroll { max-height: 350px; overflow: auto; }
.boat-selector .boat-selector-dropdown .boat-selector-dropdown-close { background: #40B4E7; padding: 5px; text-align: center; color: #FFF; text-shadow: uppercase; cursor: pointer; }
.boat-selector .boat-selector-dropdown .boat-selector-dropdown-close.active, .boat-selector .boat-selector-dropdown .boat-selector-dropdown-close:hover, .boat-selector .boat-selector-dropdown .boat-selector-dropdown-close:focus, .boat-selector .boat-selector-dropdown .boat-selector-dropdown-close:active { background: #329ECE; }
.boat-selector .boat-selector-dropdown .boat-selector-option { overflow: auto; border-bottom: 1px solid #DDD; padding: 10px 0; cursor: pointer; }
.boat-selector .boat-selector-dropdown .boat-selector-option .boat-selector-img { float: left; width: 100px; padding: 0 12px; }
.boat-selector .boat-selector-dropdown .boat-selector-option .boat-selector-img img { max-width: 100%; }
.boat-selector .boat-selector-dropdown .boat-selector-option .boat-selector-text { float: right; width: calc(100% - 100px); padding: 10px 12px 0; }
.boat-selector.active .boat-selector-dropdown { display: block; }

.login-header-form { background: var(--color-3-superlight); padding: 20px; }

.table .thead-light th { background: url(../svg/tablesort.svg) no-repeat right 5px center var(--color-3-superlight); border-color: transparent; cursor: pointer; }

.main-menu { background: var(--color-2); margin-bottom: 40px; }
.main-menu li:not(:last-child) { margin-right: 10px; }
.main-menu li a { color: var(--color-1-inverted); display: block; padding: 15px 10px; font-weight: 500; font-size: 16px; }
.main-menu li a.on, .main-menu li a.active, .main-menu li a:hover, .main-menu li a:focus, .main-menu li a:active { text-decoration: none; background-color: rgba(255,255,255,0.06); }
.main-menu li.active a, .main-menu li.on a { background: var(--color-1); }

.main-submenu { background: var(--color-3-light); padding: 6px 0; margin-bottom: 50px; z-index: 20000; position: relative; }
.main-submenu li a { color: var(--color-3); display: block; padding: 5px 15px; font-weight: 500; font-size: 11px; text-transform: uppercase; font-weight: 600; border-radius: 100px; }
.main-submenu li a.active, .main-submenu li a:hover, .main-submenu li a:focus, .main-submenu li a:active { text-decoration: none; color: var(--color-2); }
.main-submenu li.active a, .main-submenu li.on a { background: var(--color-2); color: var(--color-2-inverted); }

.home-links {/* background: url(../../../images/default/cna/home-line.png) no-repeat center center transparent;*/ padding: 30px 0; }
.home-links .home-link { height: 200px; color: #FFF; }
.home-links .home-link .home-link-title { transition: padding-left 0.2s ease; display: block; color: #FFF; background: url(../png/home-link-title.png) no-repeat center center; padding: 15px 23px; font-size: 20px; text-transform: uppercase; font-weight: 700; }
.home-links .home-link .home-link-title:hover { padding-left: 30px; }
.home-links .home-link .home-link-title.active, .home-links .home-link .home-link-title:hover, .home-links .home-link .home-link-title:focus, .home-links .home-link .home-link-title:active { color: #FFF; text-decoration: none; }
.home-links .home-link .home-link-title:after { content: url(../svg/home-link-arrow.svg); float: right; position: relative; top: 4px; }
.home-links .home-link .home-link-body { text-align: center; font-size: 16px; font-weight: 500; padding: 15px 25px; }
.home-links .home-link .home-link-body p { color: inherit; }
.home-links .home-link.home-link-orange .home-link-title  { background-position: left center; }
.home-links .home-link.home-link-orange { background: #EE8E1D; }
.home-links .home-link.home-link-blue { background: #58B3E6; }
.home-links .home-link.home-link-darkblue { background: #242E67; }
.home-links .home-link.home-link-darkblue .home-link-title  { background-position: right center; }

.restaurante-header { margin-top: -50px; padding: 0; position: relative; }
.restaurante-pasti { position: absolute; right: 20px; top: 50%; margin-top: -160px; background: rgba(255,255,255,0.75); text-align: center; max-width: 260px; }
.restaurante-pasti > div { padding: 20px; }
.restaurante-pasti h2 { color: #2A378C; font-size: 16px; text-transform: uppercase; margin-bottom: 5px; }
.restaurante-pasti p { color: #666; font-size: 18px; font-weight: 300; }
.restaurante-pasti p +h2 { margin-top: 20px; }

/* Galería restaurante */
.galeria .row > div, .galeria .row > .fancy { display: block; height: 200px; position: relative; background-size: cover; background-position: center center; padding: 0; }
.galeria .row > div .over, .galeria .row > .fancy .over { position: absolute; background: url(../galeria-over.html) center center no-repeat rgba(64,181,231,0.75); height: 0; width: 100%; text-align: center; overflow: hidden; transition: height ease 0.3s; cursor: pointer; }
.galeria .row > div .over span, .galeria .row > .fancy .over span { color: #FFF; position: relative; top: 240px; /* El top cambia por jQuery */ font-size: 20px; line-height: 21px; font-weight: 400; transition: top ease 0.4s; }
.galeria a { text-decoration: none; }

/* -- Mosaico */
.mosaico { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 400px; padding: 40px 60px; font-size: 16px; color: #FFF; font-weight: 300; transition: all ease 0.2s; }
.mosaico.w-plus { width: 51%; }
.mosaico.w-less { width: 49%; }
.mosaico.h-plus { height: 410px; }
.mosaico.h-less { height: 390px; }
.mosaico.transparent { opacity: 1; }
.mosaico p { max-width: 90%; color: #FFF; }
.mosaico.minimizer { letter-spacing: -.3px; padding-right: 30px; }
.mosaico.minimizer p { max-width: 100%; }
.mosaico.minimizer li { font-size: 14px; }
.mosaico.mosaic-4 { background: #40B4E7; }

.event-card { background: #FFF; }
.event-card .club-logo { text-align: center; margin-top: -38px; position: relative; }
.event-card .club-logo img { max-height: 75px; }
.event-card .event-img { height: 170px; position: relative; }
.card-img-div { height: 220px; background: no-repeat center center/cover; display: block; }
.event-card .event-text { padding: 15px 30px 30px; text-align: center; }
.event-card .event-date { color: #D42378; text-transform: uppercase; font-size: 12px; margin-top: 0; margin-bottom: 10px; }
.event-card .titulo { margin-bottom: 0; }

.menu-idiomas { position: relative; }
.languages-dropdown { display: none; position: absolute; top: 30px; border: 1px solid var(--color-3-light); background: #FFF; list-style: none; text-align: left; padding: 10px; margin: 0; }
.languages-dropdown li { border: none !important; }
.languages-dropdown li a { color: #333; text-decoration: none; font-size: 12px; font-weight: 700; }
.languages-dropdown.active { display: block; z-index: 300; }
.languages-button, .navs .inline-list li .languages-button { color: var(--color-1); font-weight: 600; font-size: 11px; background: url(../svg/language-cloud.svg) no-repeat center center transparent; display: inline-block; height: 25px; width: 29px; text-align: center; padding: 2px 1px; }
.languages-button.active, .languages-button:hover, .languages-button:focus, .languages-button:active { text-decoration: none;  }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(../svg/slider-left.svg); left: 0; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(../svg/slider-right.svg); right: 0; }

.paginator { display: inline-block; background: #E8EDF4; margin: 60px 0; }
.paginator a { display: inline-block; padding: 10px 12px; color: #93A2B7; font-weight: 700; font-size: 16px; }
.paginator a.on, .paginator a:active, .paginator a:focus, .paginator a:hover { color: #212A61; text-decoration: none; }
.paginator .next, .paginator .prev { color: #FFF; color: transparent !important; width: 45px; background: url(../svg/paginator-next.svg) no-repeat center center #212A61; }
.paginator .prev { background-image: url(../svg/paginator-prev.svg); }
.paginator .next:hover, .paginator .prev:hover { background-color: #151D4A; }

.moorings-section { padding-bottom: 60px; }
.moorings-header { background: var(--color-2); padding-right: 30px; padding-left: 30px; }
.moorings-header-txt { color: #FFF; padding-top: 40px; padding-bottom: 20px; }
.moorings-header-txt .titulo { color: #FFF; font-size: 22px; text-transform: uppercase; font-weight: 700; }
.moorings-header-txt p { color: #FFF; }
.moorings-header-txt .button { background: url(../index-2.html) #000; }
.moorings-map-container { position: relative; }
.moorings-map-container .button { position: absolute; bottom: 10px; right: 50px; }
.moorings-map { margin-top: -20px; margin-bottom: -20px; height: calc(100% + 40px); background: no-repeat center bottom; min-height: 260px; }
.moorings-img { height: 200px; background: no-repeat center center/cover; }

.services-list li { margin-bottom: 8px; position: relative; padding-left: 15px; }
.services-list li:before { content: url(../svg/list-dot.svg); position: absolute; left: 0; top: 8px; }

.fecha { background: url(../svg/fecha.svg) no-repeat left 11px center var(--color-3-light); padding: 4px 12px 4px 27px; border-radius: 100px;text-transform: uppercase; font-size: 11px; display: inline-block; }
.carpeta { background: url(../svg/carpeta.svg) no-repeat left 11px center var(--color-3-light); padding: 4px 12px 4px 27px; border-radius: 100px;text-transform: uppercase; font-size: 11px; display: inline-block; }
.autor { background: url(../svg/autor.svg) no-repeat left 11px center var(--color-3-light); padding: 4px 12px 4px 27px; border-radius: 100px;text-transform: uppercase; font-size: 11px; display: inline-block; }
.hashtags { margin-right: 10px; color: var(--color-1); font-size: 12px; list-style: none; padding: 0; display: inline-block; font-weight: 600; text-transform: uppercase; }
.hastags li { display: inline-block; }

.nav_meteo { padding: 0; }
.banner-link { margin-bottom: 15px; }

table.calendar tr.nav-cal th, table.calendar tr.nav th { background: var(--color-3); position: relative; padding: 0; overflow: auto; line-height: 32px; }
table.calendar th { background: var(--color-3-superlight); }
table.calendar td { background: var(--color-1); border-radius: 0; }
table.calendar td.we { background: #4c9fce; }
table.calendar td a { color: #FFF; font-weight: 600; }
table.calendar td a:hover { color: #434c54; text-decoration: none; }
table.calendar td.off a { color: #3770a5; }
table.calendar tr.nav-cal th a.previous, table.calendar tr.nav th a.previous { position: static; float: left; background: url(../png/calendar-prev-off.png) no-repeat center center; }
table.calendar tr.nav-cal th a.previous:hover, table.calendar tr.nav th a.previous:hover { background: url(../png/calendar-prev-on.png) no-repeat center center; }
table.calendar tr.nav-cal th a.next, table.calendar tr.nav th a.next { position: static; float: right; background: url(../png/calendar-next-off.png) no-repeat center center; }
table.calendar tr.nav-cal th a.next:hover, table.calendar tr.nav th a.next:hover { background: url(../png/calendar-next-on.png) no-repeat center center; }

.img-mosaico { height: 240px; background-size: cover; padding: 3px; background-clip: content-box; }

.partner-background { background: #fafcff; border-top: 2px solid #f1f4f9; }
.partner-background .titulo { color: var(--color-2); }
.partner-background .partner-img { max-height: 70px; margin: 10px; }

.mySelectBoxClass { height: 34px; width: 100%; background: var(--color-2); border-radius: 100px; color: #FFF; border: none; padding: 7px 10px; text-transform: uppercase; font-weight: 600; font-size: 11px; }

.tag-selector { margin-bottom: var(--main-spacing); }
.tag-selector li a { background: var(--color-3-light); color: var(--color-3); border-radius: 100px; padding: 6px 10px; font-weight: 600; font-size: 11px; text-transform: uppercase; }
.tag-selector li.active a { background: var(--color-1); color: var(--color-1-inverted); }
.tag-selector li a:hover, .tag-selector li a:focus, .tag-selector li a:active { text-decoration: none; }
.tag-selector li:not(.active) a:hover, .tag-selector li:not(.active) a:focus, .tag-selector li:not(.active) a:active { color: #000; }

.school-item { height: 380px; background: no-repeat center center/cover var(--color-1); }
.school-item .info-card { position: absolute; bottom: 20px; left: 20px; right: 20px; }
.school-item .info-card .info-card-content { text-align: center; background: var(--color-1); border-top: 6px solid var(--color-2); padding: 20px; }
.school-item .info-card .info-card-content .titulo { color: #FFF; margin-bottom: 5px; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.school-item .info-card .info-card-content p { font-size: 13px; color: #FFF; font-weight: 600; }
.school-item .info-card .info-card-content .button { font-size: 12px; font-weight: 600; }

.junta-item { background: var(--color-3-superlight); padding: var(--main-spacing); margin-bottom: var(--main-spacing); border-radius: var(--border-radius); }
.junta-item .titulo { margin-bottom: 5px; }

.button { border: none !important; background: var(--color-2); padding: 5px 20px; font-weight: 500; display: inline-block; border-radius: 100px; color: var(--color-2-inverted); font-size: 14px; }
.button.active, .button:hover, .button:focus, .button:active { color: var(--color-2-inverted); text-decoration: none; background-color: var(--color-2-hover); }
.button.bt-see-more { background: url(../svg/see-more.svg) no-repeat right 17px center var(--color-1); padding-right: 45px; }
.button.bt-see-more.active, .button.bt-see-more:hover, .button.bt-see-more:focus, .button.bt-see-more:active { background-color: var(--color-1-hover); }
.button.bt-big { padding: 30px 60px; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.login-button { background: var(--color-2); padding: 4px 10px 4px 10px; border-radius: 100px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #FFF; }
.login-button.active, .login-button:hover, .login-button:focus, .login-button:active { text-decoration: none; color: #FFF; }

.news-listing-img { min-height: 200px; height: 100%; background: no-repeat center center/cover; display: block; }

.featured-text { padding: 40px 100px; margin: var(--main-spacing) 0; border-top: 3px solid #E2F2F9; border-bottom: 3px solid #E2F2F9; }
.featured-text p { font-size: 22px; font-weight: 600; color: var(--color-1); margin: 0; text-align: center; }

.featured-new { height: 400px; margin-bottom: 15px; position: relative; background: no-repeat center center/cover transparent; }
.featured-new:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(69, 84, 154, 0.0001) 0%, #212A61 100%); pointer-events: none; }
.featured-new .featured-new-text { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; }
.featured-new .titulo { color: #FFF; margin-bottom: 0; }
.featured-new .fecha { color: #FFF; background: none; padding: 0; font-weight: 600; }
.featured-new .hashtags { margin-bottom: 3px; }

.featured-sm { height: auto; overflow: auto; margin-bottom: 30px; }
.featured-sm .featured-new-text { padding: 10px; position: relative; margin-top: 90px; }
.featured-sm .titulo { font-size: 14px; }

.featured-news-listing-item { margin-bottom: var(--main-spacing); }
.news-listing-item { margin-bottom: var(--main-spacing); }

.new-body { margin-bottom: var(--main-spacing); }

.document { background: var(--color-3-superlight); margin-bottom: var(--main-spacing); }
.document .document-body { padding: 30px; }
.document .document-link { display: block; background: url(../svg/download.svg) no-repeat center right 12px #F5F8FC; padding: 9px 40px; text-align: right; text-transform: uppercase; color: var(--color-2); font-weight: 500; }
.document .document-link.active, .document .document-link:hover, .document .document-link:focus, .document .document-link:active { text-decoration: none; background-color: #E4E9F2; }

.agenda-item { background: var(--color-3-superlight); margin-bottom: 20px; }
.agenda-item .text-container { padding: 20px; }
.agenda-item .fecha { display: block; background: var(--color-1); color: var(--color-1-inverted); border-radius: 0; padding: 5px 15px; font-size: 14px; font-weight: 600; }
.agenda-item .listtitle { padding: 10px 0px; }
.agenda-img { height: 150px; background: no-repeat center center/cover; }

.calendar { margin-bottom: 30px; }
#cont-paginator { text-align: center; }

.doc-format { width: 56px; height: 56px; border-radius: 200px; background: var(--color-1); color: #FFF; padding-top: 17px; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 14px; }

.main-footer { background: var(--color-1); padding: 40px 0; }
.main-subfooter { background: var(--color-2); padding: 40px 0; }

.side-banner { margin-bottom: var(--main-spacing); }
.banner > div { margin-bottom: 15px; }

.coursetype-card { margin-bottom: 30px; }
.coursetype-img { height: 300px; width: 100%; object-fit: cover; }
.coursetype-content { display: block; background: var(--color-2); color: var(--color-2-inverted); padding: 15px; text-align: center; font-size: 16px; margin-bottom: 0; }
.coursetype-content.active, .coursetype-content:active, .coursetype-content:hover, .coursetype-content:focus { text-decoration: none; color: var(--color-2-inverted); opacity: 0.95; }

.years { background: var(--color-3-superlight); margin-bottom: 3px; display: block; }
.years a { color: var(--color-3); text-align: center; padding: 8px 10px; font-weight: 700; font-size: 14px; }
.months { width: 100%; background: var(--color-2); margin-bottom: 40px;}
.months a { color: var(--color-2-inverted); text-align: center; display: block; padding: 8px 10px; font-weight: 700; }

.footer-bigbts { display: block; margin-bottom: var(--main-spacing); }
.footer-bigbts li:not(:last-child) { margin-right: 10px; }
.footer-bigbts li a { background: url(../svg/bigbt-arrow.svg) no-repeat center right 10px var(--color-2); color: #FFF; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 200px; padding: 5px 25px 5px 15px; }

.footer-links li { color: var(--color-1-inverted); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.footer-links li:not(:last-child) { margin-right: 10px; }
.footer-links li a { color: inherit; }
.footer-links li a.active, .footer-links li a:hover, .footer-links li a:focus, .footer-links li a:active { text-decoration: none; }

.main-subfooter p { color: var(--color-1-inverted); }

.card-element { box-shadow: 0px 1px 8px rgba(117, 126, 135, 0.2); background: #FFF; margin-bottom: var(--main-spacing); }
.card-element .card-body { padding: 20px 30px; }
.card-element .card-body .titulo { color: var(--color-1); font-weight: 700; font-size: 18px; margin-bottom: 10px; }
.card-element .card-body .titulo.titulo-md { color: var(--color-2); font-weight: 500; font-size: 16px; text-transform: none; }
.card-element .card-body p.date { color: #474D53; font-weight: 500; margin-bottom: 5px; }

.aviso { cursor: pointer; background: url(../svg/aviso.svg) no-repeat bottom right var(--color-3-light); padding: 30px; margin-bottom: var(--main-spacing); }
.aviso .titulo-sm {  }
.aviso .fecha { background-color: #FFF; margin-bottom: 15px; font-weight: 600; }
.aviso .extra { display: none; }
.aviso.active  { background-image: url(../svg/aviso-close.svg); }
.aviso.active .extra { display: block; }

.separator { border-top: 2px solid var(--color-3-light); margin: 15px 0; }

.home-notices .aviso { padding: 20px 25px; }
.home-notices .aviso .extra { padding-top: 15px; }
.home-notices .aviso .fecha { margin: 0 10px 0 0; display: inline-block; }
.home-notices .aviso .titulo { margin-bottom: 0; display: inline-block; font-size: 15px; position: relative; top: 1px; }
.home-notices .aviso p { margin-bottom: 5px; }

.metas { margin-bottom: 10px; }
.metas span:not(:last-child) { margin-right: 12px; }

/* SCHOOL */
.menu { background: var(--color-3-light); margin-bottom: 30px; }
.menu li a { padding: 10px 15px; color: var(--color-2); font-weight: 500; }
.menu li a.active, .menu li a:hover, .menu li a:focus, .menu li a:active { text-decoration: none; background: #F6F8FB; }
.menu li:not(:last-child) a { border-bottom: 1px solid #FFF; }

.user-area { padding-top: 10px; background: #f9fafb; padding: 12px 15px; border-radius: 5px; height: 82px; }
.user-area .office-bt { text-transform: uppercase; font-size: 10px; color: #6C767F; }
.user-area .office-bt:after { content: url(../svg/area-usuario-dropdown.svg); margin-left: 3px; position: relative; top: -1px; }
.user-area .welcome { color: var(--color-2); font-size: 13px; font-weight: 500; margin-bottom: 0; }
.user-area .user-links li { font-size: 11px; color: var(--color-3); margin-right: 5px; }
.user-area .user-links li a { font-size: inherit; color: inherit; }

.input-container { margin-bottom: 20px; }
.input-container.grid_1 { width: calc(100% / 32 * 1); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_2 { width: calc(100% / 32 * 2); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_3 { width: calc(100% / 32 * 3); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_4 { width: calc(100% / 32 * 4); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_5 { width: calc(100% / 32 * 5); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_6 { width: calc(100% / 32 * 6); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_7 { width: calc(100% / 32 * 7); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_8 { width: calc(100% / 32 * 8); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_9 { width: calc(100% / 32 * 9); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_10 { width: calc(100% / 32 * 10); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_11 { width: calc(100% / 32 * 11); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_12 { width: calc(100% / 32 * 12); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_13 { width: calc(100% / 32 * 13); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_14 { width: calc(100% / 32 * 14); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_15 { width: calc(100% / 32 * 15); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_16 { width: calc(100% / 32 * 16); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_17 { width: calc(100% / 32 * 17); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_18 { width: calc(100% / 32 * 18); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_19 { width: calc(100% / 32 * 19); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_20 { width: calc(100% / 32 * 20); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_21 { width: calc(100% / 32 * 21); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_22 { width: calc(100% / 32 * 22); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_23 { width: calc(100% / 32 * 23); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_24 { width: calc(100% / 32 * 24); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_25 { width: calc(100% / 32 * 25); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_26 { width: calc(100% / 32 * 26); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_27 { width: calc(100% / 32 * 27); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_28 { width: calc(100% / 32 * 28); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_29 { width: calc(100% / 32 * 29); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_30 { width: calc(100% / 32 * 30); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_31 { width: calc(100% / 32 * 31); float: left; padding-left: 15px; padding-right: 15px; }
.input-container.grid_32 { width: calc(100% / 32 * 32); float: left; padding-left: 15px; padding-right: 15px; }
.input-container input[type="text"], .input-container textarea, .input-container select { display: block; border: 1px solid #DDD; border-radius: 2px; background: #FFF; padding: 4px 15px; margin: 0; width: 100%; margin-bottom: 25px; }
.input-container input[type="radio"] { margin-right: 6px; }
.input-container label { font-weight: 700; color: var(--color-2); }

.item-share { padding: 30px; background: var(--color-3-light); font-weight: 700; }

.required.error input,.required.error select {    border-color: #e73d4a;}

.required.error{ color: #e73d4a;}

.item-desc.error, .err_form{color: #e73d4a;}

.err_message{padding: 30px; background-color:#e73d4a; font-weight: 700; color: #FFFFFF;}

.button.disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .65;
}

/* RESPONSIVE PARA MENOS DE Xpx */

@media (max-width: 1199px) {
	.main-submenu li a { padding: 5px 7px; }
}

@media (max-width: 992px) {
	:root {
		--preheader-height: 60px;
		--header-content-height: 190px;
	}
}

@media (max-width: 768px) {
	.titulo { font-size: 20px; }
	.featured-new { height: 280px; }
	.featured-new.featured-sm { height: auto; }
	.collapse-bt { cursor: pointer; }
	.close-bt { cursor: pointer; margin-top: 10px; }
	.user-area { background: #d7dfea; padding: 15px; }
	.main-submenu { margin-bottom: 25px; text-align: center; }
	.main-submenu li a { text-transform: none; font-size: 11px; padding: 5px 10px; }
	.main-menu-col { padding: 0 !important; }
	.form-control { font-size: 11px; }
	.languages-button { margin-left: 15px; }
	.languages-dropdown { position: static; margin-top: 10px; }
	.navs { position: fixed; left: -350px; width: 350px; top: 0; bottom: 0; z-index: 400; transition: left ease 0.3s; background: var(--color-3-light); }
	.navs .inline-list { width: 100%; }
	.navs .inline-list li { display: block; width: 100%; }
	.navs .inline-list li a { padding: 10px 15px; }
	.navs.active { left: 0; }
	.main-menu li a { font-size: 14px; font-weight: 600; padding: 8px 15px; }
	.main-menu .preheader { padding-bottom: 15px; }
	.main-menu .preheader .container { padding-left: 0; padding-right: 0; }
	.main-menu .preheader-menu > li { width: 100% !important; }
	.main-menu .preheader-menu > li:not(:last-child) { border: none; }
	.main-menu .preheader-menu > li a { color: var(--color-2); font-size: 11px; font-weight: 500; }
	.main-menu .preheader-menu > li a.login-button { color: #FFF; }
	.main-menu .preheader-menu > li a.login-button.active, .main-menu .preheader-menu > li a.login-button:hover, .main-menu .preheader-menu > li a.login-button:focus, .main-menu .preheader-menu > li a.login-button:active { color: #FFF; background: var(--color-2-hover); }

	.main-menu .preheader-menu li.user-control { background: #d5dfec; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }
	.main-menu .preheader-menu li.user-control li a { padding: 3px 10px; margin-bottom: 5px; }
	.main-menu .preheader-menu .user-control .user-control-welcome { width: 100%; }
	.home-swiper img { height: var(--header-content-height); }
	.header-container { margin-bottom: 30px; }
	.moorings-map-container .button { position: absolute; bottom: auto; top: 10px; right: 50px; }
}

@media (max-width: 380px) {  }

/* RESPONSIVE PARA MÁS DE Xpx */

@media (min-width: 1199px) {  }
@media (min-width: 992px) {
	
}
@media (min-width: 768px) { 
	.navs + .main-submenu, .navs + #header { margin-top: -40px; }
}
@media (min-width: 380px) {  }

.loading-bg { position: fixed; top: 0; left: 0; z-index: 99999; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; background: rgba(50, 50, 50, 0.6); }
.loading { top: 36%; left: 25%; right: 25%; position: absolute; background: #FFF; padding: 30px;}
.loading h1 { font-size: 24px; margin-bottom: 20px; }
.loading p.img-loading { text-align: center; margin-bottom: 0px; }