/* CSS Document */
/*PLANTILLA 18 VIDEO*/

/*--- Enlaces seleccion media: fotos o videos ---*/
#contenido #bloqueCen .media {
	width: 98%;
	margin-left: 0;
	padding-left: 1em;
	padding-bottom: .2em;
	background: url(../img/separadorModulos.gif) left bottom repeat-x;
}

	#contenido #bloqueCen .media li {
	  display: inline;
	  margin-right: -3px;
	  padding: 0 4px;
	  border-left: 1px solid #000000;
	  list-style: none;
	}
		
		/*--- Estilo enlaces ---*/
		#contenido #bloqueCen .media li a {
		  padding: 0 2px;
		  font-size: .9em;
		  color: #000000;
		  text-decoration: none;
		}
		
		#contenido #bloqueCen .media li a:hover,
		#contenido #bloqueCen .media li a.seleccionado{
			background: #000000;
			color: #fff;
		}
		
		#contenido #bloqueCen .media li.primero { border: 0 }
		
/*--- Listado videos ---*/
#contenido #bloqueCen .listaVideos {
	margin: 1.6em 0 0 0;
	padding: 0;
}

	/*--- Lado izquierdo ---*/
	#contenido #bloqueCen .listaVideos dt {
		float: left;
		width: 70%;
	}

		#contenido #bloqueCen .listaVideos dt strong {
			display: block;
			padding: .1em .4em;
			background: #c5c5c5;
			color: #5a5a5a;
			border-bottom: 1px solid #666;
		}
			
			/*--- Se asigna el color de fondo al punto despues del titular ---*/
			#contenido #bloqueCen .listaVideos dt strong .colorFondo {
				color: #c5c5c5;
			}
		
		#contenido #bloqueCen .listaVideos dt .datos {
			clear: both;
			display: block;
			padding: .5em 2em 0 1em;
			
		}
	
	/*--- Lado derecho ---*/
	#contenido #bloqueCen .listaVideos dd {
		float: left;
		width: 29.5%;
		margin-left: 1px;
		padding-left: 1px;
		padding-bottom: 1em;
		background: url(../img/separadorModulos.gif) top left repeat-y;
	}

		#contenido #bloqueCen .listaVideos dd strong {
			display: block;
			margin-left: 1px;
			padding: .1em .8em;
			background: #c5c5c5;
			color: #5a5a5a;
			border-bottom: 1px solid #666;
		}
			
			/*--- Se asigna el color de fondo al punto despues del titular ---*/
			#contenido #bloqueCen .listaVideos dd strong .colorFondo {
				color: #c5c5c5;
			}
			
		#contenido #bloqueCen .listaVideos dd .datos {
			clear: both;
			display: block;
			padding: .5em 0 0 .8em;
			color:#000000;
		}

			#contenido #bloqueCen .listaVideos dd .datos img {
				vertical-align: bottom;
			}

			#contenido #bloqueCen .listaVideos dd .datos .descargar {
				padding-left: 7%;
			}
			
			#contenido #bloqueCen .listaVideos dd .datos img {
				border: 0;
			}
	
/*--- Lista Abajo ---*/
#contenido #bloqueCen #listaAbajo {
	clear: both;
	border-top: 3em solid #fff;
}