body{ font-family:"Open Sans", Arial}
img { border:none}
.clear{ clear:both}

#head > div > img {
	max-width: 820px;
/*    width: expression(this.width > 820 ? "820px" : "auto"); /* Fix IE 6 */
}

/*CONFIG MIOLO*/
#content h1{
	font-size:22px;
	font-weight:lighter;
	margin-bottom:10px;
}
#content h2, .FormHeader{
	font-size:18px;
	margin-bottom:4px;
	margin-top:30px;
	font-weight:lighter;
}
#content a {
	text-decoration:underline;
}
#content h3{
	font-size:14px;
	margin-bottom:4px;
	margin-top:20px;
}
#content p{
	font-size:12px;
	margin:0;
	margin-bottom:8px;
	line-height:20px;
	/*text-align:justify;*/
}
#content ul{
	font-size:12px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-position:inside;
}
#content ul > li{
	margin-bottom:4px;	
}
/*CONFIG SIDE-BAR*/
#side-bar small{
	font-size:11px;	
	color:#999;
}
#side-bar #inscreva > p {
	font-size:17px;	
	text-align:center;
}
#side-bar #inscreva > p a{
	text-decoration:none
}
#side-bar #inscreva > p a:hover{
	text-decoration: underline
}
#side-bar #inscreva > p + p {
	font-size:12px;	

}
#inscreva a{		
	text-decoration:none
}
#inscreva a:hover{		
	text-decoration: underline
}
/*CONFIG PARCEIROS*/
#parceiros span{
	font-size:10px;	
}
#rodape {
	font-size:14px;
}
#rodape ul li > a{
	text-decoration:none;	
}
#rodape ul li > a:hover{
	text-decoration:underline;
}


/************************************
CONSTRUÇÃO COMUM A TODOS OS LAYOUTS:
*************************************/
body, html{
	padding:0;
	margin:0;
	height:100%;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
#wapper{
	min-height:100%;
	margin-bottom:50px
}
#main {
	width:860px;
	-moz-border-radius: 15px;
	border-radius: 12px;
}
#title{
	padding:16px 30px 0 30px;
}
#title h1{
	float:left;
}
#title h2{
	float:left;
	margin-left:15px;
	margin-top:13px;
	font-size:32px;
	font-weight:lighter;
/*	line-height:32px;*/
}
#title h2 span{
	font-size:20px;
}
#title.notDisplay{
	height:4px;	
}
#title.notDisplay *{
	display:none;
}
#head{
	padding:20px 20px 20px 20px;
}

#head h1{
	position:relative;
	left: 55px;
	top:68px;
}
#content{
	float:left;
}

#side-bar{
	float:left;
	width:180px;
}
	#inscreva{
		margin-bottom:25px;
	}
	#inscreva > p{
		margin:0;
		padding:15px;
	}
	#inscreva > p + p{
		padding:10px;
	}
	#publicidade > ul{
		list-style:none;
		margin:0 0 0 0;
		padding:0;
	}
	#publicidade > ul > li{
		margin-top:10px;	
	}
/*RODAPÉ PARCEIROS*/
#parceiros{
	margin:0 25px 0 25px;
	padding:0;
	padding-top:70px;
	clear:both;
	list-style:none;
}
#parceiros > li{
	padding-top:10px;
	padding-bottom:30px;
	border-top:1px solid;
	text-align:center;
}
#parceiros > li > ul{
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}
#parceiros > li > ul > li{
	display:inline;
	list-style:none;
	padding-right:15px;
	padding-left:15px;
}

/*RODAPÉ DO EVENTO*/
#rodape{
	width:800px;
	margin:auto;
	border-top:1px solid;
	margin:22px 30px 30px 30px;
	padding-top:5px;
	padding-bottom:25px;
}
#rodape > ul{
	float:right;
	margin:0;
	padding:0;
}
#rodape strong{
	font-size:18px;
	font-weight:lighter;
}
#rodape p > a{
	font-size:12px;
	margin-left:12px;
}
#rodape > ul > li{
	display:inline;
	margin-left:12px;
}
#rodape > p{
	margin:0;
	padding:0;
	text-align:center
}

#botoes_compartilhamento {
	padding:0;
	margin:0 0 20px 0;
}
#botoes_compartilhamento  li {
	display:inline;
}
/* Steps */
.StepList ol{
	height:51px;
	list-style:none;
	margin:0;
	padding:0;
	font-family:"Open Sans", arial,'lucida grande',tahoma,verdana,sans-serif;
	display: block;
}
.Step{
	display:inline;
	list-style-type:none
}
.Step .part{
	float:left;
	height:51px
}
.Step .back{
	background-repeat:no-repeat;
	background-size:auto;
	background-position:0 -156px
}
.Step .middle{
	max-width:100px;
	min-width:100px;
}
.Step .point{
	background-repeat:no-repeat;
	background-size:auto;
	background-position:-1px 0;
	width:21px
}
.Step .title{
	margin-bottom:1px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.75px;
}
.Step .description{
	line-height:11px;
	font-size:10px;	
	font-family:verdana;
	letter-spacing: -0.75px;
}
.Step .content{
	margin:5px 5px 0 5px;
	text-shadow: 1px 1px #ddd;
}
.StepSelected .content{
	margin-left:5px;
	text-shadow: 1px 1px #666;
}
.StepListSmallDescription .description{
	font-size:9px
}
.StepFirst .back{
	width:3px
}
.StepFirst .content{
	margin-left:15px
}
.StepSelected .back{
	background-repeat:no-repeat;
	background-size:auto;
	background-position:-5px -156px
}
.StepSelected .point{
	background-repeat:no-repeat;
	background-size:auto;
	background-position:-1px -104px
}
.StepNextSelected .point{
	background-repeat:no-repeat;
	background-size:auto;
	background-position:-1px -52px
}
.StepSelected a:hover{
	text-decoration:none
}
.StepUndone .content, .StepUndone .title, .StepUndone .description, .StepUndone a{
	text-shadow: none;
}
body{
	background-color: var(--color-body-bg);
}
body.standAlone {
	background-color: var(--color-body-standalone-bg) !important;
}
#main {
	background: var(--color-surface);
}
#title h2{
	color: var(--color-primary);
}
#title h2 span{
	color: var(--color-secondary);
}

