body {margin:0; padding:0; background: #ffffff; font-family:Open Sans, Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#111;}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:normal; text-transform: uppercase;}
h1 {font-size:1.313em;} h2 {font-size:1.125em;} h3 {font-size:1.063em;} h4 {font-size:0.875em;}
a {text-decoration:none; color:#992100;}
a:hover {text-decoration:none; color:#d21f00;}

#container {max-width:1160px; margin:0 auto; position:relative;}

/* Header */
#top {width:99%; margin:0 auto;}
#top h1 {margin:0; padding:10px 5px; border-bottom:2px solid #662014;}
#top h1 a {text-align:center; color:#822705;}
#top h1 a:hover {color:#000000;}
#top img {max-width:100%; height:auto;}

/* Menu */
#normal {width:100%; height:46px; margin:0 auto; background: linear-gradient(#b23400, #66150a); border-radius:5px;}
.menu {width:100%; max-width:600px; margin:0 auto;}
.menu ul {margin:0 auto; padding:0 0 0 5px;}
.menu ul li {float:left; list-style-type:none; line-height:44px;}
.menu ul li a {display:block; padding:0 7px; text-align:center; font-size:0.875em; color:#f2f2f2; text-transform:uppercase;}

#mobile {display:none; width:100%; height:45px; position:relative; top:0; left:0; z-index:3; background:linear-gradient(#b23400, #66150a); opacity:1;}
.button-dropdown {padding:10px 0;}
.bar1, .bar2, .bar3 {width:27px; height:2px; background:#ededed; margin:4px;}
.menu ul.dropdown-menu {display:none; position:absolute; left:0; top:45px; margin:0; padding:0; background:#66150a; width:200px; height:300px; overflow-y: scroll; -webkit-overflow-scrolling:touch;}
.menu ul.dropdown-menu li {clear:left; line-height:27px; padding:0 15px;}
.menu ul.dropdown-menu li.title {padding:0;}
.menu ul.dropdown-menu li a {font-size:0.750em; text-transform:none;}

/* Content */
article {float:right; width:67%; margin:3% 0.5% 3% 0; padding:0; background:#fafaf5; border-radius:5px; font-size:0.938em;}
article h2 {margin:0; padding:10px 0 10px 30px; background: linear-gradient(to bottom right, #d9d9c3, #f2f2e6); border-radius:5px 5px 0 0;}

.entry {float:left; width:97%; margin:0; padding:0.5% 1.5%;}
.entry h3 {margin: 15px 0; color: #5f160c;}
.entry p {margin:0 0 10px 0; padding: 0; line-height:175%; text-align:justify;}
.entry a {font-weight:bold;}
.entry ul {margin:10px 0 10px 25px; padding:0; list-style-type:square;}
.entry ul li {line-height: 20px; padding: 3px;}
.entry figure {max-width:600px; margin:10px auto;}
.entry figure p {font-size:0.800em; font-style:italic; text-align:center;}
.entry figure img {max-width:100%; height:auto;}
.entry ul.alpha {margin:10px 0 10px 40px; list-style:lower-alpha;}
.social {float:left;}

/* Katalog */
.wpis {float:left; width:98%; margin:0 0 10px 0; padding:1%; border:1px solid #e6beb8;}
.wpis.promo {background:#ffd3b2;}
.wpis h3 {margin:0 0 10px 0; letter-spacing:0;}
.wpis img {float:left; max-width:225px; height:auto; margin:0; background:#ffffff; padding:5px; border:1px solid #d9d9d9;}
.wpis p {margin:0;}
.wpis .info {float:left; width:auto; margin:0; color:#000000;}
.wpis .info ul {margin:0 0 0 25px;}
.wpis .info ul li {line-height:200%; padding:6px 0; border-bottom:1px dashed #bbb;}
.wpis .opis {float:left; width:99%; margin:10px 0 0 0; padding:0 .5%;}

/* Sidebar */
aside {float:left; width:29.9%; margin:3% 0 0 0.5%;}
aside .block {margin:0 0 8% 0; background:#fafaf5; border-radius:0 0 5px 5px;}
aside .block h4  {line-height:43px; margin:0; padding:0 0 0 20px; background: linear-gradient(-90deg, #b23400, #802519); border-radius:5px 5px 0 0; color:#f2d4c2;}
aside .block ul {margin:0 25px; padding:5px 0; list-style:square;}
aside .block ul li {line-height:175%; padding:3px 0; color:#000;}
aside .block ul li a {opacity:1; font-size:0.938em;}

/* Reklama */
.adsense-post {max-width:340px; height:auto; margin:0 auto 15px auto;}
.adsense-post2 {width:100% height:auto; margin:0 auto 15px auto;}
.adsense-sidebar {width:100%; height:auto; margin:0 auto;}
.adsense-katalog-top {width:100%; margin:0 auto 15px auto;}
#adsense-katalog-bottom {float:left; width:100%;}
.adsense-katalog-bottom {width:100%; margin:0 auto 10px auto;}

/* Footer */
footer {width:100%; margin:0 auto; padding:10px 0 0 0; border-top:2px solid #662014; font-size:0.813em; clear:both;}
footer .left {float:left; padding:0 15px 10px 15px;}
footer .right {float:right; padding:0 15px 10px 0;}
footer a {font-weight:bold;}

#cookie {position:fixed; bottom:0; width:98%; background:#444; margin:0 auto; padding:5px 1%;}
#cookie title {font-weight:bold; color:#fff; margin:5px 0;}
#cookie p {margin:0; font-size:0.750em; color:#e6e6e6;}
#cookie a {position:absolute; right:4px; top:4px; width:20px; height:20px; line-height:20px; font-size:0.938em; font-weight:bold; color:#fff; text-align:center;}

@media (max-width: 800px) {

}

@media (max-width: 600px) {
#top h1 {display:none;}
#top .menu ul li a h1 {display:block; padding:0; border:none;}
#normal {display:none;}
#mobile {display:block; position:fixed; top:0; left:0;}
article {width:99%; border-radius:0; margin:3% 0.5%; background:#fff;}
article h2 {border-radius:0; padding:10px 0 10px 10px;}
aside {display:none;}
}