/* FF8 Style Sheet */

/* tags */
body {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #513205;
    font-size: 62.5%;
    font-family: verdana,arial,helvetica,sans-serif;
}

a {
    text-decoration: none;
    color: #ab7669;
}

label {
   text-align: left;
}

label,
input {
   display: block;
}

input.text {
   margin-bottom: 4px;
   width: 95%;
   padding: .4em;
}

textarea.text {
   width: 95%;
   padding: .4em;
   height: 95%;
   text-align: left;
   margin-left: -.5em;
}

fieldset {
   padding: 0;
   border: 0;
   margin-top: 10px;
}

#validateTips {
 text-align: left;
}

h1 {
   font-size: 1.2em;
   margin: .6em 0;
}

.ui-button {
   outline: 0;
   margin: 0;
   padding: .4em 1em .5em;
   text-decoration: none !important;
   cursor: pointer;
   position: relative;
   text-align: center;
}

.ui-dialog .ui-state-highlight,
.ui-dialog .ui-state-error {
   padding: .3em;
}





/* classes */

.news {
    position:relative;
    padding-top:31px;
    background: transparent url('./img/news.gif') no-repeat;
    width:449px;
    background-color:#fff;
    border:2px solid #513205;   
    margin-left:3px;
    margin-top:10px;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size:12px;
    text-align:justify;
}

.news h2 
{
	font-size: 13pt;
    text-align:center;
}

.news p {
    padding:0 10px;
}

.news p:first-letter {
    padding-left:10px;
    font-size:15px;
    font-weight:600;
}

.news p.leg {
    margin:0;
    padding:0 5px 3px 0;
    font-size:10px;
    text-align:right;
    font-weight:bold;
} 



.stleft {
    float:left;
    width:50%;
    font-family:"verdana";
    font-weight:bold;
    font-size:12px;
    text-align:left;
}

.stright {
    float:right;
    width:50%;
    font-family:"verdana";
    font-weight:bold;
    font-size:12px;
    text-align:left;
}

.button { 
    background-color:#fff; 
    font-size:8pt; 
    color: #000; 
    margin: 5px 0 0 174px; 
    border:#000 1px solid;
}

.form
{
    color:#000;
    border:1px solid #000;
    text-decoration:none;
    text-align:left;
    padding-left:3px;
    padding-bottom:2px;
    font-size:10px;
    background:#fff;
    height:10px;
    margin-bottom:3px;
}
.textbox
{
    color:#000;
    border:1px solid #000;
    text-decoration: none;
    text-align: left;
    padding: 3px;
    font-size:12px;
    background:#fff;
    margin: 5px 0 0 10px;
}


/* ids */
div#conteiner {
   background: #5E6778 url('img/bgfill.gif') repeat-y;
   width: 647px;
   margin: 0 auto;
   padding: 0 5px 0 2px;
   text-align: left;
}

/**********************************************************
  Topo
 **********************************************************/

#ff8-header {
    position: relative;
    height: 173px;
    background: #fff url(./img/hbg.gif) repeat-x scroll bottom left;
    border-left: 5px solid #513205;
    margin-bottom: 1px;
}


#ff8-header #image-left,
#ff8-header #image-right,
#ff8-header #logo {
   position: absolute;
   background-image: url('./img/top-header.png');
   background-repeat: no-repeat;
   background-color: transparent;
}

#ff8-header #image-left {
    top: -24px;
    left: -100px;
    width: 245px;
    height: 287px;
    background-position: 0 -159px;
}

#ff8-header #image-right {
    left: 340px;
    width: 333px;
    height: 159px;
    background-position: 0 0;
}

#ff8-header #logo {
    top: -1px;
    left: 130px;
    width: 284px;
    height: 160px;
    z-index: 10;
    background-position: 0 -446px;
}

/**********************************************************
  Menu
 **********************************************************/

#ff8-menu-left {
   float: left;
   margin: 0;
   width: 123px;
   border-left: 5px solid #513205;
   border-right: 1px solid #513205;
   background-color: white;
}

