@charset "UTF-8";

/* CLUB THE PLACE CSS Document */

/* COLORES */
/* main: #385696; */
/* secondary: #6382C4; */
/* background: #F0F3F9; */

@font-face {
	font-family: 'Europa';
	src: url('font/EuropaBold.eot');
	src: url('font/EuropaBold.eot') format('embedded-opentype'),
		url('font/EuropaBold.woff2') format('woff2'),
		url('font/EuropaBold.woff') format('woff'),
		url('font/EuropaBold.ttf') format('truetype'),
		url('font/EuropaBold.svg#EuropaBold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Europa';
	src: url('font/EuropaBoldItalic.eot');
	src: url('font/EuropaBoldItalic.eot') format('embedded-opentype'),
		url('font/EuropaBoldItalic.woff2') format('woff2'),
		url('font/EuropaBoldItalic.woff') format('woff'),
		url('font/EuropaBoldItalic.ttf') format('truetype'),
		url('font/EuropaBoldItalic.svg#EuropaBoldItalic') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Europa';
	src: url('font/EuropaRegular.eot');
	src: url('font/EuropaRegular.eot') format('embedded-opentype'),
		url('font/EuropaRegular.woff2') format('woff2'),
		url('font/EuropaRegular.woff') format('woff'),
		url('font/EuropaRegular.ttf') format('truetype'),
		url('font/EuropaRegular.svg#EuropaRegular') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Europa';
	src: url('font/EuropaRegularItalic.eot');
	src: url('font/EuropaRegularItalic.eot') format('embedded-opentype'),
		url('font/EuropaRegularItalic.woff2') format('woff2'),
		url('font/EuropaRegularItalic.woff') format('woff'),
		url('font/EuropaRegularItalic.ttf') format('truetype'),
		url('font/EuropaRegularItalic.svg#EuropaRegularItalic') format('svg');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Europa';
	src: url('font/EuropaLight.eot');
	src: url('font/EuropaLight.eot') format('embedded-opentype'),
		url('font/EuropaLight.woff2') format('woff2'),
		url('font/EuropaLight.woff') format('woff'),
		url('font/EuropaLight.ttf') format('truetype'),
		url('font/EuropaLight.svg#EuropaLight') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Europa';
	src: url('font/EuropaLightItalic.eot');
	src: url('font/EuropaLightItalic.eot') format('embedded-opentype'),
		url('font/EuropaLightItalic.woff2') format('woff2'),
		url('font/EuropaLightItalic.woff') format('woff'),
		url('font/EuropaLightItalic.ttf') format('truetype'),
		url('font/EuropaLightItalic.svg#EuropaLightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}

/* GENERAL */
a,
a:hover,
a:focus,
a:active {
	color: inherit;
	text-decoration: none;
	outline: 0;
}

input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
textarea,
textarea.form-control,
select,
select.form-control,
form button:not(.btn) {
	font: inherit;
	color: #000;
	height: 50px;
	line-height: 50px;
	background: transparent;
	margin-bottom: 1.4rem;
	padding: 0 .5rem;
	border-radius: 0;
	border: none;
    border-bottom: 1px solid #000;
}

input[type="datetime"],
input[type="datetime-local"],
input[type="date"] {
	min-width: 120px;
}

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus,
form button:focus:not(.btn) {
	outline: 0;
	-webkit-box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	box-shadow: 0 0 6px #000;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

s {
	color: #e9322d;
}

option {
	font-weight: inherit;
}

input[type="file"],input[type="checkbox"],input[type="radio"]{float:left;width:0.1px;height:0.1px;opacity:0;overflow:hidden;margin:0;padding:0}
input[type="file"]+label{color:#fff;min-width:40px;height:40px;background:#666 url(../images/icon-upload-image.png) 5px center no-repeat;border-color:#666;cursor:pointer;display:inline-block;vertical-align:middle;overflow:hidden;margin-bottom:10px;padding:10px 10px 10px 50px !important;opacity:.8}
input[type="file"]:focus+label,input[type="file"]+label:hover,input[type="file"].has-focus+label{opacity:1}

input[type="checkbox"]+label,
input[type="radio"]+label {
	display: block;
	cursor: pointer;
	margin-bottom: 1.4rem;
	text-align: left;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	content: '';
	float: left;
	margin-right: 8px;
	margin-top: 0;
	width: 20px;
	height: 20px;
	border: 3px solid #666;
}

input[type="radio"]+label:before {
	border-radius: 50%;
}

input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
	background: #666;
}

textarea,
select[multiple],
select[size] {
	resize: vertical;
	line-height: 20px;
	height: 150px;
}

input.error {
	border: 1px solid #e9322d;
}

label.error,
.error-message {
	position: relative;
	top: -12px;
	left: 10px;
	color: #e9322d;
}

input[type="checkbox"]+label+label.error,
input[type="radio"]+label+label.error {
	top: 0;
	left: 0;
	float: left;
}

h1 {
	font-weight: 600;
	font-size: 3.5rem;
	line-height: 1.1;
}

h2 {
	font-weight: 500;
	font-size: 2rem;
}

h3 {
	font-weight: 300;
	font-size: 1.5rem;
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	display: block;
	background: url(../img/icons/plus.svg) center right no-repeat;
	background-size: auto 80%;
}

.alert {
	margin-bottom: 0;
	border-radius: 0;
	font-size: .8rem;
}

.btn {
	border-radius: 0;
}

.btn-primary {
	border: 1px solid #fff;
	padding: .4rem 2rem;
}

.btn-secondary {
	border: 1px solid #fff;
	padding: .4rem 2rem;
}

.g-recaptcha{display:inline-block;margin:20px auto}
iframe{border:0 !important}
figure{margin:0 auto}
figure img,figure svg{width:100%}
.google-maps{position:relative;padding-bottom:35%;height:0;overflow:hidden}
.google-maps iframe{position: absolute;top:0;left:0;width:100% !important;height:100% !important}
.valign{width:0;display:inline-block;vertical-align:middle;height:100%}
.inline{width:100%;display:inline-block;vertical-align:middle;}

.video_responsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video_responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video::-internal-media-controls-download-button { display:none; }
video::-webkit-media-controls-enclosure { overflow:hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 30px); }

.scrolltop {
	display: none;
	position: fixed;
	bottom: 3vw;
	right: 3vw;
	width: 10vw;
	height: 10vw;
	z-index: 99;
	background: #000;
	padding: 3vw;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: .5;
	cursor: pointer;
}

.scrolltop svg {
	width: 100%;
	height: 100%;
}

.scrolltop svg * {
	fill: #fff !important;
}

.content_flex {
	width: 100%;
}

html {
	font-size: 14px;
}

body {
	text-align: center;
	font: 300 1rem/1.4 'Europa', Arial, sans-serif;
	color: #1d1d1b;
}

/** HEADER */
header {
	background-color: #fff;
	text-align: right;
	height: 60px;
}

header .container,
header figure,
header figure a {
	height: 100%;
}

header figure {
	margin: 0;
}

header figure.logo {
	float: left;
}

header figure svg,
header figure img {
	width: auto;
	max-width: none;
	margin: .5rem;
	height: calc(100% - 1rem);
}

header figure.logo svg,
header figure.logo img {
	margin: .2rem;
	height: calc(100% - .4rem);
}

header form {
	position: absolute;
	top: 0;
	right: 7.5rem;
	margin: .5rem 0 0;
	width: 300px;
}

header form input[type="text"] {
	height: 40px;
	font-size: .8rem;
	line-height: 40px;
	margin: 0;
}

header form button[type="submit"] {
	position: absolute;
	top: 0;
	right: .5rem;
	width: 1rem;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}

header .boton_menu {
	cursor: pointer;
	height: 100%;
}

header .boton_menu img,
header .boton_menu svg {
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease;
}

header .boton_menu.open>img,
header .boton_menu.open>svg {
	-webkit-transform: rotate(90deg) scale(.6);
	-moz-transform: rotate(90deg) scale(.6);
	-ms-transform: rotate(90deg) scale(.6);
	transform: rotate(90deg) scale(.6);
}

/*header .login.logout svg {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

header .login svg .login_arrow {
	-webkit-animation: desplaz 1s linear infinite alternate;
	-moz-animation: desplaz 1s linear infinite alternate;
	animation: desplaz 1s linear infinite alternate;
}

@-webkit-keyframes desplaz {
	from {
		-webkit-transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(.15rem);
	}
}

@keyframes desplaz {
	from {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(.15rem);
		-ms-transform: translateX(.15rem);
		transform: translateX(.15rem);
	}
}*/

.social a {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}

.social a:not(:last-child) {
	margin-right: .5rem;
}

.social a img,
.social a svg {
	display: block;
	width: 24px;
	height: 24px;
	margin-bottom: .8rem;
}


/** MENU */
header .container {
	position: relative;
}

#menu {
	position: absolute;
	top: -110vh;
	right: 0;
	min-width: 35%;
	opacity: 0;
	background-color: #385696;
	color: #fff;
	z-index: 111;
	-webkit-transition: all .5s cubic-bezier(.18,1.16,.76,1.08);
	-moz-transition: all .5s cubic-bezier(.18,1.16,.76,1.08);
	transition: all .5s cubic-bezier(.18,1.16,.76,1.08);
	padding: 1rem;
	padding-top: 6rem;
}

#menu.open {
	opacity: 1;
	top: -5rem;
}

#menu .menu_cerrar {
	text-align: left;
	cursor: pointer;
	margin-bottom: .5rem;
}

