@charset "utf-8";

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
 **/

/** General Style Info **/
@font-face{
	font-family: 'bebas';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body { height: 100%; }

*{
	overflow-x: hidden;
	overflow-y: auto;
}
div, a, span, li, ul{
	overflow: hidden;
}
body {
	background: url(../img/site/background.png) repeat;
	/* padding-top: 52px;*/
}

#body.container {
	padding-left: 0;
	padding-right: 0;
	max-width: 970px;
	font-size: 90%;
	/*padding-bottom: 85px;*/
	padding-bottom: 0px;
	background: #FFF;
}

@media (min-width: 768px) {
	#body.container {
		padding-bottom: 340px;
	}
}

@media (max-width: 768px) {
	.modal{
		top: 60px !important;
		bottom: 30px !important;
	}
}

.container-loading {
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: 0.75;
	position: fixed;
	background: rgba(255, 255, 255, .75);
	top: 0;
	left: 0;
	color: #333;
	text-align: center;
	vertical-align: middle;
	font-size: 400%;
	z-index: 3;
	padding-top: 15%;
	overflow: hidden;
}

@media (min-width: 768px) {
	body {
		/*overflow-x: auto;*/
	}

	#body.container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

#wrapper { min-height: 100%; position: relative; }

hr {
	width: 100%;
}

/** Menu **/
#topo-index{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
nav.navbar {
	/*
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	*/
}
.navbar-nav { font-family: bebas; }

.navbar-nav > li { font-size: 19px; border-top: 1px solid #FFF;}
.navbar-nav > li:first-child { border-top: none;}

@media (min-width: 768px) {
	.navbar-nav > li { font-size: 19px; border-top: none;}
}

/** Rádio Player **/
#radio-player {
	border-top: 2px solid #f58020;
	background: #000;
	width: 100%;
	font-family: bebas;
}

#radio-player .container {
	background: url(../img/site/mucao-radio.jpg) top left no-repeat;
	background-size: contain;
	position: relative;
}

#radio-player .container .content {
	position: absolute;
}

#radio-player ul li {
	list-style: none;
	display: inline-block;
}

#radio-player ul li a {
	padding: 3px 21px;
	border: 1px solid #222;
}

#radio-player ul li a:focus{
	color: #F58020 !important;
}

#radio-player ul li a:hover{
	color: #FFF !important;
}

.webradio-playing{
	color: #56BFAD !important;
}

#radio-player-toggle {
	background: url(../img/site/botao-radio.png) top left no-repeat;
	width: 116px;
	height: 52px;
	text-indent: -9999px;
	display: block;
}

#radio-player-toggle.active {
	background-position-y: -52px;
}

/* Rádio - Médio */
@media (min-width: 768px) {
	#radio-player .container {
		height: 211px;
	}

	#radio-player .container .content {
		top: 30px;
		left: 183px;
	}

	#radio-player ul li {
		transform: scale(1.38);
		-moz-transform: scale(1.38);
		margin-right: 25px;
		margin-top: 3px;
		margin-left: 5px;
	}
	#radio-share{
		position: relative;
		left: 360px;
		top: 172px;
		-moz-transform: scale(0.8);
		transform: scale(0.8);
		margin:0;
    	padding:0;
	}

	#webradio-wave{
		top: 0px;
		left: 125px;
	}

	#bt-play{
		position: absolute;
		top: 0px;
		left: 97px;
	}

	.webradio-volume{
		position: absolute;
		top: -0px;
		left: 260px;
	}

	#webradios{
		margin-left: 7px;
		margin-top: 9px;
	}
}

/* Rádio - Grande */
@media (min-width: 992px) {
	#radio-player .container {
		height: 273px;
	}

	#radio-player .container .content {
		top: 40px;
		left: 250px;
	}

	#radio-player ul li {
		transform: scale(1.8);
		-moz-transform: scale(1.8);
		margin-top: 22px;
		margin-right: 50px;
		margin-left: 10px;
		margin-bottom: 6px;
	}

	#radio-share{
		position: relative;
		left: 562px;
		top: 226px;
		-moz-transform: scale(1);
		transform: scale(1);
		margin:0;
    	padding:0;
	}

	#webradio-wave{
		top: 0px;
		left: 174px;
	}

	#bt-play{
		position: absolute;
		top: 0px;
		left: 142px;
	}

	.webradio-volume{
		position: absolute;
		top: 0px;
		left:312px;
	}

	#webradios{
		margin-left:16px;
		margin-top: 0px;
	}
}