#ff8-menu-left .ff8-header {
   position: relative;
   padding: 30px 0 5px 0;
   margin: 0;
   width: 123px;
   border-top: 1px solid #513205;
   background-image: url('./img/menu-headers.png');
   background-repeat: no-repeat;
}

#ff8-menu-left .ff8-header li {
   background-color: white;
   padding-top: 0.1em;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
}

#ff8-menu-left .ff8-header li a {
   position: relative;
   display: block;
   font-size: 1.2em;
   font-weight: bold;
   font-variant: small-caps;
   padding-left: 24px;
   padding-top: 0.1em;
   margin: 0 0.2em;
   height: 1.4em;
}

#ff8-menu-left .ff8-header li .ff8-menu-item {
   border: 1px solid transparent;
}

#ff8-menu-left .ff8-header li a .ui-icon {
   position: absolute;
   left: 6px;
   top: 0.1em;
}

#ff8-menu-left .ff8-header li a:hover {
    color: #513205;
}

#ff8-menu-left .ff8-header-main { background-position: 0 0; }
#ff8-menu-left .ff8-header-proj { background-position: 0 -30px; }
#ff8-menu-left .ff8-header-part { background-position: 0 -60px; }

/*--------------------------------------------------------*/




div#main {
    float:left;
    position:relative;
    width:468px;
    height:auto;
    min-height:550px;
    padding:0 1px 3px 1px;  
}

div#bbg {
    position:relative;
    width:460px;
    height:100%;
    min-height:550px;
    background-color:#fff;
    text-align:center;
    padding-top:3px;
}

div#status {
    width:440px;
    height:154px;
    background-color:#fff;
    border-left:4px solid #513205;
    border-right:2px solid #513205;
    border-bottom:3px solid #513205;
    padding-bottom:5px;
    margin-left:7px;
    background:#fff url(./img/statusbg.gif) no-repeat scroll bottom right;
}

div#bar {
    float:right;
    width:6px;
    height:100%;
    min-height:550px;
    background-color:#f6eeec;
}

div#right {
    float:right;
    width:38px;
    height:511px;
    background:transparent url(./img/sidebar.gif) no-repeat;
}

div#footer {
    clear:both;
    background-color:#fff;
    border-top:2px solid #5E6778;
    border-right:49px solid #5E6778;
    border-bottom:5px solid #5E6778;
    border-left:5px solid #513205;
    padding-left:5px;
    padding-bottom:2px;
    font-size:10px;
    font-family: "verdana";
    font-weight:bold;
    text-align:center;
}

div#footer p {
    font-size:9px;
    font-family: "verdana";
    font-weight:bold;
    margin:0;
    padding:0;
}

#fixed {
}

div#content 
{
    font:12px verdana,helvetica,sans-serif;
    text-align:justify;
	background:#fff url(./img/news.gif) no-repeat;
	border:2px solid #513205;
	padding: 31px 0 20px 0;
	margin: 2px 0 0 3px;
    width:449px;
    min-height:550px;
}

div#content h1 
{
	font-size: 16pt;
    text-align:center;
}

div#content h2 
{
	font-size: 13pt;
	text-align:center;
}

#content h3 {
	font-size: 11pt;
	padding-left: 15px;
}

div#content p {
    padding:0 10px;
}

form p {
	margin: 0;
	padding: 0;
}

.ff8-list 
{
	padding-left: 0;
	margin-left: 30px;
}

div#content img {
    text-align:center;
    border:0;
}

div#content pre 
{
	margin-left: -15px;
}

#content p:first-letter {
    padding-left:10px;
    font-size:15px;
    font-weight:600;
} 

input.form {
	font-size: 11px;
	height: 16px;
}




/**********************************************************
  Referências
 **********************************************************/

div#content.reference .ui-widget {
   margin: 0 3px 5px 3px;
}

div#content.reference .ui-widget .ui-widget {
   margin: 0;
}

.reference .ui-state-default {
   background-image: none;
   background-color: #fff8e5;
}

.ff8-ref-icon-cat {
   float: left;
   margin-right: 0.3em;
}

.ff8-ref-icon-action {
   cursor: pointer;
   position: absolute;
   right: 3px;
   top: 4px;
}

