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

/*--- 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 #646464; list-style: none}
		
/*--- Estilo enlaces ---*/
#contenido #bloqueCen .media li a {  padding: 0 2px; font-size: .9em;  color: #646464;  text-decoration: none;}
#contenido #bloqueCen .media li a:hover, #contenido #bloqueCen .media li a.seleccionado{ background: #646464; color: #fff}
#contenido #bloqueCen .media li.primero { border: 0}		

/*--- Listado fotos ---*/
#contenido #bloqueCen .listaFotos { margin: 3em 0 0 0;	padding: 0;}
#contenido #bloqueCen .listaFotos .titularLinea{ background-color:#CCCCCC; color:#000; margin:0px 0px 10px 0px; padding:0px 0px 0px 5px}
#contenido #bloqueCen .listaFotos li {float: left; margin: 1em 0 0 0; list-style: none}
#contenido #bloqueCen .listaFotos li div {float: left; width:47%; margin:0px 10px 0px 0px}
	html>body #contenido #bloqueCen .listaFotos li div { width:240px}
		
/*--- Imagen ---*/
#contenido #bloqueCen .listaFotos  div .imagen {float: left; width: 8em; margin: 0; padding: 0;	}
#contenido #bloqueCen .listaFotos  div a img {border-width: 4px;	border-color: #646464;}
#contenido #bloqueCen .listaFotos  div a:hover img {	border-color: #bf5b15;}

/*--- Descripcion ---*/
#contenido #bloqueCen .listaFotos  div h2 {	margin: 0;padding: 0; color: #DD6A1C; font-size: 1em;}
#contenido #bloqueCen .listaFotos  div p {margin: 0;	padding: 0}
			
/*--- Fecha */
#contenido #bloqueCen .listaFotos  div p em {color: #646464;}
			
/*--- Enlace "leer mas" ---*/
#contenido #bloqueCen .listaFotos  div .enlace { padding:0px; margin:5px 0px 0px 0px; float:right}
#contenido #bloqueCen .listaFotos  div .enlace a {padding-right: 1em;	background: url(../img/flechaDobleDcha.gif) right center no-repeat;color: #646464;	}
#contenido #bloqueCen .listaFotos  div .enlace a:hover {color: #bf5b15;text-decoration: none}

/*--- Lista Abajo ---*/
#contenido #bloqueCen #listaAbajo {clear: both;	border-top: 3em solid #fff}