body {margin:0; padding:0; background:#accae6; font-family:Open Sans, Verdana, Helvetica, sans-serif; font-size:1em; color:#262626;}
h2, h3, h4, h5 {text-transform:uppercase; letter-spacing:0.5px;}
h2 {font-size:1.188em;} h3 {font-size:1.063em;} h4 {font-size:0.875em;} h5 {font-size:0.875em;}
p {margin:0 0 15px 0; line-height:175%;}
a {text-decoration:none; color:#cd1414;}
a:hover {text-decoration:none; color:#b31212;}
img {width:100%; height:auto; display:block;}

#page {max-width:1060px; margin:0 auto; padding:0;}
header {margin:0 auto; padding:0;}

/* Menu */
#normal {width:100%; height:45px; background:#294466; border-radius:0 0 5px 5px; margin:0 auto;}
.menu {width:100%; max-width:600px; margin:0 auto; font-size:0.938em;}
.menu h1 {margin:0; font-size:1em; font-weight:normal;}
.menu ul {margin:0 auto; padding:0 0 0 11px;}
.menu ul li {float:left; list-style-type:none; line-height:43px;}
.menu ul li a {display:block; padding:0 11px; text-align:center; color:#fff; text-transform:uppercase;}

#mobile {display:none; width:100%; height:45px; position:relative; top:0; left:0; z-index:3; background:#294466; opacity:0.9;}
.button-dropdown {padding:11px 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:#294466; width:200px;}
.menu ul.dropdown-menu li {clear:left; line-height:35px; padding:0 15px;}
.menu ul.dropdown-menu li.title {padding:0;}
.menu ul.dropdown-menu li a {font-size:0.933em; text-transform:none;}

/* Content */
main {float:right; width:66.66%; margin:30px 0 15px 1.66%; font-size:0.875em;}

article {background:#fff; border-radius:5px;}
article h2 {margin:0; background:#f3f3f3; padding:12px 0 12px 25px; border-radius:5px 5px 0 0;}
article h3 {margin:15px 0;}
article figure {max-width:600px; margin:0 auto;}
article figure.vertical {max-width:450px; margin:0 auto;}
article figure p {font-size:0.850em; text-align:center; padding:3px 0 0 0;}
article a {font-weight:bold;}
article ul {margin:10px 0 10px 25px; padding:0; list-style-type:square;}
article ul li {line-height:20px; padding:3px;}
article .entry {width:96%; padding:2%;}

.wpis {float:left; width:96%; margin:0 0 10px 0; padding:2%; background:#fcfcfc; border:1px solid #accae6;}
.wpis h3 {margin:0 0 10px 0; color:#8b0707;}
.wpis figure {float:left; max-width:225px; margin:0; background:#ffffff; padding:5px; border:1px solid #bfbfbf;}
.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 #bbbbbb;}
.wpis .info ul li a {font-weight:normal;}

/* Aside */
aside {float:right; width:31.66%; margin:30px 0 15px 0; font-size:0.938em;}
aside .block {margin:0 0 20px 0; padding:0 0 10px 0; background:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
aside .title  {height:45px; margin:0; background:#5378a5; border-radius:5px 5px 0 0;}
aside .title h4  {line-height:43px; margin:0; padding:0 0 0 20px; color:#fafafa;}
aside .box {position:relative; margin:10px 10% 0 10%;}
aside .box figure {margin:0;}
aside .box a {opacity:0.9;}
aside .box a:hover {opacity:1;}
aside .box p {position:absolute; bottom:0; width:100%; margin:0; text-align:center; color:#fff; font-weight:bold; text-shadow:1px 1px #000; letter-spacing:1px;}
aside .box ul {margin:0; padding:0; list-style:square;}
aside .box ul li {padding:4px 0;}
aside .box ul li a {opacity:1; font-size:0.867em;}

/* Cookie */
#cookie {position:fixed; bottom:0; width:98%; background:#444; margin:0 auto; padding:5px 1%;}
#cookie h6 {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;}

/* Footer */
footer {float:left; width:100%; margin:0 auto 15px auto; padding:11px 0; background:#294466; border-radius:5px; font-size:0.813em;}
footer a {color:#ddd;}
footer a:hover {color:#fff;}
footer p {margin:0; color:#fff;}
footer .left {float:left; padding:0 15px;}
footer .right {float:right; padding:0 15px;}

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

/* Mobile */
@media (max-width: 800px) {
body {background:#fff;}
#normal {border-radius:0;}	
main {float:none; width:100%; margin:30px 0 0 0;}
article {border-radius:0;}
aside {display:none;}
footer {border-radius:0; margin:0 auto;}
}

@media (max-width: 600px) {
#normal {display:none;}	
#mobile {display:block;}
}