#menu .menu_cerrar svg {
	width: 1.7rem;
	height: 1.7rem;
}

#menu ul {
	border-top: 1px solid #6079a6;
	padding: .5rem 0;
	margin: 0;
}

#menu ul li {
	list-style: none;
	text-align: left;
}

#menu ul li a {
	opacity: .8;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

#menu ul li a:hover,
#menu ul li a:focus,
#menu ul li a:active,
#menu ul li a:visited {
	color: #fff !important;
	opacity: 1;
}


/** FOOTER */
footer {
	text-align: left;
}

footer .bg-primary {
	padding: 2rem 0;
}

footer .underline {
	border-bottom: 2px solid #fff;
	padding-bottom: 0;
}

footer .underline+.bg-primary {
	padding-top: 1rem;
}

footer h4 {
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #fff;
}

footer ul,
footer li {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer li {
	font-size: 1.4rem;
	margin-bottom: .5rem;
	color: #fff;
}

footer li a:not(.btn):hover {
	color: #fff !important;
}

footer .post-footer {
	padding: .5rem 0;
}


/** CONTENT */
section:not(.main_container) {
	padding: 2rem 0;
}

.slider_galeria {
	position: relative;
}

.slider_galeria .share {
	position: absolute;
	top: 5%;
	left: 5%;
}

.slider_galeria .carousel-inner .carousel-item>img {
	width: 100%;
}

.slider_galeria .carousel-caption {
	position: absolute;
	bottom: 10%;
	left: auto;
	right: 10%;
	width: 80%;
	max-width: 400px;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: right;
}

.slider_galeria .carousel-caption .caption1 {
	display: none;
	font-weight: 600;
	font-size: 3.5rem;
	line-height: 1.1;
	color: #fff;
	padding-top: 2rem;
}

.slider_galeria .carousel-caption .caption2 {
	font-weight: 300;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #fff;
	margin-top: 2rem;
}

.slider_galeria .carousel-caption p:last-child {
	margin-bottom: 0;
}

.slider_galeria .carousel-control-next,
.slider_galeria .carousel-control-prev {
	width: 5%;
}

.slider_galeria .carousel-indicators {
	bottom: -5px;
	margin: 0;
}

.slider_galeria .carousel-indicators li {
	max-width: none;
	height: 5px;
	background-color: #000;
	margin: 0;
}

.slider_galeria .carousel-indicators li {
	background-color: #292b2c;
}

.slider_galeria .carousel-indicators li.active {
	background-color: #000;
	opacity: 1 !important;
}

.slider_galeria .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'><path d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>");
}

