@font-face {
	font-family: 'poiretone';
	src: url('../../fonts/poiretone-regular-webfont.woff') format('woff'),
       url('../../fonts/poiretone-regular-webfont.ttf') format('truetype');
}

/* GROUP (aka. Clearfix) */
.group:before, .group:after { content: "";display: table; }
.group:after { clear: both; }

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.wrapper,
.wrapper.exhibition-module {
	padding: 0 10px;
}

.wrapper-text {
	padding: 0 10px;
}

/***selection**/

::selection {
	background: #999; /* Safari */
	}
::-moz-selection {
	background: #999; /* Firefox */
}


strong {
	font-weight: normal;
}

a {
	color: #111;
	display: inline-block;
	text-decoration: none;
}

a:hover {
	color:#000!important;
	text-decoration: underline;
}

figure a {
	display: block;
}

figure h3 a {
	display: inline-block;
}

figure p a {
	display: inline-block;
}

h2 a:hover {
	text-decoration: none;
}

body {
	background-image: url(../../images/creampaper.png);
	color: #111;
	font-family: helvetica, arial, sans-serif;
	font-weight: lighter;
	font-size: 15px;
	line-height: 20px;
}

p {
	color: #111;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 0.2px;
}

h3.subtitle {
	font-weight: normal;
}

img {
	display: block;
}

iframe {
width: 100%;
height: 190px;
}

.text-center {
  text-align: center;
}

/******************HEADER***********************/

header {
	border-bottom: 1px solid #ddd;
	/*height: 80px;*/
	padding:20px 0;
	position: relative;

	height: auto;
	padding-bottom: 10px;
}

header .wrapper {
	padding: 0 10px;
}

#logo {
	background-color: #696969;
	/*float: left;*/
	left: auto;
	/*margin-top: -14px;*/
	/*position: absolute;*/
	top: 24px;
  z-index: 100;

  float: none;
	height: 80px;
	margin: -11px auto 0;
	position: static;
	width: 80px;
}

header #logo a {
	/*background-position: 5px;*/
	background-image: url(../../images/logo-la-galeria.png);
	background-repeat: no-repeat;
	/*background-size: 50px auto;*/
	display: block;
	/*height: 60px;*/
	position: relative;
	text-indent: -99999px;
	/*width: 60px;*/
	z-index: 2;

	background-position: center;
	background-size: 70px auto;
	height: 100%;
	width: auto;
}

#main button {
	/*background-color: #696969;*/
	border: none;
	cursor: pointer;
	display: block;
	/*height: 40px;*/
	/*text-indent: -999999px;*/
	/*width: 40px*/
}

#main button {
	/*line-height: 0;*/
	/*position: absolute;*/
	right: 10px;
	z-index: 12;

	background-color: #FFF;
	color: #999;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	line-height: 1;
	margin-top: 10px;
	outline: none;
	padding: 20px 0;
	position: static;
	text-indent: 0;
	text-transform: uppercase;
	width: 100%;
}

#main button span {
	background-color: #fff;
	/*display: block;*/
	height: 2px;
	margin: 5px auto;
	width: 20px;

	display: none;
}

#main strong {
	font-size: 1.2em;
}

#main li.strong {
	padding: 18px 0;

	display: none;
}

#mobile-menu {
	background-color: #fff;
	background-color: rgba(255,255,255,.95);
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.5);
	padding: 10px;
	position: fixed;
	right: -220px;
	text-align: center;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
	top: 10px;
	width: 210px;
	z-index: 10;

	box-shadow: none;
	padding: 0;
	position: static;
	width: 100%;
}

#mobile-menu li a:hover {
	background-color: #fff;
	text-decoration: none;
}

#mobile-menu li a {
	border-top: 1px solid #eee;
	color: #000;
	/*padding: 20px 0;*/
	width: 100%;
  position: relative;
  z-index: 10;
  outline: none !important;

  padding: 10px 0;
}

#mobile-menu li:first-child a {
	border-top: none;
	color: #9d0c0c;
	padding: 12px 0 15px;
}

#mobile-menu.enter {
	position: absolute;
	right: 0;
}

#mobile-menu li:hover .dropdown-menu,
#mobile-menu li.open .dropdown-menu {
	display: block;
  z-index: 9;
}

#main .dropdown-menu {
	background-color: #efefef;
  border: 1px solid #ddd;
	display: none;
}

#main .dropdown-menu li {
	border-top: 1px solid #fff;
}

#main .dropdown-menu li a {
	border: none;
	color: #333;
	font-size: 15px;
	line-height: 1.3;
	padding: 20px 0;
}

#main .dropdown-menu li a:hover {
	background-color: #dedede;
}

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.open.dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

