body {
	font-family: Arial, Tahoma, Verdana;
	font-size:0.75em;
	background-color: #e8f4fb;
}
h3{
	list-style-image: url("../img/flecha_home.gif");
	font-size: 16px;
	color:#6dbad2;
	padding:0px 0px 5px 0;
	margin:0px;
	line-height:14px;
}
h3 .nombre {
	display:block;
	color:#255264;
	font-size:0.9em;
	font-weight:normal;
	padding:0 25px;
}
h3 img, h3 {
	vertical-align:middle;
}
h3 span {
	padding-right:28px;
}
h4 {
	border-top: 1px dashed #6dbad2;
	color:#666;
	padding:5px 25px;
	font-size:1em;
	margin:0px;
	font-weight:normal;;
}
/*-- capa de la derecha de los trabajos  --*/

#diseno {
	float:right;
	text-align:right;
	width:500px;
}

#diseno .col-C {
	width:435px;
	height:290px;
	padding:11px;
	margin:auto;
	border:1px solid #6dbad2;
	background-color:#fff;
}
* html #diseno .col-C {
	margin:0px 21px 0px 0px;
}
#diseno .col-D {
	width:480px;
	margin:0px 0px;
	padding:18px;
}
* html #diseno .col-D {
	width:480px;
	margin:15px 28px 0 0px;
	padding:0px 0px 10px 18px;
}


/* -------------------- */
#diseno .cuadrosPeq {
	float:left;
	width:57px;
	height:57px;
	border:1px solid #6dbad2;
	margin:0 8px 8px 0px;
}
#diseno .cuadrosPeq img { 
	border:0px;
}
#loadarea {
	color:#4191AF;
}
#loadarea img {
	margin:0px 0px 25px 0px;
	padding-left:0px;
}
* html #loadarea img {
	margin:0px 0px 10px 0px;
}

.clear {
	clear:both;
}