@charset "UTF-8";
@import url("sistema.css"); /* Classes do CSS sistema - este CSS monta todas as telas da interface */
@import url("formulario.css"); /* Classes do CSS formulario - este CSS monta todos os forml das telas da interface */

		/* CSS Classes Gerais - folha de estilo do site */
	
    html {
		width: 100%;
		height: 100%;
	}

	body {
		font: 13px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
		text-align: center; /*hack IE*/
		width: 100%;
		height: 100%;
		color: #000000;
		background: url(../img/bg.png) repeat-x;
		margin: 0px;
		padding: 0px;
		overflow: auto;
	}
	
	p {
		padding: 2px;
		margin: 2px;
	}
	
    .paragrafo_download {
		padding: 2px;
		margin: 2px;
        color: black;
	}

    .paragrafo_download_1 {
		padding: 2px;
		margin: 2px;
        color: black;
        font-size:16px;
	}

    .paragrafo_download_2 {
		padding: 2px;
		margin: 2px;
        color: GrayText;
        font-size:14px;
        font-weight:bold;
	}

    .div_download {
		padding: 9px;
		margin: 9px;
        color: GrayText;
        font-size:14px;
        font-weight:bold;
	}

    div.hr {
          height: 2px;
          background: #0042B1 scroll center;
        }
        div.hr hr {
          display: none;
        }
     

	h1, h2 {
		margin-top: 0;
	}
	
	h1 {
		font-size: 1.4em;
	}
	
	h2 {
		font-size: 1.3em;
	}
	
	h3 {
		font-size: 1.2em;
		margin-top: 12px;
	}

    .h3_download {
        color: #000000;        
	}
    
    .h4_download {
        color: Gray;        
	}
	
	/* Conteúdo da página */
	
	#conteudo {
		width: 1007px;
		text-align: left; /*hack IE*/
		position: relative;		
	}
	
	/*#interna {
		margin-bottom: 20px;
		padding: 5px 0px 0px 20px;
		background: url(../img/quina.png) no-repeat;
		font-size: 15px;
	}*/
	
    #interna {
		width: 915px;
		text-align: left; /*hack IE*/
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
		padding: 5px 25px 0px 20px;
		background: url(../img/quina.png) no-repeat;
		font-size: 15px;
	}

	#interna p {
		margin: 7px;
	}
	
	
	.leia_mais {
		padding-top: 8px;
	}
	
	#testeira1 {
		width: 945px;
		text-align: left; /*hack IE*/
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		padding-top: 20px;
	}	

	#testeira1 a {
		font: 40px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}	

	#testeira1 a:hover {
		font: 40px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}

	#testeira2 {
		width: 945px;
		text-align: left; /*hack IE*/
		margin: 0 auto;
		position: relative;
		overflow: hidden;
        padding-bottom: 0px;
	}	

	#testeira2 a {
		font: 12px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
		color: #fff;
		text-decoration: none;
	}	

	#testeira2 a:hover {
		font: 12px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
		color: #fff;
		text-decoration: none;
	}
	
	#miolo {
		width: 100%;
		float: left;
		margin-top: 3px;
	}
	
	#c {
		float: left;
		width: 310px;
		height: 100%;
		margin-left:10px;
	}
	
	#miolo_divisor {
		float: left;
		height: 100%;
		margin-right: 10px;		
	}
	
	#iframe	{
	    height: 220px;
	}
	
	#miolo_central {
		float: left;
		width: 305px;
		height: 100%;		
	}

    #miolo_dir {
        float: right;
        text-align: left; /*hack IE*/
        margin: 0 auto;
        position: relative;
    }
	
	#chamada {
		float: left;
	}
	
	#chamada_esq {
		float: left;
		width: 310px;
		height: 100%;
		margin-left:10px;
	}
	
	#chamada_central {
		float: left;
		width: 305px;
		height: 100%;
		margin-left:25px;
	}
	
	#chamada_dir {
		float: left;
		text-align: left; /*hack IE*/
		margin: 0 auto;
		position: relative;
	}
	
	.caixa_imagem {
		float: right;
		width: 25%;
		margin-left: 10px;
	}
	
	.caixa_imagem p {
		font-size: smaller;
		color: #333;
	}
	
	.escala {
		width: 100%;
	}
	
	.acesso {
		float: left;
		width: 20%;
		font-size: .9em;
		margin-bottom: 25px;
	}
	
	.titulo_acesso {
		font-size: 1.4em;
		color: #004b82;
		font-weight: bold;
		margin-top: 12px;
	}
	
	.acesso_descr {
		padding-left: 20px;
		color: #004b82;
	}
	
	.font_menor {
		font-size: .8em;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	.negrito {
		font-weight: bold;
	}
	
	 #seletor::-moz-focus-inner {
	 border: 0px;
	 padding: 0px;
	}
	
	/* Listas, links e imagens */
	
	ul {
		list-style-image: url(../img/bullet.png);
	}
	
	.link
	{
		text-decoration: underline;
		color: #004b82;
		cursor: pointer;
	}
	
	.link:hover
	{
		text-decoration: none;
		color: #004b82;
		cursor: pointer;
	}
			
	a:link, a:active, a:visited {
		text-decoration: none;
		color: #004b82;
		cursor: pointer;
	}
	
	a:hover {
		text-decoration: none;
		color: #004b82;
		cursor: pointer;
	}
	
	img {
		border: none;
	}
	
	a img {
		border: none;
	}
	
	/* Cabeçalho */
	
    #cabecalho {
		width: 100%;
		position: relative;
		background-color: #1659BF;
		height: 160px;
	}
	
	#logo {
		float: left;
	}
	
	#login {		
		padding: 12px 8px 0px 0px;
		font-size: .9em;
        color: white;        
        margin-left: 50%;
        width: 1020px;
		text-align: right; /*hack IE*/
		margin: 0 auto;
		position: relative;
	}

    #versao {
        width: 945px;
        text-align: left; /*hack IE*/
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        font-size: .9em;
        color: white;
    }

	.sair {
		font-weight: bold;
		color: #F00;
		padding-left: 8px;
	}
	
	#rodape {
		width: 100%;
		position: relative;
		background-color: #0042B1;
		height: 87px;
		margin: 0 auto; /*centraliza*/
		margin-bottom: 15px;

	}
	
	#rodape ul {
		padding: 10px 0px 10px 13px;
		float: left;
		display: block;
	}
	
	#rodape li {
		list-style: none;
		display: inline;
		padding-left: 25px;
	}
	
	#rodape li a {
		height: 1px; /* IE5.0 bug */
		text-decoration: none;
	}
	
	#rodape li a:link {
		color: #FFF;
	}
	
	#rodape li a:visited {
		color: #FFF;
	}
	
	#rodape li a:hover {
		color: #FF0;
	}

	#banner_rodape {
		width: 1007px;
		imag-align: left; /*hack IE*/
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	
	#banner_rodape_acesso {
		float: left;
		margin: 10px;
	}

	#banner_rodape_brasil {
		float: right;
		margin: 10px;
	}


	/* Classes da barra do Governo Federal Largura Mínima: 1000px Para adequar a barra à largura de seu Site,
					altere largura mínima (min-width), incluindo a medida em pixels da largura efetiva do seu Site */
				
	#barra-brasil-v3 {
		position: relative;
		clear: both;
		overflow: hidden;
		min-width: 1007px;
		height: 28px;
		background: #004b82;
	}
	#barra-brasil-v3 span {
		display: block;
		width: 50%;
		height: 28px;
		background: url(../img/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
	}
	#barra-brasil-v3 span .imagemGov {
		position:absolute;
		top: 4px;
		left: 50%;
		height: 24px;
		width: 1007px;
		background: url(../img/barra-brasil-v3-azul.gif) right top no-repeat;
		margin-left: -500px;
	}
	#barra-brasil-v3 span .brasilgov {
		width: 100px;
		height: 24px;
		float: right;
		display: block;
		border: 0 !important;
	}
	
	/* CSS para solucionar as barras de rolagem duplicadas no IE */

