#doc-barra-rodape{
	height:90px;
	width:100%;
	background-color:#000;
    opacity:0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	position:absolute;
	bottom:0;
	border-top:1px solid #222;
	}
#doc-logo{
	width:200px;
	height:66px;
	display:block;
	float:right;
	right:30px;
	bottom:13px;
	position:absolute;
	}
	
#doc-barra-rodape span{
	font-size:0.7em;
	line-height:17px;
	letter-spacing:2px;
	color:#fff;
	float:left;
	position:absolute;
	left:20px;
	bottom:20px;
	font-family: 'Agency FB', 'Arial Narrow', Arial, sans-serif;
	}

@media only screen 
and (max-width : 320px) {
	
	#doc-logo{
	width:200px;
	height:66px;
	display:block;
	margin:auto 13px;
	
	}
	
#doc-barra-rodape span{
	font-size:0.7em;
	line-height:17px;
	letter-spacing:2px;
	color:#fff;
	text-decoration:none;

	margin:310px -10px;
	
	font-family: 'Agency FB', 'Arial Narrow', Arial, sans-serif;
	clear:both;
	}
	
	#doc-barra-rodape span br{
		font-size:0.7em;
	
	color:#fff;
	text-decoration:none;

	
	font-family: 'Agency FB', 'Arial Narrow', Arial, sans-serif;
	
		}
/* Styles */
}


/*TOP-MENU*/
#doc-top-menu{
	position:absolute;
	top:0px;
	height:40px;
	width:100%;
	background-color:#000;
    opacity:0.55;
	-moz-opacity: 0.55;
	filter: alpha(opacity=55);
	border-bottom:2px #555 solid;
	z-index:1;
		}
		
#nav
{
    /* container */
	z-index:99;
	position:absolute;
	
	
}
    #nav > a
    {
		list-style:none;
		outline:none;
        display: none;
		
		
    }
    #nav li
    {
        position: relative;
			border-left:10px solid #f96;
		
		
    }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
		margin-top:10px;
		margin-left:0px;
		z-index:99;
	
	
		
		
		
    }
        #nav > ul > li
        {
			
            width: auto;
		
            float: left;
			font-family: 'Agency FB', 'Arial Narrow', Arial, sans-serif;
			list-style:none;
			outline:none;
			font-weight:bold;
			height:25px;
			border-left:1px solid #222;
			
			
			
			
        }
		 #nav > ul > li > a
        {
			list-style:none;
			outline:none;
			color:#fff;
			padding:10px 15px;
			background-color:#000;
			 opacity:0.45;
	-moz-opacity: 0.45;
	filter: alpha(opacity=45);
			
			
		}
 
 	 #nav > ul > li > a:hover
        {
			
			 opacity:0.95;
	-moz-opacity: 0.95;
	filter: alpha(opacity=95);
			
			
		}
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;
    }
        #nav li:hover ul
        {
            display: block;
			background-color:#000;
			color:#F96;
		
        }
		   #nav li:hover ul li a
        {
            display: block;
			background-color:#000;
			color:#F96;
			padding:5px 10px;
        }
		  #nav li:hover ul li a:hover
        {
            display: block;
			background-color:#000;
			color:#F96;
			padding:5px 10px;
        }
		
		@media only screen and ( max-width: 40em ) /* 640 */
{
	#doc-top-menu{
	position:absolute;
	top:0px;
	height:40px;
	width:100%;
	background-color:#000;
    opacity:0.55;
	-moz-opacity: 0.55;
	filter: alpha(opacity=55);
	border-bottom:2px #555 solid;
	z-index:1;
		}
		
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav > ul.active
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
}




/*CONTEUDO*/
#doc-conteudo{
	height:90%;
	width:100%;
	float:left;
	display:block;
	background-color:#000;
	 opacity:0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
		
}