html, body {
    background: rgba(0, 0, 0, 0) url("obr/tlo1.jpg") no-repeat fixed center center / cover;
    height: 100%;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.omakaronie {
    background: rgba(0, 0, 0, 0) url("obr/tlo2.jpg") no-repeat fixed center center / cover;
    height: 100%;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.ofertatlo {
    background: rgba(0, 0, 0, 0) url("obr/tlo3.jpg") no-repeat fixed center center / cover;
    height: 100%;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 100%;
}

#top {
    background: #336799 none repeat scroll 0 0;
    box-shadow: 0 0 36px 10px black;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1;
}

#menu {
    background: #1d2f49 none repeat scroll 0 0;
    color: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12pt;
}

/* MENU */
ul.men li:hover>ul {
    display: block;
}

ul.men {
    z-index: 100;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-table;
    margin: 0;
    font: bold 13px/18px sans-serif;
}

ul.men:after {
    content: "";
    clear: both;
    display: block;
}

ul.men li {
    float: left;
    background: #1d2f49;
}

ul.men li:hover {
    background: #223757;
    background: linear-gradient(top, #4570af 0%, #223757 60%);
    background: -moz-linear-gradient(top, #4570af 0%, #223757 60%);
    background: -webkit-linear-gradient(top, #4570af 0%, #223757 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4570af', endColorstr='#223757', GradientType=0);
}

ul.men li:hover a {
    border-top: solid 1px #6781c5;
    color: #fff;
}

ul.men li a {
    border-top: solid 1px #1d2f49;
    display: block;
    padding: 7px 30px;
    color: #fff;
    text-decoration: none;
}

#aktualny {
    border-top: solid 1px #6781c5;
    color: #f9d797;
    background: #223757;
    background: linear-gradient(top, #4570af 0%, #223757 60%);
    background: -moz-linear-gradient(top, #4570af 0%, #223757 60%);
    background: -webkit-linear-gradient(top, #4570af 0%, #223757 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4570af', endColorstr='#223757', GradientType=0);
}

/* KONIEC MENU */
#blok {
    background-image: url("obr/start.png"), url("obr/start_tlo.png");
    background-position: 50px 100px, 58px 105px;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 1500px;
    overflow: auto;
}

#blok-przepisy {
    background-image: url("obr/przepisy-tlo.png");
    background-position: 0 120px;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 1500px;
    overflow: auto;
    height: 95%;
}

.podaj-przepis {
    float: right;
    clear: both;
    max-width: 860px;
    text-align: center;
    margin-right: 20px;
    color: #ffff80;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13pt;
    text-shadow: 2px 2px 2px #000;
}

#blok-kontakt {
    background-image: url("obr/kontakt-tlo.png");
    background-position: 6% 100px;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 1500px;
    overflow: auto;
}

.face {
    position: absolute;
    top: 10px;
    left: 8px;
    z-index: 1;
}

.logoimg {
    position: fixed;
    z-index: 1;
}

.omb {
    max-width: 100%;
    min-width: 200px;
    margin-left: 200px;
    z-index: 1;
}

.flagi {
    float: right;
    margin-right: 10px;
    margin-top: 2px;
}

.flagi td {
    padding-left: 5px;
}

#blokstart {
    margin: 0 auto;
    max-width: 1500px;
    min-height: 690px;
}

.slideshow {}

#zmiana {
    z-index: 0;
    position: fixed;
    margin: 135px 0 0 23px;
}

h1 {
    color: #fadf9a;
    font-family: Verdana, Arial;
    font-size: 15pt;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

h2 {
    color: #fadf9a;
    font-family: Verdana, Arial;
    font-size: 13pt;
    font-weight: bold;
    margin: 15px 0 5px;
    text-align: center;
}

.nagprzepis h2 {
    color: #fadf9a;
    float: right;
    font-family: Verdana, Arial;
    font-size: 19pt;
    font-weight: normal;
    margin: 15px 10px 5px 0;
    text-align: right;
    width: 240px;
}

.nagprzepis-2 h2 {
    color: #fadf9a;
    float: right;
    font-family: Verdana, Arial;
    font-size: 19pt;
    font-weight: normal;
    margin: 0 10px 5px 0;
    text-align: right;
    width: 90%;
    height: 105px;
}

.nagprzepis-3 h2 {
    color: #fadf9a;
    float: right;
    font-family: Verdana, Arial;
    font-size: 19pt;
    font-weight: normal;
    margin: 15px 10px 5px 0;
    text-align: right;
    width: 320px;
}

.nagprzepis-4 h2 {
    color: #fadf9a;
    float: right;
    font-family: Verdana, Arial;
    font-size: 19pt;
    font-weight: normal;
    margin: 0 10px 5px 0;
    text-align: right;
    width: 90%;
    height: 70px;
}

.salatka {
    margin-left: 30px;
}

.podh {
    color: #fadf9a;
    display: block;
    font-family: Verdana, Arial;
    font-size: 11.5pt;
    margin: 0;
    text-align: center;
}

#start {
    background: rgba(68, 32, 10, 0.65) none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 18px 7px #401b0a;
    float: right;
    margin: 120px 20px 30px 0;
    max-width: 800px;
    min-width: 400px;
    padding: 20px;
    text-align: center;
    position: relative;
}

