html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}



html {
	scroll-behavior: smooth;
}


body {
	font-family: 'Bebas Neue', cursive;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

.conteudo {
	float: left;
	width: 100%;
}

h1 {
	margin-top: 70px;
	margin-bottom: 13px;
	float: left;
	width: 100%;
	color: #39A08B;
	font-size: 32px;
	text-align: left;
}

p {
	font-family: 'Arial', sans-serif;
	letter-spacing: 0px;
	line-height: 20px;
	text-align: justify;
}

a{
	overflow-x: hidden;
}

a:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

img {
	max-width: 100%;
	float: left;
	border: 1px solid #39A08B;
	box-sizing: border-box;
	width: 100%;
}

#situacao img {border: none}

#recomendacoes img {width: auto;}

.header {
	float: left;
	width: 100%;
	text-align: center;
	background: #39A08B;
	position: fixed;
	height: 42px;
	z-index: 9999;
}



nav {
	float: left;
	width: 100%;
	text-align: center;
	
	/*padding: 13px 0 13px 0;*/
}


.navShadow {
	padding: 0;
	
}	

nav a{
	color: white;
	text-decoration: none;
	font-size: 21px;
	padding: 9px;
	margin-left: 8px;
	margin-right: 8px;
	display: inline-block;
	opacity: 0.6;
}

nav a:hover { opacity: 1}

section {float: left; width: 100%;}

.box {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}

#intro {text-align: center; }

#intro p {margin-bottom: 10px;}

#intro p a {font-weight: bold;}

#pap {text-align: center;}


.btn {
	padding: 15px;
	display: inline-block;
	text-decoration: none;
	color: black;
	background: #D0EEE8;
	border: 1px solid #39A08B;
	font-size: 18px;
	margin: 10px 6px 0 6px;
}

.btn:hover {background: #39A08B; color: white;}

.btn i {padding-right: 5px; font-size: 19px;}


#protocolos .btn {
	margin: 12px 0 0 0;
	float: left;
	clear: both;
}


iframe {
	float: left;
	width: 49%;
	margin-top: 40px;
	height: 241px;
}


iframe:nth-child(even) {margin-left: 2%;}

ul	{
	float: left;
	width: 100%;
	padding: 0;
}

ul li{
	list-style: none;
	float: left;
	width: 100%;
}

/*.numerosghc li span:first-child {width: 75%;}
.numerosghc li span:last-child {text-align: right}

.numerosghc li:first-child{
	border-top: 1px solid green;
}*/

.numeros span {font-size: 28px; letter-spacing: 0; float: left; width: 	100%; margin-top: 15px;}
.numeros b {float: left; width: 100%; font-size: 80px; margin-bottom: 8px;}
.numeros i {font-size: 	21px; position: absolute;	bottom: 0; left: 0; text-align: center;	width: 	100%;}


.casos, .obitos, .percent {
	float: left;
	width: 29%;
	background-color: #39A08B;
	color: white;
	text-align: center;
	
}

.percent {width: 40%; position: relative;}

.obitos {margin-left: 1%; margin-right: 1%;}

.internacoes li:first-child, .mundo li:first-child{
	background: #D0EEE8;
	border-top: 1px solid green;
}

.internacoes li:last-child {background: #D0EEE8;}

ul li span {
	float: left;
	width: 25%;
	border-bottom: 1px solid green;
	font-size: 22px;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
}

ul li span:first-child {width: 50%; text-align: left;}

.rodape {
	background:  #39A08B;
	width: 100%;
	float: left;
	margin-top: 60px;
	text-align: center;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;

}

.rodape a {color: white;}

.clear {
	float: left;
	width: 100%;
	height: 20px;
	clear: both;
}

.semBorda {
	border: none;
}

.textoOculto {
	display: none;
}



@media only screen and (max-width: 980px) {
	.header {display: none;}
	#intro h1 {margin-top: 0;}
	.box {max-width: 92%}
	ul li span {font-size: 16px}
	iframe {height: 250px; width: 100%;}
	.casos, .obitos, .percent { width: 100%; margin: 0 0 17px 0;}
}