html, body {
	height: 100%;
	margin:0 auto;
	}
body > .container-fluid { 
		height: auto; 
		min-height: 100%;
		background-color:#FCFCFC;
		
 }
.topo{
		margin-top:0px;
		height:90px;
		width:100%;
		background-color:#ccc;
		position:fixed;
		z-index:99;
		
		
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 20%, #d6d6d6 20%, #f2f2f2 62%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#d6d6d6), color-stop(20%,#d6d6d6), color-stop(62%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d6d6d6 20%,#d6d6d6 20%,#f2f2f2 62%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d6d6d6 20%,#d6d6d6 20%,#f2f2f2 62%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d6d6d6 20%,#d6d6d6 20%,#f2f2f2 62%); /* IE10+ */
background: linear-gradient(to bottom,  #d6d6d6 20%,#d6d6d6 20%,#f2f2f2 62%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

		-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:#000;
}

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

.topo_esquerda{
		float:left;
		margin-top: -10px;						
		margin-left: 16%;		
}
.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:#f0f0f0;	
		text-align:center;
		font-size:12px;
		color:#000;	
		position:relative;
		bottom: 0;
		clear: both;
		letter-spacing:1px;
		
		background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 20%, #d6d6d6 20%, #f2f2f2 62%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#d6d6d6), color-stop(20%,#d6d6d6), color-stop(62%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d6d6d6 20%,#d6d6d6 20%,#f2f2f2 62%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d6d6d6 20%,#d6d6d6 20%,#f2f2f2 62%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d6d6d6 20%,#d6d6d6 20%,#f2f2f2 62%); /* IE10+ */
background: linear-gradient(to bottom,  #d6d6d6 20%,#d6d6d6 20%,#f2f2f2 62%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

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:#ab9308;
			color:#fff;

}
.btn-primary{
background-color:#ab9308;
border-color: #ab9308;

}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active
 {
  color: #fff;
  background-color: #ab9308;
  border-color: #ab9308;
}

.btn-primary .badge {
  color: #ab9308;
  background-color: #fff;
}
 .form-control:focus {
  border-color: #ab9308;
  -webkit-box-shadow: 0 0 8px #ab9308;
          box-shadow: 0 0 8px #ab9308;
            }
.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 {
		visibility: hidden;
	}

}