@import "passo1.css";
@import "passo2.css";
@import "passo3.css";

html,body,div,p,span,cite,blockquote,h1
,h2,h3,h4,h5,h6,b,i,a,ul,ol,dl,dd,dt,li,
fieldset,form,input,textarea,label { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

* a { outline: none; }
.h { display: none !important; }
.c { display: block !important; clear: both !important; }

body { background: #252525; overflow-x: hidden; text-align: center; }
	#content { background: url(img/bg_content.jpg) repeat; position: relative; text-align: center; width: 100%; z-index: 0; }
		#content-inner { 
			margin: 0 auto; 
			padding-top: 10px;
			text-align: left; 
			overflow: hidden; 
			width: 1020px; 
		}
			#col-esq { float: left; width: 310px; }
				#col-esq div.t { background: url(img/bg_t.png); margin-bottom: 4px; padding: 30px 10px; }
					#col-esq div.t h1 { 
						color: #afd5c6; 
						font-size: 54px; 
						letter-spacing: -0.06em; 
						line-height: 90%; 
						margin-bottom: 17px;
						/*text-shadow: 0 3px #1c1710;*/
					}
					#col-esq div.t h1:hover { cursor: pointer; }
					#col-esq div.t h3 { 
						color: #fff; 
						font-size: 26px; 
						font-weight: normal; 
						letter-spacing: -0.04em; 
						line-height: 110%; 
						/*text-shadow: 0 3px #423328;*/
					}
			#col-esq a {
				background: url(img/bg_t.png);
				color: #fff;
				display: block;
				font-size: 24px;
				font-weight: bold;
				letter-spacing: -0.05em;
				line-height: 55px;
				margin-bottom: 4px;
				text-decoration: none; 
			}
			#col-esq a:hover { color: #afd5c6; cursor: pointer; }
				#col-esq a b { 
					background: url(img/sprite.png) no-repeat; 
					float: left; 
					height: 45px; 
					margin: 5px 10px 0 15px; 
					width: 45px; 
				}
				#col-esq a.cont b { background-position: 0 -57px; }
				#col-esq a.addthis_button b { background-position: 0 -158px; }
			#col-esq .sec { 
				color: #1c1710; 
				left: 0; 
				position: absolute; 
				top: 3px; 
				z-index: -1; 
			}
			#col-esq a .sec { left: 70px; top: 2px; }
			#col-dir { float: right; font-size: 12px; width: 700px; }
				
				#col-dir #aviso { position: absolute; z-index: 200; }
				#col-dir #aviso:hover { cursor: pointer; }
				
	#subfooter { 
		background: url(img/bg_content-inner.png) repeat-x; 
		height: 4px; 
		margin-top: -4px; 
		position: relative; 
		z-index: 1; 
	}
	#footer { 
		background: #252525; 
		color: #6a6a6a; 
		font-size: 10px; 
		line-height: 40px; 
		position: absolute; 
		text-align: center; 
		z-index: 1;
		width: 100%;
	}
		#footer a { color: #6a6a6a; }
		
/* modal */
#over { background: #000; position: absolute; z-index: 198; }
	#modal { background: #fff; border: 2px solid #a7c6a9; padding: 3px; position: absolute; text-align: left; z-index: 199; }
	.sobre { width: 600px; }
		.sobre p { padding: 5px; }
		#modal #cabecalhoM { background: #e5f0ca; margin-bottom: 4px; }
			#cabecalhoM h2 { color: #718f83; font-size: 18px; letter-spacing: -0.04em; line-height: 28px; margin-left: 8px; }
			#cabecalhoM a { 
				background: url(img/sprite.png) no-repeat 0 -122px;
				float: right; 
				height: 18px;
				margin: -24px 4px 0 0; 
				text-decoration: none;
				text-indent: -10000px;
				width: 18px;
			}
			#cabecalhoM a:hover { background-position: -18px -122px; cursor: pointer; }
			#modal fieldset { border: 0; padding: 10px; width: 480px; }
				#modal fieldset b { color: #f00; }
			#modal p { 
				color: #666; 
				display: block; 
				font-size: 12px; 
				font-style: normal; 
				line-height: 160%;
				text-align: justify;
			}
					#modal fieldset p cite { 
						display: block; 
						font-size: 11px; font-style: normal; margin: 3px 0 10px; text-align: right; }
				#modal fieldset h3 { 
					font-size: 11px; 
					font-weight: normal;
					margin-bottom: 6px; 
					padding: 8px 3px; 
					text-align: center; 
				}
				#modal fieldset h3.erroTit { background: #ffd0d0; }
				#modal fieldset h3.sucessoTit { background: #e6f7c8; }
				#modal fieldset h3.aguardeTit { background: #f5f3c6 url(img/aguarde.gif) no-repeat center center; }
				#modal fieldset div { margin-bottom: 6px; }
					#modal label { color: #666; display: block; font-size: 12px; line-height: 16px; margin-bottom: 3px; }
					#modal input, #modal textarea {  
						background: #fff; 
						border: 1px solid; 
						border-color: #b9b9b9 #d6d6d6 #d6d6d6 #b9b9b9;
						font: 14px Arial, Verdana, sans-serif; 
						padding: 4px; 
						width: 210px; 
					}
					#modal input:focus, #modal textarea:focus { background: #f5fae9; }
					#modal .erro, #modal .erro:focus { background: #FFE6DD; }
					#modal textarea { height: 80px; width: 240px; }
					#modal input.s {  
						border: 1px solid; 
						border-color: #eb6c6c #c00000 #c00000 #eb6c6c; 
						background: #d00; 
						color: #fff;  
						font-size: 14px; 
						font-weight: bold;
						text-align: center;
						margin-left: 85px;
						width: 80px;
					}
					#modal input.d { width: 40px; }
					#modal input.t { width: 110px; }
					#modal input.s:active { border-color: #c00000 #eb6c6c #eb6c6c #c00000; }
					#modal div i { 
						background: #fffac8;
						border: 1px solid #fff697;
						float: right;
						font-size: 11px; 
						font-style: normal;
						margin: -1px 0 0 5px;
						padding: 6px;
						position: absolute;
						visibility: hidden;
						width: 180px;
					}
					
#footer .addthis_toolbox { 
	background: #fff url(img/bg_addthis.png) no-repeat; 
	line-height: 18px; 
	margin: -31px 7px 0 0; 
	padding: 3px; 
	position: absolute; 
	right: 0; 
	width: 130px; 
}
	#footer .addthis_toolbox a { font-size: 11px; text-decoration: none; line-height: 16px; }
	
#preload { 
	left: 35%; 
	margin: 0 auto; 
	position: absolute; 
	top: 40%; 
	width: 30%; 
}
	#preload span { background: url(img/aguarde-azul.gif) no-repeat; display: block; height: 35px; margin: 0 auto 20px; width: 35px; }
	#preload h3 { color: #f0f0f0; font-size: 16px; letter-spacing: -0.05em; margin: 5px 0; }
	#preload a { 
		border-bottom: 1px dotted #aeaeae; 
		color: #aeaeae; 
		font: italic 9px Georgia, "Times New Roman", Times, serif; 
		padding-bottom: 2px; 
		text-decoration: none; 
	}
	#preload a:hover { cursor: pointer; color: #b0dddf; border-bottom-color: #b0dddf; }