@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 0px) and (max-width: 1024px){

body, #geral{ min-width:600px; }


/* ##############################################################################################*/	
/* ##############################################################################################*/	
/* ##############################################################################################*/	
/*                                            LOGIN                                              */
/* ##############################################################################################*/	
.botaoAzulLogin{
	padding: 30px 50px 30px 50px;
    text-transform: uppercase;
    font-size: 40px;
    border: 0px;
    cursor: pointer;
}
 

#login_header{
	display: table;
    width: 100%;
}
	#login_header #logo_mw{}
	#login_header #logo_mw img{
		width:100px;
		float:left;
	}
	#login_header #logo_mw .nomeclatura{
		width:190px;
		padding-left:20px;
		float:left;
		padding-top:18px;
		line-height:23px;
	}
		#login_header #logo_mw .nomeclatura h1{
			font-size:16px;
			text-transform:uppercase;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			font-weight:100;
		}
		#login_header #logo_mw .nomeclatura h2{
			font-size:14px;
			text-transform:uppercase;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
		}
/* ##############################################################################################*/	

#login{
	display: table;
    width: 100%;
	padding-top:6%;
}
	#login #caixa_login{
		width:87%;
		margin:0 auto;
		padding:15px 40px 15px 40px;
	}
		#login #caixa_login .logo{
			display: table;
			width: 100%;
			text-align: center;
			padding-bottom:20px;
		}
			#login #caixa_login .logo img{
				width:200px;
				padding: 2px 2px;
			}
		#login #caixa_login .campos{
			display: table;
			width: 100%;
		}
		#login #caixa_login .campos .camp{
			display: table;
			width: 100%;
			padding-top:15px;
		}
		#login #caixa_login .campos .camp label{
			text-transform:uppercase;
			font-size:37px;
		}
		#login #caixa_login .campos .camp input{
			border-style:solid;
			border-width: 1px;
			padding:10px 10px 10px 10px;
			width:90%;
			font-size:80px;
		}
		#login #caixa_login .botao{
			display: table;
			width: 100%;
			padding:20px 0px 20px 0px;
		}
			

/* ##############################################################################################*/	
/* ##############################################################################################*/	

#caixa_login .camp img#olho{
    position: absolute;
    margin: 10px 0px 0px -109px;
    width: 100px;
}

/* ##############################################################################################*/	
/* ##############################################################################################*/	
/* ##############################################################################################*/	
/*                                            INDEX                                              */
/* ##############################################################################################*/	

#geral{
	width: 100%;
	height: 100%;
	z-index:0;
}
	#geral #navegacao, #geral #conteudo{

	}
	#geral #navegacao{
		width: 100%;
		min-width: 70%;
		height: 100%;
		float:left;
		display:none;
		
	}
	
	#geral #conteudo{
		width: 100%;
		height: 100%;
		float:left;
		display: table;
	}
/* ##############################################################################################*/	

#geral #navegacao #superior #logo_mw{}
	#geral #navegacao #superior #logo_mw img{
		width:100px;
		float:left;
	}
	#geral #navegacao #superior #logo_mw .nomeclatura{
		width:118px;
		padding-left:20px;
		float:left;
		padding-top:18px;
		line-height:23px;
	}
		#geral #navegacao #superior #logo_mw .nomeclatura h1{
			font-size:10px;
			text-transform:uppercase;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			font-weight:100;
		}
		#geral #navegacao #superior #logo_mw .nomeclatura h2{
			font-size:14px;
			text-transform:uppercase;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
		}
/* ##############################################################################################*/			
#geral #navegacao #superior{
	    height: 164px;
}
#geral #navegacao #superior #caixaPesquisa{
	display: table;
	width: 100%;
}
	#geral #navegacao #superior #caixaPesquisa #campoCaixaBusca{
		display: table;
		width: 91%;
		padding: 20px 0px 20px 9%;
		border:0px;
		font-size:17px;
		background-image:url('../../imagens/icones/busca.png');
		background-position:10px center;
		background-repeat:no-repeat;
	}
/* ##############################################################################################*/				

