:focus, a:hover{
    border: 2px solid #000;
}


* {
	margin: 0;
	padding: 0;
	font-family:'Open Sans', sans-serif;
	color:#333;
	font-size: 16px;
}

#geral{
	background: #FFF url('../images/fundo_conteudo.jpg') repeat-x left top;
}

html{height:100%;min-height:100%;}
#geral{position:relative;min-height:100%;}
body{height:100%;}
#rodape{position:absolute;bottom:0; width: 100%;}

/*--------------------------*/
/*---------- TOPO ----------*/
/*--------------------------*/

#topo{
	width: 70%;
	margin: 0 auto;
}
#topo p.gov a{
	#background: transparent url('../images/gov_br.jpg') no-repeat left top;
	width: 273px;
	height: 87px;
	float: left;
	margin-top: 64px;
	text-indent: -2000px;
	position: absolute; 
	display: block;
}
#topo p.gov{
	padding-bottom: 120px !IMPORTANT;
}
#topo h1 a{
	float: left;
	margin: 90px 0 0 300px;
	color:#FFF;
	font-size: 1.5em;
	text-decoration: none;
}
#topo h1 a:hover,
#topo h1 a:focus{
	color: #eee;
}

	/*----------------------------------*/
	/*--------BARRA-ACESSIBILIDADE------*/
	/*----------------------------------*/
	
	.funcionalidades{
		clear: both;
	}
	.funcionalidades li{
		list-style: none;
		float: left;
		padding-right: 10px;
	}
	.funcionalidades ul.breadcrumb{
		border:1px solid #D1D1D1;
		border-radius: 5px;
		float: left;

		padding: 10px;
		color: #003760;
		clear: both;
		margin-top: 60px;
	}
	.funcionalidades ul.breadcrumb a{	
		color: #6C6C6C;
		text-decoration: none;
	}
	.funcionalidades ul.breadcrumb a:hover,
	.funcionalidades ul.breadcrumb a:focus{
		text-decoration: underline;
		color: #0071C1;
	}
	.funcionalidades ul.breadcrumb li span{
		width: 115px;
		height: 30px;
		color: #515151;
	}
	.funcionalidades ul#accessibility, 
	.funcionalidades ul#acessbar{
		border-radius: 5px;
		height: 15px;
		padding: 10px;
		color: #0071C1;

		padding-bottom: 15px;
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 15%;
		margin-top: 45px;
		z-index: 100;
	}
	.funcionalidades ul#accessibility{
		padding: 5px 10px 5px 0;
		height: 25px;
	}
	.funcionalidades ul#accessibility li{
		padding: 0 0 0 10px;
	}
	.funcionalidades ul#accessibility a, 
	.funcionalidades ul#acessbar a{
		color: #0071C1;
		text-decoration: none;
	}
	.funcionalidades ul#accessibility a:hover, 
	.funcionalidades ul#acessbar a:hover{
		text-decoration: underline;
	}
	.funcionalidades ul#acessbar li{
		color: #0071C1;
	}
	ul#accessibility li a{
		height: 23px;
		width: 22px;
		display: inline-block;
		text-indent: -2000px;
	}
	ul#accessibility li.highContrast a{
		background: transparent url('../images/alto_contraste.jpg') no-repeat left top;
	}
	ul#accessibility li.highContrast a:hover,
	ul#accessibility li.highContrast a:focus{
		background: transparent url('../images/alto_contraste_hover.jpg') no-repeat left top;
	}
	ul#accessibility li.accessibilityPage a{
		background: transparent url('../images/pagina_acessibilidade.jpg') no-repeat left top;
	}
	ul#accessibility li.accessibilityPage a:hover,
	ul#accessibility li.accessibilityPage a:focus{
		background: transparent url('../images/pagina_acessibilidade_hover.jpg') no-repeat left top;
	}
	.funcionalidades ul#acessbar a:hover,
	.funcionalidades ul#acessbar a:focus{
		color: #0071C1;
	}
	
/*--------------------------*/
/*-------- CONTEUDO --------*/
/*--------------------------*/

span[lang="en"]{
	display: inline !important;
	color: inherit;
	font-size: inherit !important;
	font-family: inherit;
}

.pergunta{
	width: 95%;
	padding: 20px 20px 0 20px;
	border: #D1D1D1 solid 1px;
	min-height: 50px;
	background: transparent url('../images/icon_pergunta.jpg') no-repeat 10px 10px;
	text-indent: 50px;
	color: #0071C1;
	font-size: 1em;
	margin: 20px 0 20px 0;
	background-color: #F6F6F6;
	display: block;
}

