@charset "utf-8";

.resumo {background: url("imagens/painel-photoshop.jpg");}
.resumo{height:33.8125em;margin-top:1.5em;background-position: top center;background-repeat: repeat-x;background-size: auto 33.8125em;}
.informacoes{height:35em;width:53em;background: url("imagens/informacoes.png") no-repeat;background-position: top right;background-size: auto 35em;
position:absolute;top:0em;right:3em;}

.informacoes h1, .informacoes h2, .informacoes h3 {margin:0em;color:rgb(29,29,58);}
.informacoes h1 {font-size:2.7em;margin-top:0em;}
.informacoes h2 {font-size:1.6em;}

.beneficios {width:90%;padding:0 5%;}
.beneficios ul {list-style-image:url("imagens/marcador-info.png");}		
.beneficios .col-01, .beneficios .col-02 {padding-bottom:1em;}
.beneficios .col-01 {width:47%;float:left;}
.beneficios .col-02 {width:48%;float:right;padding-left:3%;border-left:1px solid  rgba(29,29,58, 0.25);}
.beneficios .simagora{width:21em;height:3.5em;background-size:42em auto;;margin:0 auto;}

.simagora{width:24em;height:4em;background-size:48em auto;margin:2.5em 0 0 0;}
.alerta{border-radius:1em;background-color:rgba(248,199,30,0.75);padding:1em; text-align:center;}

#investimento{border-radius:1em;background-color:rgba(248,199,30,0.75);
              padding:1em;}
#investimento .maior {font-weight:bold;font-size:120%;}
#investimento .cor {color:rgb(199,32,39);}
#investimento a:link, #investimento a:visited {text-decoration:underline;font-weight:bold;color:rgb(29,29,58);}
#investimento a:hover {text-decoration:none;color:rgb(48,117,186);}	

#postit{float:left;width:11.375em;margin: -0.9em 0em 0em 0em;}
#titulo{margin:1em 0 0 2em;float:left;}

#modelo {height:34.75em;position:absolute;top:-0.9em;left:-10em;}

.c-e, .c-d{width:48%;margin-top:2em;position:relative;}
.c-e{float:left;}
.c-d{float:right;}

@media screen and (max-width: 94em) {
	.resumo{height:32.121875em;background-size: auto 32.121875em;}	
	#modelo {font-size: 0.95em;left:-10em;}
	.informacoes{font-size: 0.95em;}
} 
 @media screen and (max-width: 88em) {
	.resumo{height:30.43125em;background-size: auto 30.43125em;}	 
	#modelo {font-size: 0.9em;}
	.informacoes{font-size: 0.9em;}
} 
@media screen and (max-width: 84em) {
	.resumo{height:28.740625em;background-size: auto 28.740625em;}
	#modelo {font-size: 0.85em;}
	.informacoes{font-size: 0.85em;}
} 
@media screen and (max-width: 80em) {
	.resumo{height:27.05em;background-size: auto 27.05em;}
	#modelo {font-size: 0.8em;}
	.informacoes{font-size: 0.8em;}
} 
@media screen and (max-width: 76em) {
	.resumo{height:25.359375em;background-size: auto 25.359375em;}
	#modelo {font-size: 0.75em;left:-9em;}
	.informacoes{font-size: 0.75em;}
} 
@media screen and (max-width: 71em) {
	.resumo{height:23.66875em;background-size: auto 23.66875em;}
	#modelo {font-size: 0.7em;}
	.informacoes{font-size: 0.7em;}
} 
@media screen and (max-width: 64em) {
	.resumo{height:21.978125em;background-size: auto 21.978125em;}
	#modelo {font-size: 0.65em;}
	.informacoes{font-size: 0.65em;}
} 
@media screen and (max-width: 60em) {
	.resumo{height:20.2875em;background-size: auto 20.2875em;}
	#modelo {font-size: 0.6em;}
	.informacoes{font-size: 0.6em;}
} 
@media screen and (max-width: 56em) {
	.resumo{height:auto;}
	.informacoes{height:auto;position:static;display:block;font-size:0.8em;margin: 0em auto;}
	#modelo {position:static;display:block;margin: 0em auto;margin-top:-0.9em;padding-bottom:5em;}	
} 
@media screen and (max-width: 48em) {
	.informacoes{font-size: 0.7em;}
} 
@media screen and (max-width: 41em) {
	.informacoes{font-size: 1em;background:none;max-width:100%;margin-top:-2em;}
	#postit {display:none;}
	#investimento{margin-bottom:2em;}
	.beneficios {margin-top:1em;}
 	.beneficios .col-01 {float:none;width:100%;}
	.beneficios .col-02 {border:none;padding-left:0;float:none;width:100%;}	
} 
@media screen and (max-width: 37em) {
	.c-e, .c-d {float:none;width:100%;}
	.resumo{background-size: auto 16.90625em;padding:0;}
	#modelo {font-size: 0.5em;}
	#titulo {font-size:0.6em;margin-top:3em;}
	#menu-opcoes {display:none;}
} 
@media screen and (max-width: 30em) {
	.beneficios .simagora{width:16em;height:3.5em;background-size:32em auto;;margin:0 auto;}	
	.resumo{background-size: auto 13.525em;}
	#modelo {font-size: 0.4em;}
} 
@media screen and (max-width: 25em) {
	.resumo{background-size: auto 10.14375em;}
	#modelo {font-size: 0.3em;}
}