/* basics */
body {
	font-size: 16px;
	font-family: 'Cutive Mono', monospace;
	line-height: 1.5;
	text-align: center;
}

p {
	font-family: 'Cutive Mono', monospace;
}

a {
	text-decoration: none;
	color: #4f4a47;
}

a:hover, a:active {
	color: #848484;
}

.body {
	margin: 0 auto;
	width: 64%;
	clear: both;
}

.body h1 {
	text-align: left;
	font-family: 'Cutive Mono', monospace;
	font-size: 20px;
	letter-spacing: 0.3em;
	color: #4f4a47;
	font-weight: lighter;
	margin-top: 10%;
}

/* header */
.main-header {}

.main-header img {
	width: 30%;
	height: auto;
	margin: 3% 0 0 0;
}

.main-header nav {
	margin: 2% 0 2% 0;
}

.main-header nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.main-header nav ul li {
	display: inline;
	font-size: calc(12px + .5vw);
}

.main-header a {
	padding: 3% 2%;
}

.inner-content {}

.inner-content hr, footer hr {
	background-color: #4f4a47;
	border-radius: 30px;
	height: 1px;
	margin-bottom: 3%;
}

/* opening image */

.opening-image {
	width: 100%;
	padding-bottom: 0px;
}

/* slideshow */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/* menu section */

#menu-section {
	background-color: rgba(79, 74, 71, 0.1);
}

.menu-op {
	display: inline-block;
	width: 50%;
	color: #932a47;
}

.menu-op p {
	font-size: calc(12px + .7vw);
	letter-spacing: 0.3em;
}

.menu-op:hover {
	background-color: rgba(79, 74, 71, 0.2);
	cursor: pointer;
}

/* calendar */
#calendar-section, #schedule-section {
	margin: 10% 54px 0 54px;
}

#calendar-section {
	background-image: url("../resources/images/ajos-06.svg");
	background-size: 100% 100%;
}

.calendar-block {
	display: inline-block;
	width: 49%;
	height: 30px;
	text-align: left;
	color: #4f4a47;
	opacity: 10%;
}

.newsletter-btn {
	padding: 0.2% 0;
	background-color: #932a47;
	margin: 10% auto 0 auto;
	width: 360px;
}

.newsletter-btn p {
	font-size: calc(10px + .4vw);
	letter-spacing: 0.3em;
	color: #ffffff;
}

.newsletter-btn:hover {
	background-color: rgba(147, 42, 71, 0.9);
}

/* location section */
#location-section {
	margin-top: 7%;
}

/* schedule section */

#schedule-section {
	text-align: left;
	color: #4f4a47;
	background-image: url("../resources/images/molcajete.svg");
	background-size: 100% 70%;
        background-repeat: no-repeat;
}

/* social network buttons */

.social-networks a {
	margin-right: 2%;
}

/* footer */
footer p {
	font-size: 12px;
	letter-spacing: normal;+
	color: #4f4a47;
}

/* Menus (Pages) */
#menu-selection {
	background-color: rgba(79, 74, 71, 0.1);
	font-size: calc(15px + .6vw);
	letter-spacing: 0.3em;
}

#menu-selection:hover {
	cursor: pointer;
}

#mso-selected {
	background-color: rgba(79, 74, 71, 0.2);
}

.menu-selection-option-l, .menu-selection-option-r {
	width: 50%;
	display: inline-block;
	color: #932a47;
}

.menu-selection-option-l:hover, .menu-selection-option-r:hover {
	background-color: rgba(79, 74, 71, 0.3);
}

#message-section {
	margin: 10% 54px 0 54px;
	text-align: left;
	color: #932a47;
}

#menu-data {
	text-align: left;
	margin: 0 54px 10% 54px;
}

.menu-data-block {
	display: inline-block;
	width: 50%;
	color: #4f4a47;
}

.menu-data-block-r p, .menu-data-block-r h1 {
	margin-left: 27px;
}

.menu-data-block p {
	margin-right: 27px;
}
/* Map */
#map {
	width: 100%;
	height: 450px;
}

/* Back to top button */
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #BDBDBD url("../resources/images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}