BODY { 
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	background: url(img/nuevo_banner.jpg) no-repeat top left; 
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1383px;
}

html{
	background: #000000 url(img/pie.jpg) repeat-x bottom left;
	
}

#pagina{
	margin: 0px 0px 200px 0px;
	padding: 170px 0px 150px 230px;
}

img
{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	border-style:solid;
	border-width:1px;
	border-color:#000000;

}
img:hover
{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	border-style:solid;
	border-width:1px;
	border-color:#7e05e4;
}


img.banner 
{
	border-width:0px;
	opacity:1.0;
	filter:alpha(opacity=10); /* For IE8 and earlier */
	border-style:solid;

}

 img:hover.banner 
{
	border-width:0px;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	border-style:solid;
}


#banner_derecha{
	top: 100px;
	right: 0px;
	margin-right: 0px;
	padding: 0px 0 0;
	position: fixed;
	text-align: center;
	width: 100px;
	z-index: 0;
	opacity:1.0;
}

#banner_derecha:hover {
	top: 100px;
	right: 0px;
	margin-right: 0px;
	padding: 0px 0 0;
	position: fixed;
	text-align: center;
	width: 100px;
	z-index: 0;
	opacity:1.0;
}

/* Media query rules to override previous rules, as necessary */
@media screen and (max-width: 1200px) { 
   #banner_derecha { display: none; } 
}


ul {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }
 
 li {
position: relative;
float: left;
width: 190px;
height: 120px;
overflow: hidden;
margin: 0px 0px 0px 0px;

}

.info {
	 display: none;
	 position: absolute;
	 bottom: 0;
	 z-index: 10;
	 background: rgba(19, 0, 59, 0.5);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
	 width: 190px;
	 color: #FFF;
	 padding: 10px;
	 margin: 0px 0px 0px 0px;
}

li:hover .info {
	display: block;
}





  .imgteaser { /* es el bloque general */
    margin: 0 auto; /* lo centramos */
    overflow: hidden;
    position: relative;
    width:190px; /* establecemos el ancho total (imagen + marco) */
  }
  .imgteaser a {text-decoration: none;}
  .imgteaser a:hover {cursor: pointer;}
  .imgteaser a img { /* la imagen en si misma */
    background-color: #456; /* el color del marco */
    border: none;
    margin: 0;
    width: 190px; /* forzamos el tamaño de la imagen */
  }
  .imgteaser a .desc {display: none;}
  .imgteaser a:hover .more {visibility: hidden;}
  .imgteaser a:hover .desc { /* es el texto del caption en si mismo */
    background:rgba(0, 0, 0, 0.8); /* color de fondo rgba(19, 0, 59, 0.8);*/
    display: block;
    margin: 0;
    width: 168px; /* ocupará el mismo ancho de la imagen */
	height: 88px;
    /* las propiedades del texto */
    color: #FFF;
    font-size: 12px;
    padding: 10px;
    /* transparencia */
    filter:alpha(opacity=75);
    opacity:.75;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
    /* lo posicionamos abajo y a la derecha sin importar la altura de la imagen */
    position: absolute;
    bottom: 0px;
    left: 0px;
	border-style:solid;
	border-width:1px;
	border-color:#7e05e4;

  }
  .imgteaser a:hover .desc strong { /* el texto LEER MAS */
    display: block;
    font-size: 14px;
  }
  
  #titulo_miniatura {
		font-family: 'Denk One', sans-serif;
		font-size: 14px;
		margin: 0px 0px 5px 0px;
		
	}
	
#texto_miniatura {
	font-family: 'BenchNine', sans-serif;
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	line-height: 95%;
}

p.titulo_video{
		font-family: 'Denk One', sans-serif;
		text-shadow: 1px 1px 1px #fff;
		font-size: 28px;
		margin: 50px 0px 5px 0px;
		color:#5803a1;
}

p.descripcion_video{
		font-family: 'BenchNine', sans-serif;
		font-size: 20px;
		margin: 10px 0px 100px 0px;
		color:#ffffff;
}