body {margin:0; padding:0; background: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#222222;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-family: Verdana, "Times New Roman", Times, serif; font-weight:normal; text-transform: uppercase;}
h1 {font-size:22px;} h2 {font-size:18px;} h3 {font-size:16px;} h4 {font-size:13px;} h5 {font-size:15px;} h6 {font-size:14px;}
a {text-decoration:none; color:#3263a7;}
a:hover {text-decoration:none; color:#134180;}

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

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

/* Menu */
nav.normal {width:100%; height:46px; margin:0 auto; background: linear-gradient(#29cd88, #048d59); border-radius:5px;}
nav .normal-menu {margin:0 auto;}
nav .normal-menu ul {margin:0; padding:0 0 0 12px;}
nav .normal-menu ul li  {float:left; list-style-type:none; padding:15px 12px;}
nav .normal-menu ul li a {display:block; font-size:11px; font-weight:bold; color:#f0faf6; text-transform:uppercase; letter-spacing:0.1px;}
nav .normal-menu ul li a:hover {color: #ffffff;}

nav.mobile {display:none;}
nav .mobile-menu {z-index:10; position:fixed; left:0; top:0; width:200px; height:100%; overflow-x: scroll; background:#fafaf5; opacity:0.98; transition: 0.5s ease-in-out;}
nav .mobile-menu p {margin:5px 0 5px 5px; font-weight:bold;}
nav .mobile-menu ul {margin:0; padding:0 0 0 10px;}
nav .mobile-menu ul li {list-style-type:none; padding:4px 0;}
nav .mobile-menu ul li a {}

.menu-icon {z-index:10; position:fixed; bottom:15px; right:15px; display:inline-block; cursor:pointer; width:47px; background:#00402f;}
.bar1, .bar2, .bar3 {width:35px; height:3px; background:#faeae1; margin:6px;}

input {display: none;}
input:checked ~ .mobile-menu {left: -200px;}

/* Content */
article {float:right; width:67%; margin:3% 0.5% 3% 0; padding:0; background:#f7f7f7; border-radius:5px;}
article h2 {margin:0; padding:10px 0 10px 30px; background: linear-gradient(to bottom right, #c3e6d7, #e6f2ed); border-radius:5px 5px 0 0;}

#entry {float:left; width:97%; margin:0; padding:0.5% 1.5%;}
#entry h3 {margin:15px 0; color:#00402f;}
#entry p {margin:0 0 10px 0; padding: 0; line-height:200%; 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.intext {max-width:600px; margin:10px auto; padding:5px; border: 1px solid #666666; background:#fafaed;}
#entry figure.intext p {margin:0; padding:0; font-size: 11px; font-style:italic; text-align:center;}
#entry figure.intext img {width:100%; height:auto;}
#entry ul.alpha {margin:10px 0 10px 40px; list-style:lower-alpha;}
#social {float:left;}

/* Katalog */
#entry .wpis {float:left; width:98%; margin:0 0 10px 0; padding:1%; border:1px solid #c6e6c3;}
#entry .wpis.promo {background:#e1e7fa;}
#entry .wpis h3 {margin:0;}
#entry .wpis img {float:left; max-width:225px; height:auto; margin:10px 0; background:#ffffff; padding:5px; border:1px solid #bfbfbf;}
#entry .wpis .info {float:left; width:auto; margin:0; color:#000000;}
#entry .wpis .info ul {margin:0 0 0 25px;}
#entry .wpis .info ul li {line-height:200%; padding:6px 0; border-bottom:1px dashed #bbbbbb;}
#entry .wpis .opis {float:left; width:99%; margin:0; padding:0 .5%;}
#entry .more {float:right; margin:0 0 10px 0; height:24px;}
#entry .more a {float:right; padding:5px 8px; background:#408055; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase; border-radius:4px;}

/* Sidebar */
aside {float:left; width:29.9%; margin:3% 0 0 0.5%;}
aside.full {display:none;}
aside .block {margin:0 0 20px 0; background:#f0faf6; border-radius:0 0 5px 5px;}
aside .block h4  {line-height:43px; margin:0; padding:0 0 0 20px; background: linear-gradient(-90deg, #29cd88, #048d59); border-radius:5px 5px 0 0; color:#ffffff;}
aside .block ul {margin:0 25px; padding:5px 0; list-style:square;}
aside .block ul li {line-height:150%; padding:4px 0; font-size:12px; color:#000000;}
aside .block ul li a {opacity:1; font-weight:bold;}

/* Reklama */
#adsense-long {float:left; width:100%; margin:0 0 10px 0;}
.adsense-long {width:100%; margin:0 auto;}
.adsense-post {max-width:340px; margin:0 auto;}
.adsense-sidebar {max-width:340px; margin:0 auto;}

/* Footer */
footer {width:100%; margin:0 auto; padding:0; line-height:35px; border-top:2px solid #134180; font-size:11px; clear:both;}
footer .left {float:left; padding:0 15px 0 15px;}
footer .right {float:right; padding:0 15px 0 0;}
footer a {font-weight:bold;}

#cookie {position:fixed; bottom:0; width:99%; background:#444; margin:0 auto; padding:5px 0.5%;}
#cookie h6 {font-weight:bold; color:#fff; margin:0 0 5px 0;}
#cookie p {margin:0; font-size:11px; color:#e6e6e6;}
#cookie a {position:absolute; right:4px; top:4px; width:20px; height:20px; line-height:20px; font-size:15px; font-weight:bold; color:#fff; text-align:center;}

@media (max-width: 1000px) {
nav.normal {display:none;}
aside {display:none;}
aside.full {display:inline;}
footer {width:99%; margin:2% 0.5% 0 0.5%;}
}

@media (max-width: 765px) {
nav.mobile {display:inline;}
aside.full {display:none;}
article {width:99%; margin:2% 0.5%;}
}