@charset "UTF-8"
        
	.wrap { 
        margin:0 auto;
        overflow: hidden; 
        text-align: center;
    }
	ul {
        width: 1050px;
        margin:auto;
        padding:0;
    }
	li {
        list-style:none;
        float:center; 
        display:block;
        margin:0 3%;
    }
	

	.juego {
		padding:1em 1em 1em 1em; 		
		text-align: center;	
		
		-webkit-transition: all 300ms ease-out;
		   -moz-transition: all 300ms ease-out;
		    -ms-transition: all 300ms ease-out; 
		     -o-transition: all 300ms ease-out;
		        transition: all 300ms ease-out;
	}		
	.juego img {
		margin:auto;
		display:block;	
		
		-webkit-transform: scale(.9);
		   -moz-transform: scale(.9);
		    -ms-transform: scale(.9);
		     -o-transform: scale(.9));		
		        transform: scale(.9);
	
		-webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		   -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		    -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		     -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		        transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);	
		
	}	
	.juego:hover {
		background-color:#666666;
		background-color: rgba(102, 102, 102,.3);
		-webkit-border-radius: 10px;
		border-radius: 10px;		
		cursor: pointer;
	}	
	
	.juego:hover img {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1));
		-ms-transform: scale(1);
		transform: scale(1);
	}	
			
	
	/* Estilos para la tipo */
	h1, h2, p {color: #666666;}
	
	h1 {
		color:white;
		font-weight: bold;
		font-style: italic;
	}
	h2 {
		font-family:Arial, sans-serif;
		font-size:1em;
		color:#2d7233;
		margin:1em 0 0 0;
	}
	p {
		font-family:Arial, sans-serif;
		font-size:.8em;
		margin:.5em 0 1em 0;
	}

    .pie{
	    position: relative;
	    top: 98%;
	    text-align: center; 
    }