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

.menu{
       width:100%;
       background:black;
       list-style:none;
       margin:0;
       padding:0;
       font-size:20px;
}
.menu li{
               display:inline-block;
} 
.menu li a{
                padding:10px 60px;
                display:inline-block;
               color:white;
}
.menu li a:hover{
                   background:grey;
                   color:black;
                   text-decoration:none;
}

#logo{
	width:10%;
	height:10%;
	float:left;
}

#bandera{
	width:3%;
	height:3%;
	float:right;
}

.nav{
	width:100%;
	height:5%;
	clear:both;
	background-color:#666699;
	margin:auto;
	text-align:center;
}

#art{
	width:55%;
	height:85%;
	float:left;
/*	border:3px solid black;*/
}

.this{
	font-family:verdana;
	font-size:50px;
}

#lorem1{
	font-family:verdana;
	font-size:20px;
	justify-content:justify;
/*	border:3px solid black;*/
}
#derecha{
	width:30%;
	height:85%;
	float:right;
/*	border:3px solid black;*/
}

.lista{
	height:30%;
	width:70%;
	font-family:verdana;
	font-size:20px;
	background-color:#ccffff;
	justify-content:justify;
	/*border:3px solid black;*/
}

.lista li{
		padding:3%;
}

hr{
	clear:both;
	width:100%;
	color:black;
	box-shadow:none;
	size:3%;
}

.trio{
	width:30%;
	float:left;
	padding:1%;
/*	border:3px solid black;*/
}

.flores{
	width:100%;
	height:15%;
	align-content:center;
/*	border:3px solid black;*/
}

.pie{
	font-family:verdana;
	font-size:10px;
/*	background-color:#ccffff;*/
/*	border:3px solid black;*/
}
.read{
	font-family:verdana;
	font-size:10px;
	text-align:right;
}

.titulillo{
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}