Site desconfigurado

Feh_Paiva · Abril 24, 2017

Boa tarde Pessoal do IMasters, Gostaria que me ajudassem a resolver um problema com meu site.

Quando eu entro no site pelo meu computador, antes de postar, está tudo perfeito e funcionando, mas quando eu posto no host pelo FileZilla, o site fica todo desconfigurado e faltando partes que deveriam estar lá.

Segue abaixo HTML e CSS do index do site para análise.

O site é www.sysma.com.br caso queiram ver.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/modelo.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<style>@import url('https://fonts.googleapis.com/css?family=Raleway');</style>
<link rel="icon" href="img/icone_guia_sysma.png" type="image/x-icon" />
<link rel="shortcut icon" href="img/icone_guia_sysma.png" type="image/x-icon" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<link href="css/stilo_6_home.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<title>Sysma</title>
<meta name="description" content="Venda e instalação de equipamentos e acessórios no seguimento de áudio, vídeo, home theater, elétrica, gesso e iluminação." />

<link href="css/stilo_6.css" rel="stylesheet" type="text/css" />
<link href="jsImgSlider/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="jsImgSlider/js-image-slider.js" type="text/javascript"></script>
<script type="text/javascript" src="script.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>

<!--Botão voltar pasa cima-->


</div>
  <div id="tudo">
  <div class="header">
  <div class="container">
  	<div style="float:left"><a href="index.html"><img src="Logos/logo%20aprovado%20sysma.png" width="200" height="90" /></a></div>
  	<!-- InstanceBeginEditable name="EditMenu" -->
  	

    <a name="home"></a>

    <div class="menu">
  	   
       <ul>
  	    <li><a href="#home" target="_self">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Home&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  	    <li><a href="#serviços" target="_self">&nbsp;&nbsp;&nbsp;Serviços&nbsp;&nbsp;&nbsp;</a></li>
        <li><a href="#empresa" target="_self">&nbsp;&nbsp;&nbsp;&nbsp;Empresa&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  	    <li><a href="#produtos" target="_self">&nbsp;&nbsp;&nbsp;Produtos&nbsp;&nbsp;&nbsp;</a></li>
  	    <li><a href="#contato" target="_self">&nbsp;&nbsp;Contato&nbsp;&nbsp;</a></li>
        <li><a href="parceiros.html" target="_self">&nbsp;&nbsp;Parceiros&nbsp;&nbsp;</a></li>
      </ul>
     </div>
  	<!-- InstanceEndEditable -->
  	<div class="clearfloat"></div>
  	<!-- end .header --></div></div>
    <div class="clearfloat"></div>
<!-- InstanceBeginEditable name="EditRegionespaco" -->
    
    <div class="espaco">
    <br />
    <br />
	<br />
	<br />
    <br />
    <br />
	<br />
	<br />
    <br />
	<br />
	<br />
    <br />
	
    </div>
    
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="EditRegionConteudo" -->
    <div class="conteudo">
	<div class="content">
    <div class="container">
    


    <a name="serviços"></a>&nbsp;
    


    <br />
    <h1 style="margin-top: -30px">SERVIÇOS</h1>
    <div class="atalho_servicos">

    <h2 style="line-height: 29px">CABEAMENTO DE REDE<br/></h2>
    <h2 style="margin-top: -30px"><br/>Instalação, Manutenção e Certificação</h2>
    <div class="atalho_serv_conteudo">
    	<a href="cabeamento.html"><img id="foto01" src="img/servico-rede4.png" width="250" height="225" /></a>
    </div>
    <h4 style="font-size: 18px" style="margin-top: -5px">As melhores soluções desde cabos especiais e conversores até réguas personalizadas para Rack.</h4>
    </div>
    
    <div class="atalho_servicos" style="margin-left:15px; margin-right:15px;">
    <h2 style="line-height: 29px">CABEAMENTO ÁUDIO E VÍDEO<br/></h2>
    <h2 style="margin-top: -30px"><br/>Instalação, Manutenção e Conserto</h2>
    <div class="atalho_serv_conteudo">
    <a href="distribuicao_video.html"><img src="img/servico-av.png" width="250" height="225" /></a>
    </div>
    <h4 style="font-size: 18px" style="margin-top: -5px">Linha completa de materiais, realizamos projetos seja ele com extensores, matrizes, splitters ou switchers.</h4>
    </div>
     
    <div class="atalho_servicos2" >
    <h2 style="line-height:29px">ELÉTRICA<br/></h2>
    <br/>
    <h2 style="margin-top: -26px"><br/>Instalação, Manutenção e Conserto</h2>
    <div class="atalho_serv_conteudo">
    	<a href="instalacao_eletrica.html"><img src="img/servico-eletrica3.png" width="250" height="225" /></a>
    </div>
    <h4 style="font-size: 18px" style="margin-top: -5px">Especializados em serviços de elétrica de pequeno a grande porte, deste um simples reparo até troca de fiações.</h4>
    </div>
    </div>
    <div class="clearfloat"></div>
  	<br />
    <br />
	</div></div>
    
    <div class="content_cinza">
    <div class="container">



