/*------------------------------------------------------------------------
Marco de CSS
------------------------------------------------------------------------*/
div.fr{
 height:100%;
}
div.i1{ 
 background: transparent url(../test/bottom.png) repeat-x bottom;

}
div div.i2{ 
 background: transparent url(../test/top.png) repeat-x top; 

} 
div div div.i3{ 
 background: transparent url(../test/left.png) repeat-y left; 

} 
div div div div.i4{ 
 background: transparent url(../test/right.png) repeat-y right; 

} 
div div div div div.i5{ 
 background: transparent url(../test/righttop.png) no-repeat top right; 

}
div div div div div div.i6{ 
 background: transparent url(../test/rightbottom.png) no-repeat bottom right;

}
div div div div div div div.i7{ 
 background: transparent url(../test/leftbottom.png) no-repeat bottom left;

}

/*----------------------------------------------------------
SUPERHACK para error de IE6.0
El padding no funciona bien en IE6.0, es por eso que colocamos * html div...
ya que solo internet explorer reconoce ese comando
----------------------------------------------------------*/

div div div div div div div div.i8{ 
 background: transparent url(../test/lefttop.png) no-repeat top left;
 padding:10px 0em 1px 0em;
}

* html div div div div div div div.i8 {
	background: transparent url(../test/lefttop.png) no-repeat top left;
    padding:1em 0em 0em 0em;
}

/*HTML para colocar el frame
<div class="framed"><div><div><div><div><div><div><div>  
				Content goes here
</div></div></div></div></div></div></div></div>
*/