/* STYLE RESET*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ol, ul, li, select {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:100;
}

/* HTMML */

body{
	background-color:#ffffff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:100;
}

strong{
	font-style:italic;
	font-weight:bold
}

/* LOGIN */

#loginBox{
	width:808px;
	height:656px;
	background-image:url(../../imagens/BG_login.png);
	background-repeat:no-repeat;
	background-position:top;
}

		.loginTop{
			height:83px;
			padding-top:80px;
			width:650px;
		}

		.loginTop img{
			float:left;
			padding: 0px 0px 0px 70px;
		}
		
		.loginTop2 img{
			float:left;
			padding: 0px 0px 0px 242px;
		}
		
		.loginTop span{
			color:#00AEEF;
			font-weight:bold;
		}
		
		.loginTop a{
			font-weight:bold;
			font-size:12pt;
			color:#0072BC;
			text-decoration:none;
			margin:45px 0px 0px 15px;
			float:left;
		}
		
		.loginTop a:hover{
				border-bottom: #CCC 1px solid;
		}

#loginBox form{
	margin-top:75px;
}

		.formBox{
			width:307px;
			height:42px;
			background-image:url(../../imagens/BG_fieldLogin.png);
			background-repeat:no-repeat;
			background-position:top;
			margin-bottom:20px;
		}
		
		#loginBox input[type=text], #loginBox input[type=password]{
			margin: 5px 0px 0px 0px;
			background:none;
			border:0;
			width:90%;
			height:70%;
			font-size:16px;
			color:#666;
		}
		
		#loginBox input[type=image]{
			margin: 25px 0px 0px 0px;
		}
		
		#loginBox form p{
			font-size:8pt;
			font-weight:bold;
			width:300px;
			text-align:left;
			color:#666;
		}
		
		#loginBox form a{
			color:#666;
			text-decoration:none;
		}
		
		#loginBox form a:hover{
			border-bottom: #CCC 1px solid;
		}
			
		
.loginRodape{
	margin:40px 0px 0px 0px;
	text-align:left;
	width:580px;
}

		.loginRodape h2{
			text-transform:uppercase;
			color:#00AEEF;
			font-size:16pt;
		}
		
		.loginRodape p{
			margin-top:-3px;
			font-size:10pt;
			color:#0072BC;
		}
		
		.loginRodape hr{
			border-bottom: 1px solid #DDD;
			width:515px;
			color:#FFFFFF;
			float:left;
		}
		
		.loginRodape small{
			clear:both;
			font-size:8pt;
			color:#999;
		}
		
/* ABOUTS */

#aboutBox{
	width:1150px;
	background-image:url(../../imagens/BG_About.png);
	background-position:top;
	background-repeat:no-repeat;
	padding:0px 20px 0px 20px;
	}
	
			.aboutLoginTop{
				height:130px;
				width:1007px;
				padding:40px 0px 0px 0px;
			}
			
			.aboutLoginTop h2{
				text-transform:uppercase;
				text-align:left;
				width:250px;
				margin:15px 0px 0px 80px;
				font-weight:bold;
				font-size:12pt;
				color:#132352;				
			}
		
			.aboutLoginTop img{
				margin:0px 0px 0px 20px;
				float:left;
			}
			
			.aboutLoginTop form{
				float:right;
				margin:0px 40px 0px 0px;
			}
		
			.formBoxAbout{
					float:left;
					width:184px;
					height:25px;
					background-image:url(../../imagens/BG_fieldLoginAbout.png);
					background-repeat:no-repeat;
					background-position:top;
					margin:3px 20px 0px  0px;
			}
			
			#aboutBox input[type=image]{
				float:left;
			}
			
			#aboutBox input[type=text], #aboutBox input[type=password]{
			margin:2px 0px 0px 0px;		
			background:none;
			border:0;
			width:90%;
			height:70%;
			font-size:14px;
			color:#666;
			}
	
			#aboutBox form p{
			font-size:8pt;
			margin-top:10px;
			font-weight:bold;
			width:550px;
			text-align:right;
			color:#666;
			}
		
			#aboutBox form a{
				color:#666;
				text-decoration:none;
			}
			
			#aboutBox form a:hover{
				border-bottom: #CCC 1px solid;
			}

#aboutContent{
	width:980px;
}

ul.sidebar{
	float:left;
	width:250px;
	color:#666;
}

.select{
	color:#132352;
}

			ul.sidebar li{
				list-style:none;
				border-bottom:1px #DDD solid;
				height:30px;
				text-align:left;
				padding:10px 0px 0px 15px;
			}
			
			ul.sidebar a{
				font-size:13pt;
				color:#0072BC;
				text-decoration:none;
			}

.container{
	width:680px;
	min-height:700px;
	float:left;
	margin: 0px 0px 0px 20px;
}

			.container h1{
				font-size:22pt;
				color:#0072BC;
				text-align:left;
				text-transform:uppercase;
			}
			
			.container p{
				font-size:12pt;
				color:#666;
				text-align:left;
				margin: 20px 0px 0px 0px;
			}
			
			.container h2{
				color:#132352;
				font-size:14pt;
				text-align:left;
				margin: 20px 0px 0px 0px;
			}
			
			.paragraf{
				padding:0px 0px 0px 100px;
			}
			
			.element{
				display:none;
			}

#footerAbout{
	width:900px;
	padding:0px 0px 20px 0px;
}
			#footerAbout hr{			
				border-bottom: 1px solid #DDD;
				width:890px;
				color:#FFFFFF;
				float:left;
			}
			
			#footerAbout small{
				clear:both;
				font-size:8pt;
				color:#999;
			}


