﻿.sinutilizar {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. */




/* This style sheet is intended to contain OFTEN CHANGED rules used when the GridView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */

.MultimediaGridView .AspNet-GridView 
{
    border: none;
    width: 100%;
   
}


.MultimediaGridView .AspNet-GridView div.AspNet-GridView-Pagination,
.MultimediaGridView .AspNet-GridView div.AspNet-GridView-Pagination a,
.MultimediaGridView .AspNet-GridView div.AspNet-GridView-Pagination span
{
    background: #E9F5DA;
    font-weight: normal;
    text-align: center;
    height: 2em;
    margin-bottom: 0.3em;
    padding-top: 0.4em;
}

.MultimediaGridView .AspNet-GridView div.AspNet-GridView-Top
{
}

.MultimediaGridView .AspNet-GridView div.AspNet-GridView-Bottom
{
    margin-top: 0.3em;
}

.MultimediaGridView .AspNet-GridView table
{
    border: none;
    width: 100%;
}

.MultimediaGridView .AspNet-GridView table thead tr th
{
    color: #465239;
    background:url(bg-fade-light.png) repeat-x bottom;
    font-weight: bold;
}

.MultimediaGridView .AspNet-GridView table thead tr th a
{
    color: #465239;
}

.MultimediaGridView .AspNet-GridView table tbody tr td
{
    color: #333333;    
    text-align:left;
    
}

.MultimediaGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background:url(bg-fade-light-short.png) repeat-x;
}

.MultimediaGridView .AspNet-GridView table tbody tr.AspNet-GridView-Selected td
{
}

.MultimediaGridView .AspNet-GridView table tfoot tr td
{
}



/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleGridView .GridView-Skin-Header
{
    background:url(bg-fade-light.png) repeat-x bottom;
}

#SampleGridView .GridView-Skin-AlternatingRow
{
    background:url(bg-fade-light-short.png) repeat-x;
}











/* ------------------------------------------------------------------- */
/* Tabla Multimedia Principal*/
/* ------------------------------------------------------------------- */
.tablaMultimedia{
	width:198px;
}
.tablaMultimedia .filaEncabezado{
	background-image: url(/imagenes/multimedia/INVICOMultimedia_r1_c1.jpg);
	background-repeat: no-repeat;
	height:51px;
}
.tablaMultimedia .filaTitulo{
	background-image: url(/imagenes/multimedia/INVICOMultimedia_r2_c1.jpg);
	background-repeat:repeat-y;
	
}
.tablaMultimedia .filaTitulo .texto{
	font-size: 0.8em;
	color: #FFFFFF;
	margin-left:5px;
	margin-right:5px;
	text-align:left;
	line-height: 12px;
}
.tablaMultimedia .filaVideo{
	background-image: url(/imagenes/multimedia/INVICOMultimedia_r3_c1.jpg);
	background-repeat: no-repeat;
	height:160px;
	text-align:center;
	vertical-align:text-top;
	background-color:#003366;
}
.tablaMultimedia .filaBotones{
	background-image: url(/imagenes/multimedia/INVICOMultimedia_r4_c1.jpg);
	background-repeat: no-repeat;
	height:27px;
	vertical-align:middle;	
}

/*
.tablaMultimedia .filaBotones .enlace{
	text-align:left;
	float:left;
	margin-left:10px;
}
.tablaMultimedia .filaBotones .boton{
	text-align:right;
	float:right;	
}
*/
.tablaMultimedia .filaBotones input{
	margin-right:10px;
	float:right;
}
.tablaMultimedia .filaBotones a,
.tablaMultimedia .filaBotones a:link{
	color:#FFFFFF;	
	float:left;
	margin-left:10px;
}

#videoCargando {
	float:left;
	background-color:#FF99FF;
	position:relative;
}

#videoContenedor {	
	top:0px;
	color:#FFFFFF;
	z-index:200;
}





/* ------------------------------------------------------------------- */
/* Listado de Multimedia
/* ------------------------------------------------------------------- */
.tablaMultimedia{}
.tablaMultimedia tr
{
	border-bottom: #a9a9a9 1px solid;
	padding-bottom:15px;
}



/* ------------------------------------------------------------------- */
/* Item Multimedia
/* ------------------------------------------------------------------- */
#MultimediaItem{}
#MultimediaItem .desc
{	
	margin-left:190px;
}
#MultimediaItem .desc .titulo
{
	font-weight: bold;
	font-size: 1.2em;
	color: #003366;
	font-family: Arial, Tahoma, Verdana;
}
#MultimediaItem .desc .bajada{}
#MultimediaItem .desc .duracion
{
	color: #a9a9a9;
}
#MultimediaItem .desc .duracion .tiempo
{
	font-weight:bold;
}
#MultimediaItem .video
{
	float: left;
	width: 183px;
	background-image: url(/imagenes/multimedia/MultimediaItem_Fondo.jpg);
	background-repeat: no-repeat;
}