<a name="produtos"></a>&nbsp;



    <br />
    <h1>PRODUTOS</h1>
    
   <div class="atalho_produtos" style="margin-left: 5px">
    <h4>Cabos de Áudio 
    <br/>e Vídeo</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: -10px">
        <a href=cabos_audio_video.html><img src="img/cabos_audio_video/cabo-hdmi-x-hdmi.jpg"></a>
    </div>
    </div>
   
    <div class="atalho_produtos">
    <h4>Acessórios Áudio 
    <br/>e Vídeo</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: -10px">
        <a href=seletor_audio_video.html><img src="img/seletor_audio_video/EXTENDER_HDMI_LEN-LKV373.jpg"></a>
    </div>
    </div>

   <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Cabos Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=cabos_cisco.html><img src="img/cabos_cisco/CAB-SS-V35MT.png"></a>
    </div>
    </div>
 
    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Cisco GBIC</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=cisco_gbic.html><img src="img/cisco_gbic/CISCO_GLC-T.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Roteadores Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=roteadores_cisco.html><img src="img/roteadores_cisco/Cisco7204-VXR.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos" style="margin-left: 5px">
    <h4 style="margin-top: 10px">Switches Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=switches_cisco.html><img src="img/switches_cisco/Catalyst_WS-C3750-48TS-S.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Módulos Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=modulos_cisco.html><img src="img/modulos_cisco/WS-G5484-1000BASE-SX.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos">
    <h4>Placas Ethernet Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: -10px">
        <a href=placas_ethernet_cisco.html><img src="img/placas_ethernet_cisco/HWIC-2T.png"></a>
    </div>
    </div>

        <div class="atalho_produtos" style="margin-left: 5px">
    <h4 style="margin-top: 10px">Telefones Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=telefones_cisco.html><img src="img/telefones_cisco/IP_Cisco8941.png"></a>
    </div>
    </div>

    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Kit Telefonia IP</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=kit_telefonia.html><img src="img/kit_telefonia/kit_telefonia_ip.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos">
    <h4>Telefones Panasonic</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: -10px; margin-left: 40px;">
        <a href=telefones_panasonic.html><img src="img/telefones_panasonic/telefone_dect_digital.png"></a>
    </div>
    </div>
 
       <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Cabos de Força</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px; margin-left: 40px;">
        <a href=cabos_forca.html><img src="img/cabos_forca/CAB.IEC320.C13_NBR14136.png"></a>
    </div>
    </div>    

    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Elétrica</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px; margin-left: 41px;">
        <a href=eletrica.html><img src="img/eletrica/timer.png"></a>
    </div>
    </div>

    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">NoBreaks e PDU</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px; margin-left: 43px;">
        <a href=nbpdu.html><img src="img/nbpdu/nobreak06.png"></a>
    </div>
    </div>

    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Racks</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px; margin-left: 45px;">
        <a href=rack.html><img src="img/racks/rack_todo_perfurado.png"></a>
    </div>
    </div>

	     <div class="clearfloat"></div>
	<p>

	</p>
	<br />
    <br />
	     </div></div>
     
     <div class="content_cinza2">
     <div class="container">


    


    <a name="empresa"></a>&nbsp;
    


    <br />
    <h1>EMPRESA</h1>
    <p><h4 class="empresa" align="center">Desde 1983, a Sysma trabalha com a venda e instalação das marcas mais bem conceituadas do mercado, nossa atuação abrange:
    <br />
    Equipamentos, Cabos e acessórios para Telecomunicações, Informática, Áudio, Distribuição de Vídeo e Elétrica.
    <br />
    Nosso objetivo é oferecer o que há de melhor em inovação e tecnologia para o mercado Brasileiro.</h4></p>

    <h2 align="center" style="font-size: 25pt">Nossa Missão </h2>
    <p><h4 class="empresa" align="center">Oferecer soluções eficazes, que se adequem aos projetos dos nossos clientes, trazendo facilidade, tranquilidade, comodidade, segurança e conforto.</h4></p>
    
    <h2 align="center" style="font-size: 25pt">Transparência</h2>
    <p><h4 class="empresa" align="center">Estabelecemos com nossos clientes, colaboradores e fornecedores uma relação de
    ética, transparência e respeito.</h4></p>
    
    <h2 align="center" style="font-size: 25pt">Time</h2>
    <p><h4 class="empresa" align="center">Contamos com um time de funcionários e parceiros prontos a atender o seu projeto.
    Com a colaboração de engenheiros, técnicos e projetistas, desenvolvemos técnicas próprias a cada situação, nos adequando as necessidades dos nossos clientes e buscando sempre o aprimoramento e atualizações constantes.</h4></p>
    
    <h2 align="center" style="font-size: 25pt">Clientes</h2>
    <p><h4 class="empresa" align="center">Temos clientes espalhados por todo o Brasil, entre Bancos, Multinacionais, Escritórios Comerciais e empresas de diversos portes.</h4>
    
     </p>
    <br />
    <br />
    </div></div>
    
    <div class="content2"> 
    <div class="container">