#main #menu-artistas li a {
  padding: 10px 0;
  font-size: 13px;
  line-height: 1.5;
  /*width: 150%;*/
  /*background-color: white;*/
  /*border-right: 1px solid #ddd;*/
  /*border-bottom: 1px solid #ddd;*/
  margin: 0 0 -1px 0;
}

/******************MUESTRA***********************/

section h2 {
	font-family: 'poiretone', helvetica, arial, sans-serif;
	font-size: 2em;
	line-height: normal;
	padding: 50px 0 20px;
	text-align: center;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.30);
	text-transform: uppercase;
}

.muestra-artista {
	font-size: 21px;
	margin: 50px 0 -30px !important;
	text-transform: uppercase;
}
.muestra-desc {
	font-size: 18px;
}

.work-list li {
	border-top: 1px solid #ddd;
	padding: 20px 0;
	position: relative;
}
.work-list li span {
	background-color: #696969;
	border-radius: 14px;
	color: #FFF;
	font-size: 12px;
	margin-top: -14px;
	padding: 4px 12px;
	position: absolute;
	right: 0;
	top: 50%;
}
.work-list li h3 {
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
}

.modules a {
	color: #000;
}

.title-description p {
	text-align: center;
	margin-bottom: 20px;
}

.modules ol li {
	background-color: #fff;
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);
	float: left;
	margin-top: 20px;
	width: 100%;
}

.modules ol li img {
	width: 100%;
}

section.artist h3 {
	font-size: 1.2em;
	text-align: center;
}

section.artist figcaption {
	padding: 20px 0;
}

figcaption {
	padding: 10px;
}

figcaption p {
	font-size: .8em;
	margin-top: 5px;
}

/******************NOTA***********************/

#nota p {
	margin-bottom: 20px;
}

/******************ARTISTA***********************/

section.artist-background {
	background-size: cover;
	background-position: 50%;
	margin-bottom: 20px;
	padding: 0;
}

section.artist-background :is(ul,ol) {
	margin-left: 1em;
	margin-bottom: 1em;
}
section.artist-background ul {
	list-style-type: disc;
}
section.artist-background ol {
	list-style-type: decimal;
}
section.artist-background li {
	margin: 0.5em 0;
}
section.artist-background :is(strong,b) {
	font-weight: bold;
}
section.artist-background :is(em,i) {
	font-style: italic;
}
section.artist-background a {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-offset: 2px;
}
section.artist-background a:hover {
	text-decoration-style: solid;
}

section.la-galeria-interior {
	background-image: url(../../images/la-galeria-foto-interior.jpg);
	height: 728px;
}

section.la-galeria-interior.nosotros {
	height: auto;
}

section.artist-background div.box {
	background-color: #fff;
	background-color: rgba(255,255,255,.9);
	padding: 0 10px 30px;
	width: 100%;
}

.see-more {
  cursor: pointer;
  text-align: right;
  font-size: 12px;
}
.see-more a {
  text-decoration: none;
  padding: 3px 15px;
  border-radius: 4px;
}
.see-more a:hover {
  background: #fff;
}

/******************ARTWORK-PAGE***********************/

.artwork-page figure {
	background-color: #fff;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.2);
	margin: 0 auto;
	width: 90%;
  max-width: 1280px;
}

.artwork-page img {
	margin: 0 auto;
	width: 100%;
  max-width: 1280px;
}

.artwork-page figcaption {
	padding: 40px 20%;
}

.artwork-page figcaption p {
	font-size: 1em;
	text-align: left;
}

/******************LINKS-ARTISTAS***********************/

#links-artistas {
	border-top: 1px solid #eee;
	margin-top: 65px;
	padding-top: 45px;
	text-align: center;
}

#links-artistas h3 {
	margin-bottom: 15px;
}

#links-artistas p {
	font-size: .8em;
	letter-spacing: 0.3px;
}

/******************CONTACT***********************/

section .box p {
	margin-bottom: 10px;
}

#contact-info {
	width: 100%;
}

#contact-info article {
	/*margin-bottom: 50px;*/
	padding: 0;
	width: 100%;
}
#contact-info article:first-child {
	margin-bottom: 50px;
}

#contact-info article ul li {
	margin-top: 30px;
}

#contact-info article ul li:first-child {
	margin-top: 0;
}

#contact-info nav.social {
	float: none;
	margin-top: 30px;
}

#contact-input form input, #contact-input form textarea#request, button#enviar {
	border: 1px solid #eee;
	font-size: 1.2em;
	font-weight: lighter;
	font-family: helvetica, arial, sans-serif;
	margin-bottom: 15px;
	padding: 8px;
	resize: none;
	width: 100%;
}

