@charset "UTF-8";

/* EMPRESA CSS Document */
/* primary: #56b99f; */

/* FONTS */

@font-face {
    font-family: 'Corbel';
    src: url('fonts/Corbel.eot');
    src: url('fonts/Corbel.eot?#iefix') format('embedded-opentype'),
        url('fonts/Corbel.woff2') format('woff2'),
        url('fonts/Corbel.woff') format('woff'),
        url('fonts/Corbel.ttf') format('truetype'),
        url('fonts/Corbel.svg#Corbel') format('svg');
    font-weight: 300;
}
@font-face {
    font-family: 'Corbel';
    src: url('fonts/Corbel-Bold.eot');
    src: url('fonts/Corbel-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Corbel-Bold.woff2') format('woff2'),
        url('fonts/Corbel-Bold.woff') format('woff'),
        url('fonts/Corbel-Bold.ttf') format('truetype'),
        url('fonts/Corbel-Bold.svg#Corbel-Bold') format('svg');
    font-weight: 600;
}
@font-face {
    font-family: 'League Gothic';
    src: url('fonts/LeagueGothic-Regular.eot');
    src: url('fonts/LeagueGothic-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/LeagueGothic-Regular.woff2') format('woff2'),
        url('fonts/LeagueGothic-Regular.woff') format('woff'),
        url('fonts/LeagueGothic-Regular.ttf') format('truetype'),
        url('fonts/LeagueGothic-Regular.svg#LeagueGothic-Regular') format('svg');
    font-weight: normal;
}


@font-face {
	font-family: 'Futura';
	src: url('fonts/FuturaBT-Light.eot');
	src: url('fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/FuturaBT-Light.woff2') format('woff2'),
		url('fonts/FuturaBT-Light.woff') format('woff'),
		url('fonts/FuturaBT-Light.ttf') format('truetype'),
		url('fonts/FuturaBT-Light.svg#FuturaBT-Light') format('svg');
	font-weight: 300;
}



/* GENERAL */
html {
	font-size: 12px;
}

body {
	text-align: center;
	font: 300 1rem/1.4 Corbel, sans-serif;
	color: #333;
}

h1 {
	font-family: 'League Gothic';
}

h2 {
	font-family: 'League Gothic';
}

h3 {
	font-family: 'League Gothic';
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

strong { font-weight: 600; }

::moz-selection {
	background: #bd1622;
	background: rgba(189,22,34,.4);
}
::selection {
	background: #bd1622;
	background: rgba(189,22,34,.4);
}

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

.btn {
	border-radius: 0;
}

.btn-primary {
	padding: .5rem 5rem;
	border: 1px solid #bd1622;
	color: #bd1622;
	background-color: #fff;
	cursor: pointer;
}
.btn-primary.pequeno { 
	padding: .5rem 3rem;
}
.btn-primary:hover {
	border: 1px solid #bd1622;
	background-color: #bd1622;
	color: #fff;
	transition: all ease 1s;
}	
.btn-secondary {
	border: 0;
	border-bottom: 3px solid #000;
	padding: .4rem 2rem;
	font-size: 1.15rem;
	cursor: pointer;
}
input::placeholder {
	color: #939393;
}
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: #939393;
	height: auto;
	line-height: 1.2;
    background: #f6f6f6;
    margin-bottom: 1.4rem;
    padding: .9rem .6rem;
	border: none;
	width: 100%;
}

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;
	box-shadow: 0 0 6px #000;
}