<a name="contato"></a>&nbsp;
     


     <br />
     <h1>CONTATO</h1>
     
     <form id="contat" name="contat" method="post" action="enviar.php" style="float:left; margin-left:20px; text-align:left">


<p><label for="nome">Nome:</label><br />
<input type="text" name="nome" id="nome" size="67px"/><br /><br />
<label for="email">E-mail:</label><br />
<input type="text" name="email" id="email" size="67px"/><br /><br />
<label for="telefone">Telefone:</label><br />
<input type="text" name="telefone" id="telefone" size="67px"/><br /><br />
<label for="assunto">Assunto:</label><br />
<input type="text" name="assunto" id="assunto" size="67px"/><br /><br />
<label for="mensagem">Mensagem:</label>
<br />
<textarea cols="50" rows="3" name="mensagem" id="mensagem"></textarea>
<br />
<input name="charset" type="hidden" value="UTF-8" />
<input type="submit" name="enviar" value="ENVIAR" onClick="submit" />
</p>
<br />
</form>

	<div style="float:right; text-align: center; width:380px; margin-right:20px; margin-top:60px; font-size: 16pt;">
    <p>Use o formulário ao lado e entre em contato conosco</p>
      <p><a href="mailto:vendas@sysma.com.br">vendas@sysma.com.br</a></p>
    </blockquote>
    <p>Tel.: (11) 5031-5694 / 5031-7860</p>
	</div>
     
    <div class="clearfloat"></div>
    </div></div>
    <!-- InstanceEndEditable -->
<div class="voltaraotopo">
<a href="#" id="subir">Voltar ao topo</a>    
</div>
    <div class="footer">


  <div class="container">
    <div class="fltlft">Contato: (11) 5031-5694 / (11) 5031-7860
    <br/>Mail: vendas@sysma.com.br
    <br/>Endereço: Rua Orlando Murgel, 614
    <br/>Jd. Aeroporto - São Paulo - SP
    <br/>CEP: 04358-090

    
    <br/> <div class="fltrt">Encontre-nos no: 
    
	<a href="https://www.facebook.com/www.sysma.com.br" target="blank"><img src="img/fb_logo.png" width="59" height="56" align="absmiddle" /></a>

    <a href="https://www.linkedin.com/in/sysma" target="blank"><img src="img/icon-linkedin.png" width="58" height="55" align="absmiddle" /></a>

    <a href="https://twitter.com/Sysma_Cabos" target="blank"><img src="img/icon-twitter.png" width="58" height="55" align="absmiddle"  /></a>
    
    </div></div>

		 <div class="clearfloat"></div>
    <!-- end .footer --></div></div>
    <!-- Google Analytics -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-7044166-1', 'auto');
  ga('send', 'pageview');

