/* Este es el CSS para las cajas en general, como las de las OFICINAS REGIONALES */
/* Las imágenes para esta cajita están en "(images3/...)" adentro del folder "styles" del root directory  */


The CSS: 
/* Show only to IE PC \*/

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox2 {
	margin: 0 auto; /* center for now */
	width: 600px; /* en ems para que crezca o en pixeles para ancho fijo */
	background: url(../styles/images4/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
}
.boxhead2 {
	background: url(../styles/images4/sbhead-r.jpg) no-repeat top right;
	margin: 15;
	padding: 10;
	text-align: left;
}
.boxhead2 h2 {
	background: url(../styles/images4/sbhead-l.jpg) no-repeat top left;
	margin: 0;
	padding: 10px 15px 5px 10px; /* Valores son "top, right, bottom, left" */
	color: white; 
	font-weight: strong; 
	font-size: 1.0em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxhead2 h3 { 
	font-weight: normal; 
	font-size: .85em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxmiddle2 {
	background: url(../styles/images4/sbmiddle-m.jpg) no-repeat top right;
	margin: 15;
	padding: 10;
	text-align: left;
}
.boxbody2 {
	background: url(../styles/images4/sbbody-l.jpg) no-repeat bottom left;
	margin: 0;
	padding: 20px 0px 20px 10px; /* Valores son "top, right, bottom, left" */
}

/* unvisited link */
a:link {
	text-decoration: none;
	color:#89137f
}

/* visited link */
a:visited {
	text-decoration: none;
	color:#89137f
}

/* mouse over link */
a:hover {
	text-decoration: none;
	color:#0033ff
}

/* selected link */
a:active {
	text-decoration: none;
	color:#89137f
}