/*Todos elementos da página*/
*{	margin: 0;
	padding: 0%;
	list-style: none;
	border: none;
	font-family:'Roboto', sans-serif;
	outline: none;
	text-decoration: none;
}

/*Links na página*/

li a{
	color: #006ac8; 
	text-decoration: none;
    
}

li a:link {
	color: #006ac8; 
	text-decoration: none;
   
}

li a:visited {
	text-decoration: none;
	color: #006ac8;
   
}
 
li a:hover {
	color:#333333;
	text-decoration: none;
   
}

li a:active {
	text-decoration: none;
    
}

/*body*/

body{
	
	width: 100%;
	text-align: center;
	margin: 0;	
	padding: 0%;
}


.corpo {
	background: url(../img/jud1.png) bottom center/100% fixed no-repeat;
}

.corpo2{
	background: url(../img/jud2.png) bottom center/100% fixed no-repeat;
}

.corpo3{
	background: url(../img/jud3.png) bottom center/100% fixed no-repeat;
}

.corpo4{
	background: url(../img/jud4.png) bottom center/100% fixed no-repeat;
}


/*cabeçalho*/

.cabecalho{
	min-height: 20%;
	min-width: 100%;
	background-color: #f5f5f5;
	position: relative;
	margin: 0;
	padding: 3%;
	text-align: center;
	float: left;
	
}

/*Menu de navegação*/

.menu{
	width: 100%;
	height: 4%;
	float: left;
	background: linear-gradient(to right,#0087ff, #006ac8);
	position: relative;
	padding: 1% 5%;
	text-align: center;
	margin: 0;
}

.menu li{float: left;
}

.menu li a{
	color: #fff;
	margin-right: 30px;
	font-weight: bold;
	font-size: 1.2em;
}

.menu li a:visited{
	color: #fff;
	text-decoration: none;
}

.menu li a:hover{
	color: #333333;
	text-decoration: none;
}

.menu li a:active{
	color: #fff;
	text-decoration: none;
}



/*Conteúdo da página*/

.conteudo{
	width: 100%;
	margin: 0;
	padding:1% 8%;
	text-align: left;
	font-size: 1em;
	color:#333333;
	float: left;
	position: relative;
	
}

.titulo{
	font-size: 2em;
	font-weight: bold;
	color: #006ac8;
}

.textos{
	font-size: 1.2em;
	color:#333333;
	}

.titulo2{
	font-size: 1.3em;
	font-weight: bold;
	color: #006ac8;
	text-align: left;
}

.topicos{
	font-size: 1.2em;
	color:#333333;
	width: 100%;
	text-align: left;
	float: left;
	margin-right: 1%;
	}

/*Conteúdo do rodapé*/

.rodape{
	width: 100%;
	height: 10%;
	float: left;
	padding: 1%;
	background: linear-gradient(to right,#333333, #282828);
	text-align: center;
	font-size: 1.2em;
	color: #fff;
}

.rodape2{
	width: 100%;
	height: 10%;
	float: left;
	padding: 1%;
	background: linear-gradient(to right,#333333, #282828);
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	position: absolute;
	bottom: 0;
}

/*formulário*/


.formcampos{
	width: 50%;
	padding: 1%;
	font-size: 1.2em;
	border-color: #969696;
	border-style: solid;
	border-width: 1px;
	margin-top: 0;
	resize: none;
	margin: 0;
}	

.formulario{
	padding: 0%;
	float: left;
	position: relative;
}

.botao{
	margin: 0;
	padding: 1%;
	font-size: 1.2em;
	background: linear-gradient(to right,#333333, #282828);
	font-weight: bold;
	text-align: center;
	width: 10%;
	color: #fff;
}