body {
         font: 14px Helvetica;
         background-color:#f8344b;}
		
        a:link   
                {   
         text-decoration:none;   
		 font-family:arial;
         font-size:18px;
         color:white;
         }  
         a:hover
                 {
		color:white;
		}		 
		a:visited
		{
		color:white;
		}
 
         article {
		  font-family:arial;
	      color:#FFF; 
	      font-size:17px;
          margin: 4px;
          padding: 10px;
          border: 2px solid #f8344b;
          border-radius: 7pt;
          background:#f8344b;
		  text-align:left;
		  text-decoration:justify;
          -webkit-flex: 3 1 30%;
                  flex: 3 1 30%;
          -webkit-order: 2;
                  order: 2;}
     		  
        header {
          
          margin: 4px;
          padding: 20px;
          min-height: 100px;
          border: 2px solid #cdc9c9;
          border-radius: 7pt;
          background:black;
		  font-style:italic;
	      color:white;
		  text-align:center;
			
		  }
		  
        footer {
          font-family:arial;
	      color:white; 
	      font-size:16px;   
          display: block;
          margin: 4px;
          padding: 5px;
          min-height: 10px;
          border: 2px solid #FFF;
          border-radius: 7pt;
          background:#f8344b;
		  text-align:center;}






ul#galeria { list-style: none; 
            position: absolute;
			top: 400px;
			left:300px;}
ul#galeria li { float:left;  }
ul#galeria li img {
  width: 400px;
  border: 2px solid #fff;
  opacity: 1; }
ul#galeria img:hover {
  opacity: 1;
  z-index:100;
  -moz-transform:scale(9);                   /* zoom en navegador Firefox */
  -webkit-transform:scale(2);                /* zoom en navegador Chrome y Safari */
  -o-transform:scale(2); }                   /* zoom en navegador Opera */
ul#galeria li:nth-child(1n) { float: none; }
/* cambiando el 3 variamos el nº de imágenes por fila */

/* IE no soporta la propiedad transform de CSS 3 */