/*
   Geral
*/
html, body {
   margin:0px;
   padding:0px;
   text-align:center;
   background-color:#F0F0F0;
   
   font:small Arial;
   font-weight:normal;
   
   background-image:url("img/bg.jpg");
   background-repeat:repeat-y;
   background-position:center center;
   text-indent:0em;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
}

a:hover, a:active { 
	text-decoration: none; 
	color: #0f86ca;
}

img {
   border:none;
   margin:0;
   padding:0;
}

h1 {
   position:relative;
   top:0px;
   left:0px;

   color:#0f86ca;
   font-size:1.2em;
}

h2 {
   position:relative;
   top:0px;
   left:0px;

   color:gray;
   font-size:1.1em;
   text-transform:uppercase;
}


/*
   Items especificos
*/
#logoblindatafull {
   display:block;
   margin:60px 0 0 0;
   font-weight:bold;
   text-align:center;
}


#logoblindata {
   display:block;
   width:126px;
   height:26px;
   margin:0;
   padding:0;

   background-image:url("img/logo-blindata.gif");
   background-repeat:no-repeat;
   background-position:center center;
}

#warning {
   color:white;
   background-color:blue;
   text-decoration: blink;
}

#gallery {
   text-align:center;
}

#emailheader {
   text-align:center;
   padding:50px 0 20px 0;
   font-size:1.2em;
}


/* Estrutura principal*/
#inner {
   /*height:643px;*/
   height:100%;
   width:728px;

   padding:0;
   margin:0 auto;

   background-image:url("img/degrade.jpg");
   background-repeat:repeat-x;
   background-position: 0px 235px;
}

/* Container interior */
#header {
   position:relative;
   top:20px;
   left:20px;
   
   margin:0;
   padding:0;
   float:left;
   height:60px;
   
   z-index:10;
}

#topborder {
   position:relative;
   top:22px;
   left:0;

   clear:left;
   height:32px;
   width:728px;
   padding:0;
   margin:0;

   background-image:url("img/fundo-aba-webmail.jpg");
   background-repeat:repeat-x;
}

/* webmail */
#webmail {
   position:relative;
   
   float:right;
   top:36px;
   left:-60px;
   display:block;
   
   margin:0;
   padding:0;
   
   width:200px;
   height:32px;
   z-index:50;
}

#webmail ul {
   position:relative;
   top:0px;
   left:0px;

   width:200px;
   height:32px;
   
   padding:0;
   margin:0;
   list-style-type:none;
   text-align:center;
   
   z-index:15;
}

#webmail li, #mainnav li {
   position:relative;
   top:0;
   left:0px;

   display:inline;
   padding:0;
   margin:0;
}

.webmailmenu {
   position:relative;
   top:0;
   left:20px;

   float:left;
   text-decoration:none;
   padding:0;
   margin:0;

   width:98px;
   height:32px;

   background-image:url("img/aba-webmail.jpg");
   background-repeat:no-repeat;
   background-position: 0px 0px;
}

.webmailmenutext {
   position:relative;
   top:5px;
   left:-10px;

   margin:0;
   padding:0;
}

/* menu principal */
#mainnav {
   background-color:blue;
   padding-left:0px;
}

#mainnav ul {
   position:relative;
   top:0px;
   left:0px;

   height:0px;

   padding:0;
   margin:0;
   
   list-style-type:none;
   display:inline;
}

.mainnavmenu {
   position:relative;
   top:-32px;
   left:20px;

   float:left;
   text-decoration:none;
   padding:0;
   margin:0;

   margin-right:12px;

   padding-top:2px;

   width:163px;
   height:25px;

   background-image:url("img/aba-menu-3.jpg");
   background-repeat:no-repeat;
   background-position: 0px 0px;
   text-align:center;

   font-size:0.85em;
   font-weight:bold;
}

#selected {
   color:#0f86ca;
}


/* flash */
#flash {
   position:relative;
   top:0;
   left:0px;

   padding:0;
   margin:0;

   clear: left;
   width:728px;
   height:123px;
   
   overflow:hidden;
}

#bottomborder {
   position:relative;
   top:0px;
   left:0px;
   
   clear:left;
   height:32px;
   width:728px;
   
   background-image:url("img/fundo-aba-menu.jpg");
   background-repeat:repeat-x;
}


#date {
   margin:10px 10px 0 0;

   float:right;
   text-align:right;
   display:inline;
   width:300px;
   font-size:11px;
   color: gray;
}


#info {
   position:relative;
   top:-5px;
   left:0px;

   margin-left:20px;
   display:inline;
   font-size:11px;
   color: gray;
   
   z-index:255;
}

.infolnk:link { 
	font-weight: bold;
	text-decoration: none; 
	color: #999999;
}

.infolnk:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #999999;
}

.infolnk:hover, .infolnk:active { 
	text-decoration: none; 
	color: #0f86ca;
}

/* texto principal */
#content {
   position:relative;
   top:0px;
   left:20px;

   margin:0px 0px 0px 0px;
   padding: 10px 30px 10px 30px;

   float: left;
   clear:left;
   width: 450px;

   background-color:white;
   border: 1px solid #DDDDDD;

   text-align:justify;
   text-indent:1em;
   line-height:25px;
}

