html, body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 16px;
	font-size: 11px;
	background-color:#000000;
	background-image:url(images/topo_fundo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
	p{
	text-indent: 20px;
	text-align:center;
	line-height: 16px;
}

#tudo{
	position:relative;
	width:100%;
	height:600px;
	margin:0 auto;
}
  

 
						/*            TOPO          */
	
	
	
						
#topo{
	position:relative;
	height: 197px;
	width: 960px;
	padding-top:5px;
	margin:0 auto;
}

#logo_sepel{
	position:relative;
	float:left;
	width:750px;
	height:197px;
}

#noticias{
	position:relative;
	float:left;
	width:275px;
	margin-bottom:5px;
	padding-left:4px;
}
#menu{
	position:absolute;
	width:auto;
	height:auto;
	left: 211px;
	top: 84px;
}


						/*            PAGINAS          */
						



#pagina_index{
	position:relative;
	width:960px;
	height:650px;
	margin:0 auto;

}
#pagina_empresa{
	position:relative;
	width:960px;
	height:500px;
	margin:0 auto;

}

#pagina_servicos{
	position:relative;
	width:960px;
	height:500px;
	margin:0 auto;

}

#pagina_solucoes{
	position:relative;
	width:960px;
	height:500px;
	margin:0 auto;

}

#pagina_noticias{
	position:relative;
	width:960px;
	height:500px;
	margin:0 auto;

}

#col_esq_empresa{
	position:relative;
	float:left;
	width:460px;
	height:400px;
	padding-top:20px;
	padding-right:15px;
}
#col_dir_empresa{
	position:relative;
	float:left;
	width:483px;
	height:440px;
	top: 20px;
}

#col_esq_ini{
	position:relative;
	float:left;
	width: 680px;

}

#col_dir_ini{
	position:relative;
	float:left;
	width: 279px;
	top: 45px;

}


#banner_ani{
	position:relative;
	float:left;
	widows:400px;
	height:268px;
	width: 680px;
}

#img_saiba_mais{
	position:relative;
	float:left;
	width:680px;
	top: 50px;

}
#txt_saiba_mais{
	position:relative;
	float:left;
	width:680px;
	height:197px;
	top: -130px;

}
#solucoes{
	position:relative;
	float:left;
	width:279px;
}

#marcador_servicos{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	top: 15px;
}

#marcador_empresa{
	position:relative;
	float:left;
	width:auto;
	height:auto;
}

#marcador_noticias{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	top: 15px;
}

#marcador_contato{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	top: 15px;
}

#marcador_solucoes{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	top: 15px;
}

#fibras{
	position:relative;
	float:left;
}

#cabeamento{
	position:relative;
	float:left;
}

#instalacoes{
	position:relative;
	float:left;
}

#seguranca{
	position:relative;
	float:left;
	width:auto;
}

#formulario{
	position:relative;
	float:left;
	width:400px;
	height:250px;
	top: 20px;
	left: 10px;
}
#endereco_contato{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	left: 130px;
	top: 20px;
}









						/*            RODAPE          */
						
						
						
						






						/*            CLASS            */
						



 .borda{
 border:3px solid #CCCCCC;
	top: 150px;
	top: 150px;
	top: 20px;
	left: 10px;
	top: 10;
	top: 10px;
 }
 
.img_icone{
	margin-bottom:7px;
	}
 
.icones_rapido_ini{
	position:relative;
	float:left;
	width:161px;
	margin-right:9px;
	text-align:left;
	top:0px;
	height: 250px;
}
.logo_empresa{
	position:relative;
	float:right;
	top: -80px;
	left: -70px;
}
.img_servicos{
float:left;
margin-right:10px;
margin-bottom:15px;
}
.destaque_servicos{
	position:relative;
	float:left;
	width:400px;
	height:125px;
	margin:0px 14px 10px 0px;
	text-align:left;
	top:20px;
}
.fone{
	font-weight:bold;
	font-size:14px;
}
.email{
	font-weight:bold;
	font-size:12px;
}

.img_fone_email{
	position:relative;
	float:left;
}