@charset "utf-8";
.painel{background: url("imagens/painel-informatica-escolas.jpg");}
.painel{height:33.8125em;margin-top:1em;background-position: top center;background-repeat: repeat-x;background-size: auto 33.8125em;}

.cadastrar{background:url("imagens/cadastrar.png") top left no-repeat;overflow:hidden;display:block;text-indent:10000px;width:21.875em;height:5.625em;background-size:45em auto;float:right;}
.cadastrar:hover{background-position: top right;}	
	
.motivo {width:100%;margin-top:2.5em;}
.motivo img {width:20%;margin-top:1em;float:left;}
.motivo p {width:75%;float:right;text-align:left;margin-bottom:1em;}

.col h2{font-size:3em;margin-top:1em;}
.col h3{font-size:2em;margin-top:0.75em;}
.col-azul{border-radius:5em 0 5em 0;background:rgba(29,29,58,1);width:42%;padding: 0 3% 3em 3%;}
.col-azul h2, .col-azul h3 {color:rgb(255,255,255);}
.col-azul p{font-weight:lighter;color:rgb(255,255,255);}

.col-azul  a:link, .col-azul a:visited {text-decoration:underline;color:rgb(204,255,255);}
.col-azul a:hover {text-decoration: none;font-weight:bolder;color:rgb(255,255,255);}	

.porque {color:rgb(204,255,255);font-weight:lighter;}

.imagem-esquerda img{float:left;margin: 0 1.5em 0 0;}
.imagem-direita img{float:right;margin: 0 0 0 1.5em;}

ul,ol {list-style-position: outside;}
.nivel1 li{margin-left:1.5em;}
.nivel2 li{margin-left:3em;}

@media screen and (max-width: 94em) {
	.painel{height:32.121875em;background-size: auto 32.121875em;}	
} 
@media screen and (max-width: 88em) {
	.painel{height:30.43125em;background-size: auto 30.43125em;}	 
}
@media screen and (max-width: 84em) {
	.painel{height:28.740625em;background-size: auto 28.740625em;}
}
@media screen and (max-width: 80em) {
	.painel{height:27.05em;background-size: auto 27.05em;}
} 
@media screen and (max-width: 76em) {
	.painel{height:25.359375em;background-size: auto 25.359375em;}	
}
@media screen and (max-width: 71em) {
	.painel{height:23.66875em;background-size: auto 23.66875em;}
}
@media screen and (max-width: 64em) {
	.painel{height:21.978125em;background-size: auto 21.978125em;}
} 
@media screen and (max-width: 60em) {
	.painel{height:20.2875em;background-size: auto 20.2875em;}
} 
@media screen and (max-width: 36em) {
	.painel{height:16.90625em;background-size: auto 16.90625em;}
	.col-azul {width:90%;padding: 0 5% 2em 5%;border-radius:0 5em 5em 0;}
} 
@media screen and (max-width: 30em) {
	.painel{height:13.525em;background-size: auto 13.525em;}
} 
@media screen and (max-width: 25em) {
	.painel{height:10.14375em;background-size: auto 10.14375em;}
}