body 
{
	font-family: Arial;
	margin: 0;
	padding: 0;
	/* background-color: #dddddd; */
}
#principal
{
	width: 720px;
	margin-left: 250px;
	margin-right: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	text-align: center;
}
#logo
{
	margin: 10px;
}
#productos
{
	margin-top: 30px;
	margin-bottom: 30px;
}
.producto
{
	cursor: pointer;
	margin-top: -5px;
	margin-bottom: -5px;
}
#data
{
	width: auto;
	margin: 20px;
}
#pie
{
	margin: 20px;
	clear: both;
	font-size: x-small;
	color: #cccccc;
}
#contacto
{
	text-align: right;
	padding: 5px 15px 5px 0px;
	border-right: solid 3px #aaaaaa;
	width: 120px;
	float: left;
	margin: 10px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	height: 90px;
}
#contacto-nombre
{
	color: #ffcc00;
	font-size: 14px;
}
#informacion
{
	border-right: solid 3px #aaaaaa;
	width: 250px;
	margin: 10px;
	/* background-color: #ffff99; */
	float: left;
}
#showcase
{
	padding: 5px 15px 5px 0px;
	border-right: solid 3px #aaaaaa;
	float: left;
	width: 220px;
	margin: 10px 0 10px 10px;
	background-color: #CCFF66;
	height: 210px;
}
.body-orange
{
	background-color: #f4b215;
}
.body-blue
{
	background-color: #4bdad8;
}
.body-red
{
	background-color: #eb3f3f;
}
.body-green
{
	background-color: #11d873;
}
.body-grey
{
	background-color: #CCCCCC;
}
#info-intro
{
	background-color: #fff;
	color: #ccc;
	font-size: 90%;
	padding: 15px;
}
.info-detalle
{
	padding: 10px;
	border: solid 1px #ffcc00;
	margin: 10px;
	font-size: 110%;
	font-weight: bold;
}
#info-disenyo-web
{
	background-color: #eb3f3f;
	color: #fff;
}
#info-programacion
{
	background-color: #11d873;
	color: #fff;
}
#info-reingenieria
{
	background-color: #f4b215;
	color: #fff;
}
#info-disenyo-grafico
{
	background-color: #4bdad8;
	color: #fff;
}