@charset "UTF-8";

.show-640 {display:none;}
.show-480 {display:none;}

.expandir-topo {
	background: transparent;
	width: 24px;
	height: 21px;
	display: none;
	padding-top: 3px;
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 25px;
	right: 2.5%;
}
.expandir-topo i {
	height: 4px;
	border-radius: 10px;
	width: 100%;
	background: #526E7E;
	display: block;
	margin: 3px auto 0;
}

@media only screen and ( max-width : 1000px ) {

	#footer,
	#formulario input,
	#formulario textarea,
	div.item,
	#letras,
	#conteudo,
	#menuconteudo,
	#content,
	#sidebar,
	#news,
	#calendar,
	#singUpNews input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -box-sizing: border-box; }

	#all,
	#sidebar,
	#content { overflow:hidden; margin: 0; }

	#all { position:static; width: 100%; display: block; }
	.tit { margin-bottom: 10px; display: block; }

	/* Sidebar */

		#sidebar {width: 30%;padding: 0 2%;}

		#logo {margin:0 auto;width:100%;max-width:229px;background-position:center center;background-size:100% auto;}
		
		/* Menu */

		div#wrapper-menu {margin:0;font-size:11px;}
		div#wrapper-menu ul.side-nav {padding-left:0;height:auto;}
		div#wrapper-menu ul.side-nav li a {padding-left:15px;}
		div#wrapper-menu,
		div#wrapper-menu ul.side-nav,
		div#wrapper-menu ul.side-nav li,
		div#wrapper-menu ul.side-nav-sub li,
		div#wrapper-menu ul.side-nav li a,
		div#wrapper-menu ul.side-nav-sub li a {width:100%;overflow:hidden;}

		/* Logo Rio Content Market */

		#rcm {margin:0 auto;width:100%;max-width:182px;background-position:center center;background-size:100% auto;}

		/* Newsletter */

		#singUpNews {}
		#singUpNews input {margin:0 0 5px 0;height:25px;line-height:25px;padding:0 5px;width:100%;}
		#singUpNews input#email {width:80%;}
		#singUpNews input#ok {width:20%;padding:0;}

	/* Conteúdo */

		/* Topo */

		#topnew .coluna-busca {float:right;margin:0;}
		#topnew .coluna-idiomas {width:42px;}

		/* Slider */

		#slide { width:100%;}
		.anythingSlider {width:100%;}

		/* Conteúdo Normal */

		#content {width:70%;padding-right:2%;}
		#conteudo {width:70%;margin:0;}
		#conteudo p > img {max-width:100%;height:auto !important;}
		#menuconteudo {width:28%;margin-left:2%;float:right;}

		/* Home */

		#news {width:49%;margin:0 2% 20px 0;min-height:205px;height:auto;}
		#calendar {width:49%;margin:0 0 20px 0;height:auto;}
		#calendar #eventos {float:left;width:100%;}

		/* Internas */

		#banner {}
		#banner img {width:100%;height:auto;}

		/* Eventos */

		#agenda {min-height:auto;}

		/* Catálogos */

		#conteudomaster {width:100%;min-height:auto;}

		.topo-conteudo {height:auto;}
		.topo-conteudo .coluna {display:block;float:none !important;}

		#letras {height:auto;padding:5px;}
		#letras ul {padding:0;text-align:left;}
		#letras ul li {padding:0;margin:0 10px 0 0;float:none;display:inline-block;vertical-align:top;}
		#letras ul li a,
		#letras ul li b {padding:0 5px;display:block;height:20px;line-height:20px;}
		#letras ul li a:hover {padding:0 5px;}

		div#catalogos {width:110%;text-align:left;}
		div.no-right {margin-right:24px;}
		div.item > div {overflow:hidden;}

		#tabela #letras {margin-left:0;}

	/* Rodapé */

	#footer {width:96%;margin-left:2%;}
	#footer .coluna-footer {width:100%;float:none;text-align:center;margin:0;padding:0;}
	#footer .coluna-socialmedia {margin:0 0 25px 0;}
	#footer .coluna-assinatura .titulo-coluna {display:none;}

}

