html, body{
	width:100%;
	height:100%;
}

#cont{
	width:100%;
	height:100%;
/*	border:5px solid red;*/
}

#barra{
	width:80%;
	height:5%;
	background-color:grey;
/*	border:5px solid red;*/
}

.cuad1{
	float:left;
	width:320px;
	height:320px;
	margin-left:10px;
	margin-bottom:10px;
/*	border:1px solid red;*/
}

.cuad2{
	clear:left;
	float:left;
	width:320px;
	height:320px;
	margin-bottom:10px;
/*	border:1px solid red;*/
}

.letra1{
	font-family:arial;
	font-size:40px;
	color:red;
}
.letra1a{
	background-color:#33ccff;
}

.letra2{
	font-family:arial;
	font-size:20px;
	color:blue;
}

.letra2a{
	background-color:#cc99ff;
}

#lado{
	float:left;
	position:relative;
	top:400px;
	width:460px;
	transform:rotate(270deg);
/*	border:1px solid red;*/
	font-family:arial;
	font-size:20px;
}

#corpo{
	clear:left;
	float:left;
	width:600px;
}

#izq{
	float:left;
}
figure{
	float:left;
}