body{
    
    font-family: Calibri;
    padding: 10px 20px;
	/* Imagen Fondo inicio */
	
	  background:url(../images/libros.jpg);
	 /* background-repeat:no-repeat;  */
	  background-attachment:fixed;  /*para que el fondo quede quieto y solo se muevan las letras*/
	 /*background-position:500px 200px;  /*pongo en cualquier lugar de la pantalla*/
	  /*background-position:center 0;     lo centra*/
	/*  Imagen Fondo fin */
}

h1 {
	color: #FFFFFF;
	background-color: #ffbd33;
	padding: 10px;
	border-radius:0 20px;
}

h2 {
	   position: absolute;
       left: 550px;  /*se mueve horizontalmente*/
       top:85px;  /*mueve verticalmente*/
	   color: #FFFFFF;
	   font-size:24pt;
	}
h3 {
	   position: absolute;
       left: 550px;  /*se mueve horizontalmente*/
       top:250px;  /*mueve verticalmente*/
	   color: #FFFFFF;
	   font-size:16pt;
	}	

/*para imagenes*/

.rojo{
height: 400px;   /* altura */
width: 400px;    /* anchura */
background-color: red;
border: 2px green solid;
color:#ffff;  /* para la letra*/
/*background:#00FFFF;  /*  contenedor */
transform: rotate(0deg) scale(0.853) skew(-9deg) translate(21px);	
}


#movido{
position: relative;
left: 100px;  /*se mueve horizontalmente*/
top:0%;  /*mueve verticalmente*/
}

.verde{
height: 400px;   /* altura */
width: 400px;    /* anchura */
background-color: green;
border: 2px green solid;
color:#ffff;  /* para la letra*/
/*background:#00FFFF;  /*  contenedor */
	
}


#movido2{
	
position: absolute;
left: 700px;  /*se mueve horizontalmente*/
top:120px;  /*mueve verticalmente*/
}

img{
   
   width:95%;  /*  anchura */
   height:95%;  /* altura */
   /*margin:auto;*/
   display:block;  /*  se pone para que la imagen se pueda centrar en el contenedor */
   margin-left: auto;  /*centra */
   margin-right: auto;   /*centra */
   /*border-radius:50%;   borde redondeado 50px(queda mejor) */
   /* box-shadow: 5px 5px 0px #000;  sombra */
   /*padding:10px;  /* dibuja un borde al rededor de la imagen */
   border:3px solid #FFFFFF;   /* dibuja un borde al rededor de la imagen */
}

#movido3{
position: relative;
left: 100px;  /*se mueve horizontalmente*/
top:0%;  /*mueve verticalmente*/
}

#movido4{
position: relative;
left: 700px;  /*se mueve horizontalmente*/
top:-40px;  /*mueve verticalmente*/
}

input{
	height: 50px;   /* altura */
    width: 100px;    /* anchura */
}