/*COLUNA DIREITA*/
.coluna-direita { width: 280px; height: auto; display: inline-block; vertical-align: top; position: relative; text-align: left; margin: 0px 0px 0px 60px; }
.coluna-direita .top { width: 100%; display: inline-block; height: auto; padding: 0px; line-height: 22px; font-size: 20px; color: var(--cor-texto-default); font-weight: 700; font-family: var(--fonte-padrao), sans-serif; text-align: left; text-transform: uppercase; }
.coluna-direita .linha { width: 85px; height: 10px; background-color: #07071c; display: inline-block; clear: both; margin: 4px 0px 0px 0px; }
.coluna-direita .cates { width: 280px; height: auto; margin-top: 20px; position: relative; }
.coluna-direita .cates ul { list-style-type: none; width: 100%; height: auto; text-align: center; }
.coluna-direita .cates ul li { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: auto; margin: 0px; padding: 10px 15px; font-size: 13px; color: var(--cor-texto-default); text-align: left; font-weight: 400; font-family: var(--fonte-padrao), 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; margin-bottom: 2px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; background-color: #f4f6f8; }
.coluna-direita .cates ul li:hover { background-color: #eaeaea; }

/* BANNER MENOR */
.banner-menor { width: 280px; height: 240px; position: relative; margin: 40px 0px; text-align: center; overflow: hidden; }
.banner-menor ul { widows: 100%; height: auto; position: relative; list-style-type: none; }
.banner-menor ul li { width: 280px; height: 240px; cursor: pointer; position: relative; padding: 0px; border: 0px; margin: 0px;  overflow: hidden; }
.banner-menor ul li img { display: block;  overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

/* BANNER VERTICAL */
.banner-vertical { width: 280px; height: auto; position: relative; margin: 40px 0px; text-align: center; overflow: hidden; }
.banner-vertical ul { widows: 100%; height: auto; position: relative; list-style-type: none; }
.banner-vertical ul li { width: 280px; height: auto; cursor: pointer; position: relative; padding: 0px; border: 0px; margin: 0px;  overflow: hidden; }
.banner-vertical ul li img { display: block;  overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

/*BUSCA*/
.coluna-direita .busca { width: 100%; height: auto; overflow: hidden; position: relative; clear: both; background-color: #ffffff; overflow: hidden; margin-bottom: 35px;  overflow: hidden; border: 2px solid var(--cor-secundaria);  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  }
.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: #545454; text-align: left;  background: transparent; font-size: 14px; float: left; font-family: var(--fonte-padrao), Arial; line-height: 50px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.coluna-direita .busca input[type=submit] { cursor: pointer; width: 28%; background: var(--cor-secundaria); height: 50px; line-height: 50px; font-size: 12px; color: #ffffff; font-family: var(--fonte-padrao), sans-serif; letter-spacing: 1px; text-align: center; float: right; text-transform: uppercase; font-weight: 600; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.coluna-direita .busca input[type=submit]:hover { background: var(--cor-primaria); color: var(--cor-secundaria); }

section.contraste .coluna-direita .cates ul li:hover, section.contraste .coluna-direita .cates ul li { color:#000000 }
section.contraste .coluna-direita .busca input[type=submit] { background-color:#747474 }

::-webkit-input-placeholder { /* Chrome */ color: #545454 !important; }
:-ms-input-placeholder { /* IE 10+ */ color: #545454 !important; }
::-moz-placeholder { /* Firefox 19+ */ color: #545454 !important; opacity: 1; }
:-moz-placeholder { /* Firefox 4 - 18 */ color: #545454 !important; opacity: 1; }

@media screen and (max-width: 1100px) {
	section { padding-top: 75px }

	.coluna-direita { width: 96%; height: auto; float: none;margin: 100px 0px 80px 0px; padding: 0px 2%; border-top: 0px; text-align: center; }
	.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: 100%; text-align: left; }
	.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; }

	.banner-menor, .banner-vertical { display: inline-block; vertical-align: top; }
}