@font-face {
	font-family: "Dosis";
	src: url('/static/frontend/fonts/Dosis-Bold.ttf');
    font-weight: bold;
	/* src: url('/smedia/reps/fonts/fontz_regular.eot?#iefix') format('embedded-opentype'), */
	/* 	url('/smedia/reps/fonts/fontz_regular.woff') format('woff'), */
	/* 	url('/smedia/reps/fonts/fontz_regular.ttf') format('truetype'), */
	/* 	url('/smedia/reps/fonts/fontz_regular.svg#webfont') format('svg'); */
}

@font-face {
	font-family: "Dosis";
	src: url('/static/frontend/fonts/Dosis-SemiBold.ttf');
    font-weight: 600;
	/* src: url('/smedia/reps/fonts/fontz_regular.eot?#iefix') format('embedded-opentype'), */
	/* 	url('/smedia/reps/fonts/fontz_regular.woff') format('woff'), */
	/* 	url('/smedia/reps/fonts/fontz_regular.ttf') format('truetype'), */
	/* 	url('/smedia/reps/fonts/fontz_regular.svg#webfont') format('svg'); */
}

@font-face {
	font-family: "Dosis";
	src: url('/static/frontend/fonts/Dosis-Regular.ttf');
    font-weight: normal;
	/* src: url('/static/frontend/fonts/Dosis-Regular.eot?#iefix') format('embedded-opentype'), */
	/* 	url('/static/frontend/fonts/Dosis-Regular.woff') format('woff'), */
	/* 	url('/static/frontend/fonts/Dosis-Regular.ttf') format('truetype'), */
	/* 	url('/static/frontend/fonts/Dosis-Regular.svg#webfont') format('svg'); */
}

html, body, #container, #content {
    height: 95%;
}

body {
    font-family: "Dosis", sans-serif;
    color: #000;
    font-size: 100%;
    background-color: #fff;
    line-height: 1.4;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #000;
    text-decoration: none;
}

#container {
    margin: 20px;
    position: relative;
    min-width: 1100px;
}

#container #logo {
    position: absolute;
    top: 0px;
    left: 600px;
}

#container #logo img {
    width: 300px;
}

#container #migrations {
    position: absolute;
    top: 70px;
    left: 420px;
}

#container #migrations img {
    width: 180px;
}

#header {
    width: 100%;
    height: 4em;
}

#header #menu {
    float: left;
    font-weight: 600;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-left: 80px;
    width: 400px;
    border-bottom: 1px solid #000;
}

#header #menu.no-border {
    border-bottom: none;
}

#header #menu a,
#header #menu a:link,
#header #menu a:visited,
#header #menu a:hover,
#header #menu a:active {
    color: #000;
    text-decoration: none;
}

#header #menu a.active,
#header #menu a:link.active,
#header #menu a:visited.active,
#header #menu a:hover.active,
#header #menu a:active.active {
    color: #d6de23;
}

#extra-menu {
    float: right;
    margin-right: 100px;
}

#content #page-index {
    width: 90%;
    height: 100%;
    margin: 6px auto;
    background: #fff url("/static/frontend/img/background.jpg") no-repeat right top;
    background-size: cover;
    background-attachment: fixed;
}

#content #page-about {
    width: 400px;
    margin: 0px 0px 0px 80px;
    padding-top: 80px;
}

#content #page-about a {
    width: 400px;
    margin: 0px 0px 0px 80px;
    padding-top: 80px;
}

#content #page-contact {
    width: 400px;
    margin: 0px 0px 0px 80px;
    padding-top: 80px;
}

#content #page-contact a,
#content #page-contact a:link,
#content #page-contact a:visited,
#content #page-contact a:hover,
#content #page-contact a:active {
    color: #000;
}

#content #page-program {
    width: 400px;
    margin: 0px 0px 0px 80px;
    padding-top: 80px;
}

#content #page-program .event-day {
    margin-bottom: 20px;
}

#content #page-program .event-day .day {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}

#content #page-program .event-day .event-list .event .time,
#content #page-program .event-day .event-list .event .name {
    margin: 5px 0px;
}

#content #page-program .event-day .event-list .event .name .type,
#content #page-program .event-day .event-list .event .name .country {
    font-weight: 600;
    font-size: 0.8em;
    text-transform: uppercase;
}

#content #page-program .event-day .event-list .event .name a,
#content #page-program .event-day .event-list .event .name a:link,
#content #page-program .event-day .event-list .event .name a:visited,
#content #page-program .event-day .event-list .event .name a:hover,
#content #page-program .event-day .event-list .event .name a:active {
    text-decoration: none;
    color: #000;
}

#content #page-program .event-day .event-list .event .name .title {
    text-transform: uppercase;
}

#content #page-program .event-day .event-list .event .desc {
    font-size: 0.9em;
}

#content #page-program .event-day .event-list .event .time {
    color: #d6de23;
}

#content #page-performers {
    margin: 0px 0px 0px 80px;
    padding-top: 80px;
}

#content #page-performers .performer {
    float: left;
}

#content #page-performers .performer a,
#content #page-performers .performer a:link,
#content #page-performers .performer a:visited,
#content #page-performers .performer a:hover,
#content #page-performers .performer a:active {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}

#content #page-performers .performer a img {
    width: 200px;
    margin: 20px 20px 0px 20px;
}

#content #page-performer {
    width: 400px;
    margin: 0px 0px 0px 80px;
    padding-top: 80px;
}

#content #page-performer .page-performer-container {
    position: relative;
}

#content #page-performer .left {
    position: absolute;
    top: 0px;
    left: 0px;
}

#content #page-performer .left .name{
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
}

#content #page-performer .left .img img{
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    width: 400px;
    margin-top: 1em;
}

#content #page-performer .left .desc{
    width: 400px;
    margin-top: 1em;
    margin-bottom: 20px;
}

#content #page-performer .right {
    position: absolute;
    top: 32px;
    left: 420px;
}

#content #page-performer .right .info {
    width: 300px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 12px 5px 15px 5px;
    margin-top: 14px;
}

#content #page-performer .right .info div {
    margin-top: 3px;
}

#content #page-performer .right .info .date {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
}

#content #page-performer .right .info .time {
    color: #d6de23;
    font-size: 0.9em;
}

#content #page-performer .right .info .title {
    font-size: 0.9em;
    text-transform: uppercase;

}