/* Layout de 2 columnas floated, con arreglo javascript adjustHeight()
:general */
.left, .right {margin: 0; padding: 0;}
.left {	float: left; width: 542px; height:100%;  }
.right {float: right; width: 213px; height: 100%; }
.clearer {clear: both; font-size: 1px;}
.recuadro {height: 100%; /* <-- para adjustHeight() */}

/*columa :left*/
DIV.left .recuadro {float:left;padding: 5px; }
DIV.left H1 {}
DIV.left H2 { background-color: transparent; background-image: none; padding: 0; margin-top: 1em;}
DIV.left TABLE {margin: 1em 0;}
DIV.left UL UL LI {margin-bottom: 0; margin-top: 0;}
/* columna :right*/
DIV.right H3 {color: #666; border-top: 1px dotted #a5a5a5; padding-top: .5em; margin-top: 1.5em;}
DIV.right H3.prim {margin: 1em 0 1em 0; border: 0;}
.ult {border-bottom: 1px dotted #a5a5a5;}
DIV.right {color: #666;}
DIV.right .recuadro {
width: 200px;
padding-bottom: 3em;
float: right;}
DIV#id-servicios {
	width: 203px; height: 148px;
	background-image: url(../servicios/ID-servicios.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}