button:focus {
	outline: 0;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #e9322d;
	-webkit-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(../img/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;
}

.input.checkbox input[type="checkbox"]+label {
	padding-left: 30px;
	position: relative;
}
.input.checkbox input[type="checkbox"] {
	width: 0.1px;
	height: 0.1px;
	float: left;
	opacity: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.input.checkbox input[type="checkbox"]+label:before {display: none;}
.input.checkbox input[type="checkbox"]+label svg {
	position: absolute;
	top:0px;
	left:0px;
}
.input.checkbox input[type="checkbox"]+label svg path {
	fill: none;
	stroke: #bd1622;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 71px;
	stroke-dashoffset: 71px;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.input.checkbox input[type="checkbox"]+label svg polyline {
	fill: none;
	stroke: #FFF;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 18px;
	stroke-dashoffset: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.input.checkbox input[type="checkbox"]+label svg path {stroke-dashoffset: 0;}
.input.checkbox input[type="checkbox"]:checked+label svg {border-color: #bd1622;}
.input.checkbox input[type="checkbox"]:checked+label svg path {fill: #bd1622;}
.input.checkbox input[type="checkbox"]:checked+label svg polyline {stroke-dashoffset: 0;}
.input.checkbox input[type="checkbox"]:checked+label svg path {stroke-dashoffset: 0;}

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

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


.alura {
	height: 255px;
}

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

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

.alert {
	margin-bottom: 0;
	border-radius: 0;
	cursor: pointer;
}

iframe{border:0 !important}
figure{margin:0 auto}
figure img,figure svg,figure video,figure iframe{width:100%;display:block;}
.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;}
.relative{position: relative;}

.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%;
}

.scrolltop {
	display: none;
	position: fixed;
	bottom: 3vw;
	right: 3vw;
	width: 10vw;
	height: 10vw;
	z-index: 99;
	background: #000;
	padding: 3vw;
	-webkit-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%;
}

.spinner {
	margin: 0 auto 200px;
	width: 70px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #bd1622;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.navigation{color: #bd1622;font-size: 1.5rem;}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/** HEADER */
header {
	padding: 0;
	background-color: #fff;
	position: relative;
}

header.fixed{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}

header .header_principal{
	padding-top:1.5rem;
	padding-bottom: 1.5rem;
}

header .logo {
	display: inline-block;
	/* max-width: 200px; */
}
header .logo_menu_responsive {
	display: none;
	z-index: 12;
	position: relative;
	/* max-width: 200px; */
}

header .toggleBuscador{
	max-width: 25px;
	cursor: pointer;
}

header .buscador{
	display: none;
	background-color: #fff;
	padding-bottom:1.5rem;
	color: #706f6f;
}

header .buscador input{
	border-bottom: solid 1px #706f6f;
	padding: 1rem;
	margin-bottom: 0;
	background-color: #fff;
}

header .buscador input:focus{
	-webkit-box-shadow: 0 0 3px rgba(124, 123, 123, 0.2);
	box-shadow: 0 0 3px rgba(124, 123, 123, 0.2);
}
  

header .buscador button{
	margin-bottom: 0;
	background-color: #fff;
}

header .buscador button figure{
	max-width: 25px;
}

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

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

.social a img,
.social a svg {
	display: block;
	width: 20px;
	height: 20px;
}

header .acciones figure img,
header .acciones figure svg {
	display: block;
	width: 24px;
	height: 24px;
}

.icono_idioma {
	max-width: 25px;
}


/**Utiles */
.strong {font-weight: 600;}
.no_visible {display: none;}
.gris{color: #9c9b9b;}
.menos_padding{padding: 0 5px !important;}
.rojo{color: #bd1622;font-weight: 600;}
.grecaptcha-badge{opacity: 0;}
/** MENU */
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: auto;
}
.menu li:first-child {
	border-left: 0;
}
.menu li {
	border-left: 1.5px solid #c6c6c6;
}
.menu li a:hover{
	color: #bd1622;
	font-weight: 600;
}
.menu li a {
	padding: 0 .5rem;
    display: block;
    color: #706f6f;
    text-align: right;
    text-decoration: none;
    transition: all ease .3s;
    font-weight: 300;
    font-size: 1.1rem;
}
.hover_menu{
	color: #bd1622 !important;
	font-weight: 600 !important;
}
.menu_principal.abierto {
	right: 0;
	transition: all ease .4s;
}
.menu_principal{
	position: fixed;
    right: -100%;
    top: 0;
    height: 120vh;
    padding-bottom: 20vh;
    width: 100%;
    background-color: #fff;
    z-index: 11;
    transition: all ease .4s;
}
.menu_principal ul {
	padding-left: 0;
	margin-top: 50%;
}
.menu_principal ul li{
	list-style: none;
	padding: 20px;
	text-align: center;
}
.menu_principal ul li a{
	padding: 5px;
	color: #000;
	border-top: solid 5px rgba(228, 156, 0, 0);
    transition: all ease .3s;
}
.hamburger {
    position: absolute;
    top: 50%;
    right: 5%;
    z-index: 13;
    min-height: 20px;
    width: 40px;
    cursor: pointer;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform-origin: center;
    -ms-transform-origin: center;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background-color: #000;
	position: absolute;
	width: 30px;
	height: 3px;
	right: 0;
	border-radius: 5px;
	content: '';
	transition-timing-function: ease;
	transition-duration: 0.5s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
}
.hamburger-inner:before {
	top: 8px;
}
.hamburger-inner:after {
	top: 16px;
}
.hamburger.open .hamburger-inner {
	-webkit-transform: translate3d(0,8px,0) rotate(405deg);
	transform: translate3d(0,8px,0) rotate(405deg);
	background-color: #000;
}
.hamburger.open .hamburger-inner:after {
	-webkit-transform: translate3d(0,-16px,0) rotate(-450deg);
	transform: translate3d(0,-16px,0) rotate(-450deg);
	background-color: #000;
}
.hamburger.open .hamburger-inner:before {
	-webkit-transform: translate3d(0,-20px,0) rotate(90deg);
	transform: translate3d(0,-20px,0) rotate(90deg);
	opacity: 0;
	background-color: #000;
}
/** CONTENIDO */
.portada {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat; 
	min-height: 500px;
	max-height: 600px;
	overflow: hidden;
}
.portada.oscurecida:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.85);
}
.portada .padding-top{padding-top:36%;background-color: rgba(58,58,58,.3);min-height: 500px;}
.portada .boton_video{
	width: 100%;
	max-width: 140px;
	margin: 0 auto;
	cursor: pointer;
}
.portada .boton_video .estado{
	transition: all ease .5s;
}
.portada .boton_video .play,
.portada .boton_video.wait .pause {
	opacity: 0;
}
.portada .boton_video.wait .play,
.portada .boton_video .pause{
	opacity: 1;
}

.portada .boton_video{
	-webkit-animation: heartbeat 2s ease-in-out infinite both;
	        animation: heartbeat 2s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

.portada .wrapper_video{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: none;
}
.portada .wrapper_video figure,
.portada .wrapper_video figure video,
.portada .wrapper_video figure iframe{
	height: 100%;
	width: auto;
	margin: 0 auto;
}

.portada .wrapper_video figure iframe{
	width: 100%;
}

.portada .cerrar_video{
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 45px;
	cursor: pointer;
	display: none;
}
.portada .wrapper{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.portada .wrapper > .container,
.portada .wrapper > .container .fondo,
.portada .wrapper > .container .row{height:100%;position: relative;}

.portada h1 {
	color: #fff;
	font-size: 5rem;
}
.portada.artista h1,
.portada.exposicion h1{
	font-size: 5.5rem;
	text-transform: uppercase;
}
.portada h2 {
	color: #9c9b9b;
	margin-bottom: 0;
}	

.portada .franja{
	position: absolute;
	right: 57%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #bd1622;
	mix-blend-mode: multiply;
	opacity: .95;
	transform: skew(19deg);
	-ms-transform: skew(19deg);
}
.portada .franja.rtl{
	left: 50%;
	right: auto;
	transform: skew(-19deg);
	-ms-transform: skew(-19deg);
}

.portada_video video {
	width: 100%;
	height: 100%;
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	top: 0;
	left: 0;
}

.portada_video video::-webkit-media-controls {
	display: none;
}

.portada_video video::-webkit-media-controls {
	display:none !important;
	opacity: 0 !important;
	position: absolute !important;
	top: -99999px !important;
}


.portada_video video::-webkit-media-controls-panel {
	display: none!important;
	-webkit-appearance: none;
	opacity: 0 !important;
	position: absolute !important;
	top: -99999px !important;
}

.portada_video video::--webkit-media-controls-play-button {
	display: none!important;
	-webkit-appearance: none;
	opacity: 0 !important;
	position: absolute !important;
	top: -99999px !important;
}

.portada_video video::-webkit-media-controls-start-playback-button {
	display: none!important;
	-webkit-appearance: none;
	opacity: 0 !important;
	position: absolute !important;
	top: -99999px !important;
}



.quienes_somos {
	margin: 5rem 0;
}	

.delineado {
	border: 2px solid #000;
}

.columna_izq.delineado h2 {
	position: absolute;
	top: -5rem;
	background: #fff;
}

.margen_top {
	margin-top: 7rem;
}

.index_contacto {
	position: absolute;
	top: 1rem;
	right: 5rem;
	display: flex;
}

.boton_mas {
	max-width: 50px;
    position: absolute;
    bottom: -1.65rem;
    right: 5rem;
    cursor: pointer;
}

.quienes_somos .numeros{
	padding-bottom: 3rem; 
}

.quienes_somos .numeros .numero{
	font-family: 'Futura';
	font-size: 2rem;
	font-weight: 100;
	color: #333;
}

.quienes_somos .numeros .numero .gigant{
	font-size: 4em;
	color: #F5113A;
}

.quienes_somos .principales{
	padding-top:2rem;
	padding-bottom: 5rem; 
	color: #333;
}

.quienes_somos .principales .principal figure{
	margin-bottom: 1rem;
	position: relative;
	cursor: pointer;
}
.quienes_somos .principales .principal figure svg{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.quienes_somos .principales .principal figure svg .pause{
	display: none;
}

.quienes_somos .columna_izq h2 {
	color: #bd1622;
	font-weight: 600;
	font-size: 4rem;
}

.quienes_somos .columna_izq .btn{
	width: 20%;
}
.quienes_somos.relato .columna_izq .btn{
	width: auto;
}

.quienes_somos .columna_izq .gris{
	margin-bottom: 3rem;
}
.quienes_somos .redes_sociales {
	margin-top: 1rem;
	margin-left: 15px;
}	
.quienes_somos .redes_sociales svg {
	max-width: 30px;
}
.quienes_somos .columna_der p{
	font-size: 1.1rem;
}
.quienes_somos .columna_der figure {
	margin: 2rem 0 0;
}
.quienes_somos .columna_der .franja_roja {
	background-color: #bd1622;
	color: #fff;
	padding: 1rem 0 1rem 2rem;
	font-size: 3rem;
}
.quienes_somos .columna_der .franja_roja h2 {
	font-size: 3rem;
	margin: 0;
}
.quienes_somos .columna_der .cita {
	width: 90%;
	margin: 2rem auto 0;
	font-weight: 100;
    font-style: italic;
}
/** MUSEO */

section.galeria {
	padding-top: 0 !important;
}
.sub_menu {
	background-color: #f6f6f6;
	color: #656565;
	padding: 0 !important;
	position: relative;
}
.sub_menu .opciones p {
	margin: 0 auto;
	line-height: 1em;
}
.sub_menu  .opciones .numeros{
	border:none;
	cursor: pointer;
	font-size: 1.5rem;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}		
.galeria .descripcion_dia .segundo_fondo {
	position: relative;
	width: 100%;
}
.galeria .descripcion_dia {
    overflow: hidden;
    width: 100%;
}    
.galeria .descripcion_dia .textos {
	width: 100%;
	display: none;
	position: relative;
	min-height: 300px;
	padding-top:5rem;
	padding-bottom:5rem;
}

.galeria .letras{
	margin-bottom: 1rem;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-family: 'League Gothic';
}
.galeria .letras .letra{
	padding-right: .6em;
	cursor: pointer;
	color: #656565;
	transition: all ease .5s;
}
.galeria .letras .letra:hover,
.galeria .letras .letra.active{
	color: #bd1622;
}

.galeria .descripcion_dia .textos p{
	font-size: 1.15rem;
}
.galeria .descripcion_dia .textos:first-child{display: block;} 
.galeria .descripcion_dia .textos.ocultar{display: none;}
.galeria .descripcion_dia .textos.mostrar{display:block;}
.galeria .descripcion_dia .textos.mostrar.ocultar{display:none;}

.galeria .descripcion_dia .textos .columna_der iframe{
	width:100%;
}

.galeria .numeros {transition: all ease .5s;}
.galeria .numeros.active {
}

.flecha_submenu .flecha{
	background-color: #bd1622;
	height: 3px;
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transition: all ease .1s;
}
.galeria .numeros{transition: all ease .5s;}
.galeria .exposicion{
	margin-bottom: 1.2rem;
}
.galeria .exposicion .imagen{
	position: relative;
	overflow: hidden;
	background-color: #f9f9f9;
}
.galeria .exposicion .imagen .padding_top{padding-bottom: 55%;}
.galeria .exposicion.obra .imagen .padding_top,
.galeria .exposicion.artista .imagen .padding_top{padding-bottom: 75%;}
.galeria .exposicion .imagen figure{
	min-width: 100%;
	min-height: 100%;
}
.galeria .exposicion .imagen figure img{
	min-height: 100%;
	min-height: 100%;
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.galeria .exposicion figure.imagen{
	padding-top: 75%;
}
.galeria .exposicion figure.imagen img{
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.galeria .texto {
	text-align: center;
	margin-top: 1rem;
}
.galeria .texto h5 {
	color: #bd1622;
	font-weight: 600;
	margin-bottom: 0;
}
.galeria .texto p {
	color: #9c9b9b;
}
/** EXPOSICION */
.quienes_somos.relato {
	margin-top: 0;
	padding-top: 0 !important;
}
.quienes_somos.relato .descripcion_dia .textos.texto_extra figure{
	max-width: 40px;
	margin: 1rem 0;
	cursor: pointer;
}
.quienes_somos.relato .descripcion_dia .textos.texto_extra h2{
	font-family: 'Corbel';
	font-weight: 100;
	opacity: .75;
	font-size: 1.2rem;
	margin: 0 auto;
}
.quienes_somos.relato .descripcion_dia .textos.texto_extra .row:last-child {border-bottom: 0;}
.quienes_somos.relato .descripcion_dia .textos.texto_extra .row{border-bottom: 1px solid #bd1622;}
/** OBRA */
#obra{margin-top: 3rem;}
#obra .navigation_obra svg{
	max-width: 20px;
	margin: 0 auto;
}
#obra .cuadro{
	position: relative;
}
#obra .cuadro .botones{
	position: absolute;
	right: 2.5%;
	bottom: 1rem;
	width: 95%;
}
#obra .cuadro .botones figure{
	width: 45px;
	cursor: pointer;
}
#obra .cuadro .botones .audio_button .estado{
	transition: all ease .6s;
}

#obra .cuadro .botones .audio_button .play,
#obra .cuadro .botones .audio_button.wait .pause{
	opacity: 0;
}
#obra .cuadro .botones .audio_button .pause,
#obra .cuadro .botones .audio_button.wait .play{
	opacity: 1
}

.descripcion_obra .linea:last-child {border-bottom: 0;}	
.descripcion_obra .linea {
	border-bottom: .5px solid #bd1622;
	padding: .5rem 0;
}
.descripcion_obra .rojo.descripcion {margin-bottom: 1rem;}
.relacionados {
    margin: 3rem auto;
	padding: 3rem 0 !important;
}
.relacionados .exposicion{margin-bottom: 0;}
.relacionados .exposicion .texto p{margin-bottom: 0;}
.carousel-control-prev {left: -10%;}
.carousel-control-prev-icon {background-image: url(../img/arrow_prev.svg);}
.carousel-control-next {right: -10%;}
.carousel-control-next-icon {background-image: url(../img/arrow_next.svg);}

/** OBRAS_ARTISTA */
.galeria.obras_artista{margin:0 !important;}

/** CONTACTO */
.portada.contacto figure {
	margin-top: 2rem;
	max-width: 50px;
	margin-left: 0;
	transform: rotate(90deg);
}
.portada.contacto figure svg,
.portada.contacto figure svg:hover {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration:.9s;
	animation-duration:.9s;
	animation-fill-mode: both;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
@-webkit-keyframes bounce {
	from, 20%, 53%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -8px, 0);
		transform: translate3d(0, -8px, 0);
	}
	90% {
		-webkit-transform: translate3d(0,-2px,0);
		transform: translate3d(0,-2px,0);
	}
}

@keyframes bounce {
	from, 20%, 53%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -8px, 0);
		transform: translate3d(0, -8px, 0);
	}
	90% {
		-webkit-transform: translate3d(0,-2px,0);
		transform: translate3d(0,-2px,0);
	}
}	
.portada.contacto figure svg * {
	fill: #9c9b9b;
}
#contacto {
	padding: 6rem 0 !important;
}
#contacto h1 {
	color: #bd1622;
	font-size: 5rem;
}
#contacto p{
	margin-top: 2rem;
	margin-left: 6rem;
	color: #9c9b9b;
}
.success-message,
.error-message{margin-bottom: 1.5rem;}	
/** FOOTER */
footer {
	padding: 3rem 0 1.5rem;
    overflow: hidden;
    background: url(../img/footer.svg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 10;
}
footer .logo{max-width: 200px;}
footer .logo figure {
	max-width: 95%;
}
footer .redes_sociales {
	margin-right: 7%;
}
footer .redes_sociales svg {
	max-width: 25px;
}
footer .redes_sociales svg * {
	fill: #fff !important;
}
footer .social a img,
footer .social a svg {
	width: 32px;
	height: 32px;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
footer .avisos {
	color: #fff;
	margin-top: 1rem;
}
footer .avisos a {
	margin: 0 2rem;
}
/** CONTENT */
.page_buscador section.seccion{
	padding: 5rem 0;
}

.page_buscador .section_title h1{
	margin-bottom: 1.5em;
	font-size: 3rem
}

.page_buscador section.seccion .desplegable{
	display: none;
}

.page_buscador .exposicion h5{
	font-size: 1rem;
}

.page_buscador .titleNoResults h1{
	font-size: 4rem;
	margin-bottom: 1.3rem;
}

.page_buscador .titleNoResults h2{
	font-size: 1.7rem;
	font-weight: 300;
	font-family: 'Corbel';
	color:#706f6f;
}




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

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

.slider_galeria .carousel-caption .caption1 {
	font-weight: 500;
	font-size: 3.5rem;
	line-height: 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: 1rem;
}

.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='%23292b2c' 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='%23292b2c' 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;
}

.seccion_comprar_cuadro{
	padding: 5rem 0;
}

.seccion_comprar_cuadro h2{
	margin-bottom: 1.5rem;
}

.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;
	font-size: 1.125rem;
}