#startxt, #ofertatxt {
    background: rgba(220, 181, 133, 0.25) none repeat scroll 0 0;
    border: 2px solid #7c4c1e;
    box-shadow: 0 0 13px #fff, 1px 1px 114px 0 rgba(64, 27, 10, 1) inset;
    margin: 15px 5px 5px;
    padding: 15px;
}

#start p {
    color: #fee3bc;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10.5pt;
    line-height: 14pt;
    margin: 5px;
    text-align: justify;
    text-indent: 25px;
}

#ofertatxt p {
    color: #fee3bc;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10.5pt;
    line-height: 15pt;
    margin: 5px;
    text-align: justify;
    text-indent: 25px;
}

#blokoferta {
    margin: 0 auto;
    max-width: 1500px;
    min-height: 690px;
}

#oferta {
    background: rgba(68, 32, 10, 0.65) none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 18px 7px #401b0a;
    display: inline-block;
    float: right;
    margin: 120px 20px 0 0;
    min-width: 400px;
    max-width: 800px;
    padding: 20px;
    position: relative;
}

#mainNav {
    color: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    line-height: 18pt;
    margin: 7px 0 0;
    text-align: left;
}

#mainNav li {
    list-style-type: decimal;
}

#mainNav li a:link {
    color: #fff;
    text-decoration: none;
}

#mainNav li a:active {
    color: #ffff00 !important;
    text-decoration: none;
}

#mainNav li a:visited {
    color: #fff;
    text-decoration: none;
}

#mainNav li a:hover {
    color: #fadf9a;
    text-decoration: none;
}

.active, .active a {
    color: #fadf9a !important;
}

#przepis-nr1, #przepis-nr2, #przepis-nr3, #przepis-nr4, #przepis-nr5, #przepis-nr6, #przepis-nr7, #przepis-nr8, #przepis-nr9, #przepis-nr10, #przepis-nr11, #przepis-nr12, #przepis-nr13, #przepis-nr14, #przepis-nr15, #przepis-nr16 {
    display: none;
}

.mak {
    clear: both;
    margin-top: 20px;
    text-align: center;
}

.mak img {
    display: inline;
    margin: 10px;
}

#przepisy {
    background: rgba(68, 32, 10, 0.65) none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 18px 7px #401b0a;
    float: right;
    margin: 120px 20px 20px 0;
    max-width: 860px;
    min-height: 520px;
    min-width: 400px;
    padding: 15px;
    text-align: center;
}

#oferta-mak {
    background: rgba(68, 32, 10, 0.65) none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 18px 7px #401b0a;
    display: inline-block;
    margin: 120px 20px 30px 40px;
    min-height: 500px;
    padding: 0 15px 15px;
    position: relative;
    text-align: center;
    z-index: 5;
}

.oferta-mak-siedziba {
    float: left;
    margin: 0;
    max-width: 350px;
    padding: 0;
}

#przepis {
    background: rgba(220, 181, 133, 0.25) none repeat scroll 0 0;
    border: 2px solid #7c4c1e;
    box-shadow: 0 0 13px #fff, 1px 1px 114px 0 rgba(64, 27, 10, 1) inset;
    float: right;
    min-height: 450px;
    margin: 20px 10px 10px 0;
    padding: 2px;
    width: 510px;
}

#przepis p {
    color: #fadf9a;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10.5pt;
    line-height: 15pt;
    margin: 20px 15px 15px 35px;
    text-align: justify;
    text-indent: -25px;
}

