/* puvodni inline verze */
/*.blog__list {padding: 0 0 60px; margin: 0 auto;}
.blog__item {border-top: 1px solid #dfdfdf; padding: 56px 0 0 0; margin: 56px 0 0 0;}
.blog__item.first {border: none; padding-top: 36px; margin-top: 0;}
.blog__item.second,
.blog__item:nth-child(2) {}
.blog__item.even,
.blog__item:nth-child(2n) {}
.blog__item.last {}
.blog__item a.image {display: block; float: left; width: 26.0869%; padding: 0; margin: 0;}
.blog__item a.image img {display: block; max-width: 100%; height: auto; border: 1px solid #bebebe; padding: 0; margin: 0;}
.blog__item div.inside {padding: 0; margin: 0;}
.blog__item div.inside.illustrated {float: right; width: 71.0434%;}
.blog__item h2,
.blog__item h3 {clear: both; font-size: 2.76923em; line-height: 1.1111em; font-weight: 600; color: #4a4a4a; text-transform: none; padding: 0; margin: 0 0 18px;}
.blog__item h2 a,
.blog__item h3 a {color: #4a4a4a; text-decoration: none;}
.blog__item:hover h2 a,
.blog__item:hover h3 a,
.blog__item h2 a:hover,
.blog__item h3 a:hover {color: #40bbaa; text-decoration: none;}
.blog__item .date {float: left; font-size: 1.230769em; line-height: 1.25em; font-weight: 300; color: #4a4a4a; text-align: left; padding: 0; margin-right: 5px;}
.blog__item .date span.slash {color: #40bbaa;}
.blog__item div.perex {font-size: 1.230769em; line-height: 1.25em; font-weight: 300; color: #4a4a4a;}
.blog__item div.perex p {font-size: 1em; line-height: 1.25em; font-weight: 300; color: #4a4a4a; padding: 0; margin: 0 0 18px 0!important;}
.blog__item p a {color: #40bbaa; text-decoration: underline;}
.blog__item p a:hover {text-decoration: none;}
.blog__item div.tools {text-align: left; padding: 20px 0 0; margin: 0;}
.blog__item div.tools a.detail {display: block; float: left; width: 87px; height: 39px; font-weight: 300; font-size: 1.0769em; line-height: 2.7857em; letter-spacing: 1px; color: #4a4a4a; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #c8c8c8; padding: 0; margin: 0;}
.blog__item div.tools a.detail:hover {color: #fff; text-decoration: none; background: #40bbaa; border-color: #40bbaa;}
.blog__list div.bottom_tools {padding: 20px 0 0; margin: 0 0 25px 0;}
@media (max-width: 700px) {
	.content.blog__list {padding: 50px 0;}
	.blog__list h1 {font-size: 3.84615em; line-height: 1.12em;}
	.blog__item.first {padding-top: 16px;}
}
@media (max-width: 600px) {
	.blog__item {padding-top: 26px; margin-top: 16px;}
	.blog__item h2,
	.blog__item h3 {font-size: 2.30769em; line-height: 1.1333em; margin-bottom: 14px;}
	.blog__item div.tools {padding-top: 10px;}
}
@media (max-width: 480px) {
	.blog__item h2,
	.blog__item h3 {font-size: 1.6923em; line-height: 1.18182em; margin-bottom: 10px;}	
	.blog__item .date,
	.blog__item div.perex {font-size: 1.0769em; line-height: 1.285714em;}
	.blog__item div.perex p {font-size: 1em; line-height: 1.285714em; margin-bottom: 10px;}
	.blog__item div.tools a.detail {height: 33px; font-size: 1em; line-height: 2.53846em;}
}
@media (max-width: 460px) {
	.blog__item {margin-top: 30px;}
	.blog__item a.image {width: 100%; float: none; margin-top: 20px;}
	.blog__item div.inside.illustrated {float: none; width: 100%;}
	.blog__item div.tools {padding-top: 0; margin-top: 0;}
}*/

