/* CSS: Adam Vilímek, https://vilimekadam.cz/ */



body {

    margin: 0;

    padding: 0;

    background: #ffffff;

    min-height: 500px;

    min-width: 900px;

    font-family: 'Nunito', sans-serif;

    font-weight: 300;

    font-size: 18px;

    color: rgb(42, 123, 138);

}

a {

    color: rgb(40, 100, 115);

    text-decoration: none;

}

a:hover {

    text-decoration: none;

}

#nazev:hover .prodluzovac {

    background: rgb(31, 91, 106);

}



.nadpis {

    font-size: 50px;

    font-weight: 800;

    font-style: italic;

    text-align: center;

    margin: 25px auto 10px auto;

}

.prodluzovac {

    color: #ffffff;

    background: rgb(42, 123, 138);

    padding: 0px 20px;

    border-radius: 20px;

    transition: background 0.5s;

}

#footer {

    width: 100%;

    height: 90vh;

    min-height: 800px;

    max-width: 1920px;

    background: url("https://prodluzovac.vilimekadam.cz/footer-big.jpg") #ffffff;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    display: block;

    margin: 0 auto;

}

input[type=text] {

    border-bottom: 3px solid rgb(42, 123, 138);

    border-top: none;

    border-left: none;

    border-right: none;

    color: rgb(42, 123, 138);

    width: 650px;

    padding: 18px 20px;

    background: #ffffff;

    font-family: 'Nunito', sans-serif;

    font-weight: 300;

    font-size: 16px;

    transition: border-bottom-color 0.5s;



}

input[type=text]:hover {

    border-bottom: 3px solid #8035db;

}

input[type=text]:focus {

    border-bottom: 3px solid #8035db;

}



input[type=submit] {

    background: rgb(42, 123, 138);

    border: none;

    color: #ffffff;

    width: 450px;

    border-radius: 15px;

    padding: 4px 20px;

    font-family: 'Nunito', sans-serif;

    font-size: 28px;

    font-weight: 600;

    font-style: italic;

    transition: background 0.5s;

    cursor: pointer;

    margin: 20px auto 30px auto;

}

input[type=submit]:hover {

    background: rgb(31, 91, 106);

}

table td {

    width: 35%;

    text-align: center;

    font-size: 18px;

    font-family: 'Nunito', sans-serif;

    padding: 0 20px 00;

}



.slider {

    -webkit-appearance: none;

    appearance: none;

    width: 690px;

    height: 3.5px;

    background: rgb(42, 123, 138);

    outline: none;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.slider:hover {

    background: #8035db;

}

.slider::-webkit-slider-thumb {

    -webkit-appearance: none;

    appearance: none;

    width: 25px;

    height: 25px;

    background: rgb(42, 123, 138);

    cursor: pointer;

    border-radius: 15px;

}



.slider::-moz-range-thumb {

    width: 25px;

    height: 25px;

    background: rgb(40, 100, 115);

    cursor: pointer;

    border-radius: 15px;

}

textarea {

    border: none;

    color: #fff;

    background: rgb(40, 100, 115);

    height: 25vh;

    min-height: 200px;

    border-radius: 15px;

    margin: 20px 0 0 0;

    width: 95%;

    padding: 12px 8px 12px 12px;

    resize: none;

    font-family: 'Nunito', sans-serif;

}

textarea::placeholder {

  color: #d8d8d8;

}

form p {

    font-weight: 300;

}

#vnitrek {

    width: 100%;

    overflow: hidden;

    height: 50vh;

    padding: 30px 0;

}



.kontejner {

    margin: 0 auto;

    width: 100%;

    min-width: 900px;

    background: #d8d8d8;

    padding: 10px 0;

    font-size: 22px;

    font-style: italic;

}

.kontejner p {

    color: #ffffff;

    text-align: center;

    margin: 25px auto 18px auto;

}

#prvni {

    background: url("https://prodluzovac.vilimekadam.cz/fialova.jpg") #7f82da;

    background-position: right bottom;

    background-repeat: no-repeat;

}

#druhy {

    background: url("https://prodluzovac.vilimekadam.cz/zluta.jpg") #c3bf4a;

    background-position: left bottom;

    background-repeat: no-repeat;

}

#treti {

    background: url("https://prodluzovac.vilimekadam.cz/cervena.jpg") #c34e4a;

    background-position: right bottom;

    background-repeat: no-repeat;

}

#ctvrty {

    background: url("https://prodluzovac.vilimekadam.cz/zelena.jpg") #3d9c34;

    background-position: left bottom;

    background-repeat: no-repeat;

}

#loading {

    width: 100%;

    height: 100vh;

    min-height: 500px;

    background: url("https://prodluzovac.vilimekadam.cz/bigloading.jpg") #188282;

    background-position: right -80px;

    background-repeat: no-repeat;

    position: fixed;

    top: 0;

    left: 0;

    color: #ffffff;

    text-align: center;

    display: none;

}