.btn-webradio{
	background-image: url(../img/site/bt_radio_fundo.jpg) !important;
}

#webradio-wave{
	width: 130px;
	position: absolute;
	height: 19px;
	border: 1px solid #444;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/** Footer **/
#social-ul{
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
@media (min-width: 768px){
	#social-ul{
	    -moz-transform: scale(0.85) rotate(-10deg);
		-webkit-transform: scale(0.85) rotate(-10deg);
		-o-transform: scale(0.85) rotate(-10deg);
		-ms-transform: scale(0.85) rotate(-10deg);
		transform: scale(0.85) rotate(-10deg);

		bottom: 19px;
	    left: 159px;
	}
}
#footer {
	border-top: 3px solid #f58020;
	background: #000;
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	bottom: 0;
	color: #FFF;
	text-transform: uppercase;
	font-size: 23px;
}
@media (min-width: 768px) {
	#footer {
		position: absolute;
	}
}

.footer-mobile{
	text-align: center;;
	font-size: 10px !important;
	padding: 5px;
}

#footer hr {
	margin-top: 30px;
	margin-bottom: 30px;
}

#footer ul {
	margin: 0;
	padding: 0;
	font-family: bebas;
}

#footer ul li {
	list-style: none;
}

#footer ul li:first-of-type {
	border-left: none;
}

#footer ul li a {
	color: #FFF;
}

#footer ul li a:hover {
	color: #f58020;
	text-decoration: none;
}

#footer > .container > .row > div:first-of-type {
	border-left: none;
	padding-left: 10px;
	padding-top: 10px;
}

#footer > .container > .row > div:nth-of-type(2) {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
#footer > .container > .row > div:nth-of-type(2) > .newsletter > p > small {
	font-size: 65%;
}

@media (min-width: 768px) {
	#footer > .container > .row > div:nth-of-type(2) {
		margin-top: 30px;
		border-left: 1px solid #f58020;
	}
}

/** Newsletter **/
.newsletter {
	font-family: bebas;
}

/** Apps **/
.apps {
	margin-bottom: 10px;
}

.apps h1 {
	color: #f48020;
	font-size: 22px;
	margin: 0 0 .5em 0;
}

.apps h1 span {
	color: #fff;
}

.apps a {
	display: inline-block;
	opacity: 0.5;
  	-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: .5s;
}

.apps a:hover {
	opacity: 1;
}

.apps img {
	margin: 0 auto;
	padding: 2px;
}

/** Login **/
div.login {
	height: 80px;
	margin-bottom: 1em;
}

div.login h1 {
	color: #f48020;
	font-size: 22px;
	margin: 0 0 .5em 0;
}

div.login h1 span {
	color: #fff;
}

div.login ul li {
	margin: 1px;
	display: inline-block;
}

div.login ul li .social-button {
	display: block;
	margin: 0;
	opacity: 0.5;
  	-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: .5s;
}

div.login ul li .social-button:hover {
	opacity: 1;
	cursor: pointer;
}