#contact-input form textarea#request {
	height: 200px;
}

#contact-input form button {
	background-color: #696969;
	border: none;
	color: #fff;
	padding: 20px;
}

/******************MUESTRAS***********************/

section.horizontal {
	padding: 0;
	position: relative;
}

section.horizontal > div {
	overflow-x: scroll;
	width: 100%;
}

section.horizontal div ol {
	margin-left: 0;
	padding-bottom: 50px;
	width: 999999px;
}

section.horizontal div ol li {
	margin: 0 20px 0 20px;
	width: 250px;
	position: relative;
}

figure > p {
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 1em;
	font-weight: lighter;
	left: 10px;
	line-height: 16px;
	position: absolute;
	top: 20px;
}

div.badge {
	border-top: 140px solid #9d0c0c;
	border-right: 110px solid transparent;
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}

figcaption h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
	text-shadow: none;
}

.tab-menu {
	text-align: center;
}
.tab-menu li {
	/*float: left;
	margin-left: 3.33%;
	text-align: center;
	width: 30%;*/
	border-left: 1px solid #111;
	display: inline-block;
	padding: 0 10px;
}
.tab-menu li:first-child {
	border-left: none;
}

#exhibition-menu {
	/*margin-left: -3.33%;*/
	padding-top: 20px;
	padding-bottom: 20px;
}

.tab-menu .selected {
	font-weight: bold;
}

.tab-menu a {
	width: 100%;
}

.nothere {
	position: absolute !important;
	left: -99999px !important;
}

span.left, span.right {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	z-index: 1;
	top: 50%;
}

span.left {
	border-right: 10px solid rgba(157,12,12,.5);
	left: 5px;
}

span.right {
	border-left: 10px solid rgba(157,12,12,.5);
	right: 5px;
}

/******************EN VENTA***********************/

header + div > .title-sale {
	margin-top: 35px !important;
}
header + div > .title-sale h2 a {
	border-top: none;
}
.title-sale {
	margin-top: 15px !important;
}
.title-sale h2 {
	padding: 0;
}
.title-sale h2 a {
	background: #fff;
	background: rgba(255,255,255,0.45);
	cursor: pointer;
	display: block;
	padding: 15px 0;
}
.title-sale h2 a:hover {
	background: #fff;
	background: rgba(255,255,255,0.6);
}

.wrap-sale {
	border-bottom: 1px solid #DDD;
	margin-bottom: 15px;
	padding: 20px;
}
.modules .wrap-sale ol {
	margin-bottom: 15px;
}
.artist-sale {
	cursor: pointer;
	display: block;
	font-size: 18px;
	padding: 10px 0;
}
.artist-sale:hover {
	text-decoration: none;
}


/******************FOOTER***********************/

footer.contact {
	border-top: 1px solid #ddd;
	margin-top: 50px;
	padding-top: 50px;
	padding-right: 10px;
	padding-left: 10px;
}

footer h1.logo-footer {
	background: #696969 url(../../images/logo-la-galeria.png) no-repeat;
	background-position: 50%;
	background-size: 80px auto;
	height: 98px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-indent: -999999px;
	width: 100px;
}

footer .logo-footer a {
height: 100%;
width: 100%;
display: block;
}

footer ul li {
	margin-bottom: 30px;
}

.social ul {
	margin-bottom: 10px;
	overflow: hidden;
}

.social ul li {
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
}

.social ul li:last-child {
	margin-left: 10px;
}

.social ul li a {
	background-color: #696969;
	display: block;
	height: 40px;
	position: relative;
	width: 40px;
}

.social ul li span {
	background: url(../../images/social.png) no-repeat;
	background-size: 45px;
	display: block;
	position: absolute;
	text-indent: -99999px;
}

.social ul li.instagram span {
	background: url(../../images/instagram-bw.png) no-repeat;	display: block;
	height: 40px;
	position: relative;
	background-size: 40px;
}

.social ul li.instagram a {
	background-color: transparent;
}

.social ul .facebook a span {
	background-position: -27px 6px;
	height: 40px;
	right: 8px;
	width: 18px;
}

.social ul .twitter a span {
	background-position: 0px 0px;
	height: 32px;
	left: 10px;
	top: 14px;
	width: 38px;
}

.copy {
	text-align: center;
}

.copy p {
	padding: 10px 0 20px;
}

/* GOOGLE TRANSLATE */
#google_translate_element,
#google_translate_element div {
	float: none;
	width: auto;
}

#google_translate_element {
	margin-top: 15px;
}

#google_translate_element img {
	display: inline-block;
}