<style type="text/css">
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CCC;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	background-image:url(img/fondo.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CCC;
}

a{
	text-decoration:none;
	color:inherit;
	
	}

.columna{
	float:left;
	position:relative;
	width:99%;
	}

.botonera{ 
	width:19.2%; 
	float:left; 
	margin:auto; 
	overflow:visible;
	margin-left:1%;
	}
	
.logo{ 
	width:96%; 
	padding:2%;
	opacity:.6;
	}
	
ul{  
	margin:0;
	padding:0;
	list-style:none;
	}
	
li{ 
	padding:8px;
	width:94%; 
	margin-bottom:3px;
	text-align:left;
	background-color:#000;
	border-radius:10px;
	transition:all 1s;
	opacity:.7
	}
	
li:hover{ 
	background-color: #CCC;
	color: #000;
	text-align:right;
	transition:all 1s;
	opacity:.3;
	
	}
	
.fotos{ 
	clear:both; 
	overflow:visible;
	margin-left:1%;

	
	}
	
.foto{ 
	overflow:hidden;
	width:3%; 
	height:400px;
	float:left;
	background-position:center; 
	background-repeat:no-repeat;
	background-size:cover; 
	opacity:.2;
	border-radius:10px 10px 0 0;
	border-bottom:#fff solid 5px; 
	margin:0.1%;
	transition:all 1s;
	position:relative;
	z-index:999999; !important 
	
	}
	
.foto:hover{ 
	width:83%; 
	opacity:1;
	transition:all 1s; 
	
	}
	
.descripcion{
	margin-top:500px;
	background-color:#000;
	opacity:.7;
	transition:all 1s;
	height:200px;
	padding:10px;
	
	}

.foto:hover .descripcion{
	margin-top:190px;
	transition:all 1s; 
	}
.fotoLogo{
	background-image:url(img/loguito-fotos.png);
	background-position:right;
	background-repeat:no-repeat;
	height:150px;
	width:100%;
	margin-top:0;
	opacity:0;
	}

.foto:hover .fotoLogo{
	opacity:1
	}
.cont{
	width:75%;
	float:left;
	position:relative;
	margin-left:22%;
	margin-top:-600px;
	text-align:center;
		z-index:2; !important}
.titulo{
	width:96%;
	font-size:16px;
	color:#000;
	text-align:right;
	background-color:#CCC;
	border-radius:10px;
	padding:2%;
	}
.texto{
	font-size:12px;
	font-weight:normal;
	padding:2%;
	text-align:left;
	width:96%;
	
	
}

.video{
	width:100%; height:100px; float:left; position:relative; margin:2%; margin-top:0; clear:both;overflow:hidden; transition:all 1s; opacity:0.3; 
	
	border-top:#FFF 2px solid;
	border-bottom:#FFF 20px solid;
	}

.video:hover { height:400px;transition:all 1s; opacity:1; border-radius: 0px; 
border-top:#000 2px solid;
border-bottom:#000 20px solid;
	}

.videoDesc{
	width:100%; text-align:right; margin:0%;
	}

</style>