@font-face {
	font-family: HN ;
	src: url("../HelveticaNeue.ttf") ;
}

@font-face {
	font-family: MySymbols ;
	src: url("../Symbols.otf") ;
}

*, *:after, *:before {
	box-sizing: border-box ;
	text-decoration: none ;
	font-family: HN, "Helvetica Neue", Arial, Helvetica, sans-serif ;
	font-size: 0px ;
	outline: none ;
}

body, html{
	padding: 0px;
	margin: 0px;
	font-size: 14px ;
}

body{
	overflow: hidden ;
}

p, span, b, table, tr, td, a, center, li{
	font-size: inherit ;
}

h1{ font-size: 22px ; }
h2{ font-size: 20px ; }
h3{ font-size: 18px ; }
h4{ font-size: 16px ; }

h1, h2, h3, h4{
	padding: 0px 18px ;
	margin: 0px ;
	margin-bottom: 18px ;
	color: #00384D ;
}

p{
	font-size: 16px ;
}

img{
	border: 0px none ;
}

.symbol{
	font-family: MySymbols ;
	font-size: 28px ;
	line-height: 100% ;
	display: inline-block ;
	margin-right: 9px ;
}

.negrito{
	font-weight: 700 ;
}

.inscricoes_online{
	position: fixed ;
	z-index: 4 ;
	padding: 6px ;
	transition: bottom 0.25s, right 0.25s ;
	display: none ;
	top: 324px ;
	left: 6px ;
}

.inscricoes_online div{
	padding: 12px ;
	background-color: rgba( 255, 255, 255, 0.95 ) ;
	font-weight: 700 ;
	text-align: center ;
	border: 6px solid rgba( 255, 128, 0, 0.75 ) ;
	box-shadow: 0px 0px 6px #888 ;
	border-radius: 6px ;
	transform: rotate( -90deg ) ;
	transform-origin: 12px 12px 0 ;
	white-space: nowrap ;
}

@media ( max-width: 1048px ){
	.inscricoes_online{
	/*	bottom: 0px ;
		top: auto ;
		left: auto ;
		right: 0px ;*/
	}
}

@media ( max-height: 500px ){
	.inscricoes_online div{
		transform: none ;
		transform-origin: 0 0 0 ;
	}
	
	.inscricoes_online{
		bottom: 6px ;
		top: auto ;
		left: auto ;
		right: 6px ;
	}
}