@media screen and (min-width:501px) and (max-width:800px){
		body{
			margin:0px;
		}
		.header{
			position: fixed;
			top: 0px;
			width:100%;
			height: 80px;
			padding-top:30px;
			background-color: var(--corfundoextremidades);
			margin-left: auto;
			margin-right:auto;
			
			color: var(--corletrasextremidades);
			font-weight: bolder;
			font-size: 18px;
			font-family: Arial;
			text-align: center;
			
		}
		
		.footer{
			position: fixed;
			bottom: 0px;			
			width:100%;
			padding-top : 15px;
			padding-bottom: 15px;
			padding-left:auto;
			padding-right:auto;
			background-color:var(--corfundoextremidades);
			color: var(--corletrasextremidades);
			font-weight: bolder;
			font-size: 15px;
			font-family: Arial;
			text-align: center;
			
		}
		
		.footer a{
			font-size: 11px;
			color:white;
			padding-left:20px;
			padding-right:20px;
			width:25%;
		}
		
		.container-conteudo{
			width:100%;
			height: calc(100vh - 110px);
			margin-top: 80px;
			background-color: var(--corfundoconteudo);
			margin-left : auto;
			margin-right: auto;
			display:flex;
			text-align:center;
		}
		
		.menu{
			width:30%;
			margin-left:auto;
			/*border: 1px solid black;*/
			text-align: right;
		}
		
		.conteudo-telas{
			width: 70%;
			margin-right:auto;
			/*border: 1px solid black;*/
		}
		
		.conteudo-footer{
			width:100%;
			display:flex;
			margin-left:auto;
			margin-right:auto;
		}
		
		.itens-menu{
			list-style-type:none;
			text-align:left;
			width: 100%;
			float: right;
			font-size:0.9em;
		}
		
		.itens-menu a{
			
			
		}
		
		
		
		.titulo-menu{
			font-size: 1.1em;
		}
		
}