/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

table, td, th {
	vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Remove annoying border on linked images. */

a img {
	border: none;
}

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body {
	font-size: 75%;
	color: #222;
	background: #0a67a8 url('../images/background.jpg') no-repeat center top;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #111;
}

h1 {
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 2em;
	margin-bottom: 0.75em;
}

h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}

h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}

h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
	margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p {
	margin: 0 0 1.5em;
}

p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}

p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

a:focus, 
a:hover {
	color: #000;
}

a {
	color: #009;
	text-decoration: underline;
}

blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}

strong {
	font-weight: bold;
}

em,dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup, sub {
	line-height: 0;
}

abbr, 
acronym {
	border-bottom: 1px dotted #666;
}

address {
	margin: 0 0 1.5em;
	font-style: italic;
}

del {
	color: #666;
}

pre {
	margin: 1.5em 0;
	white-space: pre;
}

pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol {
	margin: 0 1.5em;
}

ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

/* Tables
-------------------------------------------------------------- */

table {
	margin-bottom: 1.4em;
	width: 100%;
}

th {
	font-weight: bold;
}

thead th {
	background: #c3d9ff;
}

th,td,caption {
	padding: 4px 10px 4px 5px;
}

tr.even td {
	background: #e5ecf9;
}

tfoot {
	font-style: italic;
}

caption {
	background: #eee;
}

/* Misc classes
-------------------------------------------------------------- */

.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.hide {
	display: none;
}

.quiet {
	color: #666;
}

.loud {
	color: #000;
}

.highlight {
	background: #ff0;
}

.added {
	background: #060;
	color: #fff;
}

.removed {
	background: #900;
	color: #fff;
}

.first {
	margin-left: 0;
	padding-left: 0;
}

.last {
	margin-right: 0;
	padding-right: 0;
}

.top {
	margin-top: 0;
	padding-top: 0;
}

.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* --------------------------------------------------------------
   grid.css - mirror version of src/grid.css
-------------------------------------------------------------- */

/* A container should group all your columns. */

.container {
	width: 960px;
	margin: 44px auto 0;
}

/* Use this class on any div.span / container to see the grid. */

.showgrid {
	background: url(grid.png);
}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {
	float: left;
	margin-right: 12px;
}

/* The last column in a row needs this class. */

.last, div.last {
	margin-right: 0;
}

/* Use these classes to set the width of a column. */

.span-1 {
	width: 69px;
}

.span-2 {
	width: 150px;
}

.span-3 {
	width: 231px;
}

.span-4 {
	width: 312px;
}

.span-5 {
	width: 393px;
}

.span-6 {
	width: 474px;
}

.span-7 {
	width: 555px;
}

.span-8 {
	width: 636px;
}

.span-9 {
	width: 717px;
}

.span-10 {
	width: 798px;
}

.span-11 {
	width: 879px;
}

.span-12 {
	width: 960px;
	margin: 0;
}

/* Use these classes to set the width of an input. */

input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12 {
	border-left-width: 1px!important;
	border-right-width: 1px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}

input.span-1, textarea.span-1 {
	width: 57px!important;
}

input.span-2, textarea.span-2 {
	width: 138px!important;
}

input.span-3, textarea.span-3 {
	width: 219px!important;
}

input.span-4, textarea.span-4 {
	width: 300px!important;
}

input.span-5, textarea.span-5 {
	width: 381px!important;
}

input.span-6, textarea.span-6 {
	width: 462px!important;
}

input.span-7, textarea.span-7 {
	width: 543px!important;
}

input.span-8, textarea.span-8 {
	width: 624px!important;
}

input.span-9, textarea.span-9 {
	width: 705px!important;
}

input.span-10, textarea.span-10 {
	width: 786px!important;
}

input.span-11, textarea.span-11 {
	width: 867px!important;
}

input.span-12, textarea.span-12 {
	width: 948px!important;
}

/* Add these to a column to append empty cols. */