div.login .social-button.facebook { color: #0974B6 !important; }
div.login .social-button.google-plus { color: #E02F2F !important; }
div.login .social-button.user { color: #333 !important; }
div.login .social-button.logout { color: #f48020 !important; }

/** Social **/
div.social {
	height: 62px;
	padding: 10px 0;
}

div.social ul li {
	margin: 1px;
	display: inline-block;
}

div.social ul li a {
	width: 41px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	opacity: 0.5;
  	-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: .5s;
}

div.social ul li a:hover {
	opacity: 1;
}

div.social a {
	background: url(../img/site/icones-social.png) no-repeat;
}

div.social a.facebook { background-position: -255px -6px; }
div.social a.twitter { background-position: -54px -6px; }
div.social a.rss { background-position: -104px -4px; }
div.social a.youtube { background-position: -4px -5px; }
div.social a.soundcloud { background-position: -204px -4px; }
div.social a.radio { background-position: -154px -4px; }

@media (min-width: 768px) {
	div.social {
		background: url(../img/site/mucao-placa.png) bottom left no-repeat;
		width: 336px;
		height: 334px;
		padding: 0;
	}

	div.social ul {
		position: absolute;
		bottom: 47px;
		left: 175px;
		width: 150px;
		padding: 0;
		margin: 0;
	}
}

/** Banner **/
.banner.text-center img {
	margin: 0 auto;
}
.container img {
	max-width: 100%;
}

/** Audios **/

/** Soundcloud **/
div.soundcloud {
	background: #FFF;
	text-align: left;
}

@media (min-width: 768px) {
	div.soundcloud {
		background: #FFF url(../img/site/soundcloud-background.png) top right no-repeat;
		background-size: contain;
	}
}

/** Mucao Audios */
div.mucao-audios h1 {
	color: #f58020;
	font-size: 30px;
	margin: 0 0 0 10px;
	text-shadow: 1px 1px 0 #000;
	text-transform: uppercase;
	margin-top: 5px;

	/*
	background: #f58020 url(../img/site/mucao-soundcloud.png) 10% top no-repeat;
	width: 100%;
	height: 80px;
	line-height: 80px;
	color: #fff;
	padding-left: 45%;
	margin: 0;
	text-shadow: 1px 1px 0 #000;
	*/
}

div.mucao-audios h1 a{
	font-size: 23px;
	float: right;
	padding-top: 10px;
	color: #f58020;
	text-decoration: none;
}

/** Mucao News */
div.mucao-news h1 {
	background: #f58020;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 0;
	text-shadow: 1px 1px 0 #000;

	/*
	background: #f58020 url(../img/site/mucao-news-mobile.png) 10% top no-repeat;
	width: 100%;
	height: 80px;
	line-height: 80px;
	color: #fff;
	padding-left: 45%;
	margin: 0;
	text-shadow: 1px 1px 0 #000;
	*/
}

/** Youtube **/
div.youtube h1 {
	background: #f58020 url(../img/site/mucao-youtube.png) 10% top no-repeat;
	width: 100%;
	height: 80px;
	line-height: 80px;
	color: #fff;
	padding-left: 45%;
	margin: 0;
	text-shadow: 1px 1px 0 #000;
}

/** Personagens **/
#personagens h1 {
	color: #f58020;
	font-size: 30px;
	margin: 0 0 0 10px;
	text-shadow: 1px 1px 0 #000;
}

#personagens ul {
	margin: 0;
	padding: 0;
	margin-top: 13px;
	text-align: center;
	font-family: bebas;
}

#personagens ul li {
	list-style: none;
	display: inline-table;
	font-size: 19px;
	margin-left: 10px;
	zoom: 110%;
	width: 32%;
}

@media (min-width: 768px) {
	#personagens ul li {
		width: 14%;
	}
}

#personagens ul li a img{
	width: 100%;
}

#personagens ul li:first-of-type {
	margin-left: 0;
}

#personagens ul li img {
	display: block;
}

@media (min-width: 768px) {
	#personagens ul li img {
		filter: blur(1px) grayscale(1);
		-webkit-filter: blur(1px) grayscale(1);
  		-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    	transition: .5s;
	}
}

#personagens ul li a span {
  	-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: .5s;
    /*margin-right: 18px;*/
}

@media (min-width: 768px) {
	#personagens ul li a span {
		margin-right: 0px;
	}
}

#personagens ul li a:hover img, #personagens ul li a:hover span, #personagens ul li a:hover {
	filter: blur(0) grayscale(0);
	-webkit-filter: blur(0) grayscale(0);
	text-decoration: none;
	color: #f58020;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
}

#personagens ul li span {
	color: #f58020;
	text-transform: uppercase;
	font-size: 160%;
}

@media (min-width: 768px) {
	#personagens ul li span {
		color: #AAA;
	}
}

.personagens.view > div > img {
	float: left;
	margin-right: 2em;
}

/** Instagram **/
#instagram h1 {
	background: #f58020;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 0;
	text-shadow: 1px 1px 0 #000;
}

.promocao-encerrada{
	color: #AA0000;
}