#content h1 {
   position:relative;
   top:0px;
   left:0px;

   color:#0f86ca;
   font-size:1.2em;
}

#content h2 {
   position:relative;
   top:0px;
   left:0px;

   color:gray;
   font-size:1.1em;
   text-transform:uppercase;
}

/*
#content ul {
   list-style:disc outside;
}*/

/* submenu e toolbar */
#subnav {
   position:relative;
   top:0px;
   right:20px;
   float:right;

   width:130px;
   
   padding:0;
   margin:0px 5px 0px 0px;
   text-align:center;
}

div#subnav ul {
   position:relative;
   top:0px;
   left:0px;

   width:130px;
   padding:0;
   margin:0;
}

div#subnav li {
   padding:0;
   margin:0;
   display:block;
   
   width:130px;
   height:24px;
   
   margin-bottom:15px;
   padding:5px 0 0 0px;

   background-image:url("img/borda-submenu.gif");
   background-repeat:no-repeat;
   background-position:top center;
}

div#subnav li.subdivisor {
   background-image:url("");
   text-align:left;
   font-weight:bold;
   color: #666666;
   font-size:0.9em;
   margin-bottom:0px;
}

.subnavmenu:link { 
	font-weight: bold;
	text-decoration: none; 
	color: #999999;
}

.subnavmenu:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #999999;
}

.subnavmenu:hover, .subnavmenu:active { 
	text-decoration: underline; 
	color: #000000;
}

#subselected:link{
   color:#000000;
}
#subselected:visited{
   color:#000000;
}
#subselected:hover, a#subselected:active {
   color:#000000;
}

#downloadbutton {
   margin:0 0 0 10px;
   
   display:block;
   width:108px;
   height:43px;
   
   background-image:url("img/download.jpg");
   background-repeat:no-repeat;
   background-position:center center;
}

#sn_apresentacao p {
   font-weight:bold;
   text-align:center;
}

.invisible {
   display:none;
}

#toolbar {
   display:none;

   position:relative;
   top:0px;
   left:0px;
   
   width:100px;
   float:left;
   margin:0 0 10px 30px;
   padding:0;
}

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

#toolbar li {
   position:relative;
   top:0;
   left:0px;

   display:inline;
   padding:0;
   margin:0;
}

.toolbarlink {
   margin: 0px 5px;
   padding: 0;
}

.toolbarlink:link { 
	font-weight: bold;
	text-decoration: none; 
	color: #999999;
}

.toolbarlink:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #999999;
}

.toolbarlink:hover, .toolbarlink:active { 
	text-decoration: underline; 
	color: #000000;
}

/* rodape */
#footer {
   position:relative;
   top:50px;
   left:0px;

   margin:0;
   padding:0 0 50px 0;

   clear:both;
   font-size:0.8em;
   color:gray;
   text-align:center;
}

.footerbuttons {
   padding: 2px 5px;
   border:1px solid #DDDDDD;
   background-color:white;
}

.footerbuttons:link { 
	font-weight: bold;
	text-decoration: none; 
	color: #DDDDDD;
}

.footerbuttons:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #DDDDDD;
}

.footerbuttons:hover, .toolbarlink:active { 
	text-decoration: underline; 
	color: #000000;
}

.intext {
   float:left;
   width:180px;
   margin:0 15px 0 0;
   padding: 0 0px 0px 0px;
   text-align:center;
   color:gray;
   font-size:0.7em;
   text-indent:0;
}

.intext img {
   margin:0;
   padding:0;
}

.intext_right {
   float:right;
   width:180px;
   margin:0 0px 0 15px;
   padding: 0 0px 0px 0px;
   text-align:center;
   color:gray;
   font-size:0.7em;
   text-indent:0;
}

.intext_right img {
   margin:0;
   padding:0;
}


/*
   Contato
*/

#formcont {
   width: 400px;
   text-align:center;
   padding: 10px 30px;
   font-size:0.9em;
   
   color:#000000;
}

#formcont p {
   margin: 15px 0 5px 50px;
   padding:0;
   
   text-align:left;
   color:gray;
}

textarea {
   margin:0;
   padding:0;
}

#submitbutton {
   margin-top:10px;
   
   font-size:8pt;
   background-color:#FFDDD5;
   color:#000000;
   width:278px;
   height:30px;
}

#inputtextbox {
   background-color:#eeeeee;
   border:1px solid #cccccc;
   padding:5px;
}

#response {
   text-align:center;
   font-weight:bold;
   color:#0f86ca;
}

/*
   FAQ
*/

.answer {
   /*background-color:#eeeeee;*/
   padding: 5px 40px 0 30px;
   display:none;
}

.faqol {
   list-style-position:inside;
   padding:0;
}

.faqol li {
   margin-top:20px;
}

/*
   NOScript
*/

noscript {
   text-align:center;
}

noscript img {
   padding:50px 0 20px 0;
   font-size:1.2em;
}

#info_noscript {
   position:relative;
   top:0px;
   left:0px;

   padding-bottom:30px;

   display:block;
   font-size:1.0em;
   color: gray;
   
   z-index:255;
}

#noscriptwarn {
   color:blue;
   font-weight:bold;
}