/* verze pro isotope style */
.blog .content {padding: 54px 0;}
.blog__list {position: relative; padding: 0 0 80px; margin: 0;}
.blog__item {float: left; width: 30%; box-sizing: border-box; background: #fff; padding: 30px; margin: 1.5%;}
.blog__item.first,
.blog__item.second,
.blog__item:nth-child(2) {}
.blog__item.even,
.blog__item:nth-child(2n) {}
.blog__item.last {}
.blog__item .blog__image {display: block; width: 100%; max-width: 100%; padding: 0; text-align: center; padding: 0; margin: 0 0 26px;}
.blog__item .blog__image img {vertical-align: bottom; max-width: 100%; height: auto; box-shadow: 0 0 0 1px #bebebe; padding: 0; margin: 0 auto;}
.blog__item .inside {padding: 0; margin: 0 0 20px;}
.blog__item .inside.illustrated {}
.blog__item .blog__title {clear: both; font-size: 1.571428em; line-height: 1.36364em; font-weight: 600; color: #4a4a4a; text-transform: none; padding: 0; margin: 0 0 16px;}
.blog__item .blog__title a {display: block; color: #4a4a4a; text-decoration: none;}
.blog__item:hover .blog__title a,
.blog__item .blog__title a:hover {color: #E02846; text-decoration: none;}
.blog__item .blog__date {float: left; font-size: 0.9231em; line-height: 1em; color: #c8c8c8; text-align: left; padding: 0; margin: 14px 0 0;}
.blog__item .blog__perex {font-size: 1em; line-height: 1.71428em; font-weight: 300;}
.blog__item .blog__perex p {font-size: 1em; line-height: 1.71428em; font-weight: 300; padding: 0; margin: 0 0 14px 0!important;}
.blog__item p a {color: #4a4a4a; text-decoration: underline;}
.blog__item p a:hover {color: #40bbaa; text-decoration: none;}
.blog__item .blog__tools {text-align: left; padding: 0; margin: 0;}
.blog__item .blog__detail {float: right;}
.blog__bottom_tools {padding: 0; margin: 0 0 25px 0;}
@media (max-width: 1050px) {
	.blog__item .blog__title {font-size: 2.30769em; line-height: 1.2em;}
}
@media (max-width: 980px) {
	.blog__item .blog__title {font-size: 2em; line-height: 1.153846em;}
}
@media (max-width: 900px) {
	.blog__item {width: 42.36%;}
	.blog__item .blog__title {font-size: 2.30769em; line-height: 1.2em;}
}
@media (max-width: 630px) {
	.blog__item {float: none; width: auto; max-width: 100%; padding: 24px;}
	.blog__item .blog__title {font-size: 2em; line-height: 1.153846em;}
}

.blog__detail .content {padding: 54px 0;}
.blog__detail img {max-width: 100%; height: auto; margin-bottom: 32px;}
.blog__detail .blog__date {text-align: left; margin-bottom: 20px;}
.blog__detail div.sharing {max-width: 850px; text-align: center; margin: 30px auto 84px;}
.blog__detail div.sharing .title {position: relative; top: -12px; font-size: 1.384615em; line-height: 2.3333em; font-weight: 300; color: #4a4a4a; text-transform: uppercase; padding-right: 12px;}
.blog__detail div.sharing span[class^="st_"] {padding: 0 5px;}
.blog__detail div.sharing img {margin: 0 9px;}

.blog__detail div.bottom_tools {text-align: center; padding: 0; margin: 0;}
.blog__detail div.bottom_tools .inside {max-width: 850px; margin: 0 auto;}
.blog__detail div.bottom_tools a,
.blog__detail div.bottom_tools span {font-size: 1.384615em; line-height: 1.4444em; color: #4a4a4a; text-decoration: none; text-transform: uppercase;}
.blog__detail div.bottom_tools .prev,
.blog__detail div.bottom_tools .next {float: left; background: url(/views/ooo/content/blog/css/design/bg-paging-arrows.png) 0 0 no-repeat; padding-left: 45px;}
.blog__detail div.bottom_tools .next {float: right; background-position: right -62px; padding: 0 45px 0 0;}
.blog__detail div.bottom_tools .prev:hover {background-position: 0 -31px;}
.blog__detail div.bottom_tools .next:hover {background-position: right -93px;}
.blog__detail div.bottom_tools span.prev,
.blog__detail div.bottom_tools span.next {visibility: hidden;}

.blog__detail .disqus {text-align: center; padding: 0; margin: 100px 0 0;}
.blog__detail .disqus .inside {}
.blog__detail .disqus__title {margin: 0 0 50px;}
.blog__detail div.disqus #disqus_thread {border: 1px solid #d5d5d5; padding: 20px;}
@media (max-width: 670px) {
	.blog__detail .bottom_tools a,
	.blog__detail .bottom_tools span {font-size: 1.230769em; line-height: 1.625em;}
	.blog__detail .bottom_tools .prev {padding-left: 38px;}
	.blog__detail .bottom_tools .next {padding-right: 38px;}
}
@media (max-width: 620px) {
	.blog__detail {padding: 40px 0;}
	.blog__detail .bottom_tools {padding:  20px 0;}
	.blog__detail .bottom_tools .prev,
	.blog__detail .bottom_tools .next {margin-bottom: 15px;}
	.blog__detail .bottom_tools a.back {display: block; clear: both; float: none; width: auto; text-align: center; padding: 0; margin: 0 auto;}
}
@media (max-width: 440px) {
	.blog__detail .bottom_tools .prev,
	.blog__detail .bottom_tools .next {display: block; float: none; width: 220px; text-align: center; padding: 0; margin: 0 auto 15px;}
}