/** Mapa - Afiliadas **/
.mapa {
	/*height: 400px;*/
	height: 875px;
}
.mapa img { max-width: none; }

.mapa .afiliadas-informacoes { min-width: 60px; }
.mapa .afiliadas-informacoes h1 { margin: 0 0 5px 0; font-size: 150%; padding-bottom: 2px; border-bottom: 1px solid #ddd; }

/** Conteúdo **/
.content {
	background: #FFF;
	padding: 1em;
}

.page-title > h2 {
	margin: 10px 0;
	padding-bottom: 5px;
	text-indent: 0.5em;
	border-bottom: 1px solid #ddd;
}

/** Instagram **/
/** Lista **/
ul.instagram {
	margin: 0;
	padding: 0;
	margin-top: .5em;
	margin-bottom: .5em;
	text-align: center;
}

ul.instagram li {
	list-style: none;
	display: inline-block;
	margin-left: .5em;
	width: 30%;
}

@media (min-width: 768px) {
	ul.instagram li {
		width: 14%;
	}
}

ul.instagram li a {
	display: block;
	-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: .5s;
    opacity: 0.75;
    border-radius: 4px;
}

ul.instagram li a:hover {
	opacity: 1;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.55);
}

.instagram-loading {
	position: absolute;
	background: rgba(255, 255, 255, .75);
	top: 6px;
	width: 940px;
	height: 130px;
	color: #333;
	text-align: center;
	line-height: 126px;
	vertical-align: middle;
	font-size: 400%;
	z-index: 3;
}

.instagram-list {
	position: relative;
}

.instagram-list a.previous, .instagram-list a.next {
	opacity: 0.75;
	text-shadow: 1px 1px 3px #333;
	display: block;
	width: 30px;
	text-align: center;
	padding-top: 28%;
	padding-bottom: 28%;
	vertical-align: middle;
	font-size: 200%;
	color: #FFF;
	position: absolute;
	z-index: 2;
	-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: .5s;
}

@media (min-width: 528px) {
  .instagram-list a.previous, .instagram-list a.next {
    padding-top: 25%;
    padding-bottom: 25%;
  }
}
@media (min-width: 768px) {
  .instagram-list a.previous, .instagram-list a.next {
    padding-top: 3.25%;
    padding-bottom: 3.25%;
  }
}
@media (min-width: 992px) {
  .instagram-list a.previous, .instagram-list a.next {
    padding-top: 7%;
    padding-bottom: 5%;
  }
}

.instagram-list a.previous { left: 0; top: 0;  }
.instagram-list a.next { right: 0; top: 0; }

.instagram-list a:hover { opacity: 1; cursor: pointer; background: rgba(0, 0, 0, 0.5); }

/** Entidades Sociais, TV Mucao **/
.entidadesSociais ul li, .tvMucao ul li {
	list-style: none;
	float: left;
	margin-right: 1em;
}

.entidadesSociais ul li a, .tvMucao ul li a {
	display: block;
	-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: .5s;
    opacity: 0.75;
    border-radius: 4px;
}

.entidadesSociais ul li a:hover, .tvMucao ul li a:hover {
	opacity: 1;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.55);
}

.entidadesSocial.view, .tvMucao.view {
	padding: 1em;
}

.form-error {
	border: 1px solid #e51c23 !important;
}

/* ***********************
 * BANNER INDEX
 *************************/

.banner {
	/*overflow: hidden;*/
}

@media (min-width: 320px) {
	.banner-index-full {
		padding-left: 0px;
		margin-left: -124px;

		transform: scale(0.44);
		-moz-transform: scale(0.44);
	}
	.banner-index-full-container{
		margin-top: -44px;
		margin-bottom: -44px;
	}

	.banner-index-square{
		right: 32px;
		margin-top: -29px;
		margin-bottom: -42px;

		transform: scale(0.8);
		-moz-transform: scale(0.8);
	}
}

@media (min-width: 480px) {
	.banner-index-full {
		padding-left: 0px;
		margin-left: 15px;

		transform: scale(1);
		-moz-transform: scale(1);
	}
	.banner-index-full-container{
		margin-top: -20px;
		margin-bottom: -20px;
	}

	.banner-index-square{
		right: 6px;
		margin-top: -40px;
		margin-bottom: -40px;

		transform: scale(0.7);
		-moz-transform: scale(0.7);
	}
}

