Arquivos não localizados !

Front-end CSS
#1

Bom dia, estou desenvolvendo um sistema para o meu trabalho, para treinar o que estou aprendendo em java, porém tenho pouquíssimo conhecimento em front ainda. Foi aí que decidi usar um template pronto e free que achei no templated.co. Funcionou perfeitamente, mudei algumas coisas e deu tudo certo, NO MEU COMPUTADOR. Porém quando subi o tomcat para a rede com o sistema e acessei de outros computadores, o site fica completamente sem formatação, o que me levou a pensar que provavelmente o caminho dos arquivos CSS, JS e imagens não estejam sendo encontrados de outros computadores. Nunca fiz isso e fiquei um pouco perdido, gostaria se possível da ajuda de vocês.

Site formatado no meu PC: https://i.imgur.com/bCY4wVQ.png

Formatação do site em outros PCs: https://i.imgur.com/1vvqpj4.png

Estrutura das pastas no projeto: https://i.imgur.com/bLWZGrE.png

Código HTML:

<!DOCTYPE HTML>
<html>
<head>
<title>Cereais Sul - SISC</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link
	href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900'
	rel='stylesheet' type='text/css'>
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
	<link rel="stylesheet" href="css/skel-noscript.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body>

	<!-- Header -->
	<div id="header">
		<div id="nav-wrapper">
			<!-- Nav -->
			<nav id="nav">
				<ul>
					<li><a href="/CereaisSulWeb">Página Inicial</a></li>				 
					<li><a href="/CereaisSulWeb/novoContratoDeCompra">Contrato de Compra</a></li>
					<li><a href="/CereaisSulWeb/novoContratoDeVenda">Contrato de Venda</a></li>
					<li><a href="/CereaisSulWeb/relatorios">Relatórios</a></li>
					
				</ul>
			</nav>
		</div>
		<div class="container">

			<!-- Logo -->
			<div id="logo">
				<h1>
					<a href="#">Cereais Sul</a>
				</h1>
				<span class="tag">Grupo BSA</span>
			</div>
		</div>
	</div>
	<!-- Header -->

	<!-- Main -->
	<div id="main">
		<div id="content" class="container">
			<section>
				<header>
					<h2>Bem vindo ao Sistema Comercial da Cereais Sul !</h2>
					<span class="byline">Cereais Sul, seu parceiro na compra e
						venda de Grãos !</span>
				</header>
			</section>
		</div>
	</div>
	<!-- /Main -->

	<!-- Tweet -->
	<div id="tweet">
		<div class="container">
			<section>
				<blockquote>&ldquo;Com filiais em Minas e Goias a
					Cereais Sul vem crescendo em busca de se tornar uma das maiores
					tradings do Brasil !&rdquo;</blockquote>
			</section>
		</div>
	</div>
	<!-- /Tweet -->

	<!-- Footer -->
	<div id="footer">
		<div class="container">
			<section>
				<header>
					<h2>Entre em Contato !</h2>
					<span class="byline">Avenida Circular n° 209 ,<br>
						Formosinha, Formosa - GO CEP: 73.813-170<br> Unidade 2:
						Rodovida Buritis/Serra Bonita km 65<br> CEP: 38.660-000 Zona
						Rural - Buritis - MG <br> Telefone: (61) 3642-2600
					</span>
				</header>
<!-- 				<ul class="contact"> -->
<!-- 					<li><a href="#" class="fa fa-twitter"><span>Twitter</span></a></li> -->
<!-- 					<li class="active"><a href="#" class="fa fa-facebook"><span>Facebook</span></a></li> -->
<!-- 					<li><a href="#" class="fa fa-dribbble"><span>Pinterest</span></a></li> -->
<!-- 					<li><a href="#" class="fa fa-tumblr"><span>Google+</span></a></li> -->
<!-- 				</ul> -->
			</section>
		</div>
	</div>
	<!-- /Footer -->

	<!-- Copyright -->
	<div id="copyright">
		<div class="container">Copyright !</div>
	</div>


</body>
</html>

Espero que possam me ajudar ! Agradeço muito !