#middle #wrap h1 { font-size: 14px; line-height: 1.25em; margin: 0 0 16px 0; }
#middle #wrap h2 { font-size: 24px; font-style: normal; font-weight: 300; line-height: 1.25em; margin: 0 0 18px 0; }
#middle #wrap h3, #middle #wrap h4, #middle #wrap h5, #middle #wrap h6 { font-size: 11px; line-height: 1.25em; margin: 0; }
#middle #wrap p { margin-bottom: 16px; }
#middle #wrap a { color: #000; text-decoration: none; }
#middle #wrap a:hover, #middle #wrap a:focus { text-decoration: underline; }
#middle #wrap strong, #middle #wrap b { font-weight: bold; }
#middle #wrap em, #middle #wrap i { font-style: italic; }
#middle #wrap sup, #middle #wrap sub { font-size: 0.7em; vertical-align: baseline; position: relative; top: -0.4em; }
#middle #wrap sub { top: 0.4em; }

@-moz-keyframes update-spinner {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes update-spinner {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes update-spinner {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes update-spinner {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

#middle #wrap { width: 1100px; padding: 0; margin: 0 auto; }
#middle #wrap li { background: none;}

#middle .arrow_box { padding: 30px; margin: 32px 0 30px 0; background: #b3d9f3; position: relative; border-radius: 6px; }
#middle .arrow_box:before, #middle .arrow_box:after { width: 0; height: 0; border: solid transparent; position: absolute; content: " "; pointer-events: none; }
#middle .arrow_box:before { margin-left: -20px; border-width: 20px; border-bottom-color: #b3d9f3; bottom: 100%; left: 50%; }
#middle .arrow_box.extra:after { margin-left: -20px; border-width: 20px; border-top-color: #b3d9f3; top: 100%; left: 50%; }
#middle .arrow_box p { margin-bottom: 0; }

/* FACEBOOK - WALL */
#middle #facebook_wall { min-height: 200px; margin: 0; position: relative; }

#middle #facebook_wall .facebook-loading { width: 60px; height: 60px; margin: -8px 0 0 -8px; background: url('/images/loader.png') no-repeat 50% 50%; position: absolute; top: 100px; left: 50%; }
#middle #facebook_wall .facebook-loading { -moz-animation: update-spinner 1s linear infinite; -webkit-animation: update-spinner 1s linear infinite; -ms-animation: update-spinner 1s linear infinite; animation: update-spinner 1s linear infinite; }

#middle #facebook_wall li { min-height: 52px; padding: 10px 10px 10px 10px; display: none; position: relative; 
background: url('/images/pruhledna-cerna.png') repeat left center;
border-left: 1px solid #d7c4a5;
border-top: 1px solid #978b76;
border-right: 1px solid #d7c4a5;
border-bottom: 1px solid #f6eddd;
margin-bottom: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#middle #facebook_wall li li {
padding-left: 82px;
margin-bottom: 0;
border: none;
}

#middle #facebook_wall li .avatar{
display: none;
}

#middle #facebook_wall li li .avatar{
display: block;
}

#facebook_wall li:first-child { border-top: none; }

#middle #facebook_wall li .meta-header { }

#middle #facebook_wall li .meta-header .avatar { width: 50px; height: 50px; border: 1px solid #999; position: absolute; top: 10px; left: 10px; }
#middle #facebook_wall li .meta-header .author { font-weight: bold; color: #134895; }
#middle #facebook_wall li .meta-header .date { display: none; }

#middle #facebook_wall li .message { color: #000; margin: 0; margin-bottom: 16px; }
#middle #facebook_wall li .message:last-child { margin-bottom: 0px; }
#middle #facebook_wall li .story { font-style: italic; color: #000; margin-bottom: 16px; }

#middle #facebook_wall li .media { color: #333; margin: 10px 0; }
#middle #facebook_wall li .media.border-left { padding-left: 10px; border-left: 2px solid #a1a1a1; }
#middle #facebook_wall li .media .image { margin-right: 10px; float: left; position: relative; }
#middle #facebook_wall li.type-video .media .image:after { width: 44px; height: 44px; background: url('/images/play.png') no-repeat 50% 50%; margin-top: -22px; margin-left: -22px; position: absolute; top: 50%; left: 50%; content: " "; pointer-events: none; }
#middle #facebook_wall li .media .image img { max-width: 100%; height: auto; padding: 2px; border: 1px solid #134895; }
#middle #facebook_wall li .media .media-meta { float: left; display: table; }
#middle #facebook_wall li .media .media-meta .name { font-weight: bold; }
#middle #facebook_wall li .media .media-meta .caption { font-style: italic; }
#middle #facebook_wall li .media .media-meta .description { }

#middle #facebook_wall li .meta-footer { font-size: 10px; line-height: 16px; color: #134895; clear: both; }
#middle #facebook_wall li .meta-footer .seperator { padding: 0 4px; }
#middle #facebook_wall li .meta-footer .date { }
#middle #facebook_wall li .meta-footer .likes { }
#middle #facebook_wall li .meta-footer .comments { }
#middle #facebook_wall li .meta-footer .actions { }
#middle #facebook_wall li .meta-footer .actions .like { }
#middle #facebook_wall li .meta-footer .actions .comment { }

#middle #facebook_wall li ul.like-list { margin-top: 10px; display: none; }
#middle #facebook_wall li ul.like-list li.like { font-size: 11px; line-height: 16px; margin-top: 2px; border-top: none; background: #e0e0e0; display: block; }
#middle #facebook_wall li ul.like-list li.like:first-child { margin-top: 0; }
#middle #facebook_wall li ul.like-list li.like .meta-header .author { }

#middle #facebook_wall li ul.comment-list { margin-top: 10px; }
#middle #facebook_wall li ul.comment-list li.comment { font-size: 11px; line-height: 16px; margin-top: 5px; border-top: none; background: #fce6c1; display: block; border: 1px solid #d7c4a5;}
#middle #facebook_wall li ul.comment-list li.comment:first-child { margin-top: 0; }
#middle #facebook_wall li ul.comment-list li.comment .meta-header .author { }
#middle #facebook_wall li ul.comment-list li.comment .meta-header .date { }
#middle #facebook_wall li ul.comment-list li.comment .message { margin-bottom: 0; }
#middle #facebook_wall li ul.comment-list li.comment .date { font-size: 9px; line-height: 16px; color: #134895; }
#middle #facebook_wall li ul.comment-list li.read_more { min-height: 1px; font-size: 9px; line-height: 16px; color: #134895; padding: 0 10px 0 72px; margin: 5px 0 -5px 0; border-top: none; display: block; }
#middle #facebook_wall li ul.comment-list li.read_more a { color: #a1a1a1; }

/*#middle #facebook_wall .obal { background-color: #f4deb9; border: 1px dashed #ab9e83; padding: 5px; } */
#middle #facebook_wall .actionlinks .like a,
#middle #facebook_wall .actionlinks .comment a,
#middle #facebook_wall .actionlinks .share a{ color: #134895; font-weight: bold; }

/*#middle #facebook_wall li.post:after {
display: block;
position: absolute;
content: "";
top: 28px;
left: 76px;
width: 8px;
height: 15px;
background: transparent url('../images/fbwall-sipka.png') no-repeat;
} */