*{
		margin: 0;
		padding: 0;
	}
	a:link{
		color: black;
		text-decoration: none;  
	}
	a:visited{
    	color: black;
    	text-decoration: none;
   	}
   	a:hover{
    	color: red; 
       	text-decoration: underline;
       	text-decoration-color: yellow; 
	}
	a:active{
      	color: black;
        text-decoration: none;
	}
	.cabecalho{
		/*border: 2px solid black;*/
		position: static;
		margin-top: 2%;
		margin-left: 2%;
		margin-right: 2%;
		padding-bottom: 10.3%;
	}
	.logoDiv{
		margin-left: 6%;
		position: static;
		float: left;
	}
	.imgLogo{
		width: 30%;
		height: 10%;
	}
	.menuSuperior{
		/*border: 2px solid blue;*/
		display: block;
		float: right;
		margin-right: 2.5%;
		margin-top: -5.5%;
		font-size: 170%;
	}
	.lateralEsquerda{
		/*border: 2px solid black;*/
		position: block;
		margin-left: 2%;
		margin-top: 2%;
		margin-right: 78%;
		padding-top: 2%;
		padding-right: 2%;	
	}
	#padrao{
		display: none;
	}
	.imgMenuEsquerdo{
		display: none;
	}
	li{
		list-style-type: none;
		text-align: center;
		font-size: 170%;
		margin-top: 4%;
		margin-left: 13.5%;
	}
	.conteudoPrincipal{
		/*border: 2px solid black;*/
		position: block;
		margin-left: 22%;
		margin-top: -45.9%;
		margin-right: 2%;
	}
	iframe{
		width: 100%;
		height: 47.6vw;
		border: none;
	}
	.rodape{
		/*border: 2px solid black;*/
		position: block;
		margin-left: 2%;
		margin-top: 2%;
		margin-right: 2%;
		margin-bottom: 2%;
		padding: 3%;
	}
	#logoInstagram{
		text-align: center;
	}
	.imgInstagram{
		width: 5%;
		height: 5%;
	}
	#kasaInformatica{
		text-align: center;
		font-size: 100%;	
	}

/*----------------PARA MOBILE----------------*/
	@media screen and (max-width: 1280px) {
		a:link{
    		color: red; 
       		text-decoration: underline;
       		text-decoration-color: yellow; 
		}
		a:visited{
			color: red; 
       		text-decoration: underline;
       		text-decoration-color: yellow;
	   	}
	   	a:hover{
	    	color: red; 
	       	text-decoration: underline;
	       	text-decoration-color: yellow; 
		}
		a:active{
	      	color: red; 
       		text-decoration: underline;
       		text-decoration-color: yellow;
		}
		.menuSuperior {
		  display: none;
		}
		.logoDiv{
			position: static;
			margin-left: 38%;
		}
		.imgLogo{
			width: 50%;
			height: 10%;
		}
	/*lateral esquerda*/
		#padrao{
			display: block;
		}
		.lateralEsquerda {
		  display: none;
		}
		.menuMobEsquedo {
		  display: inline-block;
		}
		.imgMenuEsquerdo{
			display: block;
			width: 15%;
			height: 5%;
			margin-left: 6%;
			margin-top: -20%;
		}
		.lateralEsquerda{
			position: absolute;/* 'block' = barra para baixo ou 'absolute' = por cima de tudo*/
			background-color: white;
			margin-left: -2%;
			margin-top: 0.1%;
			margin-right: 2%;
			margin-bottom: 0.1%;
			padding-top: 2%;
			width: 100%;	
		}
		.conteudoPrincipal{
			position: static;
			margin-left: 2%;
			margin-top: 0%;
			margin-right: 2%;
		}
	}
	@media screen and (max-width: 1024px) {
		.menuMobEsquedo {
		  top: 4%;
		}
		iframe{
		height: 95vw;
		}
	}
	@media screen and (max-width: 912px) {
		.menuMobEsquedo {
		  top: 2%;
		}
		iframe{
		height: 110vw;
		}
		.imgMenuEsquerdo{
			width: 10%;
			margin-top: -15%;
		}
	}
	@media screen and (max-width: 853px) {
		.menuMobEsquedo {
		  top: 3%;
		}
		iframe{
		height: 110vw;
		}
	}
	@media screen and (max-width: 820px) {
		.menuMobEsquedo {
		  top: 2%;
		}
	}
	@media screen and (max-width: 768px) {
		iframe{
		height: 90vw;
		}
	}
	@media screen and (max-width: 540px) {
		iframe{
		height: 90vw;
		}
		.imgMenuEsquerdo{
			width: 8%;
			margin-top: -10%;
		}
	}
	@media screen and (max-width: 444px) {
		iframe{
		height: 110vw;
		}
	}
	@media screen and (max-width: 430px) {
		iframe{
		height: 170vw;
		}
	}
	@media screen and (max-width: 412px) {
		.menuMobEsquedo {
		  top: 2%;
		}
		iframe{
		height: 180vw;
		}
	}
	@media screen and (max-width: 360px) {
		iframe{
		height: 160vw;
		}
	}
	@media screen and (max-width: 344px) {
		.menuMobEsquedo {
		  top: 2%;
		}
	}