.append-1 {
	padding-right: 81px;
}

.append-2 {
	padding-right: 162px;
}

.append-3 {
	padding-right: 243px;
}

.append-4 {
	padding-right: 324px;
}

.append-5 {
	padding-right: 405px;
}

.append-6 {
	padding-right: 486px;
}

.append-7 {
	padding-right: 567px;
}

.append-8 {
	padding-right: 648px;
}

.append-9 {
	padding-right: 729px;
}

.append-10 {
	padding-right: 810px;
}

.append-11 {
	padding-right: 891px;
}

/* Add these to a column to prepend empty cols. */

.prepend-1 {
	padding-left: 81px;
}

.prepend-2 {
	padding-left: 162px;
}

.prepend-3 {
	padding-left: 243px;
}

.prepend-4 {
	padding-left: 324px;
}

.prepend-5 {
	padding-left: 405px;
}

.prepend-6 {
	padding-left: 486px;
}

.prepend-7 {
	padding-left: 567px;
}

.prepend-8 {
	padding-left: 648px;
}

.prepend-9 {
	padding-left: 729px;
}

.prepend-10 {
	padding-left: 810px;
}

.prepend-11 {
	padding-left: 891px;
}

/* Border on right hand side of a column. */

div.border {
	padding-right: 5px;
	margin-right: 6px;
	border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */

div.colborder {
	padding-right: 45px;
	margin-right: 47px;
	border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */

.pull-1 {
	margin-left: -81px;
}

.pull-2 {
	margin-left: -162px;
}

.pull-3 {
	margin-left: -243px;
}

.pull-4 {
	margin-left: -324px;
}

.pull-5 {
	margin-left: -405px;
}

.pull-6 {
	margin-left: -486px;
}

.pull-7 {
	margin-left: -567px;
}

.pull-8 {
	margin-left: -648px;
}

.pull-9 {
	margin-left: -729px;
}

.pull-10 {
	margin-left: -810px;
}

.pull-11 {
	margin-left: -891px;
}

.pull-12 {
	margin-left: -972px;
}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {
	float: left;
	position: relative;
}

.push-1 {
	margin: 0 -81px 1.5em 81px;
}

.push-2 {
	margin: 0 -162px 1.5em 162px;
}

.push-3 {
	margin: 0 -243px 1.5em 243px;
}

.push-4 {
	margin: 0 -324px 1.5em 324px;
}

.push-5 {
	margin: 0 -405px 1.5em 405px;
}

.push-6 {
	margin: 0 -486px 1.5em 486px;
}

.push-7 {
	margin: 0 -567px 1.5em 567px;
}

.push-8 {
	margin: 0 -648px 1.5em 648px;
}

.push-9 {
	margin: 0 -729px 1.5em 729px;
}

.push-10 {
	margin: 0 -810px 1.5em 810px;
}

.push-11 {
	margin: 0 -891px 1.5em 891px;
}

.push-12 {
	margin: 0 -972px 1.5em 972px;
}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {
	float: right;
	position: relative;
}

/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */

.prepend-top {
	margin-top: 1.5em;
}

.append-bottom {
	margin-bottom: 1.5em;
}

/* Use a .box to create a padded box inside a column.  */

.box {
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #E5ECF9;
}

/* Use this to create a horizontal ruler across a column. */

hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none;
}

hr.space {
	background: #fff;
	color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.clearfix, .container {
	display: block;
}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {
	clear: both;
}

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label {
	font-weight: bold;
}

fieldset {
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	font-size: 1.2em;
}

/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, 
textarea, select {
	background-color: #fff;
	border: 1px solid #bbb;
}

input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus {
	border-color: #666;
}

input[type=text], 
input.text, input.title,
textarea, select {
	margin: 0.5em 0;
}

input.text, 
input.title {
	width: 300px;
	padding: 5px;
}

input.title {
	font-size: 1.5em;
}

textarea {
	width: 390px;
	height: 250px;
	padding: 5px;
}

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio {
	position: relative;
	top: .25em;
}

form.inline {
	line-height: 3;
}

form.inline p {
	margin-bottom: 0;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}

.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.error a {
	color: #8a1f11;
}

.notice a {
	color: #514721;
}

.success a {
	color: #264409;
}

/* IDs
-------------------------------------------------------------- */

#main {
	background-color: white;
}

#header {
	padding-bottom: 50px;
}

