/*
Theme Name: Belas Mensagens 2014/2015
Author: Contteudo
Author URI: http://www.contteudo.com
Description: Tema sob medida desenvolvido exclusivamente para o site Belas Mensagens.
Version: 1.0
*/

body {background:#FEF0F0; font-family: 'Open Sans', sans-serif;}
a {color: #EC1B23}
h1 {font-weight: bold}
a:hover {color: #C3141B}
#topo {padding: 5px 0 0 0;}
p {font-size: 14px;line-height: 20px;}
.destaques {margin-bottom: 15px; margin-top: 15px}
.destaques h3 {font-size: 1.4em; margin:5px 0;}
.novidades {background:#C4151C; padding: 15px 0; margin-bottom: 20px; }
.novidades a {color: #fff;}
.novidades a:hover {color: #fff}
.novidades p {font-size: 13px ;margin-top: 5px}
.listafrases a { font-weight: bold}
.listafrases p {font-size: 14px ;margin-top: 5px}
#hometitle {background: url(images/logo.jpg) no-repeat; width: 207px; height: 33px; display: block; text-indent:-9999px; margin-top: 0;}
hr {margin: 0 !important; padding: 0 !important; width: 100%}
.navbar {background: #FEF0F0}
.frase {margin-top: 5px;}
#adtop {padding-bottom: 10px;}
.autor {font-size: 12px; margin-top: 0;}
.label-default {background: #EC1B23; font-size: 14px; font-weight: bold; color: #fff; padding: 5px 10px;}
.label-default a {color: #fff}
.navbar-default .navbar-nav>li>a {color: #EC1B23; font-weight: bold;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #C3141B}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background: #C3141B; color: #fff}
.navbar-brand {padding: 8px 15px 15px 15px}
.nav-default>li>a {font-weight: bold;}
.navbar-default .navbar-toggle {border-color: #EC1B23 !important;}
.navbar-default .navbar-collapse {border-color: #EC1B23 !important;}
.navbar-default .navbar-form {border:0;}
.navbar-header span {color: #EC1B23}
.nav-default>li>a:hover, .nav-default>li>a:focus {background: #C3141B; color: #fff}
.nav-default .open>a, .nav .open>a:hover, .nav .open>a:focus {background: #C3141B; color: #fff}
.navbar-default {border: 0;}
.btn-default:hover {background: #C3141B; color: #fff; border: 1px solid #C3141B;}
.historiastitle {margin-top: 5px; font-weight: bold; font-size: 14px}
.navbar {margin-bottom: 10px}
.single h1 {margin-bottom: 20px; margin-top: 0;}
.content {background: #fff}
.adstopsingle {overflow: auto; margin-bottom: 15px;}
.pagination>li>span:hover {color: #ccc}
.native {height: 350px !important}
.relacao {margin-bottom: 15px}
.contenthistoria {margin-bottom: 15px;}
.cem {width: 100%}
.native {padding: 20px; margin-top: 5px;}
.noventa {width: 90%}
h3 {font-size: 1.2em}
.ads {margin-bottom: 10px; min-height: 280px;}
.single .ads {margin: 30px 0}
.modal-body {overflow: auto}
.conteudo {background: #fff}
.adsidebar {margin-top: 15px; margin-bottom: 15px}
#conteudobig {padding: 30px 0}
#conteudobig p {font-size: 2em; line-height: 40px;}
.conteudo h2 {font-size: 1.2em; margin-top: 0;}
.post h3 {font-size: 1.2em; margin-top: 0 !important;}
.conteudo p {font-size: 14px; line-height: 20px;}
.conteudo img {margin-bottom: 15px;}
.post {background: #fff; padding-bottom: 0px; padding-top: 15px; overflow: auto}
#posts {margin-bottom: 20px; margin-top: 10px; padding: 0;  }
.media-heading {font-size: 1.2em}
.media {border-bottom: 1px solid #EAEAEA; padding: 10px 0; margin-top: 0;}
.media:last-child {border-bottom: 0}
.adsidebar {width: 100%}
.listafrases {margin-bottom: 15px}
.lista {float:left; margin-bottom: 25px; }
.listasidebar {margin-bottom: 20px; border-bottom: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; padding: 15px; width: 100%;}
.destaque {font-weight: bold;}
.title {color: #666; text-transform: uppercase; font-size: 1.3em; border-bottom: 1px solid #ccc; padding-bottom: 5px; overflow: auto; width: 100%;  margin-bottom: 10px; overflow: auto}
.titleleft {color: #666; text-transform: uppercase; font-size: 1.3em; border-bottom: 1px solid #ccc; padding-bottom: 5px; overflow: auto; width: 100%;  margin-bottom: 10px; overflow: auto; float: left}
.titlefrases {color: #666; text-transform: uppercase; font-size: 1.3em; border-bottom: 1px solid #ccc; padding-bottom: 5px; overflow: auto; width: 100%;  margin-bottom: 10px; overflow: auto; margin: 10px; width: auto;}
.titlesidebar {color: #fff; text-transform: uppercase; font-size: 1.1em; border:0; padding:15px 10px; overflow: auto; width: 100%;  background: #C3141B}
.lead {margin-top: 15px}
.header {background: #C4151C; color: #fff; margin-bottom:15px; padding: 10px 0}
.header h1 {font-size: 1.6em; margin-top: 6px; line-height: 16px;}
.header .lead {font-size: 1.2em; margin: 0}
.buscando {background: #C4151C; color: #fff; border: 1px solid #C4151C; border-radius: 0;}
.form-control {border: 1px solid #C4151C; border-radius: 0;}
.form-control:focus {border: 1px solid #EC1B23}
.sugestoes {padding: 10px 0;}
#div-gpt-ad-1428006304227-3 {display:inline-block;}
.rodape {background: #C4151C; min-height: 50px; color: #fff; padding: 15px 0; overflow: auto }
.rodape .fa {font-size: 4em; margin-bottom: 15px;}
.index {border-top:10px solid #C4151C; padding-top: 0px;}
.list2 { list-style: none; margin-right: 10%; padding: 0; margin-bottom: 15px;}
.list2 li {float: left; margin-bottom: 15px; margin-right: 10px;}
.btn-primary {background: #C4151C; border: 0;}
.titulo {font-size: 1.3em;  font-weight: bold;}
.destaquesinicial {margin-bottom: 15px;}
.rodape a {color: #fff}
.list-inline>li {margin-bottom: 20px}
#getfixed {width: 100%;}
.rodape a:hover {color: #fff}
.mais {margin-top: 15px;}
.dropdown-menu {background: #C3141B; border: 0; border-radius: 0;}
.dropdown-menu>li>a {color: #fff}
#adfixed {float:left}
.pagination {float: left;}
.adslink {margin-bottom: 10px; margin-top: 10px;}
.pagination>li>a {color: #EC1B23; font-weight: bold;}
.pagination>li>a:hover {color: #C3141B}
.bread {color: #FEF0F0; margin-bottom: 0;}
.bread a {color: #fff !important}
.copy a {color: #fff}
.copy {padding: 20px 0 10px 0; background: #EC1B23; overflow: auto}
.linha {margin-bottom: 20px; padding-top: 15px;}
.gostar {margin-top: 20px}
.pagination>li>span {color: #ccc}
.vcenter {display:table-cell;  vertical-align: middle;}
#conteudo p {font-size: 1.2em; line-height: 32px;}
.single img {margin-bottom: 15px}
.botao-fb {float: left; margin-right: 10px}
.botao-plus {margin-right: 5px; width: 76px; float: left}
.related {width: 100%; float: left; margin-top: 15px;}
.relacionadas {padding-top:20px}
.titulo-relacionada {font-weight: bold; font-size: 1.3em}
.listagem p {margin-bottom: 20px; margin-top: 5px; font-size: 1.2em; font-weight: bold;}
.social {padding-bottom: 0px;}
.perfil {padding: 10px; border: 1px solid #C3141B; margin-bottom: 15px; float: left}
.compartilhe {width: 100%;}
.compartilhe .btn {margin-right: 20px; margin-bottom: 25px;}
.compartilhebottom {width: 100%; margin-bottom: 20px; margin-top: 20px;}
.imghistoria {margin-bottom: 15px}
.fb-like {overflow: auto;}
.lista404 {width: 100%}
.lista404 li {width: 200px;}
.first-letter {font-size: 2em; font-weight: bold; margin-left: 10px; margin-bottom: 10px; padding-bottom: 5px; border-bottom:1px solid #ccc; width: 100%; float: left;}
.listagemfrases {list-style: none; margin:0 10px 20px 10px; padding: 0; overflow: auto; font-size:1em; float: left; width: 100%}
.listagemfrases li {width: 230px; float: left; margin-right: 20px; margin-bottom:10px; font-weight: 400;}
.autores {margin-bottom: 15px; float: left}
.post-content { background: none repeat scroll 0 0 #666;    opacity: 0.8;    color: #fff;    margin: 0 auto;    margin-top: -20px;    text-align:center
position: relative;    width:100%;}
.post-contenttop { background: none repeat scroll 0 0 #666;    opacity: 0.8;    color: #fff;    margin-top: -42px;    text-align:center
position: relative;    width:100%; padding: 5px 0; padding-left: 10px}
.post-contenttop a {color: #fff; font-weight: bold}
.post-contenttop a:hover {color: #fff}   
.chamada {margin-top: 10px;}
.post-content a {color: #fff; font-weight: bold}
.post-content a:hover {color: #fff}
.frases-destaques h2 {font-weight: bold; font-size: 20px; margin-bottom: 15px}
.frases-destaques .post {margin-bottom: 15px}
.listassuntos a {font-size: 1.1em; margin-bottom: 15px;}
.listassuntos {min-height: 150px; overflow: auto; margin-top: 20px;}
.zilla-likes.active {border: 1px solid #ccc !important; padding: 1px 10px 0px 20px !important; max-height: 21px;}
.zilla-likes {border: 1px solid #ccc !important; padding: 1px 10px 0px 20px !important; min-height: 10px; max-height: 21px;}
.zilla-likes:hover {border: 1px solid #eee !important; padding: 1px 10px 0px 20px !important; max-height: 21px;}
.zilla-likes-count {padding-left: 5px; color: #999; font-size: 12px; vertical-align: top}
.zilla-likes-count:hover {color: #999;  vertical-align: top}
#bannerapp {background: #4B3B47; color: #fff; text-transform: uppercase; padding-top: 10px}
#bannerapp .btn {margin-left: 15px}
#bannerapp .btn:hover {background: #C4151C }
#bannerapp .btn:active {background: #C4151C }
#bannerapp .btn:focus {background: #C4151C }
.breadapp {padding: 10px 0 0 0;}
.breadapp a {color: #fff}
.headerapp {background: #C4151C; color: #fff; margin-bottom: 15px; padding: 0;}
.headerapp h1 {font-size: 1.6em; margin-top: 15px; line-height: 16px; margin-bottom: 0;}
.headerapp .lead {font-size: 1.2em; margin: 10px 0 0}
.linksfooter {padding-left: 20px;}
.linksfooter ul {margin-bottom: 0;}
.apps span {text-transform: uppercase; font-weight: 600; color: #fff;}
.apps .appfooter {border: 1px solid #fff !important; margin-top: 15px;}
.apps .appfooter:hover {color: #fff !important;}
.r7 img {margin-top: 10px; float: right}
#bottom-ad {position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  left: 0;
  height: 50px;
  background: #FEF0F0;}
.sideads {margin: 15px 0; padding: 20px 0; background: #FEF0F0}
.social-share {margin: 0 0 15px 0 !important;}
.btn-share:hover {color: #333 !important; border: 1px solid #ccc; background: #fff !important; cursor: text;}



.wrapper {
    text-align:center;
}




.item{
      
    text-align: center;
    height: 250px !important;
}
.carousel{
    margin-top: 0px;
}
.bs-example{
	margin: 0px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

@media (max-width: 1200px) {

.header h1 {font-size: 1.4em; margin-top: 6px}
.header .lead {font-size: 1em; margin: 0}

}


@media (max-width: 1000px) {

.nav>li>a {padding: 15px 8px; font-size: 12px;}



}

@media (min-width: 768px) and (max-width: 991px) {

.sidebar {padding-left: 0;}
.ads {padding: 0;}
.media-heading {font-size: 1em;}
.post-contenttop {margin-top: -36px; padding: 5px 0 5px 10px;}
.destaques h3 {font-size: 1.1em}


}


@media (max-width: 500px) {

h2 {font-size: 16px}
p {font-size: 12px}
#conteudo p {font-size: 13px; line-height: 26px}
.botao {display: none}
.single {padding: 0 !important}
.single h1 {font-size: 16px}
.botao-fb {display: none}
.botao-plus {display: none}
.index {padding-top: 15px}
.social {display: none; padding: 0}
#bannerapp .btn {margin-left: 2px; margin-bottom: 10px;}
#bannerapp p {margin: 0;}
.headerapp .lead {font-size: 0.9em; margin-bottom: 15px; margin-top: 0;}
.r7 img {float: left;}
#ml_signup_email {margin-top: 10px;}
#ml_subscribe {margin-top: 10px;}
.post {padding: 10px 0 0 0 !important;}
.related {float: none !important;}
#side {padding: 0 !important;}
.adsdiv {padding: 0 !important}
.interna {padding: 0 10px !important;}
.sideads {background: #fff !important}
.gostar {float: left !important;}
.frase {padding: 0 10px}
.breadpp {padding: 10px 10px 0 10px;}
  }



@media (max-width: 768px) 
{ 
    div[class^="col"]{padding-left:10px; padding-right:10px;}
}




/* botoes */



/*!
 * Social Buttons for Twitter Bootstrap v1.0.0
 *
 * Copyright 2013 Adam Neumann
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */

.btn-facebook {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2b4b90;
  *background-color: #133783;
  background-image: -moz-linear-gradient(top, #3b5998, #133783);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
  background-image: -webkit-linear-gradient(top, #3b5998, #133783);
  background-image: -o-linear-gradient(top, #3b5998, #133783);
  background-image: linear-gradient(to bottom, #3b5998, #133783);
  background-repeat: repeat-x;
  border-color: #133783 #133783 #091b40;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color: #133783;
  *background-color: #102e6d;
}

.btn-facebook:active,
.btn-facebook.active {
  background-color: #0d2456 \9;
}

.btn-twitter {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1c95d0;
  *background-color: #0271bf;
  background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
  background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
  background-image: -o-linear-gradient(top, #2daddc, #0271bf);
  background-image: linear-gradient(to bottom, #2daddc, #0271bf);
  background-repeat: repeat-x;
  border-color: #0271bf #0271bf #014473;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
  color: #ffffff;
  background-color: #0271bf;
  *background-color: #0262a6;
}

.btn-twitter:active,
.btn-twitter.active {
  background-color: #01538d \9;
}


.btn-pinterest {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c51e25;
  *background-color: #ab171e;
  background-image: -moz-linear-gradient(top, #d62229, #ab171e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
  background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
  background-image: -o-linear-gradient(top, #d62229, #ab171e);
  background-image: linear-gradient(to bottom, #d62229, #ab171e);
  background-repeat: repeat-x;
  border-color: #ab171e #ab171e #680e12;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
  color: #ffffff;
  background-color: #ab171e;
  *background-color: #95141a;
}

.btn-pinterest:active,
.btn-pinterest.active {
  background-color: #7e1116 \9;
}


.btn-google-plus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d34332;
  *background-color: #c53727;
  background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
  background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background-image: -o-linear-gradient(top, #dd4b39, #c53727);
  background-image: linear-gradient(to bottom, #dd4b39, #c53727);
  background-repeat: repeat-x;
  border-color: #c53727 #c53727 #85251a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
  color: #ffffff;
  background-color: #c53727;
  *background-color: #b03123;
}

.btn-google-plus:active,
.btn-google-plus.active {
  background-color: #9a2b1f \9;
}

.btn-instagram {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5c88ab;
  *background-color: #3f729b;
  background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
  background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
  background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
  background-repeat: repeat-x;
  border-color: #3f729b #3f729b #294a65;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.btn-instagram.disabled,
.btn-instagram[disabled] {
  color: #ffffff;
  background-color: #3f729b;
  *background-color: #386589;
}

.btn-instagram:active,
.btn-instagram.active {
  background-color: #305777 \9;
}


.btn-whatsapp {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #59ac23;
  *background-color: #59ac23b;
  background-image: -moz-linear-gradient(top, #59ac236, #6cc731);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59ac23), to(#6cc731));
  background-image: -webkit-linear-gradient(top, #59ac23, #6cc731);
  background-image: -o-linear-gradient(top, #59ac23, #6cc731);
  background-image: linear-gradient(to bottom, #59ac23, #6cc731);
  background-repeat: repeat-x;
  border-color: #59ac23;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-whatsapp:hover,
.btn-whatsapp:focus,
.btn-whatsapp:active,
.btn-whatsapp.active,
.btn-whatsapp.disabled,
.btn-whatsapp[disabled] {
  color: #ffffff;
  background-color: #6cc731;
  *background-color: #386589;
}

.btn-whatsapp:active,
.btn-whatsapp.active {
  background-color: #305777 \9;
}