div.top {
	height:10px; 
	background-image:url(top_line2.gif); 
	background-repeat: repeat-x; 
	margin:2em 0 0 0;}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content { 
	background-image:url(left_line2.gif); 
	background-repeat:repeat-y; 
	background-color: #FFFFFF; }
	
div.boxcontrol { padding:0 5% 0 5%; 
	background-image:url(right_line2.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:10px; 
	background-image:url(btm_line2.gif); 
	background-repeat: repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

h1 {
	margin:0;
	font-size: 14px;
	font-weight: bold;
	color: #FFCC33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align:center;
	margin:-.1em 0 0 0; 
}
h2 {
	margin:0;
	font-size: 9px;
	color: #2B588C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align:center;
	margin:-.1em 0 0 0;
	font-weight: lighter;
}

	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  \margin-left:-3; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 
.detall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #2B588C;
}