.skladniki {
    color: #fff;
    font-weight: bold;
}

.nagprzepis {
    height: 105px;
    width: 100%;
}

.nagprzepis img {
    float: left;
}

.linkprzepis {
    color: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    line-height: 15pt;
    margin: 7px 0 0;
    text-align: left;
}

.linkprzepis1 {
    color: #fadf9a;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    line-height: 15pt;
    margin: 7px 0 0;
    text-align: left;
}

#kontakt {
    position: relative;
    background: rgba(68, 32, 10, 0.65) none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 18px 7px #401b0a;
    float: right;
    margin: 120px 20px 30px 0;
    max-width: 870px;
    min-height: 500px;
    min-width: 400px;
    padding: 15px;
    text-align: center;
}

#kontakt p {
    color: #fee3bc;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10.5pt;
    line-height: 15pt;
    margin: 15px 2px 0 0;
    text-align: justify;
    text-indent: 25px;
}

.siedziba {
    float: left;
    margin: 0 10px 0 0;
    max-width: 310px;
    padding: 5px 5px 5px 0;
}

.nazwaf {
    color: #fff;
    font: bold 22px/24px Verdana, Helvetica, sans-serif;
    margin: 20px 0 5px;
    text-align: right;
}

.nazwapodf {
    color: #fff;
    font: bold 17px/24px Verdana, Helvetica, sans-serif;
    margin-bottom: 10px;
    text-align: right;
}

.adr {
    color: #fced83;
    font: 15px/23px Verdana, Helvetica, sans-serif;
    text-align: right;
}

.ema {
    color: #8affff;
    font: 15px/24px Verdana, Helvetica, sans-serif;
    text-align: right;
    white-space: nowrap;
}

.ema a:link {
    color: #b9ffff;
    text-decoration: none;
}

.ema a:visited {
    color: #c3d2e9;
    text-decoration: none;
}

.ema a:hover {
    color: #ffff15;
    text-decoration: none;
}

.mapka {
    border: 0 none;
    box-shadow: 0 0 13px #fff;
    float: right;
    height: 450px;
    margin: 20px 10px 10px 0;
    padding: 2px;
    width: 510px;
}

#pod {
    padding: 15px 0;
    width: 100%;
}

#blokpod {
    margin: 0 auto;
    max-width: 1500px;
    overflow: auto;
    text-align: center;
}

#blokpod img {
    height: 153px;
    margin: 7px;
    width: 230px;
}

#podtab {
    padding: 35px;
}

.makprzep td {
    width: 190px;
}

#mak1, #mak2, #mak3, #mak4, #mak5, #mak6, #mak7, #mak8, #mak9, #mak10, #mak11, #mak12, #mak13, #mak14, #mak15, #mak16, #mak17, #mak18, #mak19, #mak20, #mak21, #mak22, #mak23, #mak24, #mak25, #mak26, #mak27, #mak28, #mak29, #mak30 {
    cursor: pointer;
    background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(191, 191, 191, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(191, 191, 191, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#BFBFBF', GradientType=0);
    /* ie6-9 */
    display: none;
    max-width: 980px;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    box-shadow: -2px 0 33px #000;
}

.close {
    line-height: 20pt;
    padding: 1px 8px;
    color: #cdcdcd;
    border: solid 1px;
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 20px;
}

/*.dotab {
  position : absolute;
  top: 0 ;
  right: 0 ;
  bottom : 0 ;
  left : 0 ;
  margin : auto;
}*/
.tg {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px auto 10px auto;
    text-align: center;
    width: 900px;
}

.tg td {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
    color: #793f17;
}

.tg-spec-1 {
    width: 220px;
}

.tg-031e-top {
    height: 90px;
    padding: 0 !important;
    vertical-align: top;
}

.tg-031e150px {
    width: 150px;
}

.tg-031e-right {
    text-align: right;
}

.tg-031e-left {
    text-align: left;
}

.tg-031e-center {
    text-align: justify;
    width: 30%;
}

.tg-031e-inny {
    text-align: center;
    width: 25%;
}

.tg th {
    font-family: Verdana, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
    color: #9b501e;
}

.tablica {
    font-family: Verdana, sans-serif;
    line-height: 16pt;
}

#stopka {
    position: relative;
    background: #336799 none repeat scroll 0 0;
    box-shadow: 0 0 36px 10px black;
    clear: both;
    color: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}