.ff8-ref-icon-ajaxspinner {
   background-image: url(img/ajax-loader.gif) !important;
   background-position: 0 0;
}

.ff8-ref-content {
   margin: 0;
   padding: 0;
   font-size: 12px;
   display: none;
   overflow: hidden;
}

#content.reference .ff8-ref-list,
#content.reference .ff8-ref-map-list {
   margin: 0;
   padding: 5px 0;
   line-height: 1.3em;
   overflow: hidden;
   clear: none;
}

div#content .ff8-ref-map-list {
   padding: 5px 0 10px 0;
}

.ff8-ref-sublist {
   position: relative;
}

.ff8-ref-sublist p {
   font-size: 11px;
   line-height: 1.2em;
}

.ff8-ref-sublist .ff8-ref-icon-action {
   position: absolute;
   right: 3px;
   top: 0;
}

.ff8-ref-sublist .ff8-ref-content {
   padding-right: 0.9em;
}


.ff8-ref-list-item {
   float: left;
   width: 170px;
   margin: 0;
   padding: 0 0 0 15px;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
}

.ff8-ref-map {
   padding: 1px;
   margin: -1px 0;
   
}

.ff8-ref-map .ui-icon {
   float: left;
}

.ff8-ref-map-key,
.ff8-ref-map-value {
   text-align: center;
   display: block;
   float: left;
   width: 190px;
   padding: 0 4px;
}

#trigger_all {
   font-size: 11px;
   padding: .2em 1em .2em 20px;
   text-decoration: none;
   position: absolute;
   right: 10px;
}

#trigger_all span.ui-icon {
   margin: 0 5px 0 0;
   position: absolute;
   left: .2em;
   top: 50%;
   margin-top: -8px;
}

/*--------------------------------------------------------*/

/**********************************************************
  jQuery UI Tabs
 **********************************************************/

 #ff8-details-tabs,
 #ff8-guidelines-tabs,
 #ff8-downloads-tabs {
   margin: 5px;
}

.ui-tabs .ui-tabs-nav li a {
   padding: 3px 5px;
   font-size: 11px;
}

.ui-tabs .ui-tabs-nav {
   overflow: visible;
   width: auto;
   height: 22px;
   padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-widget-content {
   padding: 5px;
   font-size: 11px;
}

/*--------------------------------------------------------*/

/**********************************************************
  Detalhes
 **********************************************************/

.ff8-detail-list {
   padding: 0;
   margin: 0;
}

.ff8-detail-list li {
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   line-height: 1.5em;
}

.ff8-detail-list li .ui-icon {
   float: left;
   margin-right: 0.3em;
}

/*--------------------------------------------------------*/

/**********************************************************
  Regras
 **********************************************************/
 
#ff8-guidelines-tabs p:first-letter {
   font-size: inherit;
   font-weight: inherit;
   padding-left: 0;
}

/*--------------------------------------------------------*/

/*--------------------------------------------------------*/

/**********************************************************
  Downloads
 **********************************************************/
 
#ff8-downloads-tabs p:first-letter {
   font-size: inherit;
   font-weight: inherit;
   padding-left: 0;
}

#ff8-downloads-tabs .ff8-detail-list li {
   padding-top: .2em;
   padding-left: .3em;
   line-height: 1.8em;
}

#ff8-downloads-tabs .ff8-button {
   position: absolute;
   right: 20px;
   line-height: 1.2em;
}

/*--------------------------------------------------------*/

/**********************************************************
  Utilidades
 **********************************************************/
 
 .bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

/* --- Listas ---  */
.ff8-list {
   margin-left: 1.4em;
}

.ff8-list li {
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   line-height: 1.5em;
}

.ff8-list li .ui-icon {
   float: left;
   margin-right: 0.3em;
}
/* --------------- */

.ff8-button {
   font-size: 11px;
   padding: .2em 1em .2em 20px;
   text-decoration: none;
}

.ff8-button .ui-icon {
   margin: 0 5px 0 0;
   position: absolute;
   left: .2em;
   top: 50%;
   margin-top: -8px;
}

/*--------------------------------------------------------*/