* { margin:0; padding:0; }

body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: .75em;
	font-weight: normal;
	direction: ltr;
	line-height: 1.4em;
	padding: 0px 5px;
	margin: 0px;
	color: black;
	background-color: white;
	text-align: center; /* Para o IE<7 */
}

a {
	text-decoration: underline;
}

a:link {
	color: #FF6600;
}

a:visited {
	/*color: #51626F;*/
	color: #FF6600;
}

a:hover {
	color: #800000;
}

img {
    border: 0;
}
     
h2 {
	font-size: 1.5em;
	margin: 30px 0px 10px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CED4DA;
	color: #016BAA;	
}
h3 {
	font-size: 1.2em;
	color: #008000;
	margin: 5px 0px 15px 0px;
}
h4 {
	font-size: 1.2em;
	color: #008000;
}
h5 {
	font-size: 1.1em;
}

tt {
	font-family: "Courier New",Courier,mono;
	font-size: 1em;
}


p {
	margin-top: 1em;	
	margin-bottom: 1em;	
}

q {
	margin-top: 0.5em;	
	margin-bottom: 0.5em;	
	font-style: italic;
	margin-left: 10px;
	display: block;
}

ul {
	list-style: none;
}

li {
	background: transparent url(../images/bullet_green.gif) no-repeat scroll 0 0;
	margin-left: 5px;
	padding-left: 20px;
}

hr {
	border: 1px solid #CED4DA;
}

iframe.gbook {
	min-height: 600px;
}

.noscript {
	border:2px solid red;
	color:red;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4em;
	margin:0px auto;
	padding:10px;
	text-align:left;
	width:886px;
}

#container {
	width: 880px;
	padding: 5px 15px;
	margin: 0 auto;
	text-align: left; /* Para o IE<7 */
	background: #BDBDBD url(../images/back.gif) repeat-y scroll 0;
}

#top-goog {
    background-color: #bdbdbd;
    height: 20px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 10px 0 10px;
    clear: both;
}

#content {
    width: 600px;
    float: left;
}
#content-wide {
    width: 100%;
}

#rightcol {
    float: right;
    width: 270px;
}

#footer {
    clear: both;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    background: transparent url(../images/navbar.gif) no-repeat scroll 0;
    height: 31px;
    text-align: right;
}

#footer-notes {
    background: #fdfdfd url(../images/footer-back.png) no-repeat scroll 0px 0px ;
    height: 30px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -5px;
    padding-top: 5px;
    text-align: center;
	font-family: Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1em;
	color: #535353;
}

/* ------- header stuff -------- */

#header {
	background: #BDBDBD url(../images/head-back.gif) no-repeat scroll 10px top;
	min-height: 120px;
	height: 120px;
	width: 100%;
	margin: 0px 0px 5px 0px;
	position: relative;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 154px;
	height: 120px;
}

#lema {
	position: absolute;
	bottom: 8px;
	left: 250px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, helvetica, sans-serif;
	width: 400px;
}

#users {
	position: absolute;
	bottom: 50px;
	right: 0pt;
	font-size: 1em;
	/*color: #4190BF;*/
	color: #016BAA;
	/*color: #008000;*/
	text-align: right;
	margin-right: 5px;
	width: 220px;
}

#account {
	position: absolute;
	bottom: 8px;
	right: 0pt;
	font-size: 1em;
	color: #383838;
	text-align: right;
	margin-right: 5px;
	width: 220px;
}

#account a {
	text-decoration: none;
}
#account a:hover {
	text-decoration: underline;
}

#account img {
	padding: 0px 5px 3px 0px; /* Firefox */
	vertical-align: middle;
}

#account span {
	padding: 0px 5px 0px 5px;
}

/* ------- footer stuff -------- */

#credits {
	display: inline;
	float: left;
	font-family: Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	line-height: 31px !important;
	margin: 0px;
	padding: 0px 20px;
	color: #D1D1D1;
}

/* --------- navigation --------- */

#main-nav {
	background: transparent url(../images/navbar.gif) no-repeat scroll 0;
	height: 31px;
}

#nav, #nav-foot {
	font-family: Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	line-height: 25px !important;
	list-style: none !important;
	padding: 3px 10px;
}

#nav {
	font-size: 1.25em;	
}

#nav li, #nav-foot li {
	margin: 0px 10px;
	padding-left: 0px !important;
	background-image: none !important;
}

#nav li {
	float: left;
}

#nav li.last {
	float: right;
	margin: 0px 10px;
}

#nav li.mdis {
	color: #D1D1D1;
	margin: 0px 15px;
}

#nav a, #nav-foot a {
	color: #FFFFFF;
	display: block;
	padding: 0px 5px;
	text-decoration: none;
	white-space: nowrap;
}

#nav li.over a, #nav a:hover,
#nav-foot li.over a, #nav-foot a:hover  {
	color: #FF6600;
	background-color: #FFF5E1;
}


#nav-foot {
	font-size: 1em;	
}

#nav-foot li {
	float: right;
}

/*  ------- rounded boxes ------- */

