@charset "utf-8";
/* Fonte: http://www.webstandards.blog.br/css/rodape-fixo/ */

/* contendo float */
.contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contemfloat { display: inline-block; }

/* Hides from IE-mac \*/
* .contemfloat { height: 1%; }
.contemfloat { display: block; }
/* End hide from IE-mac */

.conteudoInfo
{
	position:relative;
	float:left;
	width:667px;
	min-height:100px;
	margin-bottom:30px;
}

.conteudoInterno { width: 507px }

.conteudoEspacamento
{
	position:relative;
	float:left;
	width:47px;
	height:120px;
	min-height:150px;
}

.conteudoBox
{
	position:relative;
	float:left;
	width:310px;
	min-height:120px;
	margin-bottom:10px;

}

.conteudoBoxIcone
{
	position:relative;
	float:left;
	width:75px;
	height:75px;
}

.conteudoBoxTexto
{
	position:relative;
	float:left;
	width:234px;
	min-height:150px;
}

.conteudoBoxTextoRodape
{
	position:relative;
	float:right;
	width:60px;
	height:1px;
}

#bg_color{width:100%; height:359px; position:absolute; left:0px; background-image:url(../imagem/art/bg_conteudo.jpg)}

.conteudoInterno p { margin-left:10px;}

.faixa { margin-left:-3px; width:173px; height:28px; margin-bottom:10px}
.faixaBgHospedagem {  background:url(../imagem/art/faixa.png); }
.faixaBgWeb { background:url(../imagem/art/faixa-web.png); }
.faixaBgProvedor { background:url(../imagem/art/faixa-provedor.png); }

.example { width:540px; height:auto; margin:auto; overflow:auto; } 
.example li { width:180px; height:180px; float:left; display:block;}
.example li div { width:175px; height:175px;  background-color:#CCC; text-align:center; } 
.example li div p { margin:5px 0 5px 0; }