@charset "utf-8";
@import "texto.css";

/*
Listagem de produtos
*/
#produtos li {
	text-align: justify;
	margin-bottom: 15px;
	padding: 15px 15px 15px 185px;
	border-bottom: 1px dotted #CDCDCF;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#produtos li.last { margin-bottom: 0; }
#lojas { background-image: url(../images/ico-lojas-virtuais.jpg); }
#hotsites {
	min-height: 134px;
	background-image: url(../images/ico-hotsites.jpg);
}
#papel { background-image: url(../images/ico-papel-de-carta.jpg); }
#site-gerente { background-image: url(../images/ico-site-gerente.jpg); }
#rich-media { background-image: url(../images/ico-rich-media.jpg); }
#websites { background-image: url(../images/ico-websites.jpg); }
#email-mkt { background-image: url(../images/ico-email-mkt.jpg); }
#hospedagem { background-image: url(../images/ico-hospedagem.jpg); }
#multimidias { background-image: url(../images/ico-multimidias.jpg); }

#produtos h2 {
	text-indent: -9999px;
	height: 22px;
	margin-bottom: 10px;
	background-image: url(../images/sprite_produtos.png);
	background-repeat: no-repeat;
}
#lojas h2 { background-position: 0 0; }
#hotsites h2 { background-position: 0 -22px; }
#papel h2 { background-position: 0 -44px; }
#site-gerente h2 { background-position: 0 -66px; }
#rich-media h2 { background-position: 0 -88px; }
#websites h2 { background-position: 0 -110px; }
#email-mkt h2 { background-position: 0 -132px; }
#hospedagem h2 { background-position: 0 -154px; }
#multimidias h2 { background-position: 0 -176px; }

#produtos li strong {
	color: #658217;
	font-weight: normal;
	display: block;
	margin-bottom: 10px;
}
#produtos li a { text-decoration: none; color: #3E3F44; }
#produtos li a:hover {
	color: #000;
	text-decoration: underline;
}
#produtos li a.mais {
	float: right;
	margin-top: 10px;
}
/*
Fim: Listagem de produtos
*/

/*
Visualização de produto
*/
#galeria { margin: 25px 5px 15px; }
.texto h2 { text-transform: none; }
#exemplos li {
	list-style: none;
	float: left;
	width: 33.3%;
	margin: 0 0 2px;
}
#exemplos li a {
	color: #EEE;
	line-height: 2em;
	text-indent: 8px;
	text-decoration: none;
	display: block;
	margin-right: 2px;
	background-color: #555;
}
#exemplos li a:hover { background-color: #6C8800; }
/*
Fim: Visualização de produto
*/