/*
Theme Name: samouzdrawianie
Author: sbartez
Version: 1.0
Text Domain: samouzdrawianie
*/

/* 0.0 Fonts */
@font-face {
    font-family: 'fontinbold';
    src: url('fonts/fontin-bold-webfont.eot');
    src: url('fonts/fontin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontin-bold-webfont.woff') format('woff'),
         url('fonts/fontin-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fontinregular';
    src: url('fonts/fontin-regular-webfont.eot');
    src: url('fonts/fontin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontin-regular-webfont.woff') format('woff'),
         url('fonts/fontin-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

#screen-res{ position: absolute; top: 0px;width: 250px;height: 20px;color: red; z-index: 999; display: none;}
#screen-res:after{content: ">=1280px"; }

/**
 * 1.0 Reset
 * -----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body{
    /*background: #f8efdb url('images/body-main.jpg') center top no-repeat; */
	
    background-color: #f8efdb;
}
body-gradient{
	
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center top, circle closest-corner, #F3E5C8 0%, #F8EFDB 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, circle closest-corner, #F3E5C8 0%, #F8EFDB 100%);

/* Opera */ 
background-image: -o-radial-gradient(center top, circle closest-corner, #F3E5C8 0%, #F8EFDB 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #F3E5C8), color-stop(1, #F8EFDB));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, circle closest-corner, #F3E5C8 0%, #F8EFDB 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle closest-corner at center top, #F3E5C8 0%, #F8EFDB 100%);
}
.clear{clear: both}
.clearleft{clear: left}
.clearright{clear: right}

#page{
    width: 1280px;
    margin:0px auto;
        
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
	margin-left: 20px;
	/* margin: 20px 20px; */
}
header.archive-header, .search header.page-header{margin-left: 0px;}


audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #525440;
	/*font-family: 'Lato', sans-serif;*/
	font-family: 'fontinregular', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

/*#footer-box a,#site-switcher a,.menu-menu-container a,.breadcrumbs a,.singular article a,.discovery-posts a.publisher-anchor-color{color: #525440;}*/
a {
	color: #525440;
	text-decoration: none;
	cursor: pointer;
}
.singular article .article-right a{color: #618F06;}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a:active,
a:hover/*,#footer-box a:hover,#site-switcher a:hover,.menu-menu-container a:hover,.breadcrumbs a:hover,article a:hover */{
	color: #618F06;
	/*color: #386B2D;*/
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin: 36px 0 12px;
}

h1 {
	font-size: 26px;
	line-height: 1.3846153846;
}
h1.page-title{ margin-top: 0px;}
article.page h1{margin-top:2px;}

h2 {
	font-size: 24px;
	font-family: 'fontinregular';
}

h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0 0 24px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */

::selection {
	background: #7BAD06;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #24890d;
	color: #fff;
	text-shadow: none;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input,
textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: #2b2b2b;
	padding: 8px 10px 7px;
}

textarea {
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: 0;
}

/* Buttons */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #24890d;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #41a62a;
	color: #fff;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #55d737;
}

.search-field {
	width: 100%;
}

.search-submit {
	
}

#content .search-form{margin: 0px auto; text-align: center;}
#content .search-form label{display: inline-block; width: 50%;}
#content .search-form .search-submit{display: inline-block; background: white url('images/search-button.png') center no-repeat; width: 36px; height: 36px; text-indent: -10000px;
padding: 0px;border: 1px solid rgba(0, 0, 0, 0.1);position: relative;margin-left: -4px; border-left: none;}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: #939393;
}

:-moz-placeholder {
	color: #939393;
}

::-moz-placeholder {
	color: #939393;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #939393;
}

/* Responsive images. Fluid images for posts, comments, and widgets */

.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
	height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}

/* Clearing floats */

.footer-sidebar:before,
.footer-sidebar:after,
.hentry:before,
.hentry:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: "";
	display: table;
}

.footer-sidebar:after,
.hentry:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}

/* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_samouzdrawianie_ephemera .widget-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_samouzdrawianie_ephemera .entry-title:after {
	/* content: "\0020\007c\0020"; */
}
/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */
.site {
	max-width: 1280px;
	position: relative;
}

.main-content {
	width: 100%;
}

/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and
   the admin bar for WordPress versions before 3.8. */
#wpadminbar {
	min-height: 32px;
}

#site-header {
	position: relative;
	z-index: 3;
}

.site-header {
	max-width: 1280px;
	position: relative;
	width: 100%;
	z-index: 4;
        
	height: 168px;
        background: transparent url('images/header-bg.png') center bottom no-repeat;
        font-family: 'fontinregular';
	margin: 0px;
	border-bottom: 1px solid #ded0ad;
}

.header-main {
	min-height: 48px;
	padding: 0 70px;
        margin-top: 16px;
}

.site-title {
	float: left;
	font-size: 18px;
	font-weight: 700;
	margin: 0;
        width: 224px;
        height: 60px;
        background: transparent url('images/logo.jpg') center top no-repeat;
}
.site-title a{display: block; color: transparent}
/* Site switcher in the header */
#site-switcher{float: left; margin-left: 20px; margin-top: 14px;}
#site-switcher ul{margin:0px;}
#site-switcher ul li{width: 100px; text-align: center; list-style: none; list-style-type: none; padding-left: 20px; line-height: 14px; font-size: 16px}
#site-switcher ul li.active{border-left: 1px solid #d4c49b; color: #5db22d; font-size:26px; line-height: 26px; background: -webkit-linear-gradient(#92c021, #4bad32);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; cursor: default}

/* Search in the header */
#search-container{ border: 1px solid #d4c49b; float: left; width: 394px;margin-left: 100px; margin-top: 20px}
#search-container .search-box{ border: solid #ececeb; border-width: 2px 0px 0px 2px; height: 34px;}
#search-container .search-box input{height: 34px; background: white url('images/search-button.png') 370px center no-repeat; padding: 7px 30px 7px 10px;font-size: 16px; line-height: 16px;}
#search-container .search-box form label{float: left;width: 392px;}
#search-container .search-box form input.search-submit{width: 30px;display: block;content: '';padding: 0px;
position: absolute;margin-left: 360px;margin-right: 0px;background-color: transparent;background-image: none; text-indent: -10000px;}

/* Cart in the header */
#header-cart{width: 150px; margin-top:20px; background: transparent url('images/header-cart.png') left top no-repeat; padding-left: 40px; float: right; font-size: 14px;height: 32px; padding-top: 7px; }
#header-cart a{font-weight: bold;}
#header-cart a span{color: #FF7721; font-weight: bold;}
#header-cart a:hover{ color: #FF7721; text-decoration: underline;}

/* Header navigation */
nav#primary-navigation{width: 1140px; clear: both}
div.menu-menu-container{font-family: 'fontinregular'; text-align: center; margin: 40px auto 0px; }
div.menu-menu-container ul{list-style: none; position: relative; display: inline-table;margin: 0px}
div.menu-menu-container ul li{float: left;margin: 0px; padding: 0px 16px;}
div.menu-menu-container ul li#menu-item-5004{padding: 0px;}
div.menu-menu-container ul li#menu-item-5004 a{color: transparent; background: transparent url('images/menu-home.png') right center no-repeat;}
div.menu-menu-container ul li.menu-item-has-children{background: transparent url('images/menu-explode.png') right center no-repeat;}
div.menu-menu-container ul li a{display: block;}
div.menu-menu-container ul:after{content: ""; clear: both; display: block;}
div.menu-menu-container ul ul{display: none; position: absolute; /*top: 100%;*/ margin-left: -85px;}
div.menu-menu-container ul li:hover > ul{display: block}
div.menu-menu-container ul ul li { float: none; position: relative;}
div.menu-menu-container ul.sub-menu{width: 215px;}
div.menu-menu-container ul.sub-menu li{padding: 4px 6px; background: transparent url('images/submenu-bg-middle.png') center top repeat-y;}
div.menu-menu-container ul.sub-menu li:first-child{background: transparent url('images/submenu-bg-top.png') center top no-repeat; padding-top: 14px;}
div.menu-menu-container ul.sub-menu li:last-child{background: transparent url('images/submenu-bg-bottom.png') center bottom no-repeat; padding-bottom: 14px;}
div.menu-menu-container ul.sub-menu li a{color: white; line-height: 16px;}
div.menu-menu-container ul.sub-menu li a:hover{text-decoration: underline;}

