﻿
img.lista {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
    /*display: block;*/
    margin: auto;
}

img.widok {
    width: auto;
    height: auto;
    max-width: 450px;
    max-height: 450px;
    /*display: block;*/
    margin: auto;
}

/*[class*="col-"] a {*/
.col-3 a .title1 {
    text-decoration: none !important;
}

.obrazek {
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 25px;
    padding: 10px;
    height: 240px;
    display: block;
}

/*.obrazek a {
        display: block;
    }*/

.title1 {
    text-align: center;
    padding: 10px;
    background-color: #008080;
    /*background-color: orange;*/
    font-size: large;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0px;
    border-radius: 25px;
    color: white;
    /*text-shadow: 10px 10px 1px white;*/
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.opis {
    /*background-color: #C0C0C0;*/
    margin-top: 10px;
    margin-bottom:10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    color: #008080;
}

ul {
    margin: 0;
    font-family: Arial;
}

.col-12 img {
    width: 100%;
    max-width: unset;
    /*opacity:0.2;*/
}

div.background {
    border-radius: 35px;
    background-color: orange;
    text-align: center;
    color: #008080;
}

/*div.transbox {
    margin: 30px;
    background-color: forestgreen;
    border: 1px solid black;
    opacity: 0.6;
    filter: alpha(opacity=60);
}*/

.button {
    background-color: white;
    /*border: 2px solid #4CAF50;*/
    border: 2px solid orange;
    /*border: none;*/
    color: #008080;
    /*color: #4CAF50;*/
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bolder;
    margin: 4px 1px;
    cursor: pointer;
    width: 188px;
    -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;
    border-radius: 6px;
}

    .button:hover {
        /*background-color: #4CAF50;*/
        background-color: #008080;
        color: white;
    }

.menu {
    text-align: center;
}
