@font-face {
    font-family:'Skoda Regular';
    src:url("../fonts/SkodaProPS-Regular.otf") format("opentype");
    font-weight:normal;
    font-style:normal
}

@font-face {
    font-family:'Skoda Medium';
    src:url("../fonts/SkodaProPS-Medium.otf") format("opentype");
    font-weight:normal;
    font-style:normal
}

@font-face {
    font-family:'Skoda Bold';
    src:url("../fonts/SkodaProPS-Bold.otf") format("opentype");
    font-weight:normal;
    font-style:normal
}

body {
    font-family: 'Skoda Regular', sans-serif;
    font-weight:normal;
}

body > header.gpt {
	background: #fff;
    width: 100%;
	height: 68px;
    margin-bottom: 47px;
    border-bottom: 1px solid #ddd;
    padding: 0;
}

body > header.gpt h1 {
	color: black;
    font-size: 17px;
    margin: 12px 0 0 0;
}

    @media screen and (min-width: 350px) {
        body > header.gpt h1 {
           margin: 25px 0 0 0;
        }
    }

body > header.gpt .logo {
    display: block;
    height: 70px;
    width: 154px;
}

    body > header.gpt .logo img {
        display: block;
        width: 100%;
        height: auto;
        max-height: calc(100% - 24px);
        margin: 12px 0;
    }

body > header.gpt .container,
.gptMenu,
.carContainer,
.carDetailPage .container,
body > footer.gpt .container {
    width: 90%;
    max-width: 1064px;
    margin: auto;
}

    @media screen and (min-width: 600px) {
        body > header.gpt .container,
        .gptMenu,
        .carContainer,
        .carDetailPage .container,
        body > footer.gpt .container {
            width: 80%;
        }
    }

body > footer.gpt {
	border-top: 5px solid #000;
    font-family: 'Skoda Regular', sans-serif;
    font-weight:normal;
    border-top: 1px solid #777;
}

body > footer.gpt .container p.note {
    margin: 1em 0;
}

.gptMenu {
    background-color: #41a92e;
    min-height: 30px;
    height: auto;
    padding: 0;
}

    .gptMenu a.menuItem {
        font-family: 'Skoda Regular', sans-serif;
        color: #fff;
        font-size: 16px;
        font-weight: normal;
        padding: 7px 15px;
    }

    .gptMenu .menuItem.disabled:hover,
    .gptMenu .menuItem.active,
    .gptMenu .menuItem.active:hover{
        font-family: 'Skoda Regular', sans-serif;
        font-weight:normal;
        background-color: #f5f5f5;
        color: #41a92e;
        text-decoration: none;
    }
    .gptMenu .container {
        height: 100%;
        width: 100%;
        margin: 0;
    }
.pricelist {
    font-family: 'Skoda Regular', sans-serif;
    font-weight: normal;
    font-style: normal;
}

.pricelist a {
    background-color: #41a92e;
}

.carContainer {
    padding: 20px 0;
}

.carContainer .carItem h3 {
    font-family: 'Skoda Bold', sans-serif;
    font-weight:normal;
    color: #41a92e;
}

.carDetailPage h2,
.carDetailPage h3{
    font-family: 'Skoda Bold', sans-serif;
    font-weight:normal;
}
.variantsRow {
    background-color: #F5F5F5;
}