/* Post Featured on homepage */
#home_posts_featured{width: 100%; height: 420px; }
#home_posts_featured .item{position: relative }
#home_posts_featured .item .featured-bg{height: 100%; width: 100%; overflow: hidden; position: absolute;}
#home_posts_featured .item .featured-bg img.w{width: 100%; height: auto; }
#home_posts_featured .item .featured-bg img.h{width: auto; height: 100%; position: absolute; right: 0px;}
#home_posts_featured .item .featured-bg .featured_text{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#home_posts_featured .item .featured_text.vertical-gradient{background: transparent url('images/gradient-vertical.png') 20px 0px repeat-y}
#home_posts_featured .item .featured_text.horizontal-gradient{background: transparent url('images/gradient-horizontal.png') bottom left no-repeat}

#home_posts_featured .featured_title a, #home_posts_featured .featured_title{ color: white; }
#home_posts_featured .featured_title a:hover{text-decoration: underline}
/*#home_posts_featured div.item{ outline: 1px solid blue}*/
#home_posts_featured .layout_4.featured_0{width: 278px; height: 209px; float: left; border-right: 2px solid #fbfbf9;}
#home_posts_featured .layout_4.featured_1{width: 198px; height: 209px; float: left; }
#home_posts_featured .layout_4.featured_2{width: 800px; height: 420px; float: right;border-left: 2px solid #fbfbf9;}
#home_posts_featured .layout_4.featured_3{width: 478px; height: 209px; float: left; border-top: 2px solid #fbfbf9;}

#home_posts_featured .layout_3.featured_0{width: 478px; height: 209px; float: left;}
#home_posts_featured .layout_3.featured_1{width: 800px; height: 420px; float: right; border-left: 2px solid #fbfbf9;}
#home_posts_featured .layout_3.featured_2{width: 478px; height: 209px; float: left; border-top: 2px solid #fbfbf9;}

#home_posts_featured .layout_2.featured_0{width: 478px; height: 420px; float: left; border-left: 2px solid #fbfbf9;}
#home_posts_featured .layout_2.featured_1{width: 800px; height: 420px; float: right;}

#home_posts_featured .layout_1.featured_0{width: 1280px; height: 420px;}

#home_posts_featured .item .featured_title{font-family: 'fontinregular'; line-height: 17px;}
#home_posts_featured .item .excerpt_category{position: absolute; top: 160px; font-size: 11px; background: transparent url('images/submenu-bg-bottom.png') center bottom no-repeat; padding: 0px 10px 4px;}

#home_posts_featured .layout_4.featured_0 .featured_title,
#home_posts_featured .layout_4.featured_1 .featured_title,
#home_posts_featured .layout_4.featured_3 .featured_title,
#home_posts_featured .layout_3.featured_0 .featured_title,
#home_posts_featured .layout_3.featured_2 .featured_title
{margin-top: 140px; height: 64px; padding: 0px 10px}

#home_posts_featured .layout_4.featured_2 .featured_title,
#home_posts_featured .layout_3.featured_1 .featured_title,
#home_posts_featured .layout_2.featured_1 .featured_title
{font-size: 28px; line-height: 26px; }

#home_posts_featured .layout_4.featured_2 .featured_excerpt, #home_posts_featured .layout_4.featured_2 .featured_date,
#home_posts_featured .layout_3.featured_1 .featured_excerpt, #home_posts_featured .layout_3.featured_1 .featured_date,
#home_posts_featured .layout_2.featured_1 .featured_excerpt, #home_posts_featured .layout_2.featured_1 .featured_date
{font-size: 14px; margin-top: 20px; line-height: 16px;}

#home_posts_featured .featured_title .featured_date{padding-left: 20px; background: transparent url('images/clock_icon.png') left center no-repeat}

#home_posts_featured .layout_4.featured_2 .featured_title,
#home_posts_featured .layout_3.featured_1 .featured_title,
#home_posts_featured .layout_2.featured_1 .featured_title
{margin-left: 400px; height: 210px; margin-top: 210px}

#home_posts_featured .layout_2.featured_0 .featured_title{
	margin-top: 280px; height: 140px; padding: 0 20px;
}
#home_posts_featured .layout_1.featured_0 .featured_title{ margin-left: 880px; height: 420px;}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.home div.main-content .content-area #content{
	padding: 40px 0px 40px 50px;
}

#content.homepage article{clear: none; float: left; width: 255px; margin: 0px 20px 40px;clear: none;height: auto;}
#related_posts article.post{clear: none; float: left; width: 255px; margin: 0px 40px 40px 0px;clear: none;height: auto;}
#related_posts article.post:last-child{margin-right: 0px;}
#content.homepage article a.post-thumbnail, #related_posts article a.post-thumbnail{width: 255px; height: 164px; overflow: hidden; display: block;float: none;position: relative;z-index: 10;}
#content.homepage article .entry-meta-cat, #related_posts article .entry-meta-cat{position: absolute;margin-top: -38px; /* height: 16px; */ max-width: 265px; z-index: 11;}
#content.homepage article .entry-meta-cat span.cat-links, #related_posts article .entry-meta-cat span.cat-links{height: 16px; overflow: hidden; font-size: 11px; background: transparent url('images/submenu-bg-bottom.png') center bottom no-repeat;
padding: 0px 10px 8px;}
#content.homepage article .entry-meta-cat span.cat-links a, #related_posts article .entry-meta-cat span.cat-links a{color: white; font-family: 'roboto'; }
div.main-content .content-area #content.homepage article .entry-title{font-family: 'fontinregular'; font-size: 16px; margin-top: 16px; margin-bottom: 0px; line-height: 18px; height: 54px; overflow: hidden;}
#related_posts article h3.entry-title{font-family: 'fontinregular'; font-size: 18px; margin-top: 16px; margin-bottom: 0px; line-height: 18px; height: 54px; overflow: hidden;}
#related_posts article.post div.entry-meta{height: auto;}
#content.homepage article span.entry-date, #related_posts article.post div.entry-meta span.entry-date{padding-left: 20px; background: transparent url('images/clock_icon_dark.png') left 6px no-repeat; display: block;margin: 6px 0px;float: none;}
#content.homepage article span.entry-date a, #related_posts article.post div.entry-meta span.entry-date a{font-family: 'roboto'; font-size:11px; color: #a5a28c;}
#content.homepage article div.entry-content, #related_posts article div.entry-content{font-size: 13px; font-family: 'roboto'; color: #525440; height: 50px; overflow: hidden;line-height: 16px;text-align: justify;}
#content.homepage article.post .entry-header, #related_posts article.post .entry-header{margin-left: 0px; float: none; width: 100%;}

nav.paging-navigation{clear: both}

article.item-4:before{
	/* background-color: #f8efdb; */
	background-image: url('images/gruszka-bg.png');
	background-repeat: no-repeat;
	/* background-position-x: -60px; */
	/* background-position-y: 650px; */
	width: 218px;
	height: 208px;
	position: absolute;
	float: left;
	margin-top: -80px;
	margin-left: -120px;
	z-index: 1;
	overflow: hidden;
}
article.item-4{z-index: 10; position: relative;}

/**
 * 6.1 Content Category
 * -----------------------------------------------------------------------------
 */
#category_header.background #category_name,#category_header.background #category_desc{display: none;}