</script>
<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){ 
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>
</div>
</body>
<!-- InstanceEnd --></html>

CSS

@charset "utf-8";
body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Noto Serif', serif;
	font-style: normal;
	font-size: 12pt;
	overflow-x: hidden;
}

#tudo {
	width: 760px
	margin:0 auto;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	color: black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 48px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 80px;
}
h2 {
	font-size: 25px;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 40px; 
}
h3 {
    text-align: center;
	font-size: 80px;
	color: #023e66;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 280px;
}
h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500px;
	line-height: 30px;
}

h5 {
	margin-top: 0;
    margin-bottom: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
}

h6 {
	margin-top: 0;
    margin-bottom: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500px;
	line-height: 20px;
}

h4.empresa {
   font-family: arial, sans-serif-light, sans-serif;
   font-weight: lighter;
   font-size: 18pt;
}

p {
	text-align: left;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover, a:active, a:focus {
	color: #000;
}
.container {
	width: 990px;
	margin: 0 auto;
	margin-left: 220px;
}
.header {
	padding-top: 5px;
	background:#606060; 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: .9;
	background-repeat: repeat;
	position: relative;
	width: 1445px;
}

.conteudo {
	padding: 10px 0;
	font-size: 16pt;
	background-color: white;
	margin: auto;
	width: 1445px;
}

.content {

	background-color: white;
	width: 1445px;
	height: 870px;
}

.content2 {

	background-color: white;
	width: 1445px;
	height: 550px;
}

.content_cinza {
	
	background-color: #f2f2f2;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 4oopx;
	width: 1445px;
	margin-top: -200px;
}

.content_cinza2 {
	background-color: #F2F2F2;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 1025px;
	width: 1445px;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}
.footer {
	padding-top: 25px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
	color: #FFFFFF;
	height: 110px;
	width: 1445px;
	background-color: #606060;
	background-repeat: repeat;
	font-size: 12pt;
	font-weight: bold;
}

.espaco{
	height: 150px;
	padding-top: 200px;
}

/* ~~ flutuações diversas/limpeza de classes ~~ */

.fltrt {
	margin-top: -80px;
}

.fltrt {
	font-size: 40px;
	float: right;
	font-weight: 200;
	margin-right: -950px;
}
.fltlft {
	font-size: 20px;
	float: left;
	font-weight: 200;
	margin-left: -150px;
	line-height: 22px;
}
.fltlft {
	margin-top: -10px
}
.clearfloat { /* essa classe pode ser colocada em um <br /> ou em um div vazio como o elemento final que segue o último div flutuado (no #contêiner) caso o rodapé seja removido ou retirado do contêiner. */
	clear:both;
	height:0;
	line-height: 0px;
}

#slogan {
	padding-top: 50px;
	padding-right: 60px;
	float: right;
}



.atalho_servicos2 {
	height: 380px;
	width: 320px;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
}

div.atalho_servicos2 img {
	border: solid #3b5bff;
	border-style: ridge;
	border-spacing: 50%;
}

div.atalho_servicos2 img:hover {
	-webkit-transform: scale(1.5);
	-webkit-transition: all .4s ease-in;
}

.atalho_servicos {
	height: 380px;
	width: 320px;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	
}

div.atalho_servicos img {
	border: solid #3b5bff;
	border-style: ridge;
	border-spacing: 50%;
}

div.atalho_servicos img:hover {
	-webkit-transform: scale(1.5);
	-webkit-transition: all .4s ease-in;
}

.atalho_servicos3 {
	height: 380px;
	width: 320px;
	text-align: center;
	float: left;
	margin-left: 1025px;
	margin-right: 0px;
	margin-top: -742px;
	
}

div.atalho_servicos3 img {
	border: solid #3b5bff;
	border-style: ridge;
	border-spacing: 50%;
}