.enfase{
	width: 95%;
	padding: 20px 20px 20px 20px;
	border: #0071C1 solid 1px;
	color: #0071C1;
	font-size: 1em;
	margin: 20px 0 20px 0;
	background-color: #F6F6F6;
	display: block;
}
.enfase h3{
	color: #0071C1;
}
.importancia *{
	color: #0071C1;
	font-size: 1em;
}

#material h2 span{
	display: block;
	clear: both;
	font-size: 1.125em;
}

#material{
	margin-bottom: 40px;
}

#material ul#abas, #material ul#navegacao{
	border:1px solid #D1D1D1;
	border-radius: 5px;
	float: left;

	padding: 10px;
	background-color: #F2F2F2;
}
#material ul#abas li{
	color: #003760;
	list-style: none;
	float: left;
}
#material ul#abas li a{
	text-decoration: none;
	display: inline-block;
}
#material ul#abas li a:hover,
#material ul#abas li a:focus{
	text-decoration: underline;
	color: #0071C1;
}
#material ul#navegacao{
	clear: both;
	display: block;
	margin-left: 20% !important;
	margin-top: 20px !important;
}
#material ul#navegacao li{
	list-style: none;
	float: left;
	margin-top: 4px !important;
}
#material ul#navegacao li a#anterior {
	text-decoration: none;
	display: block
}
#material ul#navegacao li a#anterior:hover,
#material ul#navegacao li a#anterior:focus{
	color: #0071C1;
}
#material ul#navegacao li a#proximo{
	text-decoration: none;
	display: block
}
#material ul#navegacao li a#proximo:hover,
#material ul#navegacao li a#proximo:focus{
	color: #0071C1;
}
#material ul#navegacao li#anterior_desativado {
	color: #666666;
	display: block
}
#material ul#navegacao li#proximo_desativado{
	color: #666666;
	display: block
}
#material img{
	max-width: 95%;
}
p a.oculto{
	display: inline-block;
	text-indent: -20000px;
	font-size: 0;
}
#conteudo-home,
#conteudo{
	margin-top:20px;
	width: 70%;
	margin: 20px auto;
}
#conteudo-home hr{
	border: none;
	margin: 20px 0 20px 0;
}
#conteudo-home h3{
	margin: 20px 0 10px 0;
}
.tabela *{
	border: solid 1px #E3E3E3;
	padding: 5px;
	margin: 5px;
}
#conteudo-home #intro-curso{
	background: transparent url('../images/fundo_introcurso.jpg') no-repeat right top;
	width: 50%;
	float: left;
	min-height: 270px;
	padding: 20px 150px 0 10px;
}
#conteudo-home #intro-curso p{
	line-height: 200%;
}
#conteudo-home #intro-curso ul,
.dicas-de-acessibilidade ul.lista{
	margin: 10px 0 10px 20px;
}
#conteudo-home #intro-curso ul li{
	margin-bottom: 10px;
}
.dicas-de-acessibilidade p{
	margin: 10px 0 10px 0;
}
#material{
	width: 64%;
	float: right;
	padding: 20px;
}
#conteudo h2,
#conteudo-home h2{
	font-size:1.125em;
	clear: both;
	margin-bottom: 10px;
	color: #0071C1;
}
#conteudo h3,
#conteudo-home h3{
	font-size:1.05em;
	clear: both;
	margin-bottom: 10px;
}
#conteudo img.imagem
{
	margin: 20px auto;
	display: table;	
	border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;
}
#conteudo hr{
	border: none;
	border-top: solid 1px #E2E2E2;
	margin: 20px 0 20px 0;
}
#conteudo #material p{
	margin: 10px 0;
}
#conteudo #material ul, #conteudo #material ol{
	margin: 10px 0;
}
#conteudo #material ul li, #conteudo #material ol li{
	margin: 10px 15px;
}
#conteudo form{
	margin-bottom: 40px;
}
#conteudo form fieldset{
	border: none;
	border-bottom: solid 1px #E2E2E2;
	margin-top: 60px;
	padding-bottom: 20px
}
#conteudo form legend{
	margin-bottom: 20px;
	display: block;	
	font-weight: bold;
}
#conteudo form label{
	display: block;
	margin-bottom: 10px;
}
#conteudo form input{
	margin-bottom: 10px;
}
#conteudo form select{
	display: block;
	margin: 20px;
}
#conteudo .lista{
	margin-left: 20px;
	margin-top: 10px;
}


