<a class='readmorenbt' expr:href='data:post.

url'>Mais informaes &#187;</a>

/*=====================================
= Top Area
=====================================*/
.top-bar { min-height: 48px; background-color: $(main.color); color: #FFFFFF; wi
dth: 100%; display: block; line-height: 48px; padding: 0px; }
.top-bar span { letter-spacing: 1px; }
.top-bar .follow { color: #FFF; font-family: $(body.font); font-size: 11px; font
-weight: 600; text-transform: uppercase; } .top-bar a { color: #FFFFFF; paddingleft: 15px; font-size: 18px; text-decoration: none; }
.top-bar a:hover i { color: #333; }
.topbar .social-icons { float: left; line-height: 48px; }
.top-bar .social-icons ul { display: inline-block; padding:0px; margin: 0px; }
.top-bar .register-links { float: right; }
.top-bar .register-links ul { display: inline-block; margin: 0px; padding:0px; }
.top-bar .register-links i { line-height: 48px; display: inline-block; } .top-b
ar .register-links a { color: #FFF; font-family: $(body.font); font-size: 13px;
font-weight: 500; letter-spacing: 1px; display: inline-block; } .top-bar .regist
er-links a:hover { color: #333; }
.social-icons { float: left; height: 48px; }
.social-icons li, .register-links li { display: inline-block; padding-right: 5px
; padding-left: 5px; }
.hero-unit { min-height: 694px; position: relative; background: url(http://3.bp.
blogspot.com/-ueLjQte5CFQ/VFtcypmpy3I/AAAAAAAAAWU/wT_oPUq89PI/s1600/2013_the_hun
ger_games_catching_fire-wide.jpg); background-attachment: fixed; background-posi
tion: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; -mozbackground-size: cover; -o-background-size: cover; background-size: cover; margi
n-bottom:40px; }
.hero-unit.hero-breadcrump { min-height: 362px; }
.hero-unit .header-bg { opacity: 0.5; background-color: black; position: absolut
e; z-index: 99; width: 100%; height: 100%; }
.hero-unit .header-content { position: absolute; display: block; width: 100%; to
p: 20px; z-index: 999; }
.hero-unit .header-content .banner-search { color:#fff;width: 860px; text-align:
center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 200px; }
.hero-unit .header-content .banner-search .line-heading { width: 416px; margin:
0 auto; } .
hero-unit .header-content .banner-search .line-heading .head-welcome { text-tran
sform: uppercase; font-family: $(body.font); font-weight: 500; font-size: 12px;
color: #ffffff; display: inline-block; letter-spacing: 1px; }
.hero-unit .header-content .banner-search .line-heading .line1 { height: 9px; ba
ckground: #FFFFFF; width: 100px; margin: 0 auto; margin-top: -9px; display: inli
ne-block; float: left; opacity: 0.3; margin-top: 5px; }
.hero-unit .header-content .banner-search .line-heading .line2 { height: 9px; ba
ckground: #FFFFFF; width: 100px; margin: 0 auto; margin-top: -9px; display: inli
ne-block; float: right; opacity: 0.3; margin-top: 5px; }
.hero-unit .header-content .banner-search .main-text { font-size: 44px; color: #
ffffff; margin-top: 20px; margin-bottom: 10px; font-family: $(body.font); font-w
eight: 600; } .hero-unit .header-content .banner-search .small-info { font-famil
y: $(body.font); font-size: 16px; color: #d7d7d7; margin-bottom: 35px; }
input#s { height: 50px; border-radius: 0px; color: #adadad; font-family: $(body.
font); font-size: 11px; font-weight: 500; text-transform: uppercase; outline: no
ne; box-shadow: none; border-width: 0px; background: #ffffff; border-right: 2px
solid #f0f0f0; padding-left: 20px; padding-right: 20px; width: 80%; margin: 0px;
float: left; } input#buttonsinput { height: 52px; border-radius: 0px; color: #a
dadad; font-family: $(body.font); font-size: 11px; font-weight: 500; text-transf
orm: uppercase; outline: none; box-shadow: none; border-width: 0px; background:
#ffffff; background-color: $(main.color); color: #ffffff; padding-left: 20px; pa

dding-right: 20px; width: 15%; float: left; } form.search-form { width: 100%; te

xt-align: center; }
<div class='top-bar'>
<div class='margin-960'>
<div class='social-icons'>
<span class='follow'>Follow us :</span>
<ul class='social-list-icons list-inline list-unstyled'>
<li><a href='#'><i class='fa fa-twitter'/></a></li>
<li><a href='#'><i class='fa fa-facebook'/></a></li>
<li><a href='#'><i class='fa fa-youtube-play'/></a></li>
<li><a href='#'><i class='fa fa-google-plus'/></a></li>
</ul>
</div>
<div class='register-links'>
<i class='fa fa-lock'/>
<ul class='list-inline'>
<li><a href='register_page.html'>Register</a></li>
<li>/</li>
<li><a href='login_page.html'>Login</a></li>
</ul>
</div>
</div>
</div>