@media only screen and (max-width: 980px) {
			body, html {border: 0px; margin: 0px; padding: 0px; min-height:100%; position:relative; width:100%;}
			* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
            #header {background: none; height: auto;}
            .banner {width: 100%; text-align: center;}
            .banner img {max-width: 100%;}
            .boxDestaques {float: left; width: 100%; margin-top: 30px; text-align: center;}
            #logotipo {text-align: center; background: #00767d; margin-top: 0; height: auto; padding-top: 50px; padding-bottom: 35px;}
            #logotipo img {width: 70%;}
            .chamadasHome {width: 100%; margin-top: 30px;}
            .chamadasHome a {width: 100%; margin-bottom: 10px; padding: 20px;}
            .chamadasHome span {font-size: 28px;}
            .chamadasHome i {display: none;}
            #div_pagina_interna {padding-top: 0px;}
            .layer {width: 100%; background: black; opacity: 0.6; position: absolute; left: 0; top: 0; z-index: 998; display: none; }
            .principal {float: left; width: 100%;}
            .container {padding: 0;}
			#wrapper-cabecalho {width: 100%;}
            .topoLogoMinSaude, .controleTxt {display: none;}
            .menuEsq ul li a {float: left; width: 100%; margin-bottom: 10px;}
            .menuLateral {display: none;}
            .headerMobile { display: block; text-align: center; float: left; width: 100%; clear: both; position: relative; padding-top: 43px; padding-bottom: 5px;}
            .logoMobile img {max-width: 80%; width: 100%; display: inline;}
			
            .btn_mobile {display: block; position: absolute; top: 10px; right: 10px; color: white !important; font-size: 30px; z-index: 10; }
            .btn_mobile img {width: 100%;}
            .btn_mobile a { color: inherit; display: flex; border: solid 1px rgba(255,255,255,.7); border-radius: 5px; padding: 2px 8px; }
			
			
			
            #menu {float: left; width: 240px; position: absolute; z-index: 9999; left: -240px; }
        	#menu {font-size: 1.2em;}
            #menu ul {width: 100%;}
        	#menu ul li {width: 100%; margin: 0;}
        	#menu ul li {width: 100%; margin: 0;}
        	#menu ul li a {width: 100%; z-index: 9999; background: #84c9bd; padding: 18px; font-size: 18px; }
        	#menu ul li a.menuAtivo { background: #00767d; }
        	#menu ul li ul { position: relative; width: 100%; box-shadow: none;}
        	#menu ul li ul li ul {/*display: block;*/ width: 100%; float: left; position: relative; left: 0; }
            #menu ul li:hover > ul {display: none;}
			
			
			#menu > ul > li {
				border-bottom: solid 1px #79baaf;
			}
			#menu > ul > li > a:not(:last-child):after {
				content: "\00BB";
				position: absolute;
				right: 12px;
				top:10px;
				font-size: 16px;
				transform: rotate(90deg);
			}
			#menu > ul > li > ul a span {
				transform: rotate(90deg);
			}

            #menu ul li:hover > ul {
                display: none;
            }
			
			
			#wrapper {margin: 0; float: left; width: 100%; left: 0; padding: 10px;}
			#content {width: 100%;}
            .links {float: left; width: 100%; margin-top: 40px;}
            .links_internos {width: 100%; margin-bottom: 20px;}
            .conteudo_interno {width: 100%; min-height: 300px;}
            .rodape {margin-top: 5px;}	
            .conteudoRodape {float: left; width: 100%; margin: 0;}
            .rodape img {max-width: 80%;}
            .crianca img {max-width: 75%;}
            #linkSemMargem ul {left: 0!important;}
            #menu ul li ul li, #menu ul li ul li a {float: left; background: #008B8B; color: white;}
        }