/*--------------------------*/
/*-----------MENU-----------*/
/*--------------------------*/

#conteudo-home #menu-inicial{
	background: transparent url('../images/fundo_menu_inicial.jpg') no-repeat right 95px;
	width: auto;
	float: left;
	min-height: 270px;
	padding-top: 100px;
}
#conteudo-home #menu-inicial li{
	list-style: none;
	padding-bottom: 25px;
}
#conteudo-home #menu-inicial li a{
	color:#666;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}
#conteudo-home #menu-inicial li a:hover,
#conteudo-home #menu-inicial li a:focus{
	color: #0071C1;
}
#conteudo-home #menu-inicial li a.desabilitado{
	color: #CECECE;
}
#menu{
	border-radius: 10px;
	float: left;
	background: transparent url('../images/fundo_menu.jpg') repeat-x left top;	
	width: 27%;
	min-height: 500px;
	margin-top: 30px;
	margin-bottom: 60px;
}
#menu ul{
	margin: 20px 0 0 20px;
}
#menu ul li{
	clear:both;
	width:94%;
	background: transparent url('../images/linha_menu.jpg') no-repeat left bottom;
	padding: 10px;
	list-style: none;
}
#menu ul li.last{
	background: none;
}
#menu ul li a{
	display:inline-block;
	font-size: 1em;
	color: #6C6C6C;
	text-decoration: none;
}
#menu ul li a span{
	font-size: 0;
	height: 0;
	width: 0;	
}
#menu ul li a:hover,
#menu ul li a:focus{
	color: #0071C1;
}
#menu ol li a.atual,
#menu a.atual{
	background: #0071C1 none;
	border-radius: 5px;
	color: #FFF;
	font-size: 1em;
	padding: 10px;
	width: 105%;
	margin-left:-5px; 
}
#menu a.atual:hover,
#menu a.atual:focus{
	color: #EEE;
}

#menu ul li ol{
	margin: 10px 0 10px 20px;
}

/*--------------------------*/
/*----------RODAPE----------*/
/*--------------------------*/

#rodape{
	background-color: #0070C0;
	min-height: 40px;
}
#rodape p{
	width: 70%;
	margin: 0 auto;
	text-align: right;
	padding: 10px 20px 0 0;
	color: #FFF;
}

/*-------------------------*/
/*-----RODAP� GOVERNO------*/
/*-------------------------*/

#portal-footer {
    background-attachment: scroll;
    background-clip: border-box;
    /*background-color: hsl(132, 92%, 15%);*/
	background-color: #0070C0;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: hsl(0, 0%, 100%);
    min-height: 50px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    width: 100%;
}
#portal-footer a {
    color: hsl(0, 0%, 100%);
}
#portal-footer > div {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    max-width: 960px;
}
#portal-footer .logo-brasil, #portal-footer .logo-acesso, #portal-footer .logo-creative-commons{
	clear: both;
}
#portal-footer .logo-acesso  {
    float: left;
    margin: 5px;
}
#portal-footer .logo-creative-commons{
    font-size: 0.75em;
    width: auto;
    display: table;
    margin: 0 auto 0 auto !important;
    text-decoration: none;
}
#portal-footer .logo-brasil  {
    float: right;
    margin: 5px;
    margin-top: -75px !important;
}
.resp{
	border: solid 1px #D10000;
	padding: 5px;
	margin: 5px;
	display: block;
}

.legenda{
	width: auto;
	text-align: center;
	margin: 10px auto;
	font-size: 0.8em;
}
.legenda *{
	font-size: 0.8em;
}

/*--------------------------*/
/*--------certificado-------*/
/*--------------------------*/

#certificado{
	margin: 20px auto 20px auto;
	border: solid 1px #E2E2E2;
	padding: 20px;

	min-height: 500px;
}

#certificado img, 
#certificado div{
	float: left;
}

#certificado img{
	width: 200px;
}

#certificado div{
	width: 40%;
	margin-left: 20px;
}

#certificado div h2,
#certificado div p{
	font-size: 1.4em;
}

.hashtag-barra-brasil span{
        font-size: 12px;
}

#barra-brasil .acesso-info {
	font-size: 12px;
}

/*--------------------------*/
/*--------BUG-FIREFOX-------*/
/*--------------------------*/

div:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}