div.atalho_servicos3 img:hover {
	-webkit-transform: scale(1.5);
	-webkit-transition: all .4s ease-in;
}


.atalho_serv_conteudo {
	height: 225px;
	width: 250px;
	margin-left: 30px;
	margin-bottom: 10px;
}

.atalho_produtos {
	height: 185px;
	width: 195px;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
}

.atalho_produtos h4 {
	margin-bottom: 5px;
}

.atalho_produtos img{
    height: 120px;
	width: 120px;
}

.atalho_prod_conteudo {
	border: medium ridge #3b5bff;
	height: 120px;
	width: 120px;
	margin-left: 35px;
	margin-bottom: 10px;
}

#atalho_servicos2 {
	height: 390px;
	width: 970px;
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 25px;
	
}

#atalho_serv_conteudo2 {
	border: medium ridge #3b5bff;
	height: 290px;
	width: 870px;
	margin-left: 46px;
	margin-right: 46px;
	margin-bottom: 10px;
}

#atalho_galeria {
	height: 300px;
	width: 320px;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	
}

#atalho_galeria_cont {
	border: 4px ridge #3b5bff;
	height: 225px;
	width: 250px;
	margin-left: 30px;
	margin-bottom: 10px;
	border-radius: 8px;
}

.menu ul{
	text-align: center;
	font-size: 17pt;
	font-weight: bold;
	padding-top: 20px;
	float: right;
	margin-top: 18px;
}

.menu li{
	display: inline;
	padding-top: 5px;
	
}

.menu a{
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 30px;
	padding-bottom: 8px;
	font-family: 'Raleway', sans-serif;
}
.menu a:hover{
	color: #3b5bff;
	background-repeat: no-repeat;
	background-position: center top;
}

.menu_serv ul{
	text-align: center;
	font-size: 17pt;
	font-weight: bold;
	padding-top: 25px;
	float: right;
	margin-top: 15px;
}

.menu_serv li{
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	position: relative;
}

.menu_serv a{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	font-family: 'Raleway', sans-serif;
}
.menu_serv a:hover{
	color: #3b5bff;
}

.menu_serv ul li ul{
	float: left;
	text-align: center;
	visibility: hidden;
	position: absolute;
	top: 15px;

}

.menu_serv ul li:hover ul{
	visibility: visible;
}

.menu_serv ul li ul li{
	background-image: url(../img/back_header4.fw.png);
	background-repeat: repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 2px;
	padding-top: 5px;
	display: block;
	border-bottom: #ffffff
}

.selected {
	color: #3b5bff;
	padding-top: 30px;
	padding-bottom: 10px;
	background-image: url(../img/luz2.fw.png);
	background-repeat: no-repeat;
	background-position: center top;
}


@font-face {
	font-family: Candara;
	src: url(../Candara.ttf);
}



*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}

.voltaraotopo {
    z-index: 10;
    position: fixed;
    bottom: 4%;
    right: 3%;
    width: 13px;
    height: 50px;
    background-color: grey;
    border-radius: 6px;
}

.voltaraotopo {
    display: block;
    height: 50px;
    width: 110px;
    line-height: 50px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1em;
}

Desculpem-me pelo tamanho do problema, não sei mais a quem recorrer

Giovani · Abril 24, 2017

@Feh_Paiva, por favor, leia as regras do fórum. Não é legal ficar postando com uma fonte enorme, as pessoas não irão ler com mais vontade ... aliás ... acho que acontece o contrário.

Sobre a sua dúvida, seja claro no que não está carregando. Olhei rapidamente seu código e percebi que os arquivos "js-image-slider.css", "js-image-slider.js" e "script.js" não estão sendo carregados. Tente upar novamente estes arquivos.

Fabio Victor · Abril 24, 2017

Tem caminhos para arquivos que estão incorretos como pode ver no print abaixo. Revise os caminhos de suas pastas.

Entrar

Arquivado

Site desconfigurado

Recommended Posts

Feh_Paiva 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fabio Victor 25

Compartilhar este post

Link para o post

Compartilhar em outros sites

recuperando parametros simplexml_load_file

PHP+Codeigniter - Adicionar Registro Plano de Contas

Javascript - Passar Parâmetros para uma Função.

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante