@charset "utf-8";
/* CSS Document */

/*#body {
    font-family: Calibri;
    line-height: 20px;
    background: #white;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	/*width: 40em*/
.sangria5 {
	padding-left: 5px;
}
.arribadch {
	font-family: Calibri;
	font-size:16px;
	font-weight: bold;
	float: right;
}

#title {
	    font-family: Calibri;
			font-size:30px;

	}
#abuelo {

	height:100%;

}
#padre {
	position: relative;
	font-family:Calibri;
	font-size:28px
	height:90%;
	background: white; /* #E0E0E0;*/
	border:1px;
    border-color:black;
    border-style:solid;
	width:60%;
	margin-left: auto;
    margin-right: auto;
	
}
#hijo {
	position: relative;

    width:80%;
    margin-left: auto;
    margin-right: auto;

}

#content{
text-align: left;
width: 100%;
margin: auto;}

#lateral{
width: 40%;  /*Este será el ancho que tendrá tu columna*/
text-align: left;
float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

#principal{
margin-left:20%; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
text-align: left;
float:right;

}