#geral #navegacao #menu{
	display:table;
	width: 100%;
	
}
		#geral #navegacao #menu .accordion{
			line-height: 115px;
			display: table;
			cursor: pointer;
			padding: 3px 0px 0px 35px;
			width: 100%;
			text-align: left;
			border: none;
			outline: none;
			transition: 0.4s;
			font-size: 76px;
		}
		
		#geral #navegacao #menu .accordion:after {
			content: '\02795'; /* Unicode character for "plus" sign (+) */
			font-size: 13px;
			float: right;
			margin-left: 5px;
		}

		.active:after {
			content: "\2796"; /* Unicode character for "minus" sign (-) */
		}
		#geral #navegacao #menu .panel {
			padding: 0px 0px 0px 85px;
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.2s ease-out;
		}
		#geral #navegacao #menu .panel ul li{
			line-height:22px;
		}

			#geral #navegacao #menu .accordion svg{
				font-size: 108px;
				border-style: solid;
				border-width: 2px;
				padding: 2px 5px 2px 5px;
				border-radius: 7px;
				width: 30px;
				text-align: center;
				margin-top: 3px;
				float: left;
    			margin-right: 7px;
			}
			#geral #navegacao #menu .accordion a{
				font-size:18px;
				text-transform:capitalize;
				text-decoration:none;
				padding: 0px 0px 0px 55px;
			}
			#geral #navegacao #menu .panel ul li a{
				font-size:56px;
				text-transform:capitalize;
				text-decoration:none;
				line-height: 87px;
			}
#geral #navegacao #menu .panel ul{
	margin-top:0px;
	list-style: none;
}
#geral #navegacao #menu .panel ul li{
	margin-left:-28px;
}



/* ##############################################################################################*/				

		
		#geral #navegacao #menu ul li ul{
			display:none;
		}
			#geral #navegacao #menu ul li:hover ul{
				display:table;
			}
		
/* ##############################################################################################*/				
	
#closemenu, #openmenu{ 
	position:absolute;
	float:right;
	
	width:26px;
	height:100%;
	cursor:pointer;
}
#openmenu{ 
	display:table;
}
#closemenu{
	background:url('../../imagens/icones/ceta.png')center center no-repeat #985418;
	display:none;
}
#openmenu{
	background:url('../../imagens/icones/ceta.png')center center no-repeat #985418;
	-webkit-transform:rotate(180deg);
   -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
     -o-transform:rotate(180deg);
        transform:rotate(180deg);
}
/* ##############################################################################################*/				
						
#menuSuperior, #acessoRapido, #informacoesNavegacao, #conteudoPrincipal{
	width:97%;
	
}	
#menuSuperior{
	height: 48px;
    padding: 1% 0% 1% 3%;
	text-align: right;
}
	#menuSuperior a span{
		margin: 30px 0px 0px 143px;
		display: table-caption;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		background-color: #bd0000;
		padding: 5px 18px 5px 10px;
		border-radius: 71px;
	}
#acessoRapido{
	height: 79px;
	padding: 0% 0% 0% 3%;
}
#informacoesNavegacao{
	height: 18px;
    padding: 1% 0% 1% 3%;
}
#conteudoPrincipal{
	height: 70%;
	padding: 1% 0% 1% 3%;
	overflow: auto;
}	
	#menuSuperior a{
		text-decoration:none;
		cursor:pointer;
	}

	#menuSuperior a svg{
		font-size: 26px;
		float: right;
		margin-right: 20px;
		padding: 10px 13px 10px 12px;
		border-radius: 61px;
	}
	#acessoRapido .titleAcessoRapido{
		padding-top:10px;
		padding-right:15px;
	}
	#acessoRapido .titleAcessoRapido, #acessoRapido.linksAcessoRapido{
		float: left;
		display:table;
	}
	#acessoRapido a{
		display: table;
		text-decoration: none;
		text-align: center;
		font-size: 22px;
		width: auto;
		float: left;
		padding: 15px 15px 15px 15px;
	}










/* Finalização de compatibilidade tamanho de tela*/
}