h1.tittle {
	margin-top:50px;
	font-size:54px;
	text-shadow: 1px 1px 2px #888;
}

.videos {
	text-align:left; 
	padding-top:20px; 
	padding-bottom:40px; 
	background-color:#fefefe; 
	box-shadow:inset 0px 0px 10px 2px #ddd; 
	margin-left:-20px; 
	width:100%;
}
.videos li {
	background-color:#fff; 
	width:185px; 
	height:135px; 
	display:inline-block; 
	padding-left:15px; 
	padding-right:15px; 
	box-shadow: 0px 0px 2px 0px #ddd; 
	position:relative;
	transition: all 0.1s linear; 
	-moz-transition: all 0.1s linear; 
	-webkit-transition: all 0.1s linear; 
	-o-transition: all 0.1s linear;
}
.videos li:hover { 
	box-shadow: 0px 0px 2px 1px #bbb; 
}
.videos li .play { 
	width:185px; 
	height:135px; 
	position:absolute; 
	top:0; 
	background-image:url(../imagenes/playbutton.png); 
	opacity:0.85;
}
.videos li .title { 
	width: 185px; 
	height: 128px; 
	position:absolute; 
	top:15px;
}
.title a {
	text-decoration:none;
}
.title p { 
	text-align: center; 
	opacity: 0; 
	color:#fff; 
	text-shadow:1px 1px #333; 
	font-size:18px; 
	font-family:cantarell; 
	transition: all 0.3s linear; 
	-moz-transition: all 0.3s linear; 
	-webkit-transition: all 0.3s linear; 
	-o-transition: all 0.3s linear;
}
.videos li .imag { 
	width:215px; 
	height:135px; 
	position:absolute; 
	top:0; 
	left:0; 
	background-color:#000; 
	opacity:0; 
	transition: all 0.3s linear; 
	-moz-transition: all 0.3s linear; 
	-webkit-transition: all 0.3s linear; 
	-o-transition: all 0.3s linear;
}
.videos li:hover .imag {
	opacity:0.0;
}
li:hover .blur { 
	-webkit-filter:blur(2px); 
	-moz-filter:blur(2px); 
	filter:blur(2px);
}
li:hover p {
	opacity: 0.9;
}
li:hover .play {
	background-image:url(../imagenes/playbutton_over.png); 
	opacity:0.9;
}
ul.videos li span {
	position:absolute; 
	top:140px; 
	color:#666; 
	font-family:cantarell; 
	width:185px; 
	text-align:center;
}
ul.videos li:hover span { 
	color:#169ae5;
}