body {
	background-image: url("fondo816body.png");
	background-size: 100vw 100vh;
	background-attachment: fixed;
	margin: 0;
	font-family: monospace;

}
 
 /*===================MEMBRETE===========================================================*/	

	.contenedor {
	width: 700PX;
	/*max-width: 1000px;*/
	margin: 0 auto;
	overflow: hidden;
}
	

.center {
	display: flex;
	justify-content: center;
	aling-items: center;
	
	background-color: orange;  /* color de fonfo encabezado */


	border-radius: 60px;
	padding: 20px;
	/*height: 100vh;*/
	/*top: -17px;*/
	
}




/*-------------------------------------------------------------------*/ 
/* empieza el cuerpo */

#titnos {
text-align: center;

	border:0px outset green;
	color: blue;
	width: 550PX;
/*	width: 800px;*/
	margin: auto;
	background: rgba(0,0,0,0.4); 
	/*background-color: black;*/
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 30px;

}

/*.titmvv{
width: 800px;
	color: green;
	text-align: center;
	margin: auto;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 20px;*/
	
}
.container{
	background: rgba(0,0,0,0.4);

	padding: 1em;
	overflow: hidden;
}
.item{
width: 500PX;
/*width: 90%;*/
/*width: 400px;*/
    margin: 1em;
	padding: 1em;
	color: withe;
	float: left;
}
#item1{
	border:5px outset green;
	color: black;
	border-radius: 20px;
	}
#item2{

/*width: 600PX;*/
/*HOLA2*/
	border:5px outset green; blue";
	color: black;
	border-radius: 20px;
	

}
#item3{

.auto-style3: red; 
 margin-left:500px;
width: 700PX;
/*hola*/
	border:5px outset green;
	color: black;
	border-radius: 40px;
	
}