/* CSS Document */
/*------------------------------------------------------------------------------
*  Regras Gerais
*------------------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

body{
	background-image: url(imagens/fundo.gif); 
}

a{
	text-decoration: none;
}

img{
	border: none;	
}

/*-------------------------------------------------------------------------------
*  Estrutura das páginas
*-------------------------------------------------------------------------------*/

#wrapper{                 /* um envelope que centraliza o conteúdo */
	position: absolute;
	top: 50%;
	left: 50%;
	width : 778px;
	height : 420px;
	margin : -210px 0px 0px -389px;
	background-color:#dfd6c7;
}

	/*-------------------------------------------------------------------------------
	*  Div container existe apenas para facilitar o posicionamento das outras div's
	   Funcionalidade ampliada em 01/03/2008 - Imagem background do site (pág. em braille)
	*-------------------------------------------------------------------------------*/
#container {
	position:relative;
	width : 778px;
	height : 420px;
	background-image: url(imagens/braille.jpg);
	background-repeat: no-repeat;
}

#head{
	background-color: transparent;
	position:relative;
	top:36px;
}

#topo{
	width:778px;
	height:53px;
	position:absolute;
	top: 0px;
	left: 0px;
	/*z-index:30;*/
}

#logo_edufal{
	position:absolute;
	top: 18px;
	left: 20px;
	z-index:2000000;
}

#logo_plus{
	position:absolute;
	top:-26px;
	right:10px;
}


#contentside{
	position:absolute;
	bottom:0px;
	left:0px;
	/*overflow : scroll;*/
}

#homeimg{
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	z-index:2;
}

#footer{
	position:absolute;
	right: 0px;
	bottom: 0px;
}

/*-------------------------------------------------------------------------------
*         Navegação de Acessibilidade (pelo teclado)
---------------------------------------------------------------------------------*/

.acessibilidade{
	position:absolute;
	top:0px;
	width:100%;
	text-align:center	
}

#atalhos {
	display:table;
	width:100%;
	vertical-align:middle;
	background-color:#A43E3E;
	padding-bottom: 3px;
	
}

#atalhos h3 {
	font: bold .7em Trebuchet MS, Times New Roman, Times, serif;
	color: #fff;
}

#atalhos ul, #atalhos h3 {
	display: inline;
	margin: 0px 5px 0px 5px;
}

#atalhos ul li {
	font: normal .65em Trebuchet MS, Times New Roman, Times, serif;
	margin-left:0;
	padding: 0px 3px;	
	border-left: 1px solid #fff;
	list-style: none;
	display: inline;
}

#atalhos ul li.primeiro {
	margin-left:0px;
	border-left: none;
	list-style: none;
	display:inline;
}

#atalhos a:link,#atalhos a:visited,#atalhos a:active {
	text-decoration: underline;
	color: #f0f0f0;
}

#atalhos a:hover, #atalhos a:focus {
	text-decoration: none;
	border: 2px solid #FFFF00;
}

 /* Barra onde estou*/
#ondeestou {
	width:100%;
	display:table;
	background-color: #840D0D;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#formataOnde{
	vertical-align:middle;
	font: .68em Trebuchet MS, Times New Roman, Times, serif;
	color: #f0f0f0;
}

#formataOnde a{
	color: #CCCCCC;
}

#formataOnde a:hover{
	text-decoration: underline;	
}


#spacer a:link,#spacer a:visited,#spacer a:active {
	text-decoration:underline;
	color: #f0f0f0;
}

#spacer a:hover {text-decoration: none;}

.linkEscondido{
	position:absolute;
	text-indent:-4000px;
}





/*-------------------------------------------------------------------------------
*  Tipografia
*-------------------------------------------------------------------------------*/

#container{
	font-family: "lucida grande", tahoma, arial, verdana, sans-serif;
}

#title {
	position:absolute;
	color: #FFFFFF;
	left: 143px;
	top: 8px;
	font-size: 1.7em;

}

#subtitle{
	position:absolute;
	color: #FFFFFF;
	font-size: 0.6em;
	right: 10px;
	bottom: 5px;
	text-transform: uppercase;
}

#subtitle a{
	color: #FFFFFF;	
}

#subtitle a:hover{
		color: #FFCC00;	
}

#slogan{
	position: absolute;
	right: 70px;
	bottom: 164px;
	width:240px;
	text-align: center;
	color: #666;
}

/*-------------------------------------------------------------------------------
*  Barra de Navegação do site
*-------------------------------------------------------------------------------*/

#navmain{
	position:absolute;
	right:0px;
	bottom:108px;
	height:48px;
	width:386px;
	background:url(imagens/menu.gif) no-repeat 0 0;
}

#navmain ul{
	list-style: none;
	z-index: 1000;
	position: relative;
}

#navmain li{
	display: block;
	float:left;
    height:24px;
}

#navmain .escondido{
         display:block;
         width:1px;
         height:1px;
         overflow:hidden;
}


#navmain li a{
    display: block;
    width:100%;
    height:100%;
    top:0;
}

#menu01{width:63px; left:0; }

#menu02{width:102px; left:63px;}

#menu03{width:96px; left:165px;}

#menu04{width:125px; left:261px;}

#menu05{width:90px;margin-left:146px; _margin-left:73px; }

#menu01 a:hover{background:url(imagens/menu.gif) no-repeat 0 -48px;}

#menu02 a:hover{background:url(imagens/menu.gif) no-repeat -63px -48px;}

#menu03 a:hover{background:url(imagens/menu.gif) no-repeat -165px -48px;}

#menu04 a:hover{background:url(imagens/menu.gif) no-repeat -261px -48px;}

#menu05 a:hover{background:url(imagens/menu.gif) no-repeat -146px -72px;}


/*
#esq{
	position:absolute;
	background-image: url(imagens/left_nav_background.gif);
	background-position: left;
	width:8px;
	height:24px;
	left:0px;
	
}

#dir{
	position:absolute;
	background-image: url(imagens/rigth_nav_background.gif);
	width:8px;
	height:24px;
	right:0px;
	bottom:0px;
}

#nav{
	position:absolute;
	left:8px;
	background-color: #666;
	width:381px;
	height:24px;
	vertical-align: middle;
}

#nav li{
	display:inline;
	
}

#nav li#space{
	
}

#nav li a{
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(imagens/space.gif);
	background-repeat: no-repeat;
	background-position: right;
	display:block;
	float:left;
	padding-right:10px;
	margin-left:3px;
	margin-top:5px;
	font-family: Arial, Helvetica, sans-serif;
}

#nav li a:hover{
	text-decoration: underline;
}

#last{	
}

*/