@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap');
body, html { width:100%; border:0; margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size: 1.1rem; background:#FFF; }
#topo, #rodape { width:100%; height:auto; position:fixed; left:0; margin:0; padding:0; overflow:hidden; }
#topo { top:0; }
#rodape { bottom:0; height:8rem; background: #FFF url(/potencias-coletivas-rodape.png) no-repeat; background-size: 100% 100%;  text-align:center; }
#logos { text-align:center; z-index:99; position:fixed; bottom:5rem; width:100%; }
#logos span { display:inline-block; background:#FFF; padding:1rem 2rem 0; border-radius:5rem; }
#logos img { max-width: 8rem; max-height:5rem; display:inline-block; margin:0 2rem; padding:0.2rem; vertical-align: middle;  }
#topo img { width:100%; height:auto; margin:0; padding:0; float:left; }
#intro, #form { width:45%; height:auto; min-height:5rem; display:inline-block; margin-top:10rem; }
#intro { left:1rem; position:absolute; }
#form { right: 1rem; position:fixed; }
#form iframe { width:560px; height:315px; }
#intro p { padding: 1rem 2rem; margin-bottom:5rem; background: rgba(255,255,255,0.8); }
.aulas { font-size: 0.9rem; padding: 0.8rem 1.2rem; display:inline-block; background: #EFEFEF; margin-bottom: 6rem; }
.aulas strong { font-size: 0.9rem; }
.aulas .data { color: #900; font-size:0.7rem; }
.aulas .aulao { font-size: 1rem; }
.aulas .mediacao { color: #333; }
.apoio { font-size: 1rem; }

#conteudo { display:inline-block; width:70%; margin: 1rem 15%; }
#conteudo table { border: 2px solid #333; }
#conteudo table tr td { border: 1px solid #333; padding: 1rem 2rem; }

.hs-form-required { display:none; }
.hs-input { font-size:1rem; width:60%; padding:0.4rem 0.8rem; margin: 0.5rem; background:#EFEFEF; color:#333; border: 1px #666 solid; font-weight:300; }
select.hs-input { width: 65%; }
.hs-input[type=checkbox] { width: 1rem; }
ul { list-style: none; padding-left:0; font-size: 0.8rem; width: 70%; background: rgba(255,255,255,0.8); }
.hs-richtext { font-size: 0.8rem; font-weight:300; width: 65%; padding:0.4rem 2.5%; background: rgba(255,255,255,0.8); }
.hs-fieldtype-checkbox { font-size: 0.9rem; font-weight:300; width: 65%; padding:0.4rem 2.5%; background: rgba(255,255,255,0.8); }
.hs-button { padding:0.4rem 0.8rem; background:#FF9900; font-size:1rem; font-weight:700; color:#FFF; border: 1px solid #A73800; margin: 1rem auto 12rem; }
.hs-error-msgs { color:#F00; margin-top:0; }


@media screen and (max-width: 1000px) {
	#topo { z-index:99; }
	#topo img { width:200%; margin-left:-10%; }
	#intro, #form { width:100%; position:relative; margin-top:6rem; left:0 }
	#intro p { margin-bottom:1rem; }
	.aulas { margin-bottom: 1rem; }
	#form { margin-top:1rem; }
	.hs-input, .hs-richtext { width:90%; }
	select.hs-input { width:95%; }
	.hs-button { width: 90%; margin: 0 5% 2rem; }
	.hs-richtext, .hs-fieldtype-checkbox, ul { width:90%; }
	#form iframe { width:100%; height:300px; }
	#logos { background: none; position:inherit }
	#logos img { background: #FFF; margin:0.2rem 0.2rem 1rem; }
	#rodape { background-color:#FFF; height:5rem; position:inherit }
}