/*COLUNA DIREITA*/
.coluna-direita { width: 280px; height: auto; display: inline-block; vertical-align: top; position: relative; text-align: center; margin: 0px 0px 40px 60px; }
.coluna-direita .top { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); display: inline-block; height: 44px; padding: 0px 20px; background: #15424a; margin-bottom: 20px; letter-spacing: 1px; line-height: 44px; font-size: 14px; color: #ffffff; font-weight: 600; font-family: 'Poppins', sans-serif; text-align: left; text-transform: uppercase; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.coluna-direita .top i { font-size: 14px; line-height: 44px; float: left; padding: 0px 10px 0px 0px; color: #15424a; }
.coluna-direita .cates { width: 280px; height: auto; }
.coluna-direita .cates ul { list-style-type: none; width: 100%; height: auto; text-align: center; }
.coluna-direita .cates ul li { width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px); width: -o-calc(100% - 35px); width: calc(100% - 35px); height: auto; margin: 0px 0px; padding: 15px 15px 15px 20px; font-size: 14px; color: #15424a; text-align: center; font-weight: 400; font-family: 'Poppins', sans-serif; border-bottom: #f4f6f8 1px solid; line-height: 20px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  overflow: hidden;  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-bottom: 1px; }
.coluna-direita .cates ul li.destaque i { color: #c6c6c6; line-height: 20px; font-size: 20px; padding: 0px 0px 0px 10px; float: right; }
.coluna-direita .cates ul li.destaque { color: #000000; background-color: #f4f6f8; text-align: left; font-weight: 600; }
.coluna-direita .cates ul li.destaque:hover { color: #ffffff; background-color: #000000; text-align: left; }
.coluna-direita .cates ul li.destaque:hover i { color: #ffffff; }
.coluna-direita .cates ul li:hover { background-color: #f4f6f8; }

/*BUSCA*/
.coluna-direita .busca { width: 100%; height: auto; overflow: hidden; position: relative; clear: both; background-color: #eaeaea; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; margin-bottom: 35px; }
.coluna-direita .busca input[type=text] { width: -moz-calc(71% - 15px); width: -webkit-calc(71% - 15px); width: -o-calc(71% - 15px); width: calc(71% - 15px); padding: 0px 0px 0px 15px; font-weight: 400; color: #010101; text-align: left;  background: transparent; font-size: 14px; float: left; font-family: 'Poppins', Arial; line-height: 50px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #eaeaea; }
.coluna-direita .busca input[type=submit] { cursor: pointer; width: 28%; background: #00aaff; height: 50px; line-height: 50px; font-size: 12px; color: #ffffff; font-family: 'Poppins', sans-serif; text-align: center; float: right; font-weight: 600; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }

/*COLUNISTAS*/
.coluna-direita .cols { width: 280px; height: auto; margin-top: 70px; }
.coluna-direita .cols ul { list-style-type: none; width: 100%; height: auto; }
.coluna-direita .cols ul li { width: 280px; height: 60px; margin: 5px 0px; font-size: 14px; overflow: hidden; color: #15424a; font-weight: 400; font-family: 'Poppins', sans-serif; text-align: left; border-bottom: #f4f6f8 1px solid; line-height: 60px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.coluna-direita .cols ul li img { width: 40px; height: 40px; margin: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; float: left; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.coluna-direita .cols ul li .posts { visibility: hidden; opacity: 0; -moz-transition: visibility 0s, opacity 0.3s linear; -o-transition: visibility 0s, opacity 0.3s linear; -webkit-transition: visibility 0s, opacity 0.3s linear; transition: visibility 0s, opacity 0.3s linear; margin: 15px 0px 0px -25px; z-index: 10; border: 2px solid #ffffff; width: auto; padding: 0px 7px; height: 25px; overflow: hidden; position: absolute; background-color: #1a1a1a; font-size: 10px; color: #ffffff; font-weight: 600; font-family: 'Poppins', sans-serif; text-align: center; line-height: 25px;  -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  overflow: hidden;  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.coluna-direita .cols ul li:hover .posts{ visibility: visible; opacity: 1; }
.coluna-direita .cols ul li:hover { background-color: #f4f6f8; }
.coluna-direita .cols ul li:hover img { opacity: 0.6; }

/*LIKEBOX*/
.coluna-direita .curta { width: 280px; height: auto; position: relative; clear: both; margin-top: 70px; }
.coluna-direita .curta .like { width: 280px; height: auto; position: relative; clear: both; margin: 10px 0px 20px 0px; }

/*VÍDEOS*/
.coluna-direita .uvideos { width: 280px; height: auto; position: relative; clear: both; margin-top: 70px; }
.coluna-direita .uvideos .video { width: 280px; height: auto; position: relative; overflow: hidden; margin-top: 10px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; border-bottom: 1px solid #f4f6f8;overflow: hidden;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.coluna-direita .uvideos .video img { width: 280px; height: 170px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.coluna-direita .uvideos .video .bt-play { position: absolute; z-index: 10; margin: 45px 0 0 70px; width: 85px; height: 85px; background-image: url(../imagens/bt-play.png); background-repeat: no-repeat; background-position: right center; background-size: auto auto; }
.coluna-direita .uvideos .video:hover img { opacity: 0.6; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.coluna-direita .uvideos .video .nome_video { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; padding: 10px; font-size: 12px; line-height: 12px; color: #000000; font-weight: 400; font-family: 'Poppins', sans-serif; text-align: left; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.coluna-direita .uvideos .video .nome_video span { color: #000000; font-size: 10px; float: right; }
.coluna-direita .uvideos .video:hover { background-color: #f4f6f8; }
.coluna-direita .uvideos .todos { width: 100%; height: auto; padding-top: 20px; font-size: 14px; line-height: 20px; color: #00377d; font-weight: 400; font-family: 'Poppins', sans-serif; text-align: center; margin-bottom: 70px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.coluna-direita .uvideos .todos:hover { color: #000000; }

@media screen and (max-width: 1100px) {
	.coluna-direita { width: 96%; height: auto; float: none;margin: 100px 0px 80px 0px; padding: 0px 2%; border-top: 0px; }
	.coluna-direita .cols,
	.coluna-direita .curta,
	.coluna-direita .uvideos,
	.coluna-direita .cates { width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: -o-calc(100% - 2px); width: calc(100% - 2px); height: auto; }
	.coluna-direita .cols .top,
	.coluna-direita .curta .top,
	.coluna-direita .uvideos .top,
	.coluna-direita .cates .top { font-size: 16px; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); text-align: center; }
	.coluna-direita .cols ul li { font-size: 16px; width: 100%; }
	.coluna-direita .cates ul li,
	.coluna-direita .cates ul li:hover { font-size: 16px; }
	.coluna-direita .curta .like { width: 100%; text-align: center; }
	.coluna-direita .cols { margin-bottom: 70px; }
	.coluna-direita .cols ul li .posts { margin: 20px 0px 0px 0px; height: 15px; line-height: 15px; position: relative; display: inline-block; float: right; }
	.coluna-direita .uvideos .video { width: 100%; text-align: center; height: auto; }
	.coluna-direita .uvideos .video img { max-width: 100%; max-height: inherit; width: 100% !important; text-align: center; height: auto; padding-bottom: 10px; }
	.coluna-direita .uvideos .bt-play { display: none; }
	.coluna-direita .uvideos .todos { font-size: 16px; }
	.coluna-direita .publicidade, .banner2301, .banner2302 { display: none; }
	.coluna-direita .cates ul { margin-bottom: 50px; }
}