@media screen and (max-device-width: 640px) {

	html, body { overflow-x: hidden; font-size: 14px; font-family: Helvetica, Arial, sans-serif !important; }
	h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif !important; }

    ul { margin: 0px; padding: 0px; }
    ol, ol.listaMarcada { margin: 0px !important; padding: 0px !important; }

    #addthis_wrapper { margin-bottom: 20px !important; }
    #addthis_wrapper a img { max-width: 32px !important; height: auto; margin-left: 5px; }
    #addthis_wrapper a:first-child { display: inline-block !important; }

	img { max-width: 100%; height: auto; }
    #content img.large-image-mobile { width: 100%; height: auto; }
    #content img.small-image-mobile { max-width: auto; height: auto; }


    .noticia { padding-right: 0px; }
    .noticia img { width: 100%; }
    .newsImageContainer { float: none !important; margin: 0px !important; width: auto !important; }

    .small-font-mobile { font-size: 12px !important; }

    div.table-responsive { width: 100%; height: auto; min-height: .01%; overflow-x: auto; overflow-y: hidden; margin-bottom: 15px; border: 1px solid #EEE; }

	#visual-portal-wrapper { width: auto; }

	#imgTopoBox, .agendaHome  { display: none; }

	.pesquisasTopoHome { z-index: 9999; display: none; position: absolute; left: 0px; top: 35px; margin-left: -4px; }
	.pesquisasTopoHome .pesquisasHome { padding: 0px; margin: 0px; background-image: none; background-color: transparent; }
	.pesquisasHome .size1of3 { width: 100% !important; padding: 0px !important; margin: 0px !important; border: none !important; border-bottom: 1px solid #CCC !important; background-color: #EEE !important; }
	.pesquisasHome .size1of3 h3 { padding-top: 5px; margin: 0px 0px 0px 10px; }
	.pesquisasHome .size1of3 .servicos { padding: 10px; padding-bottom: 25px; }
	.pesquisasHome .size1of3 .servicos form select { width: 100%; margin-bottom: 10px; }
	.pesquisasHome #listaDeputados{ width: 88%;}

	.grupoLinksInferiores { display: none; }

	#portal-column-content { padding: 0px 0px 20px 0px !important; padding-right: 0px !important; min-height: 0px important!; }
	#portal-column-one, #portal-column-two { min-height: 0px important!; margin: 0px important!; padding-bottom: 0px important!; }
	#content { width: auto !important; padding: 0px 8px !important; }
    iframe #content { padding: 0px !important; }
	.imagemLegendada { padding: 0px !important; width: 100% !important; margin: 0px !important; }
	#noticias .imagemLegendada img { width: 100% !important; height: auto !important; }
	#noticias .conteudo { margin-bottom: 20px; padding: 0px !important; }
	.noticiaDestaque { width: auto !important; border: none !important; }

	#portal-top { background-image: none; }
	#portal-top #portal-siteactions, #portal-top #accessibility-buttons { display: none; }
	#visual-portal-wrapper { border-left-width: 0px; }
	#portal-globalnav { margin-top: 32px;}

	#portal-opennav { display: none; }

	#content .home #home-column-two, #content .home #home-column-content { float: none; width: 100%; }
	#content .home #home-column-two .redes-socias { display: none; }

	#content .home #home-column-content { margin-top: 10px; }
	#content .home #home-column-content .important-links { width: 100%; line-height: 30px; height: 30px; padding: 0px; margin: 0px 0px 15px 0px; background-color: white; }
	.portlet-destaques-home { margin: 0px !important; }

	.size1of2 { width: 100% !important; margin-bottom: 20px; }
    .distanciado1 { margin: 0px !important; padding: 0px !important; }
	#institucionalImagens { margin-top: -18px; }
	#institucionalImagens .size1of4 { width: 100% !important; margin-bottom: 20px;}
	#institucionalImagens .size1of4 img { width: 100% !important; height: auto !important;}


	#portal-footer #portal-utilities { display: none; }

	#portal-globalnav { display: none; }

	#portal-header { margin-top: 0px; text-align: center; position: relative; background-color: white; padding: 4px 0px !important; background-color: #EEE; }
	.toggle { display: inline-block; left: 8px; cursor: pointer; content: ""; height: 27px; width: 27px; background-image: url('http://www.camara.gov.br/internet/biblioteca/mobile/list.png'); background-repeat: no-repeat; position: absolute; top: 5px; }
	.logo { display: inline-block; }
	.logo a img { width: 235px; height: 27px; border: none !important; margin: 0px !important; }
	.search { display: inline-block; right: 8px; cursor: pointer; content: ""; height: 27px; width: 27px; background-image: url('http://www.camara.gov.br/internet/biblioteca/mobile/search.png'); background-repeat: no-repeat; position: absolute; top: 5px; -webkit-transform: rotate(90deg); }



	.off-canvas { display: none; width: 75%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: #444; z-index: -1; padding: 0px 1%; margin: 0px; overflow-y: scroll;

	-moz-box-shadow: inset -5px -10px 10px #000;
	-webkit-box-shadow: inset -5px -10px 10px #000;
	box-shadow: inset -5px -10px 10px #000;

	-webkit-overflow-scrolling: touch;

	}
	.off-canvas li { border-bottom: 1px solid #262626; }
	.off-canvas li a { display: block; font-size: 17px; color: white; padding: 10px 5px; }
	.off-canvas li a.active { background-color: #666; color: white; text-decoration: none; }
	.off-canvas li > ul { margin: 0px; padding: 0px; display: none; padding-left: 15px; background-color: #666; }
	.off-canvas li > ul li { border-bottom: 1px solid #777; }
	.off-canvas li > ul li a { padding: 8px 0px; color: white; display: block; font-size: 13px; }
	.off-canvas li > ul li a:hover { text-decoration: none !important; }

	.pesquisasTopoHome form { background-color: #EEE; height: 45px; }
	.pesquisasTopoHome form .LSBox { clear: none; float: none; padding: 7px 10px; }
	.pesquisasTopoHome form .inputLabel { width: 96%; padding: 2%; position: relative; }
	.pesquisasTopoHome form .LSBox .imagedButton { position: absolute; right: 5px; top: 8px; height: 29px; }
    .pesquisasTopoHome .pesquisaDeputados { height: 85px !important; }


	/*@media (orientation:landscape) {
		.rotate { display: block !important; position: fixed; width: 100%; height: 100%; background-color: black; opacity: 0.95; background-image: url('http://www.camara.gov.br/internet/biblioteca/mobile/rotate.png'); background-repeat: no-repeat; background-position: center center; }
	}*/

	#portal-columns #portal-column-one, #portal-columns #portal-column-content, #portal-columns #portal-column-two { min-height: 0px !important; float: none; width: auto; }
	#portal-breadcrumbs { display: none; }

	#portal-personaltools-wrapper, #globalActionsBarWrapper { display: none; }

	.blocoImgPeq img, .last-cell .blocoImgPeq img { height: auto !important; }

	#portal-mainsection { padding-right: 30px; position: relative; }
	#portal-mainsection .accordion-submenu { background-size: cover; background-image: url('http://www.camara.gov.br/internet/biblioteca/mobile/plus.png'); width: 30px; height: 30px; position: absolute; right: 0px; top: 3px; opacity: 0.2; display: block; }

	#portlet-menu ul { display: none; }
	#portlet-menu ul { margin-bottom: 20px; }

	#portlet-menu li a { padding: 5px 14px 5px 8px !important; }

	/* webcamara */
	.size2of5, .size3of5 { width: 100% !important; }
	.playerContainer { width: auto !important; height: auto !important; }
	#playerVod { width: 100% !important; height: auto !important; }
	.web-camara { padding-top: 0px !important; background-color: white !important; }
	.web-camara .videoBox { padding-bottom: 0px !important; }
	.localData {   margin-top: 5px !important; margin-bottom: 20px !important; margin-left: 8px !important; }
	.duracaoWebcamara, .sessao { margin-left: 8px !important; }
	.opcoes { margin: 0px !important; width: auto !important; text-align: center !important; }
	.opcoes span { display: none !important; }
	.opcoesCompartilhamento li { width: 22% !important; }
	.opcoesCompartilhamento .share-page { background-position: 0 center !important; height: 50px !important; width: 40px !important; }
	.opcoesCompartilhamento .share-video { background-position: 152px center !important; height: 51px !important; width: 40px !important; }
	.opcoesCompartilhamento li a { background-size: cover !important; font-size: 9px !important; }
	.opcoesCompartilhamento li a span { padding: 35px 17px 30px 17px !important; }
	.opcoesCompartilhamento .file-audio { background-position: 113px center !important; height: 51px !important; width: 40px !important; }
	.opcoesCompartilhamento .copy-video { background-position: 262px center !important; height: 50px !important; width: 40px !important; }
	.opcoesCompartilhamento { min-height: 110px; }

	ul.colunas li { width: 10.5em !important; font-size: 13px !important; }
	ul.colunas .coluna-2 { margin-left: 12em !important; }

	.icons-menu { margin-top: 45px; margin-bottom: 30px; }
	.icons-menu li { display: inline-block; border: none; margin-right: 25px; }
	.icons-menu li a {}
	.icons-menu li a img { width: 25px !important; height: 25px; }

	.modal { z-index: 999; display: none; position: fixed; background-color: black; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.8; }
	.pesquisasTopoHome .close { z-index: 99999; display: none; width: 100%; text-align: center;   position: absolute; top: -25px; z-index: 99999; color: white; left: 0px; }

	#acessoProvedor { display: none; }

	/*agenda*/
	.calendario .controlador { display: none; }
	.calendario .orientacao { width: 100%; }
	.calendario .orientacao form img { top: 58px; left: 170px; height: 30px; }
	.formAlinhado label { float: none; }
	.formCamara button, .formCamara .submit { margin-top: 15px; margin-left: 37px; }

	/*discurso direto*/
	select { max-width: 100%; }

	/*arquivo sonoro*/
	#txtDt1, #txtDt2 { margin-top: 5px; margin-bottom: 10px; }

	/* camara noticias */
	#menu-todos, .accordion-submenu { display: none; }
	#menu-todos { float: none; }
	#menu-todos ul { top: 41px; width: 100%; z-index: 9999; max-height: 223px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
	#menu-todos ul li { display: block; float: none; border: 1px solid #DDD; margin: 0px 0px -1px 0px; }
	.show-menu-todos { display: block; }

	#fotoNoticia, #videoNoticia, video { float: none !important; width: 100% !important; height: auto !important; margin: 0px !important; }
	audio { float: none !important; width: 100% !important; }
	#audioContainer { width: 100% !important; height: auto !important; }
	.tarjaPrograma { margin-top: 0px !important; }

	#portal-column-content { margin: 0px !important; }
	#datas .datahoraNoticia { font-size: 0.9em !important; }
	#portal-column-content h2 { font-size: 170% !important; }
	#IframeUltimasPanel iframe { width: 100% !important; }
	.navProgramas { margin-bottom: 15px; margin-top: -15px; }
	.navProgramas, ul.share-buttons { width: 100% !important; float: none !important; text-align: center !important; }
	ul.share-buttons li { display: inline-block; float: none !important; margin: 5px 8px !important; }
	ul.share-buttons li.email { background-image: none; margin: -2px !important; padding-right: 10px; }
	ul.share-buttons li.email  a { padding: 2px 2px 2px 8px; }
	ul.share-buttons li.email a img { display: initial; }
	ul.share-buttons li a img { max-height: 20px; max-width: 20px; }
	.alinhadoEsquerdaM { float: none !important; margin: 5px 0px 15px 0px !important; width: 100% !important; }
	#fotoNoticia .legenda, #videoNoticia .legenda, #audioNoticia .legenda, #flashNoticia .legenda, .aoVivo .legendaBloco { font-size: 0.9em; padding: 5px !important; }
	.colunaDireita { display: block !important; }
	#rodapeSite, #videoPanel, #audioPanel, #baixarAquivosPanel { display: none; }

	/*fale conosco*/
	.box_fale_conosco_faq_ico span { display: none; }
	.box_fale_conosco_faq_ico a { display: block; width: auto; float: none; margin: 5px 0px; }
	form.formCamara { padding: 0px !important; width: 100% !important; }
	.listaOpcoes li { float: none !important; display: block !important; width: auto !important; }
	.destacado { padding: 0px !important; }
	form.formCamara .submit, form.formCamara .secundario { width: 100% !important; margin: 10px 0px !important; }
	#box-captcha fieldset { padding: 0px !important; margin: 0px !important; }
    form.formCamara fieldset { padding: 5px !important; }
    #PesqDiscursos input, #PesqDiscursos select { width: 98% !important; }
	#voceDeseja { margin-bottom: 20px !important; }

    /*busca*/
    #opcoesBusca .abas { position: inherit; }
    #opcoesBusca .abas input { background-position: 10px; }
    #content .ui-tabs .ui-tabs-nav { padding: 0px; margin: 0px; margin-bottom: 15px; }
    #content .ui-tabs .ui-tabs-nav li { display: inline-block !important; width: auto !important; margin: 0 10px 0 0; top: 0px; }
    #content .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; }
    #content .ui-tabs .ui-tabs-nav li input { width: 100% !important; }
    .barra, .voceQuisDizer { display: none; }
    #resultadoBusca ul { margin-left: 0px !important; }
    #opcoesBusca .campo { padding: 5px; margin-bottom: 20px; }
    #opcoesBusca .campo .campoBusca { width: 60%; }
    #opcoesBusca .campo .botaoBusca { width: 32%; margin-left: 2%; }
    #opcoesBusca form { padding-top: 0px !important; }
    #paginacaoBusca ul { margin: 10px !important; }
    #paginacaoBusca ul li.anterior { margin-bottom: 20px; }

    /*webcamara*/
    .web-camara { height: auto !important; }
    .web-camara .size2of5, .web-camara .size3of5 { float: none !important; width: 100% !important; }
    .web-camara .sistema { margin: 5px 0px 30px 0px !important; font-size: 12px !important; }
    .web-camara .localData, .web-camara .sessao { font-size: 12px !important; }
    .web-camara .opcoes, .web-camara .opcoesCompartilhamento { display: none !important; }

    /*acompanhe seu deputado*/
    #moduloAdministracao { padding: 0px !important; }
    #moduloAdministracao fieldset { width: auto !important; float: none !important; height: auto !important; }

    /*sileg*/
    form.formCamara fieldset.alinhado label { float: none; margin-right: 0px; }

    /*orcamento brasil*/
    .blocoImagemLateralPequena { padding: 0px !important; margin: 0px !important; }

    /*dep detalhe*/
    #my-informations .size1of3 { width: 100% !important; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #EEE; }
    #my-informations .size1of3 ul{ width: 100% !important; padding: 0px !important; margin: 0px !important; }
    #my-informations .bordaEsquerda { width: 100% !important; }

    /*banco de imagens*/
    ul.imageCard { padding: 0px !important; margin: 0px !important; }
    ul.imageCard li, ul.imageCard li img { width: 100% !important; }
    ul.imageCard li { float: none; padding: 0px !important; margin: 0px !important; height: auto !important; }
    ul.imageCard li p.descricao { padding-bottom: 25px; }
    ul.imageCard li p.maisInfo { left: 0px; bottom: 0px; }

    /*bosque*/
    .blocoImagemLateral img { width: 100% !important; height: auto !important; }
    .blocoImagemGrande .imagemBg { height: 150px !important; background-position: center center !important; }

    /*participacao*/
    .home_column_content { float: none !important; width: auto !important; }
    #container-slide-expand { width: auto !important; height: auto !important; }
    .controladoresSlide { width: auto !important; margin-top: -190px !important; }
    #SlideMiniaturas, .storify { display: none !important; }
    #container-slide-expand .conteudo { font-size: 12px; }
    #container-slide-expand .conteudo .titulo { margin-bottom: 5px; }
    #container-slide-expand .conteudo .tarja-retranca-completa a { font-size: 11px; }
    .miniatura-imagem img { height: 190px !important; }
    .controladoresSlide img { height: auto !important; }
    .grid-line:after { content: "" !important; }
    .size1of3 { width: 100% !important; }
    #portal-column-content { padding-right: 0px !important; }
    #home-coluna-direita-view .home_column_two { float: none !important; width: auto !important; }

    /*home camara noticias*/
    .manchete h3 { font-size: 110%; }
    .noticiaManchetePrincipalDiv .foto img { width: 97% !important; padding-left: 0px !important; margin-right: 0px; }
    .manchete p.resumo { font-size: 1.0em !important; padding-bottom: 0px; }
    .noticiaImagemDiv { width: 100% !important; }
    .informacoes .retranca h3 { font-size: 80% !important; padding-top: 10px !important; }
    .informacoes .manchete .relLink { margin: 0px !important; }
    .area { width: 100% !important; }
    .iconeTipo img { width: auto !important; }
    .tituloM, .retrancaVertical .tituloM, .tituloNoticiaBloco { font-size: 1.0em !important; }

}
