/**
*   Obecné.
*/

body, html {
    color: #000;
    font-family: arial, serif;
	margin: 0;
	padding: 0;
}

    h2 {
        font-size: 30px;
    }



/**
*   Kostra stránek.
*/

body > header.gpt {
	height: 50px;
	margin: 0;
	padding: 15px 30px;
	position: relative;
	width: calc(100% - 60px);
}

    body > header.gpt .logo {
        display: inline-block;
        float: left;
    }

        body > header.gpt .logo img  {
            float: left;
            height: 30px;
            width: auto;
        }

    body > header.gpt h1 {
        display: inline-block;
        float: left;
        font-size: 29px;
        margin: 0;
        /*padding: 30px 0 0 0;*/

    }

body > footer.gpt {
	width: 100%;
	min-height: 50px;
}

body > footer.gpt p.note {
    margin-left: 25px;
    margin-right: 25px;
}

.pageContent {
	margin: 0 auto;
	/*max-width: 960px;*/
	min-height: 50px;
	/* padding: 30px 50px 50px 50px; */
    position: relative;
    text-align: center;
    font-size: 16px;
    min-height: 500px;
}

.container {
     margin: 0 auto;
     max-width: 960px;
}

.gptMenu {
    box-sizing: border-box;
    min-height: 40px;
    padding: 0 30px;
    font-size: 16px;
}
        .gptMenu a.menuItem {
            color: #fff;
            display: inline-block;
            float: left;
            height: 16px;
            padding: 12px 20px;
            text-decoration: none;
        }

        .gptMenu .menuItem:link:hover {
            text-decoration: underline;
        }


/**
*   Obsah stránek.
*/

.carDetailPage {
    position: relative
}

.carDetailPage .container {
    display: block;
}

/* Seznamy modelů. */
.carContainer {
    box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
    padding: 20px;
    max-width: 1100px;
}

    .carContainer .centering {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    /*
    .carContainer .centering,
    .carContainer .centering.width-1{
        display: inline-block;
        width: 250px;
    }



        @media screen and (min-width: 600px) {
            .carContainer .centering,
            .carContainer .centering.width-2{
                width: 500px;
            }
        }

        @media screen and (min-width: 850px) {
            .carContainer .centering,
            .carContainer .centering.width-3{
                width: 750px;
            }
        }

        @media screen and (min-width: 1100px) {
            .carContainer .centering {
                width: 1000px;
            }
        }
    */

        .carContainer .carItem {
            display: inline-block;
            float: left;
            overflow: hidden;
            text-decoration: none;
            width: 100%;
            min-width: 220px;
            height: auto;
            padding: 0;
        }
                @media screen and (min-width: 600px) {
                    .carContainer .carItem { width: calc(100% / 2 - 1px); }
                }
                @media screen and (min-width: 850px) {
                    .carContainer .carItem { width: calc(100% / 3 - 1px); }
                }
                @media screen and (min-width: 1100px) {
                    .carContainer .carItem { width: calc(100% / 4 - 1px); }
                }

        .carContainer .carItem header {
            display: block;
            width: 100%;
            height: auto;
            vertical-align: middle;
        }

                .carContainer .carItem img {
                    border: 0;
                    height: auto;
                    max-height: 100%;
                    max-width: 100%;

                    transform: scale(.9);
                    -webkit-transform: scale(.9);
                }

                    .carContainer .carItem:hover img {
                        transform: scale(1);
                        -webkit-transform: scale(1);
                    }


            .carContainer .carItem h3 {
                font-size: 15px;
                margin: 0 0 10px 0;
                line-height: 15px;
            }

/* Oddelovani vozidel v seznamu */
.variantsRow .carItem::after {
    content: "";
    height: 80px;
    width: 1px;
    background: lightgray;
    position: absolute;
    margin: -125px;
}
    .variantsRow .carItem:nth-of-type(4n+1)::after {
        content: none;
    }
    @media screen and (max-width: 1100px) {
        .variantsRow .carItem:nth-of-type(4n+1)::after  { content: ""; }
        .variantsRow .carItem:nth-of-type(3n+1)::after { content: none; }
    }
    @media screen and (max-width: 850px) {
        .variantsRow .carItem:nth-of-type(3n+1)::after  { content: ""; }
        .variantsRow .carItem:nth-of-type(2n+1)::after { content: none; }
    }
    @media screen and (max-width: 600px) {
        .variantsRow .carItem:nth-of-type(n)::after { content: none; }
    }

/* Detail modelu. */
section.detail {
    width: 70%;
    display: inline-block;
    min-width: 260px;
    margin: 30px auto 10px;
}

    @media screen and (min-width: 760px) {
        section.detail {
            float: left;
            width: 54%;
        }
    }

section.pricelist {
    width: 40%;
    padding: 0 2.5%;
    display: inline-block;
    min-width: 250px;
    margin: 15px auto;
    min-height: 200px;
}

    @media screen and (min-width: 760px) {
        section.pricelist {
            margin: 100px auto 30px;
            min-width: 240px;
        }
    }

section.detail img {
    height: auto;
    max-width: 960px;
    width: 100%;
}

/* Ceníky modelu. */
section.pricelist h3 {
    width: 100%;
    text-align: left    ;
}

section.pricelist table {
    /*margin: 0 auto;
    width: 100%;*/
    border-collapse: collapse;
}
    section.pricelist table tr {
        height: 1.8rem;
    }

    section.pricelist table tr:not(:first-of-type) {
        border-top: 1px solid lightgray;
    }

    section.pricelist table td {
        text-align: left;
       /* width: 50%; */
    }

        section.pricelist table td:first-of-type {
            padding: 5px 20px 5px 35px;
            background-image: url(../images/icon_file.svg);
            background-repeat: no-repeat;
            background-size: 15px;
            background-position: left center;
        }

        section.pricelist table td a {
            padding: 3px 10px;
            font-size: .8em;
            color: white;
            text-decoration: none;
            text-transform: capitalize;
        }

/* Varianty modelu. */


/**
*
*   Clearfix.
*   Fixuje kontejner floatovaných elementů.
*/
.clearfix::before, .clearfix::after {
    content:"";
    display:table;
}
.clearfix::after {
    clear:both;
}
.clearfix {
    zoom:1;
}

/* Changes for website with CMS */
body:not(.gpt) .gptMenu,
body:not(.gpt) .carContainer,
body:not(.gpt) .carDetailPage .container {
    width: 100%;
}
body:not(.gpt) .pageContent { min-height: auto; }