.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 h2 {
	margin-bottom: 2rem;
}

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

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

.login-page .input:not(.checkbox) label.active,
.login-page .input:not(.checkbox) input:focus+label:not(.error) {
	font-size: .7rem;
	top: -10px;
	color: #56b99f;
}

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

.login-page .input:not(.checkbox) input:focus {
	border-color: #56b99f;
	outline: 0 !important;
	box-shadow: 0 0 0;
}

.login-page .input:not(.checkbox) input:focus:invalid:focus {
	border-color: #56b99f;
	box-shadow: 0 0 0;
}

.login-page .forgot-pass {
	margin-top: 20px;
	font-size: .8rem;
}


/** 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 #56b99f;
	padding: 20px;
	-webkit-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 #56b99f;
}

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

.show_cookies>div.cookies_actions button {
	background: #56b99f;
	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;
}

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 */
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


/** MEDIA QUERIES **/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	html { font-size: 14px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	html { font-size:16px; }
	.scrolltop { bottom:5vw;right:5vw;width:5vw;height:5vw;padding:1vw; }
	.slider_galeria .carousel-caption { top: 10%; bottom: auto; width: 40%; }
	.slider_galeria .carousel-caption .caption1 { font-size: 2rem; padding-top: 0; }
	.slider_galeria .carousel-caption .caption2 { font-size: 1rem; }
	.show_cookies { width:50%; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.slider_galeria .carousel-caption .caption1 { font-size: 2.5rem; }
	.show_cookies { width:35%; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

@media (max-width: 1200px){
	.quienes_somos .numeros .numero .gigant{font-size: 3.5em;}
	header .logo img{
		max-width: 150px !important;
	}
}

@media (max-width: 992px) {
	.quienes_somos .numeros .numero .gigant{font-size: 2.5em;}
	.quienes_somos .numeros .numero{font-size: 1.6rem;}
	/* header .logo,header .logo_menu_responsive{max-width:150px;} */
	.menu li a{padding:0;font-size: .8rem;}
	header .toggleBuscador,.icono_idioma{max-width: 20px;}
	header .logo img{
		max-width: 100px !important;
	}
}


@media (max-width: 769px) {
	.btn-primary{padding:.5rem 3rem;}
	footer .avisos a {margin:0 1rem;}
	.menu_principal ul li a{font-size:1.75rem;}
	#obra .navigation_obra svg {width:15px;}
	header .buscador {position:fixed;left:0;bottom:1.5rem;width:100%;z-index:13;}
	header .logo img, header .logo svg{
		max-width: 120px !important;
	}
}	

@media (max-width: 576px) {
	.portada .cerrar_video{display: none !important;}
}

@media (max-width: 556px) {
	.portada{height: 90vh;background-image: url(../img/portada_responsive.jpg)!important;}
	.portada.exposicion{height:auto;min-height:0;max-height:370px;}
	.portada.museo {background-image: url(../img/fondo_museo_responsive.jpg)!important;}
	.portada.contacto {background-image: url(../img/portada_contacto_contacto.jpg)!important;}
	.portada .padding-top{padding-top:109%;}
	.portada.exposicion .padding-top{padding-top: 70%;}
	.quienes_somos{margin: 4rem 0 2rem;}
	.quienes_somos .redes_sociales{margin-bottom: 2rem;}
	.no_visible_responsive{display: none;}
	.menu_principal ul li a{font-size: 1.75rem;}
	#contacto p{margin-left: 0;}
	.btn-primary{padding: .5rem 5rem;}
	.btn-primary.pequeno{margin-bottom: 2rem;}
	.numero.extra .descargas{z-index: 2; left: -180%;}
	.galeria .columna_izq{margin-bottom: 2rem;}
	html p {font-size: 16px;}
	.btn-primary {font-size: 16px;}
	header .header_principal {padding-top: .5rem;padding-bottom: .5rem;}
	header .logo,
	header .logo_menu_responsive{width: 140px;}
	header{padding:1.2rem 0;}
	footer{background-image: url('../img/footer_responsive.svg');padding: 5rem 0 2rem;}
	footer .avisos a {margin-top: .6rem;display: block;}
	#obra .cuadro{margin-bottom: 3rem;}
}