html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


body {margin-top: 40px;
	background: url('../images/fundo.jpg') top left repeat-x;
	background-color: #1e5fc7;
	text-align: center;}

body, p, h1, h2, h3, span {font: normal 8pt arial, verdana, Arial, "Lucida Sans Unicode";
	text-align: left;
	color: #5b5b5b;
	line-height: 150%;
	letter-spacing: 0.1px;}
	
h1 {margin-bottom: 5px;
	padding-bottom: 10px;
	font: bold 14pt Arial, Helvetica, sans-serif;
	color: #12489E;
	letter-spacing: -0.5px;}
	
h2 {padding-bottom: 10px;
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: #12489E;
	letter-spacing: -0.1px;}

h3 {margin: 0px;
	padding: 0px;
	font: bold 9pt arial;
	letter-spacing: -0.1px;
	color: #4d9607;}

h4 {padding-bottom: 1px;
	font: bold 9pt arial, georgia, "Lucida Sans Unicode";
	color: #028aff;}
	
img {border: 0;
	float: left;
	margin:0;
	padding:0;}
	
a:link, a:visited {color: #019eff;
	text-decoration: none;}
	
	a:hover {color: #000000;
		text-decoration: none;}

			a.news:link, a.news:visited {
				font-weight: bold;
				color: #1a212b;
				text-decoration: none;}
			
				a.news:hover {color: #019eff;}
				
				
	
	.bighack {width: 1px;
		height:600px;
		float: right;
		/*background-color: #FF0000;*/}

	.clear {width: 100%;
		line-height: 0px;
		font-size: 0px;
		height: 0px;
		clear: both;}

	.strong {font-weight: bold;}
	
	p.strong a:link, p.strong a:visited {color: #012b6d;
		text-decoration: none;}
		
		p.strong a:hover, p.strong a:visited:hover {color: #346899;
			text-decoration: none;}

/* ---------->>> LAYOUT <<<-----------*/
#container {margin: 0 auto;
	width: 850px;
	min-height: 600px;
	text-align: left;
	clear: both;
	background: #ffffff;}
	
		#topleftlinks {width: 200px;
			height: 35px;
			float: left;
			background: #6d7079;}

		#topslogan {width: 650px;
			height: 35px;
			float: left;
			background: url('../images/mocpatodos.jpg') center no-repeat;}

		#logo {width: 200px;
			height: 195px;
			float: left;
			background: url('../images/logo.jpg') no-repeat;
			background-color: #47b5f2;}

			#logo a:link, #logo a:visited {display: block;
				width: 100%;
				height: 100%;
				float: left;}

		#date {padding-top:10px;
			width: 200px;
			height: 25px;
			float: left;
			text-align: center;
			background: #dce5f2;}

		#banner {width: 650px;
			height: 180px;
			float: left;
			background-color: #666666;}
	
		#mainav {width: 650px;
			height: 50px;
			float: left;
			background: url('../images/menu-bg.jpg');
			background-color: #f29e3e;}


		#leftcontent {padding: 20px 10px 0px 10px;
			width: 180px;
			min-height: 250px;
			float: left;}

		#slogan {padding: 10px 5px 5px 5px;
			width: 640px;
			height: 25px;
			float: left;
			font: bold 14pt Arial, Helvetica, sans-serif;
			letter-spacing: -0.5px;
			text-align: center;
			color: #bdcae1;
			background-color: #dce5f2;}
			
		#mainconent {padding: 20px 10px 0px 10px;
			width: 630px;
			min-height: 320px;
			float: left;
			color: #689ffa;
			background-color: #154ba3;}
			
			#mainconent h1, #mainconent h2 {color: #c9ddfe;}
			
			#mainconent img {padding-right: 10px;
				float: left;}

			#mainconent a:link {
				text-decoration: underline;}

			#mainconent a:hover {
				color: #FFFFFF;
				text-decoration: none;}


		#leftinsidecontent {padding: 20px 10px 0px 10px;
			width: 280px;
			min-height: 250px;
			float: left;}


		#rightinsidecontent {padding: 20px 10px 0px 10px;
			width: 280px;
			min-height: 250px;
			float: right;}
			


	#footer {width: 100%;
		min-height: 50px;
		float: left;
		background-color: #78adff;}
		
		span.copyright {padding: 10px 10px 0px 10px;
			width: 180px;
			min-height: 50px;
			float: left;
			color: #12489e;}

		span.continue {padding: 20px 10px 0px 10px;
			width: 630px;
			min-height: 25px;
			float: left;
			background-color: #154ba3;}

		span.credits {padding: 10px 10px 0px 10px;
			width: 180px;
			height: 50px;
			float: right;
			color: #cfd1d0;}
			
			span.copyright a:link, span.copyright a:visited {color: #113d85;
				font-weight: bold;
				text-decoration: none;}
				
				span.copyright a:hover {color: #fff;}
			
			
			

/*----------->>> MAIN NAV <<<-----------*/
ul#mainmenu {
	list-style-type: none; 
	float: left; 
	display: block; 
	width: 600px;
	height: 30px;
	margin: 10px 0px 0px 10px;}


ul#mainmenu li {
	display: inline;
	letter-spacing: 0.1px;
	line-height: 30px;}

ul#mainmenu li a:link, ul#mainmenu li a:visited {
	display: block; 
	float: left; 
	padding: 0px 15px 0px 15px; 
	margin: 0px;
	height: 30px;
	background: url('../images/menu-sep.png') center right no-repeat;}
	
ul#mainmenu li a:link span, ul#mainmenu li a:visited span{
	padding-top: 10px;
	text-decoration: none;
	display: block;
	color: #ffffff;
	height: 24px;
	font: bold 8pt Arial, Helvetica, sans-serif;}

	
