/* Copyright CiaByte Design - 2015 */

header#escola-informatica{margin-top:1em;background: url("imagens/painel-informatica-estudante.jpg") repeat-x;background-position: top center;background-size: auto 33.8125em;}
	#modelo {margin-top:-0.85em;float:left;height:34.75em;margin-left:-14em;}
	#informacoes {margin-top:0em;float:right;height:35em;width:53em;background: url("imagens/informacoes.png") no-repeat;background-position: top right;background-size: auto 35em;}
	#informacoes h1, h2 {margin:0em;}
		#postit{float:left;width:11.375em;margin: -0.9em 0em 0em 0em;}
		#titulos {font-size:0.8em;margin: 4em 0em 0em 0em;}		
		#texto {margin:0em 0em 0em 2em;padding:0em 2em 0em 0em;}
			#texto p{margin:0em;padding:0em;font-size:1.6em;}		
			.info-informatica {margin:0em 0em 0em 2em;padding:0em;}
			.info-informatica  h1 {font-size:1.6em;margin: 0em;color:rgba(29,29,58, 1);}	
			.info-informatica ul {list-style-image:url("imagens/marcador-info.png");margin-left:1em;}		
			.info-informatica  li  {margin:0em;padding:0em;}			
			#col-01, #col-02 {float:left;margin-top:1em;padding-bottom:1em;}
			#col-01 {width:24em;}
			#col-01  #recomendado{float:right;width:8em;}
			#col-02 {width:23em;padding-left:3em;border-left:1px solid  rgba(29,29,58, 0.25);}
			.office li {float:left;margin-right:1.2em;}	
			.simagora{background:url("imagens/sim-agora.png") top left no-repeat;overflow:hidden;display:block;margin:1em auto 0 auto;text-indent:10000px;
		    width:25.625em;height:4.25em;background-size:52.5em auto;}
			.simagora:hover{background-position: top right;}			
.img-curso {margin-top:1.5em;}			
.img-curso h1 {padding-top: 2.1em;font-size:1.4em;}	
.img-curso img{height:8em;margin-right: 1em;float:left;transition: all 0.8s cubic-bezier(0.340, 0.985, 0.345, 0.960);}
.img-curso img:hover {height:16em;box-shadow: 0.25em 0.25em 0.5em rgba(29,29,58,0.5);padding: 0em 0.5em 0.5em 0em;}

@media screen and (max-width: 94em) {
	header#escola-informatica{background-size: auto 32.121875em;}	
	#modelo {font-size: 0.95em;}
	#informacoes {font-size: 0.95em;}
} 
 @media screen and (max-width: 88em) {
	header#escola-informatica{background-size: auto 30.43125em;}	 
	#modelo {font-size: 0.9em;}
	#informacoes {font-size: 0.9em;}
} 
@media screen and (max-width: 84em) {
	header#escola-informatica{background-size: auto 28.740625em;}
	#modelo {font-size: 0.85em;}
	#informacoes {font-size: 0.85em;}
	.info-informatica ul {list-style-image:url("imagens/marcador-info-p.png")}
} 
@media screen and (max-width: 80em) {
	header#escola-informatica{background-size: auto 27.05em;}
	#modelo {font-size: 0.8em;}
	#informacoes {font-size: 0.8em;}
} 
@media screen and (max-width: 76em) {
	header#escola-informatica{background-size: auto 25.359375em;}
	#modelo {font-size: 0.75em;}
	#informacoes {font-size: 0.75em;}
} 
@media screen and (max-width: 71em) {
	header#escola-informatica{background-size: auto 23.66875em;}
	#modelo {font-size: 0.7em;}
	#informacoes {font-size: 0.7em;}
} 
@media screen and (max-width: 64em) {
	#modelo {float:none;display:block;margin: 0em auto;padding-bottom:5em;}
	#informacoes{float:none;display:block;font-size:0.8em;margin: 0em auto;}	
} 
@media screen and (max-width: 46em) {	
	#informacoes {font-size:1em;float:none;margin: 0em auto;background:none;max-width:100%;border:none;}
	#postit {font-size:0.6em;float:none;margin-top: 0em;padding:0em;}
	#titulos {margin:0em;float:none;}
	#modelo {float:none;display:block;margin: 0em auto;padding:1em 0em 0em 0em;}
	#texto {margin:1em 0em 0em 0em;padding:0em;}
	#texto p{font-size:1em;}		
	.info-informatica {margin-left:0em;}
	.info-informatica ul {list-style-image:url("imagens/marcador-info.png")}
	#col-01 {float:none;max-width:100%;}
	#col-02 {border:none;padding-left:0em;max-width:100%;} 
} 
@media screen and (max-width: 36em) {
	header#escola-informatica{background-size: auto 16.90625em;}
	#modelo {font-size: 0.5em;}
} 	
@media screen and (max-width: 30em) {
	#informacoes {font-size:0.9em;}
}
@media screen and (max-width: 27em) {
	header#escola-informatica{background-size: auto 11.834375em;}
	#modelo {font-size: 0.3em;}	
	#informacoes {font-size:0.8em;}
	#postit {font-size:0.6em;}
	.info-informatica ul {list-style-image:url("imagens/marcador-info-p.png")}
}
@media screen and (max-width: 24em) {
	#informacoes {font-size:0.7em;}
}