/* Navegação e relatórios */
#nav > div,
.ReportHeader,
.ReportSummary,
#user_panel{
	background: var(--color-report-header-bg);
}
.ReportOrderHeader,
.ReportGroup{
	background: var(--color-report-group-bg) !important;
	color: var(--color-report-header-text) !important;
}

#nav a,
a.ReportHeader,
#user_panel,
#user_panel a,
#user_panel a:visited{
	color: var(--color-report-header-text) !important;
}

#nav a.active,
#nav a:hover,
#nav a.active:hover,
a.ReportOrderHeader.active,
a.ReportHeader:hover,
a.ReportOrderHeader:hover{
	color: var(--color-nav-link-active);
}

/* Conteúdo */
#content h1{
	color: var(--color-text-strong);
}
#content h2, .FormHeader{
	color: var(--color-secondary);
}
#content a {
	color: var(--color-text-base);
}
#content h3{
	color: var(--color-text-base);
}

/* Side bar */
#side-bar small{
	color: var(--color-text-muted);
}

#side-bar #inscreva > p,
.FormButtonConfirm,
.btn-primary,
.FormButtonApply,
.ReportLinkHighlight {
	color: var(--color-inscreva-text);
	background: var(--color-inscreva-bg);
}
#side-bar #inscreva > p a{
	color: var(--color-inscreva-text);
}
#side-bar #inscreva > p a:hover{
	text-decoration: underline;
}
#side-bar #inscreva > p + p {
	color: var(--color-inscreva-text);
	background: var(--color-inscreva-bg-alt);
}

#inscreva a{		
	color: var(--color-primary);
}

/* Parceiros */
#parceiros span{
	color: var(--color-text-secondary);
}
#parceiros > li{
	border-color: var(--color-side-menu-border);
}

/* Rodapé */
#rodape {
	color: var(--color-footer-text);
	border-color: var(--color-footer-border);
}
#rodape a{
	color: var(--color-footer-text);
}
#rodape > ul > li{
	color: var(--color-footer-text);
}

/* Navegação principal */
#nav > div{
	background: var(--color-nav-bg);
}
#nav a{
	color: var(--color-nav-link) !important;
}
#nav a.active,
#nav a:hover,
#nav a.active:hover{
	color: var(--color-nav-link-active);
}

/* Side menu */
#side-menu a{
	color: var(--color-side-menu-link);
}
#side-menu a.active,
#side-menu a:hover{
	color: var(--color-side-menu-link-active);
}
#side-menu ul{
	border-color: var(--color-side-menu-border);
}
#side-menu ul li{
	border-color: var(--color-side-menu-border-item);
}

/* Steps */
.StepList ol{
	background:url(../img/steps/01_bkg.png);
}
.Step .back{
	background-image:url(../img/steps/01_core.png);
}
.Step .middle{
	background:url(../img/steps/01_bkg.png);
}
.Step .point{
	background-image:url(../img/steps/01_core.png);
}
.StepSelected .back{
	background-image:url(../img/steps/01_core.png);
}
.StepSelected .middle{
	background:url(../img/steps/01_bkg_selected.png)
}
.StepSelected .point{
	background-image:url(../img/steps/01_core.png);
}
.StepNextSelected .point{
	background-image:url(../img/steps/01_core.png);
}
.StepSelected .title,
.StepSelected .description,
.StepSelected a{
	color:#fff;
}
.StepUndone .content,
.StepUndone .title,
.StepUndone .description,
.StepUndone a{
	color:#bbb;
}

/* Botões */
input[type='submit'],
input[type='button'],
button {
	color: var(--btn-text);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	background-color: var(--btn-bg);
	background-image:
		linear-gradient(top, var(--btn-gradient-light), var(--btn-bg));
	border-color:
		var(--btn-gradient-light)
		var(--btn-bg)
		var(--btn-border-bottom);
	border-color:
		rgba(0, 0, 0, 0.1)
		rgba(0, 0, 0, 0.1)
		rgba(0, 0, 0, 0.25);
	border-color: var(--btn-border);
	border-bottom-color: var(--btn-border-bottom);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.2),
		0 1px 2px rgba(0,0,0,.05);
}

input[type='submit']:hover,
input[type='button']:hover,
button:hover {
	background-color: var(--btn-bg-hover);
	background-image: linear-gradient(top, var(--btn-bg-hover), var(--btn-bg-hover));
}