ul#mainmenu li a:link, ul#mainmenu li a:visited {text-decoration: none; color: #fff;}

ul#mainmenu li.last a:link, ul#mainmenu li.last a:visited {background: none;}

ul#mainmenu li a:hover span, ul#mainmenu li a:hover.active span{
	color: #013a57;
	text-decoration: none;}

ul#mainmenu li a:link.active span, ul#mainmenu li a:visited.active span, ul#mainmenu li a:hover span, ul#mainmenu li a:hover.active span {
	color: #013a57;
	text-decoration: none;
	background: url('../images/menu-active.jpg') bottom center no-repeat;
	cursor: pointer;}


/* ---------->>> TOP LINKS <<<-----------*/
ul#toplinks {margin: 0 auto;
	padding: 10px 0px 0px 30px;
	white-space: nowrap;
	display: block;
	width: 160px;
	float: left;}

	#toplinks li {display: inline;
		list-style-type: none;
		color: #fff;}
		
		#toplinks li.home {padding-left: 17px;
			background: url('../images/homeicon.jpg') top left no-repeat;}
	
		#toplinks li.contact {padding-left: 17px;
			background: url('../images/msgicon.jpg') center left no-repeat;}
	
	#toplinks a {padding: 0px;}
	
		#toplinks a:link, #toplinks a:visited {
			margin-right: 10px;
			font: normal 8pt Arial, Verdana, "Lucida Sans Unicode";
			text-transform: none;
			color: #464c58;
			text-decoration: none;}
		
		#toplinks a:hover, #toplinks a.current, #toplinks a:link.current, #toplinks a:visited.current {
			color: #000;
			text-decoration: none;}


/* ---------->>> Left Links <<<-----------*/
a.sobremais {display: block;
	width: 170px;
	padding: 3px 5px 3px 5px;
	background-color: #e2eddb;
	text-decoration: none;
	font-weight: bold;
	color: #5c6259;}

a.sobremais:hover, a.sobremais.active {color: #fff;
			text-decoration: none;
			background-color: #669934;}

br.shortbr {line-height: 3px;}