html, body, header, main, footer { min-width: 360px;}
body{ font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif, padding: 1px; max-width: 1200px; margin-right: auto; margin-left: auto;}
img{ max-width: 100%}
main{ color: #15312b; width: 98%; margin:auto; margin-bottom: 0px; line-height: 25px}
header{background-image: url('../zdjecia/fasadanowa.jpg'); background-position: center bottom; background-size: cover;}
footer{font-family: Lato, sans-serif; background-color: #dcdcdc; color: black; width: 100%; font-size: 0.85em;}
.tytul_strony{font-family: operetta, serif; font-size: 20px; color: #212529}
.prawy{text-align: right; font-family: times; font-style: italic;}

/*      style nałówka i menu            */
.naglowek{ padding: 0px 0px 0px 0px; border: 10px solid; margin:0px; max-height: 50px;}
.sygnet{padding: 1%; max-width: 30%;}
.nazwa{max-width: 65%}
.sygnet_lg{padding: 1%; max-width: 150px;}
.nazwa_lg{max-width: 350px;}
.navbar-toggler{border: 0px;}
.meniu{position: relative; top: -48px; right: 5px}
.active{background-color: #e2f1f1; }
.ikonkameniu{ width:30px; height:20px; fill: #004f2f; border: 0px; }
.ulmeniu {list-style-type: none; font-size: 13.2pxmargin: 0; padding: 0; overflow: hidden; background-color: #2c6557; border-radius: 5px;}
li a.nav-link { display: block; height: 40px; text-align: center; padding: 5px 15px 5px 15px; text-decoration: none; border-right: 1px solid #bbb;  color: #fff !important; }
li a.nav-link.active {color: #fff !important;}
li a:hover.nav-link { background-color: #15312b;}
@media screen and (max-width: 767px) { .ulmeniu {border-radius: 0px; }}

/*     style strony głównej        */
a.alert:hover {color: #880000}
a.alert{display: inline-block; width: 100%; position: relative; top: -40px}
.uwaga{position: relative; top: -45px; padding: 15px 17px 10px 17px; text-align: center; color: white; background-color: green; display: block; font-size: 1.1rem;}
.informacja{color: white; position: relative; top: -37px; padding: 25px 17px; background-image: url('../zdjecia/akcjasterylizacja/top_tlo.png'); display: block;}
.uwaga p.prawy{text-align: right; font-size: 1.6em; font-family: Helvetica Neue,Helvetica,Arial,sans-serif;}
.glowna{position: relative; top: -35px; padding: 25px 17px; text-align: justify;}
.sars{position: relative; top: -30px; padding: 25px 17px; text-align: justify;}
.linksars, a:hover.linksars, a:visited.linksars {color: inherit; text-decoration: none;}
.ikonkasars{ width:18px; fill: black; border: 0px;}
p.wyrozniony{font-weight: bold; margin-top: 15px; margin-bottom: 0px;}
p.maly{display: block; width: 97%; font-size: 0.8em; margin-top: 0px; margin-left: auto; margin-right: auto;}

/*  style strony nasz zespół   */
.pracownicy{margin-top: -30px}
.col_zdjecie{background-color: #e2f2f1}
.prac_zdjecie{width: 50%; max-width: 250px;}
.prac_tytul{font-family: operetta, serif;font-size: 1.5rem;}
.rozwin_prac{margin-left: -20px; margin-top: -15px; background-color: white;}
.prac_opis{text-align: justify;}


/*  style strony oferta   */
.tytul_strony{font-family: operetta, serif; font-size: 25px; color: #212529; margin-top: -45px;}
.oferta{padding: 0rem 1.5rem 0rem 1.5rem; border: 1px solid lightgrey; border-radius: 5px;}
.oferta_tytul{color: #212529; line-height: 35px; margin: 0px; padding: 0px;}
.oferta_rozwin a {text-align: right; color: grey; text-decoration: none; font-size: 1.5em; font-weight: 50; padding: 0px; margin: 0px;}
.oferta_tresc {color: gray; line-height: 20px; font-size: 15px; margin-bottom: 20px; list-style-type: square;}
li.oferta_punkt a {color: gray;}
@media screen and (min-width: 768px) {.oferta_rozwin{display: none;} .oferta{border:0px;} .oferta_tytul{text-decoration: underline;}}


/*  style strony staż i praktyki   */
.staz{position: relative; top: -40px; padding: 25px 17px; text-align: justify; }
.staz_podtytul{font-weight: bold; margin-top: 15px;}
.staz_punkt {width: 95%; margin: 5px auto; }

/*  style strony kontakt  */
.kontakt {width: 98%; text-align: center; position:relative; top: -40px;}
.komorka_kontakt{border: 1px solid lightgrey; border-radius: 5px; margin-top: 5px; line-height: 35px; padding-top: 25px; padding-bottom: 25px;}
.link_kontakt, a:hover.link_kontakt, a:visited.link_kontakt, .link_kontakt_inny, a:hover.link_kontakt_inny, a:visited.link_kontakt_inny {color: inherit;}
@media screen and (min-width: 768px) { .komorka_kontakt {margin-top: 10px; border: 0px}}
@media screen and (min-width: 992px) { .komorka_kontakt {margin-top: 5px;} .link_kontakt, a:hover.link_kontakt, a:visited.link_kontakt {text-decoration: none;}}

/*          style stopki               */
.karty{ margin-top: 5px; margin-bottom: 5px; margin-left: auto; margin-right: auto; }
.karty_mdlg{ margin-top: 5px; margin-bottom: 5px; margin-left: auto;  height: 20px; }
.stopka{ padding: 0px 0px 0px 0px; border: 0px solid; margin:0px; min-height: 30px;}
.ikonka{ display: inline; width: 23px; }
.adres{ text-align: center; }
.czarna{ padding: 5px 0px 5px 0px; background-color: black; color: white; text-align: center; font-size: 0.8em; }
.linkstopka{ display: inline;}
.linkstopka:link, .linkstopka:visited{ color: black; text-decoration: none;}
.linkstopka:hover{text-decoration: underline;}