*, p, .p, li, .li, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, span, div, td
{ font-family: Raleway; text-rendering:optimizeLegibility }
.grid-container{ padding:0; margin:0; max-width: 100% }
.texto p, .texto li { font-size:0.9rem }
h1{ font-size: 2rem }
h2{ font-size: 1.5rem; margin-top:2rem }
h3{ font-size: 1rem; font-weight: bold }
h4{ font-size: 1.3rem; font-weight: medium }
a, a:link, a:visited { color: #A30205 }
.blue a, .blue a:link, .blue a:visited { color:white; text-decoration:underline }
.blue a:hover{ color: #E1B637; text-decoration:none }
.gray a, .gray a:link, .gray a:visited { color:white; font-weight: bold; text-decoration:underline }
.gray a:hover{ color: white; text-decoration:none }
#eventos h2{font-weight: 700; }
#eventos h6{font-weight: bold; margin-top:4rem; letter-spacing: 0.2rem; color:white; padding: 0.8rem 0.8rem 0.6rem 0.8rem; }
a:hover{ color: #A30205; text-decoration:underline }

.button{ border-radius:5px !important }
a.button, a.button:visited, a.button:active{ background-color:#001E63 }
a.button{ color:white }
a.button:hover{ background-color:#E1B637; color:black }

.button-amarelo{ border-radius:5px !important; font-weight: bold; text-decoration:none !important }
a.button-amarelo, a.button-amarelo:visited, a.button-amarelo:active{ background-color:#E1B637; color:#001E63 }
a.button-amarelo{ color:E1B637 }
a.button-amarelo:hover{ background-color:#002a8a; color:white; border-color:white }

button#menuhamburguer:hover, button#menuhamburguer:active, button#menuhamburguer:visited, button#menuhamburguer:link{ background-color: black }

.red, a.red{ background-color:#A30205 !important }
a.red:hover{ background-color:#E1B637  !important; color:black !important }
.black{ background-color:black }

table tbody { border: 0 !important }
table tbody tr{ border-bottom: 1px solid #666 !important }
table th{ border:0; border-bottom: 3px #001E63 solid; text-align: left }
#valores-inscricoes tr{ background-color:#001e63 }
#valores-inscricoes th, #valores-inscricoes td{ text-align:center; }

.menu{ background:black; padding:1.6rem 0 1rem 0; position:fixed; z-index: 1000 }
.menu a{ color:white; font-size:0.8rem; text-transform:uppercase; text-shadow:0 0 1px #E1B637; text-decoration:none; padding: 0.7rem 0.6rem }
.menu a:hover{ color:#E1B637 }
.menu>li>a.selecionado{ color:#fff; font-weight:bold;}

#rodape{ font-size:0.9rem; z-index: 10}
#rodape a{ color:white; text-shadow:0 0 1px #E1B637; text-decoration:none }
#rodape a:hover{ color:#E1B637 }
#rodape div { border-bottom:10px solid black }
#rodape .regua { max-height: 4rem; max-width: 10rem }

.capa{ background-image: url('/img/imagem-site-cidi-centralizado.png'); background-size: cover; background-position: center; color:white; padding-top: 10rem; padding-bottom: 7rem }
.sobre{ background:white; color:black; padding: 3rem }
.blue{ background:#001E63; color:white; padding: 2rem }
.white{ background:white; color:#001E63; padding: 2rem }
.gray{ background:#96989A; color:white; padding: 2rem }
.footer{ background:black; color:white; padding-top: 6rem; padding-bottom: 5rem }


.card {
	color:#001E63; 
	border-color:#001E63;
	height: auto;
	}

.card-section { 
								min-height: 7rem;
							}


.card p { font-size: 0.8rem; 
					line-height: 0.9rem; 
				}

ul.sembullet { list-style-type: none; margin-left: 0 }

#tg-comunica, #tg-educa, #tg-historia, #tg-saude, #tg-sociedade, #tg-infovis, #tg-hoteis { cursor: pointer; text-decoration: underline; margin-top: 1rem }
#bd-comunica, #bd-educa, #bd-historia, #bd-saude, #bd-sociedade, #bd-infovis, #bd-hoteis { display: none }

.eixo{ border-bottom:1px white solid }
#faq-body p{ margin-left: 2rem }
#faq-body li{ margin-left: 1.8rem }
#faq-body .numero{ width:2rem }

#menuhamburguer{ position:fixed }
#offCanvas{ background:black; }
#offCanvas .menu li{ border-bottom:1px white solid }


/* Small only */
@media screen and (max-width: 39.9375em) {
  #rodape .regua { padding-top:2rem; max-height: 6rem; max-width: 12rem }
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.capa{ margin-top: 5.375rem; }
	.fotos-locais{ padding-right:1rem }	
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#rodape>.logo{ width: 30%; padding:1rem 1rem}
}

/* Large and up */
@media screen and (min-width: 64em) {
	#rodape>.logo{ width: 10%; padding:0 1rem }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}