@media (min-width: 768px) {
	.banner-index-full {
		padding-left: 0px;
		margin-left: -18px;

		transform: scale(0.95);
		-moz-transform: scale(0.95);
	}
	.banner-index-full-container{
		margin-top: -22px;
		margin-bottom: -22px;
	}

	.banner-index-square{
		right: 38px;
		margin-top: auto;
		margin-bottom: auto;

		transform: scale(0.76);
		-moz-transform: scale(0.76);
	}
}

@media (min-width: 992px) {
	.banner-index-full {
		padding-left: 95px;
		margin-left: 0px;

		transform: scale(1);
		-moz-transform: scale(1);
	}
	.banner-index-full-container{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.banner-index-square{
		right: 15px;
		margin-top: auto;
		margin-bottom: auto;

		transform: scale(1);
		-moz-transform: scale(1);
	}
}

.promocoes #accordion .panel-body h1 { font-size: 150%; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
.promocoes #accordion .panel-body img { margin: auto 1em 1em auto; }

button.close { position: absolute; right: 10px; top: 5px; font-size: 200%; z-index: 9999; }

.usuarios.form{
	padding: 15px;
}

.usuarios.form > div.row > div:last-of-type {
	border-left: 1px solid #ddd;
	height: 100%;
}

/* Banner FEED */
#bannerFeedTopo{
	height: 227px;
	background: url(../img/banners/topo.png) center;
}
#bannerFeedConteudo{
	padding: 10px;
	background: url(../img/banners/all.png);
	margin-bottom: 10px;
}
#bannerFeedConteudo h2{
	color: #000;
}
#bannerFeedConteudo h2:first-child{
	margin-top: 0px !important;
}

.bannerFeedInfo{
	color: #FFF;
	padding: 10px 20px;
	margin: 0px 2px;

	background: #f99117; /* Old browsers */
	background: -moz-linear-gradient(left, #f99117 0%, #fa9216 50%, #d96f0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f99117), color-stop(50%,#fa9216), color-stop(100%,#d96f0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #f99117 0%,#fa9216 50%,#d96f0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #f99117 0%,#fa9216 50%,#d96f0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #f99117 0%,#fa9216 50%,#d96f0e 100%); /* IE10+ */
	background: linear-gradient(to right, #f99117 0%,#fa9216 50%,#d96f0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99117', endColorstr='#d96f0e',GradientType=1 ); /* IE6-9 */
}

.bannerFeedMucaoNewsNoticia{
	color: #FFF;
	padding: 10px;
	margin: 0px 2px;

	background: #000;
}
.bannerFeedMucaoNewsArremate{
	color: #000;
	padding: 10px;
	margin: 0px 2px;

	background: #f99117; /* Old browsers */
	background: -moz-linear-gradient(left, #f99117 0%, #fa9216 50%, #d96f0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f99117), color-stop(50%,#fa9216), color-stop(100%,#d96f0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #f99117 0%,#fa9216 50%,#d96f0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #f99117 0%,#fa9216 50%,#d96f0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #f99117 0%,#fa9216 50%,#d96f0e 100%); /* IE10+ */
	background: linear-gradient(to right, #f99117 0%,#fa9216 50%,#d96f0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99117', endColorstr='#d96f0e',GradientType=1 ); /* IE6-9 */
}

#bannerFullInterno{
	background-image: url(../img/banners/banner_interno_fundo.png);
	background-repeat: no-repeat;
    background-position: top center;
	padding-left: 11.9% !important;
}

@media (max-width: 992px) {
	#bannerFullInterno{
		background: none !important;
		padding-left: 0px !important;
	}
}

@media (max-width: 480px) {
	#bannerFullInterno{
		display: none;
	}
}

.horizontal-center {
  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;

  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;

  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.

     Therefore, we should use the following declarations to get it centered again */
         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

.div-horoscopo-flex{
	display: -webkit-flex;
	display: flex;
}

.div-horoscopo-flex-imagem{
	padding: 10px
}

/* Fechar modal stories */
#zuck-modal-slider-stories .close{
	color: #ff7a00 !important;
  opacity: 1 !important;
}