.slider_galeria .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'><path d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/></svg>");
}

.slider_galeria .btn {
	margin-top: 2rem;
	padding-left: 4rem;
	padding-right: 4rem;
}


/** PORTADA */
.portada {
	text-align: left;
}

.portada:first-child {
	border-top: 5px solid #385696;
}

.accesos_directos .ad_categoria {
	position: relative;
	display: block;
	text-align: center;
	padding-top: 100%;
	background: center center no-repeat;
	background-size: 100% auto;
}

.accesos_directos .bg_trans {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #385696;
	transition: opacity .3s linear;
}

/*.accesos_directos .bg_trans:hover {
	opacity: .4;
}*/

.accesos_directos h3 {
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.1;
	font-weight: 300;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 1;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.accesos_directos h3:before,
.accesos_directos h3:after {
	content: '';
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.accesos_directos h3:before {
	bottom: 100%;
	width: 1.8rem;
	height: 2.5rem;
	background: center center no-repeat;
	background-size: 100% auto;
}

.accesos_directos .categoria_rethink h3:before {
	bottom: 110%;
	background-image: url(../img/categoria-rethink.svg);
}

.accesos_directos .categoria_explore h3:before {
	background-image: url(../img/categoria-explore.svg);
}

.accesos_directos .categoria_debate-social h3:before {
	background-image: url(../img/categoria-debate-social.svg);
}

.accesos_directos h3:after {
	top: 110%;
	width: 5rem;
	height: .3rem;
	border-bottom: 1px solid #fff;
}

.portada.elem_destacados {
	background-color: #e2e2e2;
}

.portada.elem_destacados p {
	font-size: 1.2rem;
}

.portada.elem_destacados .descripcion p {
	font-size: .8rem;
}

.portada .lista_eventos,
.portada .lista_destacados {
	margin: 2rem auto 1rem;
}

.lista_eventos .col,
.lista_eventos div[class*="col-"],
.lista_destacados .col,
.lista_destacados div[class*="col-"] {
	margin-bottom: 1rem;
}

.elemento {
	background-color: #e2e2e2;
	text-align: left;
	height: 100%;
	position: relative;
}

.elem_destacados .elemento {
	background-color: #385696;
	color: #fff;
}

.elemento figure {
	position: relative;
	overflow: hidden;
}

.elemento figure figcaption,
.elemento .tag {
	padding: .2rem;
	background-color: #38568b;
	color: #fff;
	font-size: .6rem;
	text-transform: uppercase;
}

.elemento figure figcaption {
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 1;
}

.elemento .tag {
	display: inline-block;
	margin-bottom: .5rem;
}

.bg_white {
	background-color: #fff;
	color: #38568b;
}

.elemento figure figcaption a,
.elemento .tag a {
	border: 1px solid #38568b;
	padding: .2rem;
}

.elemento figure figcaption a:hover,
.elemento figure figcaption a:focus,
.elemento figure figcaption a:active,
.elemento .tag a:hover,
.elemento .tag a:focus,
.elemento .tag a:active {
	color: #fff !important;
	border: 0;
}

.elemento figure img {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translateX(-50%);
}

.elemento figure:after {
	content: '';
	display: block;
	padding-top: 56.5%;
}

.elemento .descripcion {
	padding: .5rem;
	color: #38568b;
	padding-bottom: 3.2rem;
}

.elemento .descripcion h5 {
	font-size: 1.2rem;
	color: #1d1d1b;
}

.elemento .descripcion h6 {
	font-size: 1rem;
}

.elemento .descripcion h5 a,
.elemento .descripcion h6 a {
	background-image: none;
}

.elemento .descripcion .btn {
	width: calc(100% - 1rem);
	position: absolute;
	bottom: .5rem;
	left: .5rem;
}

.elem_destacados .elemento .descripcion,
.elem_destacados .elemento .descripcion h5 {
	color: #fff;
}

.elem_destacados .elemento .descripcion a:hover,
.elem_destacados .elemento .descripcion a:focus,
.elem_destacados .elemento .descripcion a:active {
	color: #f1f1f1 !important;
}

.elem_destacados .elemento .btn.btn-primary {
	border-color: #fff;
	color: #fff;
}

.elem_destacados .elemento .btn.btn-primary:hover,
.elem_destacados .elemento .btn.btn-primary:focus,
.elem_destacados .elemento .btn.btn-primary:active {
	background-color: #fff;
	color: #38568b !important;
}

.contenidos [class*="col"] {
	margin-bottom: 1rem;
}

.info_evento {
	font-size: 1.2rem;
	text-align: center;
	background-color: #e2e2e2;
	color: #38568b;
	padding: .5rem;
}

.evento h1,
.evento h2 {
	font-weight: 300;
	font-size: 1.8rem;
	text-align: left;
}

.evento h1 {
	font-weight: 400;
}

.body {
	text-align: left;
	margin: 2rem 0;
	font-size: .85rem;
}

.body p,
.body {
	font-size: .85rem;
}

.body a {
	color: #38568b;
}

.coloured a {
	text-decoration: underline;
}

.body h3,
.intro h3 {
	font-weight: 600;
	font-size: 1rem;
	color: #38568b;
	margin-top: 2rem;
}

.body h4,
.intro h4 {
	font-weight: 600;
	font-size: .8rem;
	color: #38568b;
}

.body dl,
.intro dl,
.body ul,
.intro ul,
.body ol,
.intro ol {
	margin-bottom: 0;
	margin-left: 1rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	border-left: 2px dotted #e2e2e2;
	position: relative;
}

.body dt:first-child,
.intro dt:first-child {
	font-weight: 400;
	color: #38568b;
}

.body dl:before,
.body li:before,
.intro dl:before,
.intro li:before, {
	content: '';
	position: absolute;
	top: .75rem;
	left: 0;
	width: 1.5rem;
	height: 1px;
	border-top: 2px dotted #e2e2e2;
	z-index: 1;
}

.body dt,
.intro dt {
	font-weight: 300;
}

.cuadro_protagonista {
	margin: 2rem 0;
	background-color: #e2e2e2;
	text-align: left;
}

.cuadro_protagonista>figure {
	margin: 0;
}

.cuadro_protagonista .texto {
	padding: 1rem;
}

.cuadro_protagonista .texto h5 {
	margin: 0;
}

.cuadro_protagonista .body {
	margin: 1rem 0 0;
}

.cuadro_protagonista .body p {
	font-size: .7rem;
}

.cuadro_protagonista .body p:last-child {
	margin-bottom: 0;
}

.cuadro_lecturas {
	margin: 0 0 3rem;
}

.cuadro_lecturas .libro {
	margin-bottom: 1rem;
}

.cuadro_lecturas figure {
	padding: 0 10%;
	margin-bottom: 1rem;
}

.video_bar {
	text-align: center;
	background-color: #375692;
	color: #fff;
	height: 3rem;
	cursor: pointer;
}

.video_bar figure {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	padding: .5rem 0;
}

.video_bar figure img,
.video_bar figure svg {
	width: auto;
	max-width: 2rem;
	height: 100%;
}

.video_bar span {
	vertical-align: middle;
}

.items_list {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.items_list li {
	background-color: #e2e2e2;
	color: #38568b;
	padding: .25rem;
	border-top: 1px solid #38568b;
	cursor: pointer;
}

/** MEDIATECA */
.filtro {
	background-color: #38568b;
	color: #fff;
	padding: 1rem 0;
}

.filtro h6 {
	margin: 0;
}

.mediateca h3.nohay {
	padding-top: 8rem;
}

.mediateca section {
	padding: 1rem 0;
	border-bottom: 1px solid #38568b;
}

.mediateca figure.main_figure {
	position: relative;
	margin: 0 auto 1rem;
}

.mediateca figure.main_figure img {
	display: block;
	/*width: 80%;*/
	margin: 0;
}

.mediateca .elemento {
	background-color: #fff;
}

.mediateca .elemento .bg-primary {
	position: absolute;
	top: 2.4rem;
	left: 0;
	width: 100%;
	height: calc(100% - 2.4rem);
}

.mediateca .elemento .bg-primary:before {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	width: 5%;
	height: 100%;
	background-color: #38568b;
}

/*.mediateca .share {
	position: absolute;
	top: .5rem;
	right: .5rem;
	z-index: 99;
}

.mediateca .share .a2a_default_style .a2a_img,
.mediateca .share .a2a_default_style .a2a_dd,
.mediateca .share .a2a_default_style .a2a_svg,
.mediateca .share .a2a_default_style .a2a_counter img {
	float: right;
}*/

.mediateca .elemento .title {
	position: absolute;
	top: 2.5rem;
	right: 33%;
	width: 62%;
	height: calc(100% - 3rem);
	text-align: right;
	color: #fff;
	background-color: #38568b;
	background-color: rgba(56,86,139,.4);
	padding: .7rem;
}

.mediateca .elemento .title:before {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	width: 1rem;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(56,86,139,0) 0%, rgba(56,86,139,0.4) 100%);
	background: -webkit-linear-gradient(left, rgba(56,86,139,0) 0%,rgba(56,86,139,0.4) 100%);
	background: linear-gradient(to right, rgba(56,86,139,0) 0%,rgba(56,86,139,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0038568b', endColorstr='#6638568b',GradientType=1 );
}

.mediateca .elemento .title:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1rem;
	background: -moz-linear-gradient(top, rgba(56,86,139,0.4) 0%, rgba(56,86,139,0) 100%);
	background: -webkit-linear-gradient(top, rgba(56,86,139,0.4) 0%,rgba(56,86,139,0) 100%);
	background: linear-gradient(to bottom, rgba(56,86,139,0.4) 0%,rgba(56,86,139,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6638568b', endColorstr='#0038568b',GradientType=0 );
}

.mediateca .elemento.rethink .title {
	top: .5rem;
}

.mediateca .elemento.rethink .title:before {
	right: auto;
	left: 100%;
}

.mediateca .scroll {
	height: 100%;
	overflow: auto;
}

.mediateca .elemento.agora .title {
	right: 0;
}

.mediateca .elemento .title h3 {
	margin: 0 0 1rem;
}

.mediateca .elemento .title p {
	margin-left: 20%;
	margin-bottom: 0;
	font-size: .7rem;
}

.mediateca .intro {
	font-size: .8rem;
	max-height: 23rem;
	overflow: auto;
	margin-top: 1rem;
	margin-right: 5%;
}

.mediateca .texto {
	position: relative;
	z-index: 1;
	height: 8rem;
	overflow: auto;
	font-size: .7rem;
	color: #fff;
	margin: .5rem 1rem 1rem 0;
}

.mediateca .texto a {
	text-decoration: underline;
}

.mediateca .texto a:hover,
.mediateca .texto a:focus,
.mediateca .texto a:visited,
.mediateca .texto a:active {
	color: #fff !important;
}

.mediateca .texto p:last-child {
	margin-bottom: 0;
}

.mediateca .secondary_elem {
	background-color: #e2e2e2;
	padding: 1rem;
	margin-top: 1rem;
}

.mediateca .elemento .col,
.mediateca .elemento div[class^="col"] {
	margin-bottom: .5rem;
}

.mediateca .elemento .row:last-child .col,
.mediateca .elemento .row:last-child div[class="col"],
.mediateca .elemento h3 [class*="col"] {
	margin-bottom: 0;
}

.mediateca .elem_contenido figure {
	cursor: pointer;
}

.mediateca .elem_contenido figure:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #38568b;
	opacity: .4;
	z-index: 1;
}

.mediateca .elem_contenido figure .title_tipo,
.mediateca .elemento .row:not(:first-child) figure figcaption {
	top: auto;
	bottom: 5%;
	max-width: 90%;
	max-height: 41%;
	overflow: hidden;
	font-size: .5rem;
	font-weight: 400;
	z-index: 2;
}

.mediateca .elem_contenido figure figcaption.bg_white {
	background-color: #fff;
	color: #38568b;
	top: calc(50% + 1.5rem);
	bottom: auto;
	left: 10%;
	width: 80%;
	max-height: 30%;
	text-align: center;
}

.mediateca .elem_contenido figure .title_tipo {
	position: absolute;
	top: .5rem;
	bottom: auto;
	left: .5rem;
	max-height: 1.4rem;
	padding: 0 .3rem;
	margin: 0;
	font-size: .6rem;
	text-transform: uppercase;
}

.mediateca .elemento .row.limitada {
	width: 70%;
}

.elem_contenido figure:after {
	content: '';
	position: absolute;
	bottom: 50%;
	left: 50%;
	width: 30%;
	height: 30%;
	margin-left: -15%;
	margin-bottom: -15%;
	z-index: 1;
	background: center center no-repeat;
	background-size: 100% auto;
}

.mediateca .elemento.secondary_elem .row:not(:first-child) figure:after,
.mediateca .elemento.rethink .row figure:after,
.mediateca .elemento.discussion .row figure:after {
	width: 1rem;
	height: 1rem;
	margin-left: -.5rem;
	margin-bottom: -.5rem;
}

.mediateca .elemento.secondary_elem .row:first-child .elem_contenido figure:after {
	bottom: 50%;
}

.mediateca .elemento.secondary_elem .row:not(:first-child) figure figcaption,
.mediateca .elemento.rethink .row figure figcaption,
.mediateca .elemento.discussion .row figure figcaption {
	font-size: .4rem;
}

.elem_contenido.video figure:after {
	background-image: url(../img/icons/play.svg);
}

.elem_contenido.infografia figure:after {
	background-image: url(../img/icons/infografia.svg);
}

.elem_contenido.descarga figure:after {
	background-image: url(../img/icons/download_circle.svg);
}

.elem_contenido.documentacion figure:after {
	background-image: url(../img/icons/texto.svg);
}

.mediateca .contenido_texto {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 33%;
	height: calc(100% - 2.5rem);
	font-size: .7rem;
	background-color: #fff;
	padding: 1rem;
	overflow: auto;
}

.modal_texto .intro {
	margin: 1.5rem 0;
	font-weight: 600;
	color: #38568b;
}

.mediateca .human_tech h3 {
	color: #fff;
	position: relative;
	z-index: 1;
	padding: 1rem;
	padding-left: 0;
	font-size: 1.3rem;
	text-align: right;
}

.mediateca .elemento.human_tech .bg-primary,
.mediateca .elemento.rethink .bg-primary,
.mediateca .elemento.discussion .bg-primary {
	top: 0;
	height: 100%;
	z-index: -1;
}

.mediateca .elemento.human_tech .row .row {
	margin-right: 0;
}

.mediateca .human_tech small {
	text-transform: uppercase;
	font-size: .6rem;
	display: block;
	margin-bottom: .5rem;
}

.mediateca .rethink .block_title,
.mediateca .discussion .block_title {
	position: relative;
	z-index: 1;
	color: #fff;
	padding: .5rem;
	font-size: .6rem;
	text-transform: uppercase;
}

.mediateca .rethink .block_title a:hover:not(.btn),
.mediateca .rethink .block_title a:focus:not(.btn),
.mediateca .rethink .block_title a:active:not(.btn),
.mediateca .discussion .block_title a:hover:not(.btn),
.mediateca .discussion .block_title a:focus:not(.btn),
.mediateca .discussion .block_title a:active:not(.btn) {
	color: #fff !important;
}

.mediateca .elemento.rethink figure {
	margin-bottom: .5rem;
}

.mediateca .elemento.rethink .elem_contenido figure{
	position: relative;
	padding-top: 66%;
	overflow: hidden;
	margin-bottom: 0;
}

.mediateca .elemento.rethink .elem_contenido figure,
.mediateca .elemento.human_tech .elem_contenido figure {
	padding-top: 100%;
}

.mediateca .elemento.rethink .elem_contenido figure img {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	height: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mediateca .elemento.rethink .title {
	text-align: left;
	left: 1rem;
	right: auto;
}
.mediateca .elemento.rethink .title h3 {
	margin: 1rem 1rem 0;
	width: 100%;
}

.mediateca .elemento.rethink .title p {
	margin: 1rem;
	font-size: .9rem;
}

.mediateca .elemento.discussion .block_title {
	border-right: 1rem solid #fff;
}

.mediateca .elemento.discussion .block_title+h3 {
	margin: 2rem 0 1rem;
	margin-right: 5%;
}

.mediateca .elemento.discussion .intro {
	height: 20rem;
}

.mediateca .elemento.discussion .bg {
	background-color: #38568b;
	color: #fff;
	font-size: .8rem;
	text-align: left;
	padding: 1rem;
}

.mediateca .elemento.discussion .bg p {
	margin: 1rem 0;
}

.mediateca .descripcion {
	padding-bottom: 0;
}

.mediateca .descripcion p:last-child {
	margin-bottom: 0;
}

.modal .adjunto {
	text-align: center;
	padding: 2rem;
	position: relative;
	color: #fff;
}

.modal figure {
	position: relative;
}

.modal figure .adjunto {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal .adjunto a {
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 4rem;
	text-align: center;
	margin-top: -2rem;
}

.modal .adjunto a:hover,
.modal .adjunto a:focus,
.modal .adjunto a:active {
	color: #f1f1f1 !important;
}

.modal .adjunto a img,
.modal .adjunto a svg {
	width: auto;
	max-width: none;
	height: 100%;
}

.modal .adjunto:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #38568b;
	opacity: .4;
}

.modal.static {
	position: static;
	display: block;
}

.modal.static .modal-dialog {
	margin: 0 auto;
}

.modal.static .modal-content {
	border: 0;
	background-color: transparent;
	background-clip: none;
	border-radius: 0;
}

.modal.static .modal-header {
	border: 0;
	border-radius: 0;
}

.modal.static .modal-header .close {
	display: none;
}

.modal label,
.modal input {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.modal label {
	width: 35%;
	margin-bottom: 1.4rem;
}

.modal input {
	width: 60% !important;
}

.modal .checkbox label,
.modal .checkbox input {
	width: inherit !important;
}

.estaticos {
	text-align: left;
	padding: 4rem 0;
}

.estaticos h1:not(:first-child),
.estaticos h2:not(:first-child) {
	margin-top: 4rem;
}

.estaticos p,
.estaticos li {
	text-align: justify;
}

.estaticos p,
.estaticas ul,
.estaticos ol {
	margin-bottom: 2rem;
}

.estaticos img,
.estaticos svg,
.estaticos video {
	max-width: 100%;
}

[class*="shape-content-"] {
	position: relative;
	padding-left: 55px;
	margin-top: 25px;
	margin-bottom: 20px;
}

[class*="shape-content-"]:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25px;
	width: 44px;
	height: 51px;
	background: url('../img/marker.png') center center no-repeat;
	color: #fff;
	font-size: 30px;
	line-height: 51px;
	text-align: center;
}

.shape-content-a:before {content: 'A'}
.shape-content-b:before {content: 'B'}
.shape-content-c:before {content: 'C'}
.shape-content-d:before {content: 'D'}
.shape-content-e:before {content: 'E'}
.shape-content-f:before {content: 'F'}
.shape-content-g:before {content: 'G'}
.shape-content-h:before {content: 'H'}
.shape-content-i:before {content: 'I'}
.shape-content-j:before {content: 'J'}
.shape-content-k:before {content: 'K'}
.shape-content-l:before {content: 'L'}
.shape-content-m:before {content: 'M'}
.shape-content-n:before {content: 'N'}
.shape-content-ñ:before {content: 'Ñ'}
.shape-content-o:before {content: 'O'}
.shape-content-p:before {content: 'P'}
.shape-content-q:before {content: 'Q'}
.shape-content-r:before {content: 'R'}
.shape-content-s:before {content: 'S'}
.shape-content-t:before {content: 'T'}
.shape-content-u:before {content: 'U'}
.shape-content-v:before {content: 'V'}
.shape-content-w:before {content: 'W'}
.shape-content-x:before {content: 'X'}
.shape-content-y:before {content: 'Y'}
.shape-content-z:before {content: 'Z'}
.shape-content-1:before {content: '1'}
.shape-content-2:before {content: '2'}
.shape-content-3:before {content: '3'}
.shape-content-4:before {content: '4'}
.shape-content-5:before {content: '5'}
.shape-content-6:before {content: '6'}
.shape-content-7:before {content: '7'}
.shape-content-8:before {content: '8'}
.shape-content-9:before {content: '9'}
.shape-content-0:before {content: '0'}

.errorpage {
	padding: 80px 0;
}

.errorpage figure {
	max-width: 500px;
	margin: 0 auto;
}


/** LOGIN */
.login-page {
	max-width: 750px;
	margin: 0 auto;
	text-align: left;
}

.registro-page {
	max-width: 1050px;
}

.login-page .row {
	position: relative;
}

.login-page .logo {
	max-width: 155px;
	margin: 0;
	position: absolute;
	bottom: 102%;
	left: 0;
}

.login-page .container,
.login-page .container-fluid {
	min-height: 100vh;
}

.login-page .row {
	width: 100%;
}

.login-page .login-form {
	padding: 2rem;
	height: 100%;
}

.login-page h2 {
	font-weight: 300;
	font-size: 1.8rem;
}

.login-page form {
	margin: 2rem 0 0;
}

.login-page .input,
.login-page button {
	position: relative;
	margin: 0 auto;
}

.login-page label {
	font-weight: 300;
	font-size: .9rem;
	color: #aaa;
	position: absolute;
	top: 0;
	left: 0;
	cursor: text;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.login-page label.active {
	font-size: .7rem;
	top: -10px;
	color: #385696;
}

.login-page input {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #eee;
	font-size: .8rem;
	line-height: 2rem;
	margin-bottom: 20px;
}

.login-page input:focus {
	border-color: #385696;
	outline: 0 !important;
	box-shadow: 0 0 0;
}

.login-page input:focus:invalid:focus {
	border-color: #385696;
	box-shadow: 0 0 0;
}

.login-page .checkbox,
.login-page .radio,
.login-page .forgot-pass {
	margin-top: 1.4rem;
}

.registro-page .input.checkbox {
	margin-top: 0;
}

.login-page .forgot-pass {
	clear: both;
	font-size: .8rem;
	text-align: right;
	padding-top: 2rem;
}

.login-page form .forgot-pass {
	padding: 0;
}

.login-page .checkbox label,
.login-page .radio label {
	color: inherit;
}



.login-form.login-hubspot {
	padding-top: 0;
	padding-bottom: 0;
}

.login-form.login-hubspot form.hs-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	position: relative;
}

.login-form.login-hubspot form.hs-form > .field:not(.hs_submit) {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
}

.login-form.login-hubspot form.hs-form input.hs-input,
.login-form.login-hubspot form.hs-form textarea.hs-input {
	box-shadow: 0 0 0;
	display: inline-block;
	width: 90%;
	height: 50px;
	padding: 0 .5rem;
	margin-bottom: 10px;
	font: inherit;
	font-weight: 300;
	font-size: .8rem;
	line-height: 2rem;
	color: #666;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.login-form.login-hubspot form.hs-form input.hs-input[type="checkbox"],
.login-form.login-hubspot form.hs-form input.hs-input[type="radio"] {
	width: 20px !important;
}

/*.login-form.login-hubspot form.hs-form label:not(.hs-form-booleancheckbox-display) {
	position: absolute;
	top: 52px;
	left: 15px;
}*/

.login-form.login-hubspot form.hs-form .hs-main-font-element {
	margin-left: 15px;
	margin-top: -1.5rem;
}

.mediateca .login-form.login-hubspot form.hs-form .hs-main-font-element {
	margin-left: 0;
	margin-top: 0;
	color: #c00;
}

/*login-form.login-hubspot form.hs-form label:not(.hs-form-booleancheckbox-display) .hs-form-required {
	position: absolute;
	top: -52px;
	left: -10px;
}*/

.login-form.login-hubspot input[type="file"],
.login-form.login-hubspot input[type="checkbox"],
.login-form.login-hubspot input[type="radio"] {
	opacity: 1;
}

.login-form.login-hubspot p {
	margin-bottom: .4rem;
}

.login-form.login-hubspot .inputs-list:first-child {
	padding-top: 0;
}

.login-form.login-hubspot .hs-fieldtype-booleancheckbox {
	margin-bottom: 4px;
}

.login-form.login-hubspot .hs-form-booleancheckbox-display {
	position: static;
	cursor: pointer;
}

.login-form.login-hubspot .hs-form-booleancheckbox-display input.hs-input {
	height: auto !important;
}

.login-form.login-hubspot form.hs-form :not(.hs_error_rollup) > .hs-error-msgs.inputs-list {
	display: none !important;
}



.login-form.login-hubspot .actions {
	margin: 0;
	padding: 0;
	border: 0;
}

.login-form.login-hubspot .actions input[type="submit"] {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	color: #385696;
	background-color: transparent;
	border: 1px solid #385696;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: .4rem 2rem;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/** COOKIES */
.show_cookies {
	position: fixed;
	top: auto;
	bottom: -300px;
	left: auto;
	right: 30px;
	width: calc(100% - 60px);
	z-index: 99;
	font-weight: 300;
	font-size: .8rem;
	text-align: left;
	text-transform: none;
	background: #fff;
	color: #000;
	border: 3px solid #385696;
	padding: 20px;
	-webkit-transition: all .8s cubic-bezier(.2,.45,.42,1.28);
	-moz-transition: all .8s cubic-bezier(.2,.45,.42,1.28);
	transition: all .8s cubic-bezier(.2,.45,.42,1.28);
}

.show_cookies.mostrar {
	bottom: 30px;
}

.show_cookies.ocultar {
	display: none;
}

.show_cookies>div {
	display: inline-block;
	vertical-align: middle;
}

.show_cookies>div:first-child {
	width: 60%;
	padding-right: 10px;
	border-right: 1px solid #385696;
}

.show_cookies>div.cookies_actions {
	width: 40%;
	padding-left: 10px;
	text-align: center;
}

.show_cookies>div.cookies_actions button {
	background: #385696;
	color: #fff;
	line-height: 50px;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 20px;
	margin: 0 0 5px;
	border: 0;
	outline: 0;
}

.show_cookies>div.cookies_actions a {
	display: block;
	color: #000;
	font-size: .7rem;
	text-decoration: none;
}

.show_cookies>div.cookies_actions a:hover {
	text-decoration: underline;
}

/*@media screen and (min-width: 980px) {
	.show_cookies { width:70%; font-size:1.5rem; padding:10px; }
	.show_cookies>div.cookies_actions button { font-size:2rem; }
	.show_cookies>div.cookies_actions a { font-size:1.5rem; }
}*/


/** MEDIA QUERIES **/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	html { font-size: 16px; }
	.slider_galeria .carousel-caption { bottom: 10%;width: 50%; }
	.slider_galeria .carousel-caption .caption1 { display: block;font-size: 2.3rem;padding-top: 0; }
	.slider_galeria .carousel-caption .caption2 { font-size: 1.2rem;margin-top: 1rem; }
	.slider_galeria .btn { margin-top: 1rem; }
	footer li { font-size: 1rem;margin-bottom: 0; }
	.elemento .descripcion h5 { font-size: 1rem; }
	.modal-dialog { max-width: 800px; }
	.mediateca .secondary_elem { margin-top: 0; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	html { font-size: 18px; }
	.scrolltop {bottom: 5vw;right: 5vw;width: 3vw;height: 3vw;padding: .7vw;}
	.show_cookies { width:50%; }
	.slider_galeria .carousel-caption .caption1 { font-size: 2rem; }
	.elemento .descripcion { font-size: .8rem; }
	.cuadro_protagonista>figure {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		max-width: 300px;
		margin: 0 2rem 0 0;
	}
	.cuadro_protagonista .texto {
		display: inline-block;
		vertical-align: top;
		width: 60%;
		padding: 1rem 0;
	}

	.login-form.login-hubspot form.hs-form > .field:not(.hs_submit) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	html { font-size: 21px; }
	.blog .neighbors a { margin-bottom: 0; }
	.show_cookies { width:35%; }
	.slider_galeria .carousel-caption { bottom: 20%; }
	.slider_galeria .carousel-caption .caption2 { font-size: 1.2rem;margin-top: 2rem; }
	.slider_galeria .btn { margin-top: 2rem; }
	.elemento .descripcion { font-size: .7rem; }
	.elemento .descripcion h5 { font-size: .8rem; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.slider_galeria .carousel-caption .caption1 { font-size: 2.3rem; }
}


@media (max-width: 768px) {
	.accesos_directos h3 { font-size: 2rem; }
	.container.cont_evento { max-width: none; padding: 0; }
	header { height: 120px; }
	header figure.logo, header form { float: none; position: relative; top: auto; right: auto; width: 100%;}
	header figure.logo { height: 50%; text-align: center; }
	header .boton_menu, header .login { position: absolute; top: .5rem; right: .5rem; height: 40%; }
	header .login { right: 15%; }
}