* {
	margin:0 auto;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:0;
}

html, body {
	background:#000;
	height:100%;
	margin:0 auto;
}

body {
	padding:0px; 
	margin:0px; 
	background:url(../img/mainbg.gif) 0 0 repeat-x #fff; 
	color:#666; 
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#conteudo {
	width:1000px;
	height:auto;
	margin:0 auto;
	text-align:center;
}

	#conteudo div {
		float:left;
	}
	
	#conteudo #topo {
		width:1000px;
		height:153px;
		margin:21px 0 0 0;
	}
	
	#conteudo #portifolio {
		width:100%;
		height:207px;
		background:#8faec9;
	}

	#conteudo #portifolio img {
		float:left;
		border:0;
	}

	#conteudo #portifolio #bordaportifolio {
		margin:18px 10px 0 30px;
		
	}
	
	#conteudo #portifolio #bordaportifolio #bloco {
		float:left;
		margin:0 10px 0 0;
	}

	#conteudo #portifolio #bordaportifolio #bloco img {
		border:2px solid #000;
	}

	#conteudo #portifolio #bordaportifolio #bloco p {
		color:#FFF;
		font-size:16px;
	}

	#conteudo #imgsolucoes {
		float:right;
		height:36px;
		margin-top:-225px;
		border:0;
		background:url(../img/imgsolucoes.gif) no-repeat;
	}


	#conteudo #servicos {
		width:100%;
		height:207px;
		background:#abc2d7;
	}

	#conteudo #servicos #item {
		width:400px;
		text-align:left;
		float:left;
		margin:5px 0 0 35px;
	}

	#conteudo #servicos #item h1 {
		background:#FFF;
		padding:10px;
		margin-bottom:10px;
		border-right:1px dotted #000;
		font-size:20px;
		color:#abc2d7;
		text-decoration:none;
	}

	#conteudo #servicos #item h1 a:hover {
		color:#a91e25;
		text-decoration:underline;
		
	}

	#conteudo #servicos img {
		float:left;
		border:0;
	}

	#conteudo #clientes {
		width:100%;
		height:207px;
		background:#8faec9;
	}

	#conteudo #clientes img {
		float:left;
		border:0;
	}

	#conteudo #clientes #quadro {
		margin:15px 0 0 41px;
	}

	#conteudo #clientes #quadro #borda img {
		float:left;
		border:2px dotted #666;
	}

	#conteudo #hosting {
		width:100%;
		height:203px;
		background:#005197;
		margin:5px 0 0 0;
		border:1px solid #FFF;
	}

	#conteudo #hosting img {
		float:left;
		border:0;
	}

	#conteudo #hosting #host {
		float:left;
		width:400px;
		margin:15px 0 0 37px;
	}

	#conteudo #hosting #host #planos {
		float:left;
	}

	#conteudo #hosting #host #planos p {
		text-align:left;
		color:#FFF;
		margin-bottom:2px;
	}

	#conteudo #hosting #host #planos p a {
		color:#FFF;
	}
	
	#conteudo #hosting #host #planos p a:hover {
		color:#FF0;
	}

	#conteudo #hosting #formulario {
		float:right;
		width:400px;
		margin:8px 0 0 37px;

	}

	#conteudo #hosting #formulario img {
		float:left;
		border:0;
		margin:-8px 0 0 0;
	}

	#conteudo #hosting #formulario input {
		width:250px;
		padding:3px;
		margin:3px;
		border-left:2px solid #8faec9;
	}

	#conteudo #hosting #formulario textarea {
		width:250px;
		height:65px;
		padding:3px;
		margin:3px;
		border-left:2px solid #8faec9;
	}
	

	#conteudo #contato {
		width:100%;
		background:#FFF;
		margin:5px 0 0 0;
		
	}

	#conteudo #contato #w3c {
		width:1000px;
		float:left;
		margin:3px 0 0 0;
		
	}


	#conteudo #contato #w3c img a {
		float:left;
		margin:3px;
	}

	#conteudo #contato h1,h2,h3,h4,h5 {
		margin:10px 0 2px 0;
	}



/* Tamanho das Fontes */
.f9 {
	font-size:9px;
}
.f10 {
	font-size:10px;
}
.f11 {
	font-size:11px;
}
.f12 {
	font-size:12px;
}
.f14 {
	font-size:14px;
}
.f18 {
	font-size:18px;
}
.f24 {
	font-size:24px;
}
.f30 {
	font-size:30px;
}

/* Tipos de Fontes */
.arial {
	font-family:Arial, Helvetica, sans-serif;
}
.trebuchet {
	font-family:Trebuchet MS, Arial, Helvetica;
}
.verdana {
	font-family:Verdana, Arial, Helvetica;
}

/* Cores das Fontes */
.branca {
	color:#FFF;
}
.preta {
	color:#000;
}
.cinza {
	color:#8a8a8a;
}
.vermelho {
	color:#990000;
}
.verde {
	color:#5e9439;
}
.verde2 {
	color:#31872c;
}
.verde3 {
	color:#287d56;
}

.vermelho2 {
	color:#DD0000;
}

/* Estilos */
.b {
	font-weight:bold;
}
.i {
	font-style:italic;
}
.justify {
	text-align:justify;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:underline;
}

