.bannerChristmas {margin:20px auto 20px auto; display:table; padding:0 0 0 150px; border:2px solid #3a6111; background:url('/wp-content/themes/psychologcerna/img/snow.png') no-repeat left 22px;}
.bannerChristmasIn {padding:20px 150px 20px 0; background:url('/wp-content/themes/psychologcerna/img/snow.png') no-repeat right 22px; font-size:20px; text-align:center;}
.bannerChristmasIn span {font-size:26px;}
.bannerChristmasIn a {color:#212122; text-decoration:none}
.bannerChristmasIn a:hover {color:#212122; text-decoration:underline}

.post-image img {max-width:100%; display:table; margin:0}
.post2 {margin:0 0 30px 0; background:#eaeaea; text-align:left; display:table; width:100%;}
    .post2 h3, .postDetail h3 {text-align:left }
.postDetail {margin:20px 0 20px 0; background:#eaeaea; text-align:left
}
.post-btn {float:right; margin:0 0 20px 0;
}
.post2 .postL {display:table-cell; vertical-align:top; width:40%; padding:0;
}
.post2 .postR {display:table-cell; vertical-align:top; padding:20px 20px 60px 20px; position:relative; 
}
.postDetail .postL {float:left; width:100%; padding:20px;
}
.postDetail .postR {float:left; width:100%; padding:0 0 20px 0;}
    .postDetail .postR img {display:table; margin:0 auto 0 auto;}
.post2 .postR .read-more {position:absolute; bottom:20px; right:20px; display:block; padding:8px 20px; background:#d6ec31; color:#403f41; text-decoration:none; border: 3px solid #403f41;
    border-radius: 20px; text-align:center; min-width:150px;
}
    .post2 .postR .read-more:hover {background:#8dd144; color:#2f4f4f; text-decoration:none;
    }
.clear {clear:both; height:0; font-size:0; line-height:0;
}
.post-excerpt a img.wp-post-image {display:none
}
.postR h3, .postL h3 {margin:0 0 20px 0;}
    .postR h3 a, .postL h3 a {color:#2f4f4f; text-decoration:none;
    }
    .postR h3 a:hover, .postL h3 a:hover {color:#2f4f4f; text-decoration:underline;
    }

.post2 .post-meta, .postDetail .post-meta {font-size:0.9em; color:#8b9494; 
}
.post-btn {float:right; display:block; padding:10px 20px; background:#d6ec31; color:#403f41; text-decoration:none; border: 3px solid #403f41;
    border-radius: 20px; min-width:180px; text-align:center;
}
    .post-btn:hover {background:#8dd144; color:#2f4f4f; text-decoration:none;
    }
.h2Transform {text-transform:uppercase;}
input.odeslat {cursor:pointer;}
    input.odeslat:hover {background:#d6ec31;
    }
.post-excerpt a {color:#2f4f4f; text-decoration:underline;}
.post-excerpt a:hover {color:#2f4f4f; text-decoration:none;}



@media screen and (min-width: 992px) and (max-width: 1199px) {
    .postDetail .postR  {padding:0}
}



@media screen and (min-width: 768px) and (max-width: 991px) {
     .bannerChristmas {padding:0 0 0 100px; background:url('/wp-content/themes/psychologcerna/img/snow2.png') no-repeat left 18px;}
     .bannerChristmasIn {padding:20px 100px 20px 0; background:url('/wp-content/themes/psychologcerna/img/snow2.png') no-repeat right 18px;}
   .bannerChristmasIn {font-size:16px;}
    .bannerChristmasIn span {font-size:22px;}
    .postDetail .postR  {padding:0}

}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .bannerChristmas {padding:0 0 0 100px; background:url('/wp-content/themes/psychologcerna/img/snow2.png') no-repeat left 18px;}
     .bannerChristmasIn {padding:20px 100px 20px 0; background:url('/wp-content/themes/psychologcerna/img/snow2.png') no-repeat right 18px;}
	.bannerChristmasIn {font-size:16px;}
    .bannerChristmasIn span {font-size:22px;}
    .postDetail .postR  {padding:0}
}

@media screen and (max-width: 480px) {
    .bannerChristmas {padding:0 0 0 50px; background:none;}
     .bannerChristmasIn {padding:20px 50px 20px 0; background:none;}
    .bannerChristmasIn {font-size:16px;}
    .bannerChristmasIn span {font-size:22px;}
}
@media screen and (max-width: 650px) {
    .post2 {text-align:center; }
    .post2 .postL, .post2 .postR {display:block; width:100%; }
        .post2 .postR {padding:15px; }
        .post2 .post-excerpt {margin:0 0 15px 0; }
    .post2 .postR .read-more {position:relative; display:table; margin:0 auto; right:auto; bottom:auto;}
    .post2 h3, .postDetail h3 {text-align:center;}
    .postDetail .postL, .postDetail .postR {width:100%; float:none;}
    .post-btn {display:table; margin:0 auto; float:none;}
    .post2 .post-meta, .postDetail .post-meta {text-align:center;}
    .post2 .post-excerpt, .postDetail .post-excerpt {text-align:center;}
    .postDetail .postR  {padding:0}
    #posts .post-image a {display:table; margin:0 auto;}
    #posts h2 {text-align:center;}

}