html, body {
	height: 100%;
	margin:0 auto;
	}
body > .container-fluid { 
		height: auto; 
		min-height: 100%;
		background-color:#EEEEEE;
		
 }
.topo{
		margin-top:0px;
		height:100px;
		width:100%;
		background-color:#fff;
		position:fixed;
		z-index:99;
		
		
		background: #fff; /* Old browsers */
		
		-moz-box-shadow: 1px 3px 12px #141414;
		-webkit-box-shadow: 1px 3px 12px #141414;
		box-shadow: 1px 3px 12px #141414;
}
.topo_direita > h1{
		font-size:22px;	
		color:#333;
}

.topo_direita{
		float:right;
		text-align:right;
		margin-top: 30px;						
		margin-right: 20%;	
}

.topo_esquerda{
		float:left;
		margin-top: 0px;						
		margin-left: 16%;		
}
.topo_esquerda img {
max-height: 100px;
width: auto;
}
.conteudo{
		width:100%;
		height:90%;	
		margin:150px 20px 0px 5px;	
		text-align:justify;
		padding-bottom: 80px;
		
}
.rodape{
		margin-top: -50px;	
		height:50px;
		width:100%;	
		padding-top:10px;	
		background-color:#fff;	
		text-align:center;
		font-size:12px;
		color:#333;	
		position:relative;
		bottom: 0;
		clear: both;
		letter-spacing:1px;
		
		background: #fff; /* Old browsers */
}
.rodape a{
	color: #222;
}
.rodape a:hover{
	color: #555;
}

label {

color:#333;
font-size: 13px;
}
fieldset{
		height:auto;			
		border:1px #ccc solid ;
		width: 90%;
		margin: 0 auto 20px;
		border-radius:7px;
		color: #282828;
		padding:0;
}
legend{
		margin:0 auto;	
		border-bottom:none;
		background:none;
		width:auto;
		padding: 0 8px;
		color: #333;
		margin-bottom:0px;
		font-weight:bold;
}

.subtitulo{	
	font-size:16px;
}

.lista{
		background-color:#fff;
		margin:0 auto;
		color: #282828;
		width:70%;
		font-size:14px;
		-moz-box-shadow: 1px 3px 12px #141414;
		-webkit-box-shadow: 1px 3px 12px #141414;
		box-shadow: 1px 3px 12px #141414;
		padding-bottom:30px;
		padding-top:30px;
		border-radius:5px;
		
}
.lista > h1{
		font-size:20px;	
		text-align:center;		
		padding-top:10px;

}
ul{
		list-style:none ;	
		margin:0 auto;
		width:100%;
		padding: 0 0 15px 5%;
		
		
}
li {
		width:100%;
		

}
a{
		position:relative;
		color: #282828;
		width:100%;
		text-align:center;
		
		
}
a:visited{
		color: #282828;
}
a:hover{
		color:#005bb7;
		
		text-decoration:none;
}


textarea{
		resize:none;
		}
		
.centro{
		align:center;
}
#espaco{
		height:10px;
		
}
.dependente{
			width:100%;	
			background-color:#428bca;
			color:#fff;

}

.formulario{			
		background-color:#fff;
		margin-left:15%;
		color:#000;
		width:70%;
		font-size:14px;
		-moz-box-shadow: 1px 3px 12px #141414;
		-webkit-box-shadow: 1px 3px 12px #141414;
		box-shadow: 1px 3px 12px #141414;
		padding-bottom:18px;
		padding-top:2px;
		z-index:10;
		border-radius:5px;
}
.formulario > h1{
		font-size:20px;	
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
}
	
.avisar{
		background-color:#FF6F6F;
		width:100%;
		height:28px;
		font-family:'caviar';
		font-size:14px;
		color:#FFF;
		text-align:center;
		padding:2px;
		float:left;
	
}
.xx{
		float:right;
	
}
.lado {
		position: fixed;
		width: 19%;
		left: 0;
		top: 15%;
		z-index: 2;
		background-color: #f2dede;
		opacity:0.96;
		display:none;
		border: 0.5px solid #eed3d7;
		font-size:12px;

		border-radius: 0 7px 7px 0;
		-moz-border-radius: 0 7px 7px 0;
		-webkit-border-radius: 0 7px 7px 0;
	
		box-shadow: 5px 5px 3px 1px #D5D5D5;
		-moz-box-shadow: 7px 5px 3px px #D5D5D5;
		-webkit-box-shadow: 7px 5px 3px 1px #D5D5D5;
}
.tabela{
	width:80%;
	margin-left:10%;
	padding-top:40px;
}



@media (max-width: 370px ) {
	.lista{
		margin-left:5%;
		font-size:12px;
		text-align:left;
		width:90%;
	} 
	legend{
		font-size:16px;
		font-weight:bold;
	
	}
	.lista > h1{
		font-size:16px;	
		text-align:center;

	}

	.topo_esquerda{
		margin-top: -10px;						
		margin-left: 3%;
	}
		
	.lado {			
		font-size:9px;	
		width: 18%;				
	}
	
}

@media (max-width: 750px ) {
	.topo_direita {
		display: none;
	}
	.topo_esqueda{
		text-align: center;
	}

}