@media only screen and ( max-width : 960px ) {

	.produtora-single .trabalhos-produtora {width:100%;margin-bottom:25px;}
	.produtora-single .trabalhos-produtora .trabalho-produtora {width:48.75%;}
	.produtora-single .trabalho-produtora:nth-child(even) {margin-left:2.5%;}
	.produtora-single .sidebar-produtora {width:100%;}
	.produtora-single .sidebar-produtora .wrapper {padding:1.5%;}
	.produtora-single .sidebar-produtora .bloco {display:inline-block;vertical-align:top;width:20%;margin-right:1%;}
	.produtora-single .sidebar-produtora .bloco + .bloco {width:42%;}
	.produtora-single .sidebar-produtora .bloco + .bloco + .bloco {width:34.5%;margin-right:0;}

}

@media only screen and ( max-width : 780px ) {

	.produtora-single .sidebar-produtora .bloco {display:inline-block;vertical-align:top;width:40%;margin-right:1%;}
	.produtora-single .sidebar-produtora .bloco + .bloco {float:right;width:55%;}
	.produtora-single .sidebar-produtora .bloco + .bloco + .bloco {width:100%;margin-right:0;}
	.produtora-single .sidebar-produtora ul li:first-child {display:block;}	
	.produtora-single .sidebar-produtora ul li {display:inline;}	
	.produtora-single .sidebar-produtora ul li:after {content:', ';}
	.produtora-single .sidebar-produtora ul li:first-child:after {content:'';}


}



@media only screen and ( max-width : 640px ) {

	/* Containers Principais */

	#sidebar {}
	#content {}
	#footer {}

	/* Itens da Sidebar */

	#menu {}
	#wrapper-menu {}
	.side-nav {}

	/* Conteúdo  */

	#conteudo {width:100%;margin:0 0 25px 0;}
	#menuconteudo {min-height:100px;width:50%;margin:0 0 25px 0;padding:0;float:left;}
	#menuconteudo ul {margin-top:0;}

		/* Barra-Top */

		#topnew .form-busca-campo {width:120px;}

		/* Notícias */

		#news {width:100%;margin:0 0 25px 0;padding:5%;}

		/* Calendário, Agenda, Etc */

		#calendar {width:100%;margin:0 0 25px 0;padding:5%;}
		#calendar table.calendar td {height:30px;line-height:30px;}
		#agenda {min-height:100px;width:100%;height:auto;margin:0 0 25px 0;}
		#agendacalen {min-height:100px;width:50%;margin:0;padding:0;float:left;margin:0 0 25px 0;}	
		#calendario {width:100%;margin:0 0 15px 0;}
		#calendario .calendar {width:100%;}
		#eventos {}

		/* Contato, Endereço, Local */

		#endereco {width:100%;margin:0 0 25px 0;padding:0;}
		#formulario {width:100%;margin:0 0 25px 0;padding:0;}
		#formulario input {display:block;height:30px;line-height:30px;padding:0 10px;margin:0 0 10px;}
		#formulario textarea {display:block;line-height:20px;padding:10px;margin:0 0 10px;}

}

@media only screen and ( max-width : 480px ) {

	.show-480 {display:block;}

	/* Sidebar */
	#sidebar {width:100%;margin-bottom:25px;position:relative;}
	#sidebar .logo-btvp {width:80%;display:block;}
	#sidebar .logo-btvp #logo {margin:0;}
	#sidebar .logo-rcm {display:none;}
	#menu {height:0px;overflow:hidden;margin:0;transition:all 0.25s ease 0;}
	#menu.visivel {height:260px;margin:25px 0;transition:all 0.25s ease 0;}
	#newsletter {height:1px;overflow:hidden;}
	#newsletter.visivel {height:95px;}

	#content {width:100%;margin-bottom:25px;padding:0 2%;}

}




