#category_header.background{ width: 100%; height: 160px; background-size: 100% auto; background-position: top center; color: white; background-repeat: no-repeat;margin:0px auto;}
#category_header.background #category_name{float: left;margin-right: 30px;margin-left: 70px;}
#category_header.background #category_name h1{ font-family: 'fontinregular'; font-size: 72px; height: 160px; max-width: 560px; line-height: 72px; display: table-cell; vertical-align: middle; text-align: center;}
#category_header.background #category_desc{font-family: roboto;font-size: 14px;padding-top: 46px;height: 68px;overflow: hidden;margin-left: 30px;margin-right: 30px;}

#category_header.no-background{ width: 930px; float: left; color: #525440}
#category_header.no-background #category_name{/* float: left; */ margin-right: 30px; margin-left: 70px;}
#category_header.no-background #category_name h1{ font-family: 'fontinregular'; font-size: 36px; line-height: 36px; text-align: center;}
#category_header.no-background #category_desc{font-family: roboto;font-size: 14px;/* padding-top: 46px; */height: 68px;overflow: hidden;margin-left: 30px;margin-right: 30px;}

article.post,article.page{ margin: 40px 0px; clear: both; height: 164px; }
.singular article.post,.singular article.page{height: auto;}
div.post-content article.post,div.post-content article.page{margin: 0px;}
.page div.post-content article.page{margin-top: 40px;}