#header2 {
	margin-top: 40px;
	margin-left: 13px;
}

#topeffect {
	padding: 0;
	margin: 30px 0 0;
	height: 55px;
}

.titulo {
	font: bold 12pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.titulom {
	font: bold 12pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 22px;
	font-weight: bold;
}

.bloco {
	margin-left: 30px;
	padding-bottom: 20px;
	text-align: justify;
}

#titulo1 {
	margin-left: 13px;
	padding-bottom: 10px;
}

#footer {
	background-color: black;
	padding-top: 20px;
	color: whitesmoke;
}

#bottom {
	height: 20px;
}

#logo {
	padding-left: 10px;
}

#barra {
	height: 20px;
	background-color: black;
	color: whitesmoke;
	text-align: right;
	font: 7pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#menu {
	position: absolute;
	z-index: 2;
	margin-left: 230px;
	margin-top: 25px;
	color: white;
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 11pt;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#coluna1, #coluna4 {
	width: 300px;
	margin-left: 13px;
}

#coluna2, #coluna5 {
	width: 300px;
}

#coluna3, #coluna6 {
	width: 300px;
	margin-right: 13px;
}

#coluna1, #coluna2, #coluna3, #coluna4, #coluna5, #coluna6 {
	text-align: left;
}

#coluna1 h4, #coluna2 h4, #coluna3 h4, #coluna4 h4, #coluna5 h4, #coluna6 h4 {
	font-weight: bold;
}

#coluna4 h4, #coluna5 h4, #coluna6 h4 {
	color: #0b86db;
}

#coluna1 a, #coluna2 a, #coluna3 a, #coluna5 a {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0a67a8;
	text-decoration: none;
	font-weight: bold;
}

#coluna1 a:hover, #coluna2 a:hover, #coluna3 a:hover, #coluna5 a:hover {
	color: #ed1c24;
}

#siteicon {
	width: 20px;
}

#menu li {
	width: 150px;
	height: 30px;
	float: left;
	text-align: center;
	overflow: hidden;
	display: block;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

#menu a {
	color: #fff;
	text-decoration: none;
}

#menu a:hover {
	color: #ff2711;
}

a {
	color: #0b86db;
	text-decoration: none;
}

a:hover {
	color: #ff2711;
}

.subtext {
	padding-top: 2px;
	font-size: 9pt;
}



/*Menu Color Classes*/


.sboxh3 {
	
	margin: 10px 10px 0 10px; color: white; font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10pt;
}


.back1 {
	background-image: url(../images/backmenu.png);
}

.back2 {
	background-image: url(../images/backmenu2.png);
}

span.show-tooltip-text {
	display: none;
	position: absolute;
	font-size: 0.9em;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	padding: 6px;
	padding-left: 12px;
	padding-right: 12px;
	color: white;
}

/* Boxgrid css */

.sboxh3 {
	 margin: 10px 10px 20px; color:#FFF 
}


.boxgrid2{ 
	width: 270px; 
	height: 216px; 
	margin: 0 23px 23px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid2 img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxgrid2 p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:8pt "Lucida Grande", Arial, sans-serif; 
}


.boxgrid{ 
	width: 270px; 
	height: 216px; 
	margin: 17px 23px 23px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:8pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{		 
	float: left; 
	position: absolute; 
	background: #000;

	height: 120px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 260px;
	left: 0;
}

.caption .boxcaption {
 	top: 168px;
 	left: 0;
}


#mapa { 
	text-align: left;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0a67a8;
	width: 250px;
}