* 
    {
        margin:0;
        padding:0;
    }
    
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

    html, body {
        height: 100%;
   }

    #footer {
        position: relative;
        height: 90px;
	    clear: both;
	} 

/* Opera Fix */

    body:before {
        content: "";
        height: 100%;
        float: left;
        width: 0;
        margin-top: -32767px;
    }


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/

    .containerMaster:after {
        clear: both;
    }

    .containerMaster:before, .container:after {
        content: "";
        display: table;
    }

    .containerMaster:before, .container:after {
        content: "";
        display: table;
    }
    
    .containerMaster {
        margin-left: auto;
        margin-right: auto;
        width: 1007px;
    }
	
		.questionario { 
		width:30px;
	}
	
	.questao-interna {
		width:50px;
		color:#CC0;
	}
	
/* Lock Screen-related CSS Classes */
.LockOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}
.LockBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 105%;
	height: 105%;
	background-color: #666;
	z-index: 20997;
	filter: alpha(opacity=75);
	opacity:0.75;
	padding-top: 20%;
}
.LockPane {
	z-index: 21000;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 25%;
	visibility: visible;
	display: block;
	text-align: center;
	width: 100%;
    z-index: 20998;
}
.LockPane div {
	width: 55%;
	background-color: #fb9a00;
	color: white;
	font-size: large;
	border: dotted 1px White;
	padding: 9px;
    margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
    z-index: 20999;
}
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.modalPopup p {
    padding: 5px;
}