div.breadcrumbs{padding: 16px 0px; color: #525440; font-family: 'roboto'; font-size: 11px; border-bottom: 1px solid #ded0ad;margin-left: 70px;}
.single div.breadcrumbs{padding: 20px 0px;}

div.category-content .content-area #content article.page div.article-left,
div.category-content .content-area #content article.post div.article-left,article.page div.article-left{float: left; width: 255px; border: none;}

div.category-content .content-area #content article.post div.article-right,
div.category-content .content-area #content article.page div.article-right{float: left;width: 570px;margin: 0px 0px 0px 20px;height: 164px;overflow: hidden; text-align: justify;}

div.category-content .content-area #content article.post div.article-right .entry-summary{line-height: 24px;}

article.post .post-category-container,article.page .post-category-container{position: absolute; height: 21px; width: 259px;text-align: right;padding: 0px;margin-top: 10px;}
article.post .post-category-name,article.page .post-category-name{font-family: 'roboto'; font-size: 11px; color: white; text-transform: lowercase; background: transparent url('images/post-category-name-bg.png') center right no-repeat;height: 21px;padding: 1px 11px 3px 6px;}
article.post .post-thumbnail,article.page .post-thumbnail{ display: block; float: left; width: 255px; height: 164px; overflow: hidden;}
article.post .post-thumbnail img.w,article.page .post-thumbnail img.w{ width: 100%; height: auto;}
article.post .post-thumbnail img.h,article.page .post-thumbnail img.h{height: 100%; width: auto;}
article.post .entry-header,article.page .entry-header{margin-left: 0px;}
article.post .entry-header h2,article.page .entry-header h2,
article.post .entry-header h3,article.page .entry-header h3{font-family: 'fontinregular'; font-size: 28px; line-height: 28px; margin: 0px}

article.post div.entry-meta,article.page div.entry-meta{height: 32px; margin-top: 2px}
article.post div.entry-meta::after,article.page div.entry-meta::after{clear: left;}
article.post div.entry-meta span,article.page div.entry-meta span{margin-right: 26px; height: 23px;padding-top: 5px;}
article.post div.entry-meta span.fn,article.page div.entry-meta span.fn{margin: 0px; height: auto; padding: 0px;}
article.post div.entry-meta span, article.post div.entry-meta span a,
article.page div.entry-meta span, article.page div.entry-meta span a{display: block; float: left; font-family: 'roboto';font-size: 11px;color: #a5a28c;}

article.post span.entry-date,article.page span.entry-date{padding-left: 20px; background: transparent url('images/clock_icon_dark.png') left 6px no-repeat; }
article.post span.entry-date a,article.page span.entry-date a {/* margin: 6px 0px; */}
article.post span.entry-author,article.page span.entry-author{padding-left: 20px; background: transparent url('images/person-icon-dark.png') left 6px no-repeat; }
article.post span.comments-link,article.page span.comments-link{padding-left: 20px; background: transparent url('images/comment-icon-dark.png') left 6px no-repeat; }

/*article.post .entry-content,article.page .entry-content{font-family: 'roboto'; font-size: 13px; line-height: 16px; text-align: justify;}*/
article.post .entry-content p,article.page .entry-content p{ margin-bottom: 15px;}



div.pagination-link{border-top: 1px solid #ded0ad; border-bottom: 1px solid #ded0ad; padding: 20px; height: 24px;}
div.pagination-link a{font-family: 'roboto'; font-size: 14px; color: #525440}
div.pagination-link .left{float: left;}
div.pagination-link .right{float: right;}

/**
 * 6.2 Post Content 
 * -----------------------------------------------------------------------------
 */

div#main-content{}
div.main-content #primary{width: 845px; margin-left: 70px;}
div.main-content div.breadcrumbs{border: none;margin-left: 0px;}
div.main-content div.post-image{width: 845px; height: 392px; overflow: hidden;}
div.main-content div.post-image img.w{width: 100%; height: auto;}
div.main-content div.post-image img.h{width: auto; height: 100%}

div.main-content .content-area #content {padding: 0px;}
.single div.main-content .content-area #content {padding: 40px 0px 0px 0px;}
/*div.post-content .content-area #content article{margin:0px; height: auto;}*/
div.main-content .content-area #content article h1,article.page h1,
div.main-content .content-area #content article h2.entry-title,article.page h2.entry-title{font-size: 36px; font-family: 'fontinregular'; margin: 0px;line-height: 44px;margin-bottom: 30px;}
div.main-content .content-area #content article .article-left{width: 160px; float: left;}
div.post-content .content-area #content article .article-right,div.page-content .content-area #content article .article-right
{float: left;width: 645px;overflow:auto;height: auto;margin-left: 10px}
div.post-content .content-area #content article.no-left .article-right,div.page-content .content-area #content article.no-left .article-right{width: 835px}

div.main-content .content-area #content article .article-bottom{width: 100%; border-top: 1px solid #ded0ad;clear: both; padding-top: 20px;}
div.main-content .content-area #content article .article-bottom .extra_info,
div.main-content .content-area #content article .article-bottom .googlePlusOneButton,
div.main-content .content-area #content article .article-bottom .sociable{display: inline-table; margin:0px;vertical-align: middle;}
div.main-content .content-area #content article .article-bottom .googlePlusOneButton div{ padding-top: 7px !important;}
div.main-content .content-area #content article .article-bottom .sociable ul{/* padding-top: 2px !important; */}
div.main-content .content-area #content article .article-bottom .sociable ul li{float: left;}
div.main-content .content-area #content article #related_posts{width: 100%; border-top: 1px solid #ded0ad;clear: both; margin-top: 20px;padding-top: 40px;/* height: 400px; */}

div.main-content .content-area #content article .article-left span.entry-author,
div.main-content .content-area #content article .article-left span.entry-date,
div.main-content .content-area #content article .article-left span.comments-link{
	border-bottom: 2px dashed #d4c49b; display: block; 
	margin: 16px auto; 
	padding-bottom: 16px;}
div.main-content .content-area #content article .article-left div.fb-like{border-bottom: 2px dashed #d4c49b; display: block; padding-bottom: 16px;}

div#main-content .content-area #content article .article-left span:first-child{margin-top: 0px;}

div#main-content .content-area #content article .article-left span.label{color: #a6a79c; display: block;font-size: 12px;line-height: 8px;}

div.extra_info span.tagi{ font-size: 13px; font-family: 'roboto'; color: #a6a79c; background: transparent url('images/tag_icon_bg.png') top left no-repeat; padding-left: 26px; margin-left: 4px;}
div.extra_info span.tagi a{color: #a6a79c; }
div.extra_info span.tagi a:hover{text-decoration: underline;}

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comments-area {
	margin: 48px auto;
	
	padding: 0 10px 0 20px;
}

.comment-reply-title,
.comments-title {
	font: 900 16px/1.5 Lato, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 24px;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 60px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 80px;
}
.comment-list footer{margin-left: 0px;}

.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link:before {
	content: "\f411";
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f412";
	margin-right: 2px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7142857142;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}



/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

div#sidebar{
	float: right; 
	width: 345px;
	margin-top: 14px;
}
body.home div#sidebar{margin-top: 0px}
.home div.main-content div#primary ,div#primary, section#primary{
	float: left; 
	width: 935px;
	/* padding-left: 70px; */
	margin-left: 0px;
}

/**
 * 7.1 Sidebars elements
 * -----------------------------------------------------------------------------
 */

#sidebar aside.newsletter{margin-left: 20px;margin-top: 0px;}
#sidebar aside{margin-left: 0px;margin-top:20px;}
#sidebar aside:last-child{margin-bottom: 20px;}
body.home #sidebar aside.newsletter{margin-top:0px;}
#sidebar aside.widget .widget-title{ font-family: 'fontinregular'; font-size: 28px; color: #525440; padding-right: 40px; line-height: 28px; margin: 0px;}


div.newsletter-box{	background: transparent url('images/newslettetr-bg.png') top left no-repeat; width: 201px; height: 154px; padding: 60px 110px 30px 20px; }
div.newsletter-box form{ height: 36px;}
div.newsletter-box .newsletter-title{font-family: 'fontinregular'; font-size: 18px; color: white; line-height: 20px; margin-bottom: 0px;}
div.newsletter-box form input[type="text"]{width: 100%; padding-right: 36px; border: none; height: 36px; color: #a6a79a; float: left; margin: 5px 0px;}
div.newsletter-box form input[type="submit"]{ background: white url("images/mail-icon.png") center center no-repeat;width: 36px;padding: 0px;height: 36px;border: none;
											  /*float: right; margin-top: -36px; margin-left: 165px; */position: absolute; color: transparent; margin-left: -36px;margin-top: 51px;}


div.newsletter-box .newsletter-extra:before{clear: both}
div.newsletter-box .newsletter-extra{color: #9fc661; font-size: 11px; font-family: 'roboto'; line-height: 14px; margin-top: 16px;}
div.newsletter-box .newsletter-extra p{padding:0px; margin:0px; letter-spacing: -0.5px;}


.widget .widget-container .widget-header, .widget .widget-container .widget-content, .widget .widget-container .widget-footer{width: 255px; padding: 20px 70px 0px 20px; }
.widget.newsletter .widget-container .widget-content{padding: 0px}
.widget-container .widget-content ul,.widget-container .widget-content iframe{margin-bottom: 0px; margin-left: 0px;}
.widget-container .widget-content ul li{list-style: none; list-style-type: none; border-top: 1px solid #d4d4c6; padding-top: 10px; margin-bottom: 10px}
.widget-container .widget-content ul li:first-child{border-top: none}
.widget-container .widget-content ul li:last-child{margin-bottom: 10px;}
.widget-container .widget-content{font-family: 'fontinregular'; font-size: 14px; line-height: 16px;}
#sidebar aside.recent_post a img{float:left;}
#sidebar aside.recent_post .featured-post h4{float: right; width: 150px;font-size: 14px;}

aside.recent_post .widget-container .widget-header,
aside.related_products .widget-container .widget-header,
body.home aside.facebook .widget-container .widget-header,
aside.forum .widget-container .widget-header{ background: transparent url('images/sidebar-dotted-top.png') top left no-repeat;}

aside.recent_post .widget-container .widget-content,
aside.related_products .widget-container .widget-content,
body.home aside.facebook .widget-container .widget-content,
aside.forum .widget-container .widget-content{ background: transparent url('images/sidebar-dotted-middle.png') top left repeat-y;}

aside.recent_post .widget-container .widget-footer,
aside.related_products .widget-container .widget-footer,
body.home aside.facebook .widget-container .widget-footer,
aside.forum .widget-container .widget-footer{ background: transparent url('images/sidebar-dotted-bottom.png') bottom left no-repeat; height: 23px; padding-top: 0px;}

aside.related_products .widget-header h1{ background: transparent url(images/icon-cart.png) top right no-repeat; min-height: 44px; }
aside.recent_post .widget-header h1{ background: transparent url(images/icon-listek.png) top right no-repeat; min-height: 44px; }
aside.facebook .widget-header h1{ background: transparent url(images/icon-fb.png) top right no-repeat; min-height: 44px; }
aside.forum .widget-header h1{ background: transparent url(images/icon-chat.png) top right no-repeat; min-height: 44px; }

aside.related_products .widget-content .related_product_item{float: left; width: 107px; margin: 0px 10px;}
aside.related_products .widget-content .related_product_item h4{font-size: 12px; font-family: 'fontinregular'; margin-top: 10px; text-align: center;height: 42px; overflow: hidden;}
aside.related_products .widget-content .related_product_item span.price{margin:0px auto; font-weight: bold; display: block;text-align: center;font-size: 16px;margin-bottom: 8px;}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

#supplementary {
	padding: 0 10px;
}

.site-footer,
.site-info,
.site-info a {
	color: #525440;
}

.site-footer {
	/*height: 443px;*/
	background: #ECE2CA url('images/footer-bg.png') top center repeat-x;
	border-top: 1px solid #d4c49b;
	margin: 0px;
}

.footer-sidebar {
	padding-top: 48px;
}
#footer-box{
	background: transparent url('images/footer-apple.png') bottom right no-repeat;
	padding: 0px;
	width: 1190px;
	height: 380px;
	margin: 0px auto;
}
#footer-box .column{ margin: 0px 20px; width: 253px; float: left; font-family: 'fontinregular';}
#footer-box .column .widget-title{ font-size: 18px; margin-bottom: 26px;}
#footer-box .column ul{margin: 0px;}
#footer-box .column ul li{font-size: 14px; border-top: 1px solid #aaaa8f; list-style: none; list-style-type: none; padding: 10px 0px;}
#footer-box .column ul li:first-child{border-top: none;}


.site-info {
	padding: 30px 10px 0px;
	width: 880px;
	margin: 0px auto;
	border: 1px solid #d4c49b;
	border-bottom: none;
	background: #e8dcbb url('images/footer-logo.png') 40px center no-repeat;
	padding-left: 300px;
	font-family: 'roboto';
	font-size: 11px;
	line-height: 14px; 
	height: 60px;
}
.site-info p{ margin-bottom: 12px; }
.site-info p span{padding: 0px 12px;}
.site-info p span.first{ border-right: 1px solid #aaaa8f; padding-left: 0px; }
.site-info p span.last{ border-left: 1px solid #aaaa8f; padding-right: 0px; }
.site-info p span.last a{ color: #aaaa8f; }

#supplementary + .site-info {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-info a:hover {
	color: #41a62a;
}


#dynamic-to-top{ border: none !important; height: 175px; width: 78px !important; background: transparent url('images/to-top.png') top center no-repeat !important; box-shadow: none !important; bottom: 0px !important; padding: 0px !important;}
#dynamic-to-top span{ background: none !important; }

@media only screen and (max-width: 1400px) {
	#dynamic-to-top{ display: none !important;}
}

nav.navigation{ clear: both;}

#menu-header-mobile{display: none;}


/* facebook like box - hide element */
div.pluginFacepile ul.uiList li{outline:1px solid red !important;}
.fb-like-box iframe html body{background-color: red !important;}

#header-fb-like-button{position: absolute; margin-left: 60px; top: 85px;}