.rbox {
	margin: 0px 0px 10px 0px; 
	width: 100%; /* for IE */
}
.bl {background: url(../images/bl.gif) 0 100% no-repeat #ffffff;} 
.br {background: url(../images/br.gif) 100% 100% no-repeat;} 
.tl {background: url(../images/tl.gif) 0 0 no-repeat;} 
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px;}

h2.boxfirst { 
	margin-top: 0px; 
}

/*  ------- forms ------- */

.formulario {
    margin-top: 20px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.formulario p {
	clear: left;
	margin: 0;
	padding: 5px 0 8px 175px; /*width of left column containing the label elements*/
	border-bottom: 1px dashed gray;
	height: 1%;
}
.formulario label.lbl, .formulario span.lbl {
	float: left;
	margin-left: -175px; /*width of left column*/
	width: 170px; /*width of labels. Should be smaller than left column (175px) to create some right margin*/
	line-height: 2em;
}
.formulario input, .formulario textarea, .formulario select {
	border: #487295 solid 1px;
    height: 1.5em;
}
.formulario input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}
.formulario input[type="radio"] { /*IE6 does not understand this attribute*/
	border: none;
    height: 1em;
}
.formulario textarea{
	width: 250px;
	height: 150px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
	margin-left: 3px;
}

.formulario .last {
	border: 0;
}

.formulario label.captcha {
	line-height: 4em;
}
.formulario input.captcha[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width: 130px;
}
.formulario input.readonly {
    background-color: #DEDEDE;
}
.formulario input.noimg {
    margin-left: 23px;
}

.formulario img {
    padding: 3px 5px 3px 0px; /* Firefox */
    vertical-align: middle;
}

.formulario .validator {
	margin-left: -175px !important; /*width of left column*/
}

.button {
	border: #487295 solid 1px;
    height: 2em;
    cursor:pointer;
    background:#999;
    color:#666;
    font-weight:bold;
    padding: 2px 5px;
    background:url(../images/btn-back.gif) repeat-x left top;
}

/* ------- tooltips -------- */

#dhtmltooltip {
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
}

/* ------- wizards -------- */

.wizStep, .gridArea, .gridAreaWide {
	padding: 0px 0 10px 0;
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dashed gray;
}

.wizStep label, .wizStep span {
	line-height: 2em;
}	
.wizStep span label {
	margin-left: 5px;
}

.navWizard {
	margin-left: 10px;
	margin-right: 10px;
}

/* ------- other blocks -------- */

ul.textBlock li {
	margin-bottom: 1em;
}

ul.faq li {
	margin-bottom: .2em;
}

div.faqAnswer p {
	margin-left:10px;
}
h5.faqAnswer {
	color: black;
	background-color: #EEEECC;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.content-goog, .content-wide-goog {
	padding: 10px 0px 5px 0px;
	text-align: center;
}


.warning, .info {
	margin:1em 1em;
	padding:1em 1em 1em 40px;
}
.warning {
	background:#FFF5E1 url(../images/warning.gif) no-repeat 10px 50%; 
	border-bottom:2px solid #FFD700;
	border-top:2px solid #FFD700;
}
.info {
	background:#EEF9FD url(../images/information.gif) no-repeat 10px 50%; 
	border-bottom:2px solid #87CEFA;
	border-top:2px solid #87CEFA;
}

.valor {
    padding-left: 20px;
    padding-right: 10px;
    background-color: #DEB031;
    text-align: right;
}

.news {
    margin-bottom: 1.4em;
}

.feedBackOk {
	color: #008000;
}
.feedBackNok {
	color: #800000;
}

#waitDiv {
	position: absolute;
}
.vcontainerSmall {
	width: 600px;
}
.vcontainer {
	width: 880px;
}
.vcontainer, .vcontainerSmall {
	height: 300px;
	overflow: hidden;
	display: table;
}
.vwrapper {
	display: table-cell; 
	vertical-align: middle;
}
.vcontent {
}
.vcontent img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ------- other inlines --------- */

.key {
	background:transparent url(../images/key.gif) no-repeat 0px 50%;
	padding-left: 25px; 
}

.email {
	background:transparent url(../images/email.gif) no-repeat 0px 50%;
	padding-left: 25px; 
}

/* -------- datagrids --------- */
.gridArea, .gridAreaWide {
	overflow: auto;
}
.gridArea {
	width: 580px;
}
.gridAreaWide {
	width: 860px;
}

.gridHeader {
	background: #DFDFDF;
	color: #000000;
	height: 20px;
}
.gridHeader th {
	padding: 0 2px 0 2px;
}
.gridItem, .gridAlterItem, .gridEditItem {
	font-size: .75em;
	height: 20px
}
.gridItem {
	background: #EEEECC;
}
.gridAlterItem {
	background: #FAFAEC;
}
.gridEditItem {
	background: #FFCC66; 
}
.gridItem td, .gridAlterItem td, .gridEditItem td {
	padding: 0 2px 0 2px;
}

.gridEditItem .inputEdit, .gridEditItem .selectEdit {
	border: #487295 solid 1px;
	width: 100px;
}
.pager {